/* CSS Tee-Challenge Startseite */
* {margin: 0; padding: 0;}
img {margin-top:0px; border:none;}
.hide {width:0px; height:0px; display:none;}
body {background-color: #bbcf97; background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-position: top; text-align: center; font-family: Arial, Helvetica, sans-serif;font-size: 90%;}
a {outline: none;}
h1 {font-size: 1.3em; padding-bottom: 10px;	padding-top: 10px;}

/* Page */
#page {margin: 0 auto; margin-top: 20px; width: 900px;}
#page #content {background-color:#0d0d0d; width: 860px; padding-left: 17px;	padding-right: 23px; padding-top: 10px; color:#0d0d0d;} 
#page #spendenstand {color:#773407;line-height:14px;font-size:14px}
#page #content #contentleft {width: 631px; position: relative; float:left;}
#page #content #contentleft #main {width: 531px; float: left; position: relative;}
#page #content #contentleft #main .image {border: 1px solid #000; float: right; margin-left: 20px; margin-top: 3px; margin-bottom: 5px;}
#page #content #contentleft #main p {text-align: left; line-height: 19px; padding-bottom: 7px;}
#page #content #contentleft #main a,a:hover {color:#000; font-weight: bold; text-decoration: none; font-size: 14px;}

#page #content #contentleft #main_top {float:left; width: 531px; height:16px;	background-image: url(../images/main/top.png);}
#page #content #contentleft #main_bottom {float:left;	width: 531px; height:16px; background-image: url(../images/main/bottom.png); float:left;}
#page #content #contentleft #main_content {float:left; text-align:left; width: 491px; padding-left: 20px; padding-right: 20px; background-image: url(../images/main/middle.png); color:#000;}


#page #content #contentleft #main_large {width: 630px; float: left; position: relative; margin-bottom: 10px;}
#page #content #contentleft #main_large .image {border: 1px solid #000; float: right; margin-left: 20px; margin-top: 3px; margin-bottom: 0px;}
#page #content #contentleft #main_large p {text-align: left; line-height: 19px; padding-bottom: 0px;}
#page #content #contentleft #main_large a,a:hover {color:#000; font-weight: bold; text-decoration: none; font-size: 14px;}

#page #content #contentleft #main_newsletter {float:left; width: 310px; height:184px;	background-image: url(../images/main/newsletter.png); position:relative}

#page #content #contentleft #main_top_large {float:left; width: 630px; height:16px;	background-image: url(../images/main/top_large.png);}
#page #content #contentleft #main_bottom_large {float:left;	width: 630px; height:16px; background-image: url(../images/main/bottom_large.png); float:left;}
#page #content #contentleft #main_content_large {float:left; text-align:left; width: 590px; padding-left: 20px; padding-right: 20px; background-image: url(../images/main/middle_large.png); color:#000;}


#page #content #contentleft #main #main_content a{ height: 20px; text-decoration: none; color: #000; padding-bottom: 5px; background-repeat:no-repeat; }
#page #content #contentleft #main #main_content a:hover { text-decoration: underline; }
#page #content #contentleft #main #main_content a.pdf { background-image: url(../images/icon_file/icon_pdf.gif); padding-left: 25px; display:block; }
#page #content #contentleft #main #main_content #aktuell_picture {position: absolute; left: 5px; top: 5px;}
#page #content #contentleft #main #fischertv {height: 636px; width: 518px; background-image: url(../images/fischertv.jpg); margin-left: -13px; position: relative;}
#page #content #contentleft #main #fischertv #maintv {top: 15px; left: 50px; position: absolute;}
#page #content #contentleft #main #fischertv #left_challenge {top: 383px; left: 12px; position: absolute; cursor: pointer;}
#page #content #contentleft #main #fischertv #right_challenge {top: 384px; right: 11px; position: absolute; cursor: pointer;}
#page #content #contentleft #main #fischertv #left_spezial {top: 529px; left: 12px; position: absolute; cursor: pointer;}
#page #content #contentleft #main #fischertv #right_spezial {top: 533px; right: 11px; position: absolute; cursor: pointer;}
#page #content #contentleft #main #fischerfoto {height: 508px; width: 512px; background-image: url(../images/fischerfoto.jpg); margin-left: -13px; position: relative;}
#page #content #contentleft #main #albertzfoto {height: 508px; width: 512px; background-image: url(../images/albertzfoto.jpg); margin-left: -13px; position: relative;}
#page #content #contentleft #main #albertztv {height: 636px; width: 518px; background-image: url(../images/albertztv.jpg); margin-left: -13px; position: relative;}
#page #content #contentleft #main #albertztv #maintv {top: 15px; left: 50px; position: absolute;}
#page #content #contentleft #main #albertztv #left_challenge {top: 383px; left: 12px; position: absolute; cursor: pointer;}
#page #content #contentleft #main #albertztv #right_challenge {top: 384px; right: 11px; position: absolute; cursor: pointer;}
#page #content #contentleft #main #albertztv #left_spezial {top: 529px; left: 12px; position: absolute; cursor: pointer;}
#page #content #contentleft #main #albertztv #right_spezial {top: 533px; right: 11px; position: absolute; cursor: pointer;}
#page #content #contentleft #mainmenu {background-image:url(../images/main/menu.png); background-repeat:no-repeat; width: 100px; height: 300px; float: left; padding-top: 40px;}
#page #content #contentleft #mainmenu .menuitem {text-align: left; color:#000; font-size: 12px;	font-weight: bold; line-height: 18px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;margin-left: 10px; margin-bottom: 12px;}
#page #content #contentleft #mainmenu .menuitem a {color:#FFF; text-decoration: none; font-weight: normal; font-size: 12px;}
#page #content #contentleft #mainmenu .menuitem a:hover {color:#f9b511;	text-decoration: none; font-weight: normal;}
#page #content #contentleft #mainmenu .menuitem2 {text-align: left; color:#f9b511; font-size: 12px;	font-weight: bold;	line-height: 18px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	margin-left: 10px; margin-bottom: 12px;}
#page #content #contentleft #mainmenu .menuitem2 a,a:hover {color:#f9b511; text-decoration: none; font-size: 12px;}
#page #content #contentleft #mainmenu .item_preview_active {width: 100px; margin-bottom: 10px; text-align: center;}
#page #content #contentleft #mainmenu .item_preview_active a,a:hover {color:#f9b511; text-decoration: none; font-size: 11px;}
#page #content #contentleft #mainmenu .item_preview {width: 100px; margin-bottom: 10px;	text-align: center;}
#page #content #contentleft #mainmenu .item_preview img{
	margin-left: 0px;
	z-index:10;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}
