v\:* {behavior:url(#default#VML);}
html, body {width: 100%; height: 100%;}
body {font:normal 16px/18px Arial Helvetica san-serif; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px;background:transparent url(../images/raster_bg.png)  repeat;}
.underline {text-decoration: underline;}
.right { float:right;}
.left { float:left;}
.center {text-align: center;}
.small{font-size: 12px;}
.beta_small {font-size: 9px;}
div#panel{	min-width: 1200px;	width: 100%;	height: 65px;	margin: 0px auto;	background: url(../images/panel_bg.png) top center repeat-x ;z-index:1000; position:relative; }
div#panel .content{	overflow:auto;	height: 65px;	width: 1200px;	margin: auto;}
div#navi{	float:left;	width: 710px;}
ul.navigation{	margin: 10px 0;	padding: 0 14px;	float:right;	background: transparent url(../images/linie_header.jpg) center right no-repeat;}
ul.navigation li{	float:left;}
a.link{	display:block;	height: 20px;	margin: 2px;	cursor: pointer;	background:transparent url(../images/buttons_header/iconsheader.png);}
a.aktuell{	width: 50px;	background-position: -179px -41px;}
a.aktuell.active, a.aktuell:hover{	background-position:-179px -15px;}
a.morgen{	width: 55px;	background-position: -234px -41px;}
a.morgen.active, a.morgen:hover{	background-position: -234px -15px;}
a.in2tagen{	width: 67px;	background-position: -295px -41px;}
a.in2tagen.active, a.in2tagen:hover{	background-position: -295px -15px;}
a.wolkenverlauf{	width:120px;	background-position:  -17px -41px ;}
a.wolkenverlauf.active, a.wolkenverlauf:hover{	background-position: -17px -15px ;}
ul.navigation li a.link span{display:none;}

div#map{	z-index: 1;	min-width:1200px;	width: 100%; 	height:70%; 	margin-top:-27px; overflow:auto; }
div.temp{	font-size: 9px;	background-color:#2d2d2d; 	color:white;	padding:3px 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;	letter-spacing: 2px;}
div#loading{	width:100%;	height:100%;	position:absolute; top:0; left: 0;	background: transparent url(../images/lightbg.png) repeat  ; 	z-index : 100;}
div#loading img{ position:absolute; top: 50%; left: 50%; margin: -50px;}
div.infoWindow{	height: 30px;	background-color:black; 	color:white;	padding:5px 5px;	-moz-border-radius: 5px;		-webkit-border-radius: 5px;}
div.infoWindow p{	white-space:nowrap;	margin: 0;	padding: 0;	font-size: 9px;	line-height: 10px;	letter-spacing: 1px;}

h1{	float:left; margin: 9px 0px;	width: 175px ;	height:30px ;	text-indent: -1000px;	background: url(../images/wetterwolke.jpg) left top no-repeat;}
div#search{	margin:10px;	-moz-background-clip:border;	-moz-background-inline-policy:continuous;	-moz-background-origin:padding;	background:transparent url(../images/formularfelderheader.png) no-repeat 0 0;height:21px;width:272px;float:right;}

#search form input.input_textfield{	-moz-background-clip:border;	-moz-background-inline-policy:continuous;	-moz-background-origin:padding;	background:transparent none repeat scroll 0 0;	border:0 none;	color:#666666;	float:left;	font-size:11px;	font-weight:bold;margin:4px 0 0 31px;	outline-color:-moz-use-text-color;	outline-style:none;	outline-width:0;	width:210px;}
#search form input#input_button{	float:left;	height:20px;	width:20px;}
div#div_error{	position:relative;	right:0px;	background-color:red;	width: 300px;	color: #cacaca;}

div.auto_complete {	margin:3px;  width: 350px;  background: #cacaca;	border:1px solid #c0c0c0;}
div.auto_complete ul {  margin:0;  padding:0;  width:100%;  list-style-type:none;}
div.auto_complete ul li {	color:#666666;	font-size:11px;	font-weight:normal;  margin:0;  padding:3px;}
div.auto_complete ul li.selected {  background-color: #74bbd6;	color:#fff;}
div.auto_complete ul strong.highlight {  color: #800;   margin:0;  padding:0;}

div#slide_button{cursor:pointer;}
div#details{	width: 100%;	background:transparent url(../images/shadow_map.png) repeat-x;}
div#details div#content{	width: 1200px;	margin: auto;}
div#details div#content div.left{ width: 50%;}
div#details div#content div.right{width: 570px;}
div.wettercam{padding: 10px; width: 160px; height: 120px; float:left; background: transparent url(../images/wettercams_bg.jpg); margin: 10px 5px;}
a.add_wettercam{ width: 188px; height:38px; display:inline; float:right; background:transparent url(../images/buttonaddwebacamonhomesite.png) 0 0 no-repeat; margin: 0 10px; }
a.add_wettercam:hover{background-position: 0 -38px;}
div#forecast_content a{	color:#2b2b2b ;}

div#forecast_head{	overflow:hidden;	height: 70px;	background: transparent url(../images/blauer_balken.png) top center no-repeat;}
div#details h2{	margin: 20px 0 0 10px;line-height:40px;	color:#000;	font-weight:bold;	font-size: 24px; height: 50px;	width:100%;	float:left; display:inline;}
#close_forecast{	margin: 20px;	line-height: 60px;	color:white;	font-weight:bold;	font-size: 24px;}
#close_forecast img{	float:right;	margin: 10px 20px 10px 0;}
.day_forecast{	float:left;	margin: 10px 5px;	background: transparent url(../images/forecast.png) top center no-repeat;	width:87px;	height:142px;text-align:center;}
.day_forecast h3{	font-weight: bold;	font-size: 12px;	margin: 15px 0;}
.day_forecast img{	width: 60px;	height: 60px;}

.forecast_temp{	height: 10px;	width: 87px;	color:white;	font-size: 8px;	float:left;	margin-top:9px;}
#forecast_content .left{	width: 650px;}
#forecast_content .right{	width: 450px;}
#forecast p{margin: 15px auto;	font-size: 11px;	line-height: 14px;}


div.footer{	width: 100%; 	margin: 30px 0;	font-size: 9px;	font-weight: normal;	color: #2b2b2b; float:left;}
div.footer p{width : 100%;; float:left;		line-height: 12px;}
div.footer p img{	float:left;	margin: 0 10px 0 0;}
div.copy  {	width: 50%; 	float:left; }
div.copy p{width: 350px; float:left}
div.copy iframeÊ{float:left}
div.last{ width: 560px; float:right; }
div.last h3{ font-size: 14px; float:left; font-weight: bold; width: 110px;}
div.copy a{	color: #2b2b2b;}
div.last h2{	float:left; 	width: 110px;	height: 50px;	font-size: 14px; font-weight: bold;}
div.last ul{	float:left;width: 450px;}
div.last ul li{	float:left;	background-color:black; 	color:white;	padding:3px 5px;	-moz-border-radius: 5px;		-webkit-border-radius: 5px;	margin: 0 5px 5px 5px;}
div.last ul li a{	font-weight:bold; text-transform: uppercase; text-decoration:none;	color:#ffffff;}
div.last ul li a:hover{color:#009ee0;}

div#map_beta{z-index: 1;	width: 100%; height:100%; overflow:hidden }
div#content_beta{width: 440px;	height: 340px;	background: white;	opacity: 0.85;z-index: 1000;	position:absolute;	top: 50%;	left: 50%;	margin-top: -200px ;	margin-left: -220px;}
div#content_beta h1{	float:none;	width: 100% ;	height:48px ;	text-indent: -1000px;	background: url(../images/logobetalogin.png) center no-repeat;}
div#content_beta p{width: 326px;	display:block;	clear:both;	margin:20px 57px ;	line-height: 18px;	font-size: 12px;}
div#content_beta a{	color:#000;}

div#content_beta form{	margin-top: 20px;	text-align:center;}
form label{	font-size: 18px;	font-weight:bold;	line-height: 40px;}
div#content_beta input{	color: #777777;	font-size: 24px;	font-weight: bold;	text-align: center;	border: 3px solid #777777;	width:225px;	height:50px ;	-moz-background-clip:border;	-moz-background-inline-policy:continuous;	-moz-background-origin:padding;	margin:6px 0 0;	outline-color:-moz-use-text-color;	outline-style:none;	outline-width:medium;padding:9px 0 0 0px;}


#simple_example_window{ margin-top: -100px; float:left; padding-left:5px;	height: 98px; width: 115px;	background:transparent url(../images/bubble.png) 0 0 no-repeat ;}
#simple_example_window p {	white-space: no-wrap;	text-align:center; margin: 5px;}
#simple_example_window_contents{height: 20px;margin: 5px; padding:  15px 0;		font-size:9px;color:#fff; }
#simple_example_window_tl, #simple_example_window_tr, #simple_example_window_bl, #simple_example_window_br,
#simple_example_window_t,#simple_example_window_l,#simple_example_window_r,#simple_example_window_b{  height: 0;width: 0;  }

#facebox {color:#4d4d4d; font-size:9px;}
#facebox p{margin:10px 20px;}
#facebox h1{display:block; background: transparent url(../images/logo_small.png) top center no-repeat; width: 100%; height: 60px; }
#facebox h2{ font-size: 18px; font-weight: bold; color: #4d4d4d; width: 100%; text-align:center;}
#facebox label{font-size: 14px; color:#009ee0;}

#facebox input{color: #009ee0;	font-size: 18px;	font-weight: bold;	text-align: left;	border: 1px solid #009ee0;	width:300px; background: transparent url(../images/window_input_bg.jpg) top left;	height:35px ;-moz-border-radius: 3px; -moz-background-clip:border;	-moz-background-inline-policy:continuous;	-moz-background-origin:padding;	outline-color:-moz-use-text-color;	outline-style:none;	outline-width:medium; padding: 0 9px;	}
#facebox span.field_with_error input{border: 1px solid red;}
#facebox p.center{ margin-top: 20px; line-height : 16px;}
#facebox input#add_button{ margin:20px auto ;width: 190px; height: 38px; text-indent:-3000px; background:transparent url(../images/buttonaddcam.png) 0 0 no-repeat; border: 0; cursor:pointer; display:block;}
#facebox input#add_button:hover {background-position: 0 -37px ;}