@charset "utf-8";

/* INFO lightbox.css, style.css, style2.css combined into 1 css */

/* CSS Document */
/*
Maße:		Main:				960 x *
				Header:			960 x 104;
				Menu:				960 x 25;
				Aufmacher:	710 x 400;	Content:	686 x 376;
				Promobox:		710 x 200;	Content:	686 x 153;
				Inhalt:			710 x 608;	Content:	686 x 584;
				Infobox kl:	710 x 300;	Content:	218 x 253 (160);
								gr:							Content:	452 x 253 (160);
				Funkt.-box:	242 x 883;	Content:	210 x 851;
				 Werbung kl: 218 x 227;	Content: 218 x 196;
								 gr: 218 x 397;	Content: 218 x 366;
				Footer:			960 x 25;
*/

/* ##### Allgemein ##### */
html, body { padding:0; margin:0; background:url(gfx/bg.jpg) repeat-x; }
img { border:0; }
.main { width:960px; padding-top:4px; padding-left:8px; padding-right:8px; background:#FFF; }

/* ##### Header ##### */
.header { position:relative; width:960px; height:104px; margin-bottom:8px; }
.header_menu ul {
	position:absolute;
	width:427px;
	top:29px;
	left:597px;
	margin:0;
	padding:0;
	border:0;
	font:12px Arial,sans-serif;
}
.header_menu ul li { list-style:none; float:left; }
.header_menu ul li a img { border:0; }
#header_menu li ul { display: none; }
#header_menu li:hover ul { display: block; }
.header_mehr ul { background-color:#FFF; position:absolute; top:21px; right:2px; border:1px solid #CCC; left:auto; width:auto; }
.header_mehr ul li { background-color:#FFF; text-transform:uppercase; font-weight:bold; clear:both; display:block; float:none; }
.header_mehr ul li a { color:#000; text-decoration:none; padding:3px 12px 0 12px; height:17px; white-space:nowrap; display:block; float:none; }
.header_mehr ul li a:hover { background-color:#F0F0F0; padding:3px 12px 0 12px; height:17px; display:block; float:none; width:311px; }

/* ##### Hauptmenü ##### */
.menu { width:960px; height:25px; margin-bottom:8px; background-image:url(gfx/menu_bg.gif); font:12px Arial,sans-serif; }
.menu_spacer_left { width:3px; height:25px; background-image:url(gfx/menu_spacer_l.gif); float:left; }
.menu_spacer_right { width:3px; height:25px; background-image:url(gfx/menu_spacer_r.gif); float:right; }
.menu ul { padding:5px 14px; list-style:none; float:left; width:926px; margin:0; }
.menu ul li { color:#FFF; display:inline; padding-right:4px;}
.menu ul li a { color:#FFF; text-decoration:none; font-weight:normal; text-transform:uppercase; }
.menu ul li a:hover { color:#CCC; }

/* ########## Content Links ########## */
.content_links { width:710px; margin-bottom:8px; float:left; }

/* Aufmacher (mit Promobox) */
.aufmacher_border { width:694px; height:384px; padding:8px; background-color:#CCC; margin-bottom:8px; }
.aufmacher { width:686px; height:376px; padding:4px; background-color:#FFF; }
.aufmacher_content { position:relative; width:670px; height:376px; padding-right:16px; }
.aufmacher_content img, .aufmacher_content .flashcontent { float:left; margin:0; padding:0; border:0; }
.aufmacher_content h2 { float:right; width:204px; margin:62px 0 0 0; padding:8px 0 8px 0; background:url(gfx/border_sw.gif) top repeat-x;
												font:normal 30px Arial,sans-serif; color:#333; }
.aufmacher_content p { float:right; width:204px; margin:0; padding:12px 0 0 0; font:16px Arial,sans-serif; color:#666; background:url(gfx/border_sw.gif) top repeat-x; }
.aufmacher_content p a { color:#666; text-decoration:none; }
.aufmacher_content p a:hover { text-decoration:underline; }

.aufmacher_menu { position:absolute; top:513px; left:182px; width:288px; height:24px; }
.aufmacher_leiste { float:right; }
.aufmacher_img { float:left; cursor:pointer; }
.aufmacher_pfeil { position:absolute; bottom:25px; right:30px; }
.aufmacher_video_button { position:relative; top:153px; left:190px; }

/* Promobox */
.promobox_border { width:694px; height:184px; padding:8px; background-color:#CCC; margin-bottom:8px; }
.promobox {  width:694px; height:184px; background-color:#FFF; }
.promobox h1 { background-color:#000; padding:4px 8px; height:15px; margin:0; color:#FFF; font:normal 12px Arial,sans-serif; text-transform:uppercase; }
.promobox_content { width:686px; height:151px; margin:4px; }


/* Inhalt (ohne Promobox) */
.inhalt_border { width:694px; height:592px; padding:8px; margin-bottom:8px; background-color:#CCC; }
.inhalt { width:686px; height:584px; padding:4px; background-color:#FFF; }
.inhalt_content { position:relative; width:686px; height:584px; }
.inhalt_content img { overflow:hidden; float:left; }

/*Content Allgemein*/
.inhalt_content_img { width:314px; float:left; margin-right:16px;}
.inhalt_content_img img { margin-bottom:4px; float:left; }
.inhalt_content h2 { float:left; width:260px; padding:8px 0 5px 0; margin:72px 0 0 0; font:normal 33px Arial,sans-serif; text-transform:uppercase; }
.inhalt_content h3 { float:left; width:260px; padding:10px 0 20px 0; margin:0px; font:normal 14px Arial,sans-serif; text-transform:uppercase; }
.inhalt_content h5 {  }
.inhalt_content_wm { position:absolute; top:30px; left:604px; width:80px; height:100px; }

.inhalt_content_text { width:336px; padding-right:16px; float:left; height:412px; overflow:auto; }
.inhalt_content_text h4 { font:bold 13px Arial,sans-serif; color:#000; padding:10px 0; margin:0; }
.inhalt_content_text p { font:13px/17px Arial,sans-serif; margin:0 0 10px 0; }
.inhalt_content_text img { margin:15px 0; border:0; }
.inhalt_content_flagge { position:absolute; top:50px; left:620px; width:70px; height:21px; }
.inhalt_pfeil_zurueck { position:absolute; bottom:24px; left:24px; width:36px; height:70px; }
.inhalt_pfeil_zurueck img { border:0; }

.inhalt_zitat { position:absolute; top:80px; left:24px; width:300px; }
.inhalt_zitat p { font:bold 12px Arial,sans-serif; text-transform:uppercase; color:#FFF; margin:0; padding:0; }
.inhalt_zitat .sterne { background:url(gfx/sterne.png) no-repeat; width:200px; height:20px; margin-bottom:16px; }
* html .inhalt_zitat .sterne { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/sysimg/sterne.html'); background-image:none; }
.inhalt_zitat .zitat { font:normal 30px/38px Arial,sans-serif; padding:8px 0; color:#FFF; }
.inhalt_zitat .name { font:bold 16px/18px Arial,sans-serif; padding-top:16px; color:#FFF; }

.inhalt_overlay { position:absolute; top:100px; left:24px; width:300px; }
.inhalt_overlay p { color:#FFF; font:bold 16px Arial,sans-serif; text-transform:uppercase; margin:0; padding:8px 0; }
.inhalt_overlay .heading, .inhalt_overlay .subheading { background:url(gfx/border_ws.gif) top repeat-x; }
.inhalt_overlay .heading { font:36px Arial,sans-serif; }

.trenner_sw { background:url(gfx/border_sw.gif) repeat-x; height:1px; width:60%; overflow:hidden; }
.trenner_ws { background:url(gfx/border_ws.gif) top repeat-x; height:1px; width:60%; overflow:hidden; }
.infobox_nur_text .trenner_ws { height:24px; margin-left:16px; background-position:bottom; }

.inhalt_btn_ws { position:relative; margin-top:16px; width:35px; height:35px; background:url(gfx/inhalt_btn_ws.png) no-repeat; }
* html .inhalt_btn_ws { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/sysimg/inhalt_btn_ws.html'); background-image:none; }
.inhalt_btn_ws_link { position:relative; width:35px; height:35px; top:-35px; }

.inhalt_nur_text { position:relative; padding:30px 10px 25px 30px; height:529px; background:url(gfx/bg_schwarz.gif) repeat-x; }
.inhalt_nur_text .heading { float:none; width:auto; padding:0; margin:20px 0; font:normal 33px Arial,sans-serif; color:#FFF; text-transform:uppercase; height:33px; }
.inhalt_nur_text .div_nur_text { float:left; padding:15px 20px 0 0; width:300px; }
.inhalt_nur_text .div_nur_text h4 { font:bold 14px Arial,sans-serif; margin:0; padding:8px 0 0 0; text-transform:uppercase; color:#CCC; }
.inhalt_nur_text .div_nur_text p { margin:0 0 8px 0; font:normal 12px/16px Arial,sans-serif; color:#FFF; }
.inhalt_nur_text .div_nur_text p a { color:#CCC; }
.inhalt_nur_text .pfeile { position:absolute; width:100px; color:#FFF; top:540px; right:8px; padding:0; float:none; vertical-align:middle; }
.inhalt_nur_text .pfeile span { margin:0; padding:5px 8px 0 0; font:14px Arial,sans-serif; float:left; letter-spacing:1px; }
.inhalt_nur_text .sponsoren { position:absolute; top:530px; right:350px; width:300px; padding:0; }
.inhalt_nur_text .sponsoren img { padding:0 8px 0 0; }

.spieler_statistik { width:400px; padding-left:24px; float:left; }
.spieler_statistik h2 { padding-top:10px; margin:40px 0 0 0; }
.spieler_tabelle { width:400px; margin:10px 0 20px; float:left; color:#333; }
.spieler_tabelle tr th { width:33%; text-align:left; font:bold 11px Arial,sans-serif; text-transform:uppercase; }
.spieler_tabelle tr td { width:33%; font:20px Arial,sans-serif; }
.statistik_tabelle { width:400px; border-collapse:collapse; margin-bottom:20px; float:left; }
.statistik_tabelle tr .th-1 { padding:5px; color:#FFF; background-color:#333; border-bottom:1px solid #CCC; text-align:left; font:bold 11px Arial,sans-serif; text-transform:uppercase; }
.statistik_tabelle tr .th-2 { padding:5px; background-color:#333; border-bottom:1px solid #CCC; text-align:right; font:normal 11px Arial,sans-serif; }
.statistik_tabelle tr .th-2 a { color:#CCC; text-decoration:none; }
.statistik_tabelle tr .th-2 a:hover { color:#CCC; text-decoration:underline; }
.statistik_tabelle tr .td-1 { width:30%; padding:3px; border-bottom:1px solid #CCC; font:11px Arial,sans-serif; }
.statistik_tabelle tr .td-2 { width:40%; padding:3px; border-bottom:1px solid #CCC; font:11px Arial,sans-serif; }
.statistik_tabelle tr .td-3, .statistik_tabelle tr .td-4, .statistik_tabelle tr .td-5 { padding:3px; border-bottom:1px solid #CCC; font:11px Arial,sans-serif; width:40px; }
.statistik_tabelle .even { background-color:#CCC; }
.statistik_tabelle .odd { background-color:#EEE; }
.statistik_spieler_img { position:absolute; top:216px; right:30px; }
html>body .statistik_spieler_img { top:218px; }

/* News */
.nur_text_border { width:694px; height:900px; padding:8px; }
.nur_text {  width:694px; height:900px; background-color:#FFF; }
.nur_text h1 { background-image:url(gfx/menu_bg.gif); background-color:#000; padding:4px 8px; height:15px; color:#FFF; font:normal 12px Arial,sans-serif; text-transform:uppercase; margin:0; }
.nur_text_content { width:686px; height:869px; margin:4px 4px 0; overflow:auto; font-family:Arial,sans-serif; }

.news_bilder { float:left; width:180px; padding-right:4px; }
.news_inhalt { float:left;  padding:24px 2px 0 12px; width:468px; }
.news_datum {
	color:#FFF;
	background-color:#431217;
	float:left;
	padding:0 4px;
	font:14px Arial,sans-serif;
	margin:0;
	font-weight: bold;
}
.news_datum_alt { color:#000; background-color:#d4d4d4; float:left; padding:0 4px; font:12px Arial,sans-serif; margin:0;}
.news_print { float:right; }
.news_headline {
	font-size:14px;
	text-transform:uppercase;
	padding:8px 0;
	margin:0;
	font-weight:bold;
	}
.news_info {
	font-size:10px;
	text-transform:uppercase;
	padding:8px 0;
	margin:0;
	font-weight:normal;
	background:url(gfx/border_sw.gif) bottom repeat-x;
}
.news_sub { background:url(gfx/border_sw.gif) top repeat-x; padding:8px 0; margin:0; text-transform:uppercase; font-size:16px; color:#666; }
.news_zitat { color:#666; font-style:italic; }
.news_bilder p { margin:0 0 30px 0; color:#666; font-style:italic; font-size:11px; }
.news_inhalt p { padding:8px 0; margin:0; font-size:12px; }
.news_inhalt p a, .news_inhalt ul li a { color:#999; text-decoration:none; }
.news_inhalt p a:hover, .news_inhalt ul li a:hover { color:#666; text-decoration:underline; }
.news_inhalt ul { list-style-type:square; font:normal 12px Arial,sans-serif; margin:0 0 10px 0; }

.suchbegriff { font:bold 14px Arial,sans-serif; padding:20px; margin:0; }
.suchergebnis { padding:0 40px; margin:0; font:normal 12px Arial,sans-serif; }
.suchergebnis li { margin:10px 0; padding:10px 0; background:url(gfx/border_sw.gif) bottom repeat-x; }
.suchergebnis li h5 { font:bold 12px Arial,sans-serif; margin:0; }
.suchergebnis li h5 a { text-decoration:none; color:#666; }
.suchergebnis li h5 a:hover { text-decoration:underline; color:#444; }
.suchergebnis li p { margin:0; font-style:italic; }
.suchresultate { font:normal 11px Arial,sans-serif; color:#666; padding:8px 40px; }

.trainingshandbuch { overflow:hidden; padding:20px 25px 0 0; float:right; width:290px;}
.trainingshandbuch h2 { font:normal 33px Arial,sans-serif; text-transform:uppercase;  background:url(gfx/border_sw.gif) bottom repeat-x; color:#333; margin:0; padding:12px 0; }
.trainingshandbuch h3 { margin:0; padding:8px 0; background: url(gfx/border_sw.gif) bottom repeat-x; }
.trainingshandbuch h3 span { padding:0 4px; color:#FFF; font:normal 12px Arial,sans-serif; text-transform:uppercase; background-color:#CC0000; }
.trainingshandbuch h4 { font:bold 14px Arial,sans-serif; margin:18px 0 2px 0; text-transform:uppercase; }
.trainingshandbuch p { font:normal 12px Arial,sans-serif; margin:0; color:#666; }
.iframe_bg { background:#FFF; height:585px; }

.wallpaper_heading { height:250px; background:#FFF; }
.wallpaper_inhalt { overflow:auto; height:602px; padding:20px; background:#FFF; }
.wallpaper_box { clear:both; padding:10px; height:auto; }
.wallpaper_box .wallpaper_img { float:left; }
.wallpaper_text { float:left; width:350px; margin-left:15px; }
.wallpaper_text h2 { padding:4px 0; margin:0; text-transform:uppercase; color:#333; font:normal 24px Arial,sans-serif; background:url(gfx/border_sw.gif) bottom repeat-x; }
.wallpaper_text h3 { padding:4px 0; margin:0; text-transform:uppercase; color:#999; font:normal 14px Arial,sans-serif; background:url(gfx/border_sw.gif) bottom repeat-x; }
.wallpaper_text div { margin:8px 0 0 0; }
.wallpaper_text div a { display:block; float:left; width:130px; height:18px; margin:0; padding:0; color:#666; font:12px/15px Arial,sans-serif; text-decoration:none; }
.wallpaper_text div a:hover { text-decoration:underline; }
.wallpaper_text p { clear:both; margin:0; }
.wallpaper_text p img { padding:8px 0; }

/* Infoboxen */
.infobox_border { width:702px; height:292px; padding:8px 0 0 8px; background-color:#CCC; position:relative; overflow:hidden; }
.infbox_kl_border { position:relative; width:226px; padding-right:8px; height:292px; float:left; background:url(gfx/schatten_infobox_kl.gif) no-repeat; background-position:-4px -8px; }
.infbox_gr_border { position:relative; width:460px; padding-right:8px; height:292px; float:left; background:url(gfx/schatten_infobox_gr.gif) no-repeat; background-position:-4px -8px; }
.infobox_kl { width:226px; height:284px; background-color:#FFF; }
.infobox_gr { width:460px; height:284px; background-color:#FFF; }

.infobox { width:694px; height:292px; padding-right:4px; background:url(gfx/schatten_infobox.gif) no-repeat; background-position:-4px -8px; }

.infobox_content { height:253px; margin:4px; font-family:Arial,sans-serif; position:relative; }
.infobox_content a { overflow:hidden; float:left; }
.infobox_heading { height:15px; padding:4px 8px; margin:0 0 4px 0; background-image:url(gfx/menu_bg.gif); background-color:#000; color:#FFF; text-transform:uppercase; font:normal 12px Arial,sans-serif; }
.infobox_content h2 { margin:0 8px; color:#000; padding:8px 0; font:bold 14px Arial,sans-serif; text-transform:uppercase; color:#333; }
.infobox_content p { margin:8px 20px 8px 8px; font-size:12px; color:#666; }
.infobox_overlay { position:absolute; background-color:#000; top:208px; left:0; height:45px; width:100%; margin:0; opacity: 0.8; filter:Alpha(opacity=80); }
.infobox_overlay p { color:#FFF; text-transform:uppercase; font:15px Arial,sans-serif; text-align:center; margin:14px 4px 12px 4px; }
.infobox_overlay img { margin:4px; }
.infobox_nur_text { background-image:url(gfx/infobox_bg_schwarz.gif); }
.infobox_nur_text p { color:#FFF; margin:12px 20px 0 16px; }
.infobox_nur_text h2 { color:#FFF; font:normal 20px Arial,sans-serif; padding:8px 0 -14px 0; margin:0 16px -24px 16px; }

.infobox_playbtn { position:absolute; top:75px; left:50%; margin:0 -35px; width:70px; height:70px; background:url(gfx/play_video.png) no-repeat; }
* html .infobox_playbtn { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/gfx/play_video.html'); background-image:none; }
.infobox_playbtn_link { position:absolute; top:75px; left:50%; margin:0 -35px; width:70px; height:70px; }
.infobox_pfeil { position:absolute; bottom:6px; right:6px; width:26px; height:26px; background-image:url(gfx/infobox_pfeil.png); }
* html .infobox_pfeil { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/gfx/infobox_pfeil.html'); background-image:none; }
.infobox_pfeil_link { position:absolute; bottom:6px; right:6px; width:26px; height:26px; }

.twtr-hd, .twtr-ft { display:none; }
.twtr-bd { height:250px; overflow:hidden; }
#twtr-widget-1 .twtr-tweet i a { font-size:9px; }
.twtr-tweets, .twtr-widget-1, .twtr-timeline { overflow:hidden; height:250px; }
.twtr-tweets { font-family:Arial,sans-serif !important;}

/* ########## Content rechts ########## */
.content_rechts { width:242px; margin-bottom:8px; float:right; }

/* Suchbox */
.suchbox { width:242px; height:25px; margin:0 0 8px 0; background-image:url(gfx/suche_bg.gif); }
.suchbox_btn { width:84px; height:15px; float:left; }
.suchbox_btn a { text-transform:uppercase; padding:5px 14px; display:block; font:bold 12px Arial,sans-serif; color:#000; text-decoration:none; }
.suchbox_btn a:hover { color:#666; }
.suchbox form { margin:0; }
.suchbox form p { margin:0; }
.suchbox form input { margin-top:3px; height:17px; width:146px; padding:0 2px; border:1px solid #CCC; background-color:#FFF; font-size:12px; float:left; }

/* Funktionsbox */
.funktionsbox_border { width:234px; height:1045px; padding:8px 0 0 8px; background-color:#CCC; }
.funktionsbox { width:226px; height:997px; background-color:#CCC; }
.funktionsbox_content { width:226px; height:1067px; background-color:#FFF; }
.funktionsbox_border h1 { background-image:url(gfx/menu_bg.gif); padding:4px 8px; height:15px; color:#FFF; text-transform:uppercase; font:normal 12px Arial,sans-serif; margin:0; }

.werbung_gr { height:405px; width:226px; padding-right:4px; }
.werbung_kl { height:235px; width:226px; padding-right:4px; }
.werbung_gr img, .werbung_kl img { margin:4px 4px 0 4px; }

.menu_news { height:200px; width:226px; padding-right:4px; }
.menu_news_datum { margin:8px 8px 2px 8px; font:14px Arial,sans-serif; font-weight:bold;} 
.menu_news_datum span { color:#fff; background-color:#431217; padding:0 4px; }
.menu_news_heading { margin:6px 0 0 0; }
.menu_news_heading a { color:#666; text-transform:uppercase; font:bold 13px Arial,sans-serif; margin:0 8px; text-decoration:none; display:block; }
.menu_news_heading a:hover { text-decoration:underline; }
.menu_news p, .menu_news_list { padding:6px 0; font:12px Arial,sans-serif; margin:0 12px 0 8px; background:url(gfx/border_sw.gif) bottom repeat-x; }

.menu2_heading { margin:0 16px 16px 8px; padding-bottom:8px; }
.menu2 { height:851px; padding:8px 0 8px 8px; }
.menu2 ul { width:200px; margin-left:8px; padding:0; }
.menu2 ul li { list-style:none; display:inline; }
.menu2 ul li span { margin:8px 0 0 8px; display:block; color:#000; font:bold 16px Arial,sans-serif; text-transform:uppercase; }
.menu2 ul li ul li a { display:block; margin:1px 0; padding:0; text-decoration:none; font:12px Arial,sans-serif; text-transform:none; }
.menu2 ul li ul li a:hover { color:#FFF; }

.menu3 { height:843px; padding:16px 0 8px 8px; background-color:#FFF; }
.menu3_img { overflow:hidden; float:left; margin-top:4px; margin-right:8px !important; margin-right:5px; }
.menu3 ul img { border:0; margin-right:5px; }
.menu3 ul { margin:0 16px 50px 8px; padding:0; }
.menu3 ul li { list-style:none; }
.menu3 a { display:inline-block; }
.menu3 a { margin:2px 0; padding:5px; background-color:#000; text-decoration:none; display:block; color:#DDD; font:normal 12px Arial,sans-serif;  text-transform:uppercase; }
.menu3 a:hover { color:#FFF; }
.menu3 ul li ul { margin-left:14px; padding:0; margin:0 0 8px 15px; width:179px; }
.menu3 ul li ul li a { margin:0; padding:5px 0 0 0; display:block; color:#000; background-color:#FFF; }
.menu3 ul li ul li ul { margin:0; }
.menu3 ul li ul li a:hover { color:#666; }
.menu3 ul li ul li ul li a { color:#666; padding:0 0 0 30px; }
.menu3 ul li ul li ul li a:hover { color:#999; }
.menu3_bild { margin-left:12px; position:absolute; top:550px; }
.menu3_normal {background:19px 230px no-repeat #FFF;}
.menu3_unserewelt {background:19px 300px no-repeat #FFF;}


/*Content Themes*/
.trainer_theme {  background:url(gfx/bg_schwarz.gif) repeat-x; }
.spieler_theme { background:url(gfx/bg_weiss.gif) repeat-x; }
.betreuer_theme {  background:url(gfx/bg_rot.gif) repeat-x; }
.trainer_theme h2 { color:#FFF; background:url(gfx/border_ws.gif) top repeat-x; }
.trainer_theme h3 { color:#b9bbbc; background:url(gfx/border_ws.gif) top repeat-x; }
.trainer_theme .inhalt_content_text, .trainer_theme .inhalt_content_text h4, .trainer_theme p { color:#FFF; }
.trainer_theme .inhalt_content_text p a { color:#FFF; }

.spieler_theme h2 { color:#333; background:url(gfx/border_sw.gif) top repeat-x; }
.spieler_theme h3 { color:#666; background:url(gfx/border_sw.gif) top repeat-x; }
.spieler_theme h4 { color:#333; }
.spieler_theme p { color:#333; }
.betreuer_theme h2 { color:#FFF; background:url(gfx/border_ws.gif) top repeat-x; }
.betreuer_theme h3 { color:#b9bbbc; background:url(gfx/border_ws.gif) top repeat-x; }
.betreuer_theme .inhalt_content_text, .betreuer_theme .inhalt_content_text h4 { color:#FFF; }

.menu_hell_theme { background:url(gfx/menu_bg_weiss.gif) repeat-x; }
.menu_hell_theme ul li ul li a { color:#666; }
.menu_hell_theme ul li ul li a:hover { color:#000; }
.menu_hell_theme ul li span { color:#000; }
.menu_dunkel_theme { background:url(gfx/menu_bg_weinrot.gif) repeat-x; }
.menu_dunkel_theme ul li ul li a { color:#CCC; }
.menu_dunkel_theme ul li span { color:#FFF; }
.menu_dunkel_theme .menu2_heading { background:url(gfx/border_ws.gif) bottom repeat-x; }
.menu_hell_theme .menu2_heading { background:url(gfx/border_sw.gif) bottom repeat-x; }


/* ##### Footer ##### */
.footer { clear:both; border-top:1px solid #666; padding:8px 16px; margin-bottom:30px; }
.footer ul {list-style:none; float:left; font:9px Arial,sans-serif; padding:0; margin:0; }
.footer ul li {display:inline; color:#666; font:9px Arial,sans-serif; }
.footer ul li a { color:#666; font:9px Arial,sans-serif; text-decoration:none; margin:0 6px; }
.footer ul li a:hover { color:#333; text-decoration:underline; }
.footer div {float:right; font:9px Arial,sans-serif; color:#666; }


.inhalt_border { background-image:url(gfx/schatten_inhalt.gif); }
.infobox_kl_border { background-image:url(gfx/schatten_infobox_kl.gif); }
.infobox_gr_border { background-image:url(gfx/schatten_infobox_gr.gif); }
.funktionsbox_border { background-image:url(gfx/schatten_funktionsbox.gif); }
.aufmacher_border { background-image:url(gfx/schatten_aufmacher.gif); }
.promobox_border { background-image:url(gfx/schatten_promobox.gif); }
.nur_text_border {  background:url(gfx/schatten_news.gif) no-repeat; }
.werbung_gr { background:url(gfx/schatten_werbung_gr.png) top no-repeat; font:12px Arial,sans-serif; }
.menu_news { background:url(gfx/schatten_newsmenu.gif) top no-repeat; }
.werbung_kl { background:url(gfx/schatten_werbung_kl.gif) top no-repeat; font:12px Arial,sans-serif; }


/* ----------------------------------- */


/* Scrollbars */
a.jScrollArrowUp { background: url(gfx/basic_arrow_up.gif) repeat-x 0 0; }
a.jScrollArrowUp:hover { background-position: 0 -20px; }
a.jScrollArrowDown { background: url(gfx/basic_arrow_down.gif) repeat-x 0 0; }
a.jScrollArrowDown:hover { background-position: 0 -20px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -40px; }

.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #DDD; }
.jScrollPaneDrag { position: absolute; background: #888; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 14px; }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 14px; }



/* sonstiges */
.hide {display:none;}
.hide_all * {display:none;}
.flashcontent {font-family:Arial,sans-serif; font-size:12px; width:450px; height:376px;}
.flashcontent a {color:#666666; text-decoration:none;}
.flashcontent a:hover {text-decoration:underline;}





/* lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); cursor:pointer; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#playLink, #pauseLink { cursor:pointer; }
/*#prevLink:hover, #prevLink:visited:hover { background: url(gfx/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(gfx/nextlabel.gif) right 15% no-repeat; }*/

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}
#imageData #likeButtonDiv{ float: right; outline: none;}
#imageData #likeButton{ color:#999; }


#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* gaestebuch */
.gb { background:url(gfx/gb_bg.jpg) bottom center no-repeat; }
.gb_form h2 { font:bold 14px Arial,sans-serif; background:url(gfx/border_sw.gif) repeat-x bottom; padding:8px 0; margin:10px 0 25px 0; }
.gb_form { font:normal 12px Arial,sans-serif; margin:0 25px; padding:0 0 25px 0; clear:both; }
.gb_form .row, .gb_form .button { margin:0 0 4px 0; width:600px; }
.gb_form .button { text-align:center; }
.gb_form .row label { float:left; width:175px; display:block; margin:2px 25px 2px 0; text-align:right; padding:0; }
.gb_form .row input, .gb_form select, .gb_form textarea { background:#EEE; border:1px solid #CCC; font:normal 12px Arial,sans-serif; float:left; width:250px; margin:2px 0; padding:0; }
.gb_form .row textarea { height:150px; width:350px; line-height:17px; padding:0 2px; }
.gb_form .button input { margin-top:10px; background:url(gfx/form_btn_bg.gif); border:0; height:20px; width:200px; font:bold 11px Arial,sans-serif; color:#555; }

.gb_page { padding:16px 0 8px 25px; }
.gb_eintrag { font:normal 12px Arial,sans-serif; margin:0 25px 25px 0; height:102px;}
.gb_eintrag .bild { height:90px; width:120px; margin:3px 8px 4px 0; float:left; }
.gb_eintrag .name { font-weight:bold; }
.gb_eintrag .datum { color:#666; font-size:10px;}
.gb_eintrag .nachricht { font-style:italic; display:block; text-align:left; }

.gb_tpaging, .gb_bpaging { font:bold 11px Arial,sans-serif; text-align:center; padding:8px 0; margin-left:25px; color:#666; width:644px; }
.gb_tpaging { background:url(gfx/border_sw.gif) repeat-x bottom; }
.gb_bpaging { background:url(gfx/border_sw.gif) repeat-x top; }
.gb_tpaging a, .gb_bpaging a, .gb_eintragen a { color:#666; text-decoration:none; }
.gb_tpaging a:hover, .gb_bpaging a:hover, .gb_eintragen a:hover { color:#888; text-decoration:underline; }
.gb_eintragen_td { width:232px; }
.gb_eintragen {
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #431217;
}


/* Coda Slider */

	p#cross-links { text-align: center }
	
	p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
	
	.stripViewer .panelContainer .panel ul {
		text-align: left;
	}
	
	.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
		position: relative;
		width: 100%;
	}

	/* These 2 lines specify style applied while slider is loading */
	.csw {width: 100%; height: 376px; background: #fff; overflow: hidden}
	.csw .loading {margin: 175px 0 185px 205px; font-family:Arial, sans-serif;}

	.stripViewer { /* This is the viewing window */
		position: relative;
		overflow: hidden; 
		margin: auto;
		width: 690px; /* Also specified in  .stripViewer .panelContainer .panel  below */
		height: 376px;
		clear: both;
		background: #fff;
	}
	
	.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
		position: relative;
		left: 0; top: 0;
		width: 100%;
		list-style-type: none;
		/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
	}
	
	.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
		float:left;
		height: 100%;
		position: relative;
		width: 690px; /* Also specified in  .stripViewer  above */
	}
	
	.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
		position: absolute;
		top: 322px;
		right: 236px;
		z-index: 100;
	}
	
	.stripNav ul { /* The auto-generated set of links */
		list-style: none;
		margin: 0px;
	}
	
	.stripNav ul li {
		float: left;
	}
	
	.stripNav a { /* The nav links */
		display:inline-block;
		height:24px;
	}
	
	.stripNav a.current {
		background-position: bottom;
	}

#twitter					 						{ width: 200px; float: left; padding: 10px; min-width: 100px; }

img.profile-pic										{ float: left; padding: 5px; }

#twitter img										{ width: 100px; margin: 10px; }
	
/* // Coda Slider */