#page #content #contentleft #mainmenu .item_preview a,a:hover{
	color:#FFF;
	text-decoration: none;
	font-size: 11px;
}
*html #page #content #contentleft #mainmenu .item_preview{
	float: left;
	filter:alpha(opacity=40);
}

#page #content #contentright{
	width: 220px;
	margin-left: 6px;
	float:left;
}
#page #content #contentright .rightbox{
	width: 230px;
	margin-bottom: 15px;
}
#page #content #contentright .rightbox_top{
	width: 230px;
	background-image: url(../images/right/top.gif);
	height: 15px;
	float: left;
}
#page #content #contentright .rightbox_bottom{
	width: 230px;
	background-image: url(../images/right/bottom.gif);
	height: 15px;
	float: left;
}
#page #content #contentright .rightbox_middle{
	width: 230px;
	float: left;
	font-size: 16px;
	color:#000;
	background-image: url(../images/right/middle.gif);
}
#page #content #contentright #rightbox_spenden{
	width: 230px;
	height: 412px;
	background-image: url(../images/right/spenden.jpg);
	position: relative;
}
#page #content #contentright #rightbox_spenden #video{
	position: absolute;
	bottom: 107px;
	right: 16px;
}
#page #content #contentright #rightbox_spenden #button{
	position: absolute;
	bottom: 10px;
	right: 10px;
}

/* ENDE Page */

/* Top */
#page #top {
	background-image: url(../images/top_bg.jpg);
	background-position: top;
	width: 900px;
	height: 195px;
	text-align: right;
	position:relative;
}
#page #top #logo {
	height: 174px;
	width: 162px;
	position: absolute;
	left: 369px;
	top: 10px;
}
#page #top #submenu {
	position: absolute;
	right: 10px;
	top: 5px;
	font-size: 11px;
	color: #eff5e9;
}
#page #top #submenu a {
	color:#FFF;
	text-decoration: none;
	font-weight: normal;
}
#page #top #submenu a:hover {
	color:#f9b511;
	text-decoration: none;
	font-weight: normal;
}
#page #top #handicap {position: absolute; bottom: 20px;	right: 40px;}
/* ENDE Top */

