body{
	color: #fff;
	margin:0 0px;
	padding:0 160px 0 150px;
	background-color: #AAD5F2;
	border-left: 20px #AAD5F2 solid;
	font: 400 12px/16px verdana, arial, helvetica,sans-serif;}

a{color: #292b76;text-decoration: none;}
 
img {border: none;}

h2{	margin:0;
	padding:5px;}

div#topbar a,div#footer a {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	font-style: italic; 
	text-decoration: none;
	color: #e4f2fb;
	white-space: nowrap;
	position: absolute;}
	
div#topbar, div#footer{
	position: relative;
	background-color: #448ccb;
	margin: 0 -160px 0 -150px;
	clear:both;
	padding: 0; }

div#topbar{
	height: 94px;
	background-image: url(../bilder/topbar.gif);
	background-position: 140px bottom;
	background-repeat: no-repeat;}

div#topbar img#wind-logo {margin-left: 20px;}

div#topbar a#sms {top: 48px;left: 350px;}

div#topbar a#fax {top: 43px;left: 610px;}

div#topbar a#audio {top: 38px;left: 750px;}


div#footer{
height: 58px;
background-image: url(../bilder/botbar.gif);
background-position: 200px top;
background-repeat: no-repeat;}



div#footer a#kontakt {left: 230px;top: 22px;}

div#footer a#projekt {top: 25px;left: 415px;}

div#footer a#impressum {top: 30px;left: 550px;font-weight: lighter;font-size: 9px;}

div#footer a#agb {top: 25px;left: 660px;}

div#footer a#links {top: 25px;left: 760px;}



div#headline {
	height: 25px;
	background-color: #292b76;
	margin: 0 -160px 0 -170px;
	font-size: 16px;
	font-weight: bold;
	white-space: nowrap;
	color: #AAD5F2;
}

div#headline a {
	font-size: 12px;
	text-align: center;
	float: left;
	display: block;
	text-decoration: none;
	background-color: #AAD5F2;
	width: 150px;
	height: 20px;
	margin: 0 160px 0 20px;
	padding-top:5px;
}

* html div#headline a {
	margin: 0 30px 0 10px;  /*  IE6 fix*/
}

#container{
	background-color: #e4f2fb;
	float:left;
	width:100%;	
	border-left: 150px #448ccb solid; /* The width and color of the left rail */
	border-right: 160px #AAD5F2 solid; /* The width and color of the right rail */
	margin-left:-150px;
	margin-right:-160px;
	padding-left: 0px;
	display:inline; /* So IE plays nice */
	background-image: url(../bilder/bluestripe.png);
	background-repeat: repeat-y;
	background-position: left; 
}

#center{
	float:left;
	width:100%;
	margin-right:-100%;
 }

 
div#center div#content{
	position:relative;
	color: #292b76;
	padding: 0 10px 5px 30px;
	z-index: 7;}

div#content h1 {font-size:1.6em;margin-top:10px; line-height:1em;}
div#content h2 {font-size:1.4em;margin-top:10px}
div#content a {font-weight: bold;}
.separator {clear:both;}

div#center div#content .float_left {float: left;margin: 10px 20px 0 0;}

div#center div#content .float_right {margin: 5px auto 0 auto;/*float: left;margin: 10px 20px 0 0; */}

/* *********** Thumb Floats *****************************/
#content div.thumb,#content div.links {width:192px;}
#content div.thumb img{width:192px;height:144px;}

 #content div.thumb h2,#content div.thumb h3,#content div.links h2{
	font-family:	Verdana, Helvetica, Arial, sans-serif;
	font-weight:	bold;
	text-decoration:none;
	font-size: 	12px;	
	color:		#ffffcc;
	white-space:	nowrap;}	

#content div.thumb h3 a{color:#ffffcc;}

#content div.thumb h2,#content div.links h2{
	display: block;
	height: 18px;
	background: url("../bilder/thumbheader.gif") no-repeat bottom;
	text-align: right;
	padding:2px 5px 0 0;}

#content div.thumb a{
	margin:0;
	padding:0;}

	
