@charset "utf-8";

/*
 *
 * Reset CSS!
 *
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* remember to define focus styles! */:focus {
    outline: 0;
}

ol, ul {
    list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}
/*****************************************************************/

body {
	background:url(../img/bg_footer_middle.png) repeat;
	min-width:1021px;
}

#header_wrapper {
	background:url(../img/bg_top.png) repeat-x;
	height:91px;
}

#page_wrapper {
	background:url(../img/bg_middle.png) repeat;
}

#page_botton_wrapper {
	background:url(../img/bg_bottom.png) repeat-x;
	height:70px;
}

#footer_top_wrapper {
	background:url(../img/bg_footer_top.png) repeat-x top;
	height:13px;
}

#footer_wrapper {
	background:url(../img/bg_footer_middle.png) repeat;
}

#header {
	width:1021px;
	height:91px;
	background:url(../img/page_bg.png);
	margin:0 auto;
}

#page {
	width:881px;
	background:url(../img/page_bg.png);
	margin:0 auto;
	padding:0 70px;
}

#page_bottom {
	width:1021px;
	height:91px;
	background:url(../img/page_bottom_bg.png);
	margin:0 auto;
}

#header_main {
	height:74px;
	border-style:solid;
	border-width:0 0 1px 0;
	border-color:#153965;
	margin:0 70px;
}

#logo {
	width:261px;
	height:51px;
	background:url(../img/ip_logo.png) no-repeat;
	margin:16px 0 0 2px;
	display:block;
	float:left;
}

#menu_wrapper {
	width:580px;
	height:73px;
	float:right;
}

.clear_fix {
	clear:both;
}

a.menu_item {
	display:block;
	float:right;
	height:29px;
	padding:45px 23px 0 23px;
	margin:0 1px;
	color:#565656;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:0.9em;
}

#menu_item_dunkelblau {background:url(../img/menu_bg_normal_dunkelblau.png) repeat-x;}
#menu_item_dunkelblau:hover {background:url(../img/menu_bg_hover_dunkelblau.png) repeat-x; color:#153965;}
#menu_item_dunkelblau_selected {background:url(../img/menu_bg_hover_dunkelblau.png) repeat-x #153965; color:#fff;}

#menu_item_blau {background:url(../img/menu_bg_normal_blau.png) repeat-x; }
#menu_item_blau:hover {background:url(../img/menu_bg_hover_blau.png) repeat-x; color:#669ed4;}
#menu_item_blau_selected {background:url(../img/menu_bg_hover_blau.png) repeat-x #669ed4; color:#fff;}

#menu_item_orange {background:url(../img/menu_bg_normal_orange.png) repeat-x; }
#menu_item_orange:hover {background:url(../img/menu_bg_hover_orange.png) repeat-x; color:#da750f;}
#menu_item_orange_selected {background:url(../img/menu_bg_hover_orange.png) repeat-x #da750f; color:#fff;}

#menu_item_gelb {background:url(../img/menu_bg_normal_gelb.png) repeat-x; }
#menu_item_gelb:hover {background:url(../img/menu_bg_hover_gelb.png) repeat-x; color:#cbc42d;}
#menu_item_gelb_selected {background:url(../img/menu_bg_hover_gelb.png) repeat-x #cbc42d; color:#fff;}

#menu_item_grau {background:url(../img/menu_bg_normal_grau.png) repeat-x; }
#menu_item_grau:hover {background:url(../img/menu_bg_hover_grau.png) repeat-x; color:#7987a4;}
#menu_item_grau_selected {background:url(../img/menu_bg_hover_grau.png) repeat-x #7987a4; color:#fff;}

#slider_wrapper {
	float:left;
	width:652px;
	height:291px;
}

#next_dates_wrapper {
	float:right;
	width:193px;
	min-height:291px;
	background:url(../img/next_dates_bg.png) repeat-y left;
	padding:0 0 0 16px;
}

#next_dates_wrapper .title{background:url(../img/next_dates_title.png) no-repeat left #153965; height:24px;}
#next_dates_wrapper .content{padding:4px 2px 6px 6px; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#565656; text-align:justify;}
#next_dates_wrapper .content .date{font-weight:bold; color:#000; font-size:0.9em; text-transform:uppercase;}

#right_content_wrapper {float:right;width:320px;}

#konzept_wrapper {width:320px; margin-bottom:18px;}
#konzept_wrapper .title{background:url(../img/konzept_title.png) no-repeat left #669ed4; height:24px; margin-bottom:10px;}
#konzept_wrapper .content{padding:4px 2px 4px 2px; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#565656; text-align:justify;}
#konzept_wrapper a.see_more{display:block; background:url(../img/mehr_anzeigen_blau.png) no-repeat; width:103px; height:18px; float:right;}

#partner_wrapper {width:320px;}
#partner_wrapper .title{background:url(../img/partner_title.png) no-repeat left #cbc42d; height:24px; margin-bottom:10px;}
#partner_wrapper a.see_more{display:block; background:url(../img/mehr_anzeigen_gelb.png) no-repeat; width:103px; height:18px; margin-top:12px; float:right;}


#iplive_wrapper {
	float:left;
	width:525px;
	min-height:300px;
	background:url(../img/iplive_bg.png) repeat-y left;
	padding:0 0 0 16px;
}

#iplive_wrapper .title{background:url(../img/iplive_title.png) no-repeat left #da750f; height:24px;}
#iplive_wrapper .blog_wrapper{margin:15px 15px 30px 15px; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#565656;}
#iplive_wrapper .blog_wrapper .date{margin-bottom:15px;}
#iplive_wrapper .blog_wrapper .photo_wrapper{float:left; width:132px; height:132px; margin-right:10px;}
#iplive_wrapper .blog_wrapper .title_content_wrapper{float:left; width:350px;}
#iplive_wrapper .blog_wrapper .title_content_wrapper .blog_title{color:#da750f; font-size:1.1em; text-transform:uppercase;}
#iplive_wrapper .blog_wrapper .title_content_wrapper .blog_content{padding:5px 0; color:#000; text-align:justify; font-size:0.97em;}
#iplive_wrapper .blog_wrapper .title_content_wrapper a.blog_read_more{display:block; background:url(../img/mehr_lesen_orange.png) no-repeat; width:85px; height:18px; float:right;}


#footer {
	width:981px;
	margin:0 auto;
	padding:0 20px;
}

#social_wrapper {
	float:left;
	width:200px;
}

#foot_nav_wrapper {
	float:right;
	width:600px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
#foot_nav_wrapper .foot_nav_element {display:block; float:right; margin:0 5px; padding:0 15px; text-decoration:none; color:#aaa;}
#foot_nav_wrapper .foot_nav_element:hover {color:#ccc;}

#copyright_wrapper {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#ccc;
	margin:20px 0;
}
#copyright_wrapper a {color:#ccc; text-decoration:none;}
#copyright_wrapper a:hover {color:#aaa;}