@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	paddding:0;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#015a55;
}
a img{
	border:none;
}
h2{
	font-size:13px;
	margin-bottom:5px;
}
.note{
	font-size:90%;
	padding-left:5px;
}
#frame {
	position:relative;
	width:950px;
	height:630px;
	z-index:99;
	background:transparent url(../images_content/frame.gif) 0 0 scroll no-repeat;
}
#sidebar {
	float:left;
	width:140px;
	height:300px;
	margin-top:153px;
	margin-left:8px;
	z-index:9999;
}
#footer{
	position:absolute;
	bottom:16px;
	left:110px;
}
#opacBottom{
	position:absolute;
	top:559px;
	left:153px;
	width:597px;
	height:36px;
	background-color:white;
	opacity:0.3;
	z-index:9999;
}
/* aktuelles wetter */
#weatherActual{
	position:absolute;
	top:112px;
	left:152px;
	width:599px;
	height:30px;
	z-index:99;
}
#weatherActual ul{
	margin:0;
	padding:0;
	height:30px;
	color:white;
}
#weatherActual ul li{
	list-style:none;
	line-height:30px;
	padding:0 15px 0 27px;
	float:right;
}
#weatherActual ul li.aw_temp{
	background:transparent url(../images_content/aw_temp.gif) 0 0 no-repeat;
}
#weatherActual ul li.aw_wind{
	background:transparent url(../images_content/aw_wind.gif) 0 0 no-repeat;
}
#weatherActual ul li.aw_rain{
	background:transparent url(../images_content/aw_rain.gif) 0 0 no-repeat;
}
/* copyright */
a.cRight{
	position:absolute;
	top:427px;
	left:53px;	
	font-size:9px;
	color:#bee059;
	text-decoration:none;
	z-index:99;
}

/* webcam */
#webcam{
	position:absolute;
	top:108px;
	left:151px;
	width:599px;
	height:490px;
	z-index:8;
	background-color:white;
}
#images img{
	position:absolute;
}

/* webcam - caption */
#caption{
	position:absolute;
	top:456px;
	left:50px;
	width:599px;
	height:30px;
	z-index:10;
	background:transparent url(../images_content/lines.gif) 25% 100% no-repeat;
}
#caption p{
	line-height:30px;
	color:#bee059;
	font-style:italic;
	text-align:right;
	padding-right:70px;
}

/* wetter */
#wetter{
	position:absolute;
	top:108px;
	left:151px;
	width:599px;
	height:490px;
	background-color:#e4f3bb;
}
table#tableWeather{
	position:absolute;
	top:70px;
	left:54px;
	width:490px;
	text-align:center;
	border-collapse:collapse;
	border-right:1px solid #d6e2b7;
}
table#tableWeather caption{
	height:30px;
}
table#tableWeather td,
table#tableWeather th{
	padding:2px 0;
	border-left:1px solid #d6e2b7;
}
table#tableWeather tr.trGraph{
	border-top:1px solid #d6e2b7;
	border-bottom:1px solid #d6e2b7;
	background:transparent url(../weatherdata/graphs/tmp.gif) scroll 50% 50% no-repeat;
}
table#tableGraph{
	height:100px;
	text-align:left;
}
table#tableGraph td{
	border:0;
}
table#tableGraph td.graphMax{
	vertical-align:top;
}
table#tableGraph td.graphMin{
	vertical-align:bottom;
}
table#tableGraph td span{
	font-size:80%;
	padding:0 12px;
	background-color:#e4f3bb;
}

/* ort */
#map{
	position:absolute;
	top:145px;
	left:153px;
	width:597px;
	height:414px;
	background-color:gray;
	z-index:99;
}
#mapBottom{
	position:absolute;
	top:559px;
	left:153px;
	width:597px;
	height:36px;
	background-color:#015a55;
	z-index:12;
}

/* fotos */
#infos{
	position:absolute;
	top:108px;
	left:151px;
	width:599px;
	height:490px;
	z-index:1;
	overflow:hidden;
}

/* Textfelder */
#t_webcam,
#t_wetter,
#t_infos,
#t_map,
#t_werben{
	position:absolute;
	top:280px;
	left:761px;
	width:170px;
	height:257px;
	z-index:999;
}

/* wetter navi */
ul#weatherNavi{
	position:absolute;
	top:120px;
	right:8px;
	width:191px;
	margin:0;
	padding:0;
}
ul#weatherNavi li{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:60px;
	height:65px;
}
ul#weatherNavi li.infos{
	background:transparent url(../images_content/button_infos.jpg) 100% 0 no-repeat;
}
ul#weatherNavi li.map{
	background:transparent url(../images_content/button_ort.jpg) 100% 0 no-repeat;
}
ul#weatherNavi li.wetter{
	background:transparent url(../images_content/button_wetter.jpg) 100% 0 no-repeat;
}
ul#weatherNavi li.webcam{
	background:transparent url(../images_content/button_webcam.jpg) 100% 0 no-repeat;
}
ul#weatherNavi li.werben{
	background:transparent url(../images_content/button_werben.jpg) 100% 0 no-repeat;
}
ul#weatherNavi li.infos:hover{
	background:transparent url(../images_content/button_infos.jpg) 0 0 no-repeat;
}
ul#weatherNavi li.map:hover{
	background:transparent url(../images_content/button_ort.jpg) 0 0 no-repeat;
}
ul#weatherNavi li.wetter:hover{
	background:transparent url(../images_content/button_wetter.jpg) 0 0 no-repeat;
}
ul#weatherNavi li.webcam:hover{
	background:transparent url(../images_content/button_webcam.jpg) 0 0 no-repeat;
}
ul#weatherNavi li.werben:hover{
	background:transparent url(../images_content/button_werben.jpg) 0 0 no-repeat;
}

/* slideshow - pager */
#pager { 
	position:absolute;
	top:566px;
	left:630px;
	z-index:99999;
}
#pager a { 
	float:left;
	border:2px solid #bee059; 
	color:#bee059;
	text-decoration:none;
	background:#015a55; 
	margin: 0 8px 0 0; 
	padding: 2px 8px;  
}
#pager a.activeSlide {
	color:#015a55;
	background:#bee059; 
}
#pager a:hover { 
	color:#015a55;
	background:#bee059; 
}
#pager a:focus { 
	outline: none; 
}
#banner{
	position:absolute;
	top:15px;
	left:456px;
	width:481px;
	height:60px;
	background:transparent url(../images_content/banner_hinweis.gif) 0 0 no-repeat;
	z-index:999;
}
#banner img{
	position:absolute;
	left:13px;
}