/* COUNTDOWN */
#page #countdow {position: absolute; bottom: 17px; left: 40px; height: 57px; padding-top: 45px; width: 213px; padding-left: 60px; float:left; background-image: url(../images/countdown/bg.png);}
#page #countdow #digits {height: 26px;	text-align:left;}
#page #countdow #digits #days {width: 39px; float:left;}
#page #countdow #digits #hours {
	width: 26px;
	float:left;
}
#page #countdown #digits #minutes {
	width: 26px;
	float:left;
}
#page #countdown #digits .dp {
	width: 7px;
	margin-left:10px;
	margin-right:10px;
	float:left;
}
/* COUNTDOWN ENDE */

#page #menu {width: 870px; padding-left:15px; padding-right:15px; height: 40px;	background-color: #0d0d0d;}
#page #menu .item {float:left;}

input.textfield {
	background-color: #ffffff;
	border: 1px solid #6e9f26;
	height: 17px;
	padding: 2px 5px 0px 5px;
	color: #000000;
	font-size: 0.95em;
	width: 120px;
}

input.textfield_error {
	background-color: #f2d2d5;
	border: 1px solid #F00;
	height: 15px;
	padding: 2px 5px 0px 5px;
	color: #000000;
	font-size: 0.95em;
	width: 120px;
}

.textarea {
	border: 1px solid #6e9f26;
	font-family: Tahoma;
	padding: 5px 5px 0px 5px;
	color: #000000;
	width: 300px;
	height: 180px;
	font-size: 0.95em;
}

.textarea_error {
	background-color: #f2d2d5;
	border: 1px solid #F00;
	font-family: Tahoma;
	padding: 5px 5px 0px 5px;
	color: #525a5e;
	width: 300px;
	height: 180px;
	font-size: 0.95em;
}

#2page #content #contentleft #aktuelles{
	text-align:left;
	color:#FFF;
}

#2page #content #contentleft #aktuelles #aktuelles_left {
	width: 230px;
	height: 231px;
	background-image:url(../images/contentbottom_aktuelles_bg.gif);
	float: left;
	margin-right: 10px;
}

#2page #content #contentleft #aktuelles #aktuelles_left p {
	padding: 15px 15px 15px 15px;
	color:#0d0d0d;
}

#2page #content #contentleft #aktuelles #aktuelles_middle {
	width: 230px;
	height: 231px;
	background-image:url(../images/contentbottom_aktuelles_bg.gif);
	float: left;
	margin-right: 10px;
}

#2page #content #contentleft #aktuelles #aktuelles_middle a {
	color: #000000;
	text-decoration: none;
}

#2page #content #contentleft #aktuelles #aktuelles_middle a:hover {
	text-decoration: underline;
}

#2page #content #contentleft #aktuelles #aktuelles_middle p {
	padding: 15px 15px 15px 15px;
	color:#0d0d0d;
}



#p2age #content #contentleft #aktuelles #aktuelles_right p {
	padding: 15px 15px 15px 15px;
	color:#0d0d0d;
}

/* Aktuelles Startseite */
#p2age #content #contentleft #aktuell{
	text-align:left;
	background-image: url(../images/content_aktuelles_bg.gif);
	width: 704px;
	padding-left: 6px;
	height: 311px;
	padding-top: 4px;
}

#2page #content #contentleft #aktuell_list{
	text-align:left;
	width: 173px;
	height: 301px;
	padding-top: 5px;
	float:left;
}

#2page #content #contentleft #aktuell_list .header{
	color:#000;
	font-weight: bold;
	width: 153px;
	margin-left: 5px;
	padding-left: 5px;
	margin-right: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px #000 solid;
}

/* Aktuelles Startseite ENDE*/
.newsimage {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

.clear {clear: both; margin: 0;	padding: 0; height: 0px; line-height: 0; font-size: 0; overflow: hidden;}

/* 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); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../image/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../image/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;}	 	

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