#content div.thumb h2 a {
	color: #0066cc;
	display: block;
	height: 100%;
	float: left;
	width: 20px;
	background: url("../bilder/question.gif") no-repeat 0 -2px;
	text-align: center;
	padding: 0}


	
#content div.thumb h3  {
	display: block;
	height: 20px;
	background: url("../bilder/thumbfooter.gif") no-repeat top;
	margin: 0;
	padding:0 0 0 5px;}

/***********  Thumb Floats Ende *****************************/

/*********** Vorhersagetabellen *****************************/
#content div.mos_timeline {
	padding:	0;
	white-space:	nowrap;}

#content div.mos_timeline a{
	background:	#AAD5F2;
	color:		#292b76;
	padding:	0 4px;
	margin:		0;}

#content div.mos_timeline a:hover,#content div.mos_timeline a.aktuell{
	background:	#448CCB;
	color:		#fff;}
	
table{background: #e4f2fb;color: #000099;border: 2px solid #000099;display: table;border-collapse: collapse;}

td,th {border: 1px solid;padding: 0.1em 0.5em;text-align:center;}

tbody td:first-child,.time,tfoot{font-weight: bold;}

thead{font-weight: bold;}

thead th{color:#fff;border:1px solid #fff;background-color: #448CCB;}

thead .tablesubheading{font-size: smaller;}

td ul{
	text-align:	left;
	list-style:	inside;}	
/*********** Vorhersagetabellen Ende *****************************/

/*********** Kartendarstellung *******************************/
#content .maptab {
	height: 370px;
	width: 550px;
	position: relative;}
	

#content .maptab div div{
        position: absolute;
        height: 20px;
        width: 6em;
	border: 2px solid #0C1588;
	background-color: #FFFFCC;
	line-height: 20px;
	font-weight: bold;
	padding:1px 0 2px 2px;
        white-space: nowrap;
}

 #content .maptab div  a{
       position:       absolute;
       top:            10px;
       right:          -25px;
       width:          20px;
       height:         20px;
       display:        block;
       background:     url("../bilder/24h_graph.gif") no-repeat;
 }
 
 #content .maptab div div a{
       top:            1px;
       right:          0;	 
}

#content .maptab div table a{
       position:       static;
       display:        inline;
       background:     none;
}

#content .maptab_brb {
	height: 610px;
	width: 600px;
	position: relative;}
	

#content .maptab_brb div div{
        position: absolute;
        height: 20px;
        width: 6em;
	border: 2px solid #0C1588;
	background-color: #FFFFCC;
	line-height: 20px;
	font-weight: bold;
	padding:1px 0 2px 2px;
        white-space: nowrap;
}

 #content .maptab_brb div  a{
       position:       absolute;
       top:            10px;
       right:          -25px;
       width:          20px;
       height:         20px;
       display:        block;
       background:     url("../bilder/24h_graph.gif") no-repeat;
 }
 
 #content .maptab_brb div div a{
       top:            1px;
       right:          0;	 
}

#content .maptab_brb div table a{
       position:       static;
       display:        inline;
       background:     none;
}

#content .maptab_brb table#mapindex {
	margin-top: 250px;
}

#content #mapindex td {
	text-align: center;
	height: 15px;}

#content  #color {
	background-image: url("../bilder/map_berlin_color.png");
	background-repeat: no-repeat;
	background-position: center bottom;}
	
#content #oneC {
	background-image: url("../bilder/bln1colmap.gif");
	background-repeat: no-repeat;
	background-position: center bottom;}
	
#content  #color_brb {
	background-image: url("../bilder/Brandenburgkarte_Final_600.gif");
	background-repeat: no-repeat;
	background-position: center bottom;}
	
#content #oneC_brb {
	background-image: url("../bilder/Brandenburgkarte_Final_2_600.gif");
	background-repeat: no-repeat;
	background-position: center bottom;}
	
#content .highlight {background-color: #FFFFFF;}

#content .boen {color: #CC0000;}



