@charset "UTF-8";
/* CSS Document */

body {
	margin:0px;
	padding:0px;
	border:0px;
	background-image:url(images/bg_top.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#003487;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	line-height:13pt;
	color:#FFF;	
}

a:link {color:orange; text-decoration:none;}
a:hover {color:#FFFFFF; text-decoration:none;}
a:visited {color:orange; text-decoration:none;}
a:active {color:orange; text-decoration:none;}



/* LAYOUT */

.center {
	width:920px;
	margin:0px auto;
}

#header {
	width:100%;
	height:186px;
	overflow:hidden;
	background-image:url(images/head.jpg);
	background-repeat:no-repeat;
}x

#navi {
	width:100%;
	height:40px;
	overflow:hidden;
}

#spacer_1 {
	width:100%;
	height:12px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

#coverflow {
	width:100%;
	height:250px;
	padding:8px 0px 0px 0px;
	overflow:hidden;
}

#spacer_2 {
	width:100%;
	height:30px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

#content {
	
}


 
 
 
#start_left {
	float:left;
	width:300px;
	min-height:852px;
	background-image:url(images/trenner_vertical.png);
	background-position:top right;
	background-repeat:no-repeat;
}

#start_right {
	float:left;
	width:600px;
}


#show_left {
	float:left;
	width:600px;
	background-image:url(images/trenner_vertical.png);
	background-position:top right;
	background-repeat:no-repeat;	
}

#show_right {
	float:left;
	width:310px;
	min-height:852px;
}






.clear {
	clear:left;
}

#footer_trennlinie {
	background-image:url(images/abschluss_linie.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:100%;
	height:7px;
}

#dark {
	width:100%;
	height:auto;
	padding:20px 0px 40px 0px;
	margin:20px 0px 0px 0px;
	background-image:url(images/footer_uebergang.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#013588;
}


#footer_left {
	float:left;
	width:300px;
}

#footer_right {
	float:left;
	width:600px;
}





/* Navigation */

#navi_list {
	list-style:none;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	overflow:hidden;
}

.navi_point {
	float:left;
	padding:0px;
	margin:0px;
	border:0px;
}



/* Content */