#content .maptab div#dahlem	{position: absolute;left: 220px;top: 205px;}
#content .maptab div#tempelhof	{position: absolute;left: 270px;top: 160px;}
#content .maptab div#tegel	{position: absolute;left: 190px;top: 100px;}
#content .maptab div#wannsee	{position: absolute;left: 125px;top: 220px;}
#content .maptab div#potsdam	{position: absolute;left: 70px;top: 270px;}
#content .maptab div#schonefeld	{position: absolute;left: 335px;top: 270px;}
#content .maptab div#pichelsdorf	{position: absolute;left: 135px;top: 155px;}
#content .maptab div#mueggelsee	{position: absolute;left: 355px;top: 205px;}

#content .maptab_brb div#stat_10379 {position: absolute;left: 265px;top: 300px;}
#content .maptab_brb div#stat_10385 {position: absolute;left: 351px;top: 311px;}
#content .maptab_brb div#stat_10267 {position: absolute;left: 171px;top: 151px;}
#content .maptab_brb div#stat_10270 {position: absolute;left: 251px;top: 160px;}
#content .maptab_brb div#stat_10291 {position: absolute;left: 435px;top: 130px;}
#content .maptab_brb div#stat_10289 {position: absolute;left: 424px;top: 48px;}
#content .maptab_brb div#stat_10396 {position: absolute;left: 509px;top: 245px;}
#content .maptab_brb div#stat_10496 {position: absolute;left: 486px;top: 455px;}
#content .maptab_brb div#stat_10393 {position: absolute;left: 452px;top: 349px;}
#content .maptab_brb div#stat_10490 {position: absolute;left: 358px;top: 487px;}
#content .maptab_brb div#stat_10476 {position: absolute;left: 283px;top: 452px;}
#content .maptab_brb div#stat_10368 {position: absolute;left: 191px;top: 360px;}
#content .maptab_brb div#stat_10376 {position: absolute;left: 346px;top: 391px;}
#content .maptab_brb div#stat_10282 {position: absolute;left: 345px;top: 26px;}
#content .maptab_brb div#stat_10264 {position: absolute;left: 96px;top: 62px;}
#content .maptab_brb div#stat_10474 {position: absolute;left: 221px;top: 414px;}
#content .maptab_brb div#stat_10261 {position: absolute;left: 112px;top: 189px;}
#content .maptab_brb div#stat_10365 {position: absolute;left: 131px;top: 290px;}
#content .maptab_brb div#stat_10253 {position: absolute;left: 15px;top: 141px;}
#content .maptab_brb div#stat_10381 {position: absolute;left: 308px;top: 270px;}

#content #threedays {
        position: absolute;
        height: 45px;
        width: 450px;
        top: 420px;
        left: 10px;
        margin: 0px;
        padding: 0px;
}
#content #twodays {
        position: absolute;
        height: 45px;
        width: 450px;
        top: 360px;
        left: 10px;
        margin: 0px;
        padding: 0px;
}

#content .datable a {
	padding-right: 3px;
        padding-left: 3px;
}

#content .pasttime {
        font-weight: bold;
        color: #C0C0C0;
        padding-right: 3px;
        padding-left: 3px;
        cursor: default;
}
/*********** Kartendarstellung Ende ******************************/

/********** GFS Karten ****************************************/

div#content div#zeitleiste {
	position: relative;
	white-space: no-break;
	width:		680px;
	background:	#AAD5F2;
	height:		20px;
	border: 	1px solid #448ccb;
	font-weight:bold;
	padding:	0 4px 0 0;}
	
div#content div#zeitleiste a {
	position: relative;
	display: block;
	float: left;
	width:		15px;
	height:		20px;
	line-height:20px;}


div#content div#zeitleiste a.first {
	width:		auto;
	margin:		0 10px 0 0;
	padding:	0 3px;}
	
	
div#content div#zeitleiste a:hover,div#content div#zeitleiste a.aktuell{
	width:		15px;
	font-size:	2em;
	margin:		0;
	padding:	0 0 0 -2px;	}


div#content div#zeitleiste a.first:hover,div#content div#zeitleiste a.first.aktuell{
	width:		auto;
	font-size:	1em;
	margin:		0 10px 0 0;
	background:	#448ccb;
	color:		#fff;}


div#content div#zeitleiste a div {
	position:	absolute;
	top:		-22px;
	left:		-10px;
	visibility:	hidden;
	font-size:	11px;}
	

div#content div#zeitleiste a:hover div,div#content div#zeitleiste a.aktuell div {
	visibility:	visible;
	background:	#448ccb;
	color:		#fff;	
	border: 	1px solid #448ccb;}
	
	

div#content div.switch {
	position: relative;
	margin:		0px 5px 0 5px;
	padding:	0 2px;
	color:		#292b76;
	background: 	#AAD5F2;}
	
div#content div.switch div  {
	position:	relative;
	border: 	1px solid #448ccb;
	background: 	#AAD5F2;
	float:		left;
	padding:	0;
	margin:		2px -1px 2px 0;}	
	
div#content div.switch a{
	display: block;
	padding: 2px 10px;}
	
div#content div.switch a.first{	
	background:	#e4f2fb;
	color:		gray;}

div#content div.switch a:hover,div#content div.switch a.aktuell{
	background:	#448ccb;
	color:		#fff;}

div#content div.switch a.first:hover{
	background:	#e4f2fb;
	color:		gray;}	

/******** GFS Karten Ende  *************************************/


/******** Links Anfang *************************************/
#content div.links dl dt{
	width: 100%;
	background: #AAD5F2;
	margin: 5px 0 0 0;
}
#content div.links dl dd{
	width: 100%;
	background: #AAD5F2;
	margin: 0 0 5px 0;

}


/******** Links Ende  *************************************/

#content marquee{width:400px;}



div#rightRail{
	text-align: center;
	color: #292b76;
	float:right;
	width:160px;
	padding-top: 10px;
	margin-right:-160px;
	position:relative;
	z-index: 0;}

div#rightRail div{
/*	border: 1px solid red; */
	margin: 0 auto;
}

 div#ampel {
	color: #000;
	background-color: #448ccb;
	border-bottom: solid 2px #fff;
	width: 100%;
	margin: 0 auto;
}

div#ampel img{
	display: block;
	margin: 5px auto;}

 div#ampel p{
	display: block;
	margin:5px auto;
	width: 110px;
	text-align: center;
	font-weight: bold;
	background-color: #e4f2fb;
	border: 1px solid red;
}

div#rightRail div#werbung div {
	width: 150px;
	margin: 4px auto;
}


#nav h2{
	background-color: #AAD5F2;
	border-left: 20px #292b76 solid;
	margin-left: -20px; }


#nav{
	font-size:  11px;
	float:left;
	width:150px;
	margin-left:-150px;
	position:relative;}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;}

div#nav a {
	font-weight: bolder;
	display: block;
	text-decoration: none}

#nav ul li a {
	color: #FFFFFF;
	padding: 9px 0 8px 7px;
	text-transform: uppercase;}

#nav ul li ul li {
	position: relative;
	background-color: #448ccb;}

#nav ul li ul li a {
	height: 14px;
	padding: 5px 0 3px 7px;
	text-transform: none;
	border-top: 1px #fff solid;}

#nav ul li ul li ul li {
	background-color: #e4f2fb;
	border-top: 1px #0066cc solid;
	display: none;}

#nav ul li ul li ul li a {
	color: #0066cc;
	padding: 4px 0 2px 14px;}

#nav ul li ul li ul li ul li {
	background-color: #ffffcc;
	border-top: 1px #448ccb solid;
	border-right: 1px #448ccb none;}

#nav ul li ul li ul li ul li div {
	color: #6d6d6d;
	background-color: #d8d8d8;}

#nav ul li ul li ul li ul li a {
	padding: 4px 0 2px 30px;
	color: #003399;}

#nav #nav-bin {/* IE */

text-align: center;}

#nav #nav-bin a{
border: none;
}

#nav #nav-bin .end {
height: 5px;}