.headline_left {
	width:90%;
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
	background-image:url(images/30prozent.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

.headline_right {
	width:100%;
	padding:0px 0px 15px 20px;
}


.headline_show_left {
	width:100%;
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
}

.headline_show_right {
	width:100%;
	padding:0px 0px 15px 20px;
}



.content_left {
	width:90%;
	padding:0px 0px 60px 0px;
}

.content_left_show {
	width:95%;
	padding:8px 0px 20px 0px;
	margin:0px 20px 0px 0px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	line-height:13pt;
	color:#FFF;
	text-align: justify;
	background-image:url(images/absatz_abschluss.png);
	background-position:bottom;
	background-repeat:repeat-x;		
}

.content_right_show {
	width:100%;
	padding:0px 0px 80px 20px;
}


.content_right_subheadline {
	width:100%;
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
	text-transform:uppercase;
	color:#FFF;
	background-image:url(images/30prozent.png);
	background-position:bottom;
	background-repeat:repeat-x;	
}

.content_left_show_subheadline {
	width:95%;
	padding:0px 0px 5px 0px;
	margin:0px 20px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
	text-transform:uppercase;
	color:#FFF;
	background-image:url(images/30prozent.png);
	background-position:bottom;
	background-repeat:repeat-x;	
}

.content_right {
	width:100%;
	padding:8px 0px 0px 0px;
	margin:0px 0px 0px 20px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	line-height:13pt;
	color:#FFF;
	text-align: justify;
	background-image:url(images/absatz_abschluss.png);
	background-position:bottom;
	background-repeat:repeat-x;		
}

.content_nachoben {
	width:100%;
	text-align:right;
	padding:0px 0px 50px 20px;
}

.content_show_nachoben {
	width:95%;
	text-align:right;
	padding:0px 20px 50px 0px;
}

.content_monthgroup {
	width:100%;
	padding:15px 0px 15px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
	text-transform:uppercase;
	color:orange;
}

/* Footer */

.footer_headline {
	padding:0px 0px 10px 0px;
}

.footer_content_left {
	width:90%;
	color:#86919e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height:10pt;
}

.footer_content_right {
	width:100%;
	padding:0px 0px 30px 0px;
	margin:0px 0px 30px 0px;
	color:#86919e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height:10pt;
	text-transform:uppercase;
	background-image:url(images/30prozent.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

#picswitch {
	padding:20px 0px 80px 20px;
}



/* SHOWLIST */

.list_show {
	padding:12px 0px;
	background-image:url(images/30prozent.png);
	background-position:bottom;
	background-repeat:repeat-x;
}




/* VIDEOLIST */

.list_vid {
	padding:12px 0px;
	background-image:url(images/30prozent.png);
	background-position:bottom;
	background-repeat:repeat-x;
}




/* DOWNLOADLIST */

.list_down {
	padding:12px 0px;
	background-image:url(images/30prozent.png);
	background-position:bottom;
	background-repeat:repeat-x;
}


/* TV TERMINE */
.tvlist {
	color:orange;
	font-family:Arial, Helvetica, sans-serif;	
}



/* LINKS */
a.list_show_l:link { 
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13pt;
	text-transform:uppercase;
	text-decoration:none;
}

a.list_show_l:visited { 
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13pt;
	text-transform:uppercase;
	text-decoration:none;
}

a.list_show_l:focus { 
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13pt;
	text-transform:uppercase;
	text-decoration:none;
}

a.list_show_l:hover { 
	color:#d7834a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13pt;
	text-transform:uppercase;
	text-decoration:none;
}

a.list_show_l:active { 
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13pt;
	text-transform:uppercase;
	text-decoration:none;
}







a.vidplay:link { 
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	text-transform:uppercase;
	text-decoration:none;
}

a.vidplay:visited { 
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	text-transform:uppercase;
	text-decoration:none;
}

a.vidplay:focus { 
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	text-transform:uppercase;
	text-decoration:none;
}

a.vidplay:hover { 
	color:#d7834a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	text-transform:uppercase;
	text-decoration:none;
}

a.vidplay:active { 
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	text-transform:uppercase;
	text-decoration:none;
}



a.audplay:link { 
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	text-transform:uppercase;
	text-decoration:none;
}

a.audplay:visited { 
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	text-transform:uppercase;
	text-decoration:none;
}

a.audplay:focus { 
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	text-transform:uppercase;
	text-decoration:none;
}

a.audplay:hover { 
	color:#d7834a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	text-transform:uppercase;
	text-decoration:none;
}

a.audplay:active { 
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	text-transform:uppercase;
	text-decoration:none;
}








a.list_load:link { 
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	text-transform:uppercase;
	text-decoration:none;
}

a.list_load:visited { 
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	text-transform:uppercase;
	text-decoration:none;
}

a.list_load:focus { 
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	text-transform:uppercase;
	text-decoration:none;
}

a.list_load:hover { 
	color:#d7834a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	text-transform:uppercase;
	text-decoration:none;
}

a.list_load:active { 
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	text-transform:uppercase;
	text-decoration:none;
}



a.mainmenu:link { 
	color:#86919e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height:10pt;
	text-transform:uppercase;
	text-decoration:none;
}

a.mainmenu:visited { 
	color:#86919e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height:10pt;
	text-transform:uppercase;
	text-decoration:none;
}

a.mainmenu:focus { 
	color:#86919e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height:10pt;
	text-transform:uppercase;
	text-decoration:none;
}

a.mainmenu:hover { 
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height:10pt;
	text-transform:uppercase;
	text-decoration:none;
}

a.mainmenu:active { 
	color:#86919e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height:10pt;
	text-transform:uppercase;
	text-decoration:none;
}


/* Navi Dropdown JS */
#nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(three_1a.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #eeeeee; padding:3px; white-space:nowrap; width:auto; min-height:25px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{min-height:25px; position:relative; width:auto; font-weight:normal;}
#nav li:hover ul.sub li a
{font-size:13px; min-height:25px; width:auto; line-height:25px; text-indent:5px; color:#254b74; text-decoration:none;}
#nav li:hover ul.sub li a:hover 
{min-height:25px; background:#eeeeee; color:#c7935b; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#6a812c url(arrow_over.gif) 147px 6px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;} 
