@charset "utf-8";
/* CSS Document */



/************************************/
/*          Linkklassen             */
/************************************/

/*Vorhersage*/

#wetter_vorhersage a:link, #wetter_vorhersage a:visited {
	color:#fff;
	font-size:12px;
	text-decoration:underline;
}

#wetter_vorhersage a:hover {
	color:#fff;
	font-size:12px;
	text-decoration:none;
}

/*Vorhersage - Details*/

#details a:link, #details a:visited {
	color:#fff;
	font-size:10px;
	text-decoration:underline;
	font-weight:400;
}

#details a:hover {
	color:#fff;
	font-size:10px;
	text-decoration:none;
}


/************************************/
/*             Tabellen             */
/************************************/

/*Webcams*/

#webcams td {
	text-align:center;
	color:#266497;
}

/*Vorhersage*/

#wetter_vorhersage td.datum {
	height:45px;
	text-align:center;
	vertical-align:top;
}

#wetter_vorhersage td.icon {
	text-align:center;
}

#wetter_vorhersage td.headline {
	vertical-align:bottom;
	font-size:12px;
	color:#6b8cb9;
	font-weight:bold;
}

#wetter_vorhersage td.link {
	vertical-align:top;
	height:35px;
	text-align:center;
}

/*Vorhersage - Temperaturen*/

#wetter_vorhersage td.min {
	font-size:10px;
	color:#142E8D;
	text-align:left;
}

#wetter_vorhersage td.max {
	font-size:10px;
	color:#AF3B46;
	text-align:right;
}

#wetter_vorhersage td.maxtemp {
	text-align:right;
	font-size:24px;
	color:#AF3B46;
	padding-top:2px;
	vertical-align:top;
}

#wetter_vorhersage td.mintemp {
	text-align:left;
	font-size:24px;
	color:#142E8D;
	padding-top:2px;
	vertical-align:top;
}

/*Luftfeuchtigkeit*/

td.luftfeuchtigkeit {
	font-size:10px;
	font-weight:600;
}

/*Vorhersage - Wind*/

#wetter_vorhersage td.maxwind {
	vertical-align:top;
	text-align:right;
	font-size:17px;
	color:#AF3B46;
}

#wetter_vorhersage td.maxwind_small {
	vertical-align:top;
	text-align:right;
	font-size:15px;
	color:#AF3B46;
}

#wetter_vorhersage td.minwind {
	vertical-align:top;
	text-align:center;
	font-size:17px;
	color:#142E8D;
}

#wetter_vorhersage td.minwind_small {
	vertical-align:top;
	text-align:center;
	font-size:15px;
	color:#142E8D;
}


/*Details*/

.details_pfeile {
	width:650px;
}

#details table {
	margin:10px;
	color:#fff;
}

#details td.uhrzeit_1 {
	font-size:13px;
	font-weight:bold;
	border: 1px solid #fff;
	background-color:#6b8cb9;
	padding: 5px;
}

#details td.uhrzeit_2 {
	vertical-align:middle;
	text-align:center;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	background-color:#6b8cb9;
}


#details td.headline {
	height:72px;
	font-size:13px;
	font-weight:bold;
	border-bottom: 2px solid #6B8CB9;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 5px;
}

#details td.werte {
	height:72px;
	font-size:13px;
	font-weight:bold;
	border-bottom: 2px solid #6B8CB9;
	border-right: 1px solid #ffffff;
        background: url(../bitmaps/wetter/linien.gif) repeat-x bottom;	
	
}

#details td.werte_end {
   border-right: 1px solid #fff;
   border-bottom: 2px solid #6B8CB9;
   background: url(../bitmaps/wetter/skala.gif) no-repeat bottom right;
}


#details td.wind {
	height:72px;
	font-weight:bold;
	background-color:#9AB6CE;
	border-bottom: 2px solid #6B8CB9;
	border-right: 1px solid #fff;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	font-size:14px;
	line-height:20px;
}

#details td.niederschlag {
	height:72px;
	font-size:13px;
	font-weight:bold;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 5px;
}

#details td.bottom {
	height:72px;
	font-size:13px;
	font-weight:bold;
	background-color:#9AB6CE;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: url(../bitmaps/wetter/linien.gif) repeat-x bottom;
}

#details td.bottom_end {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background: url(../bitmaps/wetter/skala.gif) no-repeat bottom right;
}

#details td.messwerte {
	height:72px;
	border: 0px;
	font-size:10px;
	vertical-align:top;
}

#details td.impressum{
	font-size:10px;
	color:#fff;
	line-height:15px;
}

.messwerte {
	width:48px;
	padding:0px;
	margin-top:-1px;
	margin-left:4px;
	line-height:25px;
}

.balken {
	width:30px;
	color:#444;
	font-size: 9px;
	font-style: normal;
	text-align: center; 
	background-color:#fff;
	padding: 0px 0px 0px 0px;	
	margin:0px 0px 10px 10px;
}


/************************************/
/*             Bildklassen          */
/************************************/

.messlinie {
	position:absolute;
	margin: -28px 0px 0px -5px;
	float:left;
}

/*Browserweichen Messlinie*/

*html .messlinie {
	position:absolute;
	margin: -23px 0px 0px -5px;
	float:left;
}

*:first-child+html .messlinie {
	position:absolute;
	margin: -23px 0px 0px -5px;
	float:left;
}

.details_pfeile {
	border-bottom: 0px solid #9AB6CE;
}

.webcam_rahmen {
	border:2px solid #fff;
	cursor:pointer;
}

.webcam_rahmen_rot {
  border: 2px solid #A00000;
  cursor:pointer;
}

.icons_aktuell {
	float:left;
	margin:10px 0px 0px 10px;
}

.icons_vorhersage{
	text-align:center;
}

.windpfeil_aktuell {
	position:absolute;
	margin: -25px 0px 0px 20px;
}

.windpfeil_vorhersage {
	float:right;
	margin-top:5px;
}

/************************************/
/*         Schriftklassen           */
/************************************/

/*Temperaturen*/
#wetter_daten .temp_luft {
	color:#000;
	font-size:23px;
	font-weight:500;
	margin-left:10px;
}

#wetter_daten .temp_wasser {
	color:#000;
	font-size:23px;
	font-weight:500;
}

/*Wind*/
#wetter_daten .daten_wind {
	color:#000;
	font-size:20px;
	font-weight:400;
}

#wetter_daten .daten_richtung {
	color:#000;
	font-size:25px;
	font-weight:400;
}

#wetter_daten .daten_hpa {
	color:#000;
	font-size:14px;
	font-weight:400;
}

#wetter_vorhersage .daten_richtung {
	color:#000;
	font-size:28px;
	font-weight:400;
	margin-left:4px;
}

/*Regen*/
#wetter_daten td.daten_regen1 {
	color:#000;
	font-size:11px;
	font-weight:400;
}


.daten_regen2 {
	color:#000;
	font-size:19px;
	font-weight:400;
}

.daten_regen2_mm {
	color:#000;
	font-size:14px;
	font-weight:400;
}

/*Vorhersage - Tage*/

.tag {
	font-size:20px;
	color:#fff;
}

.datum {
	font-size:12px;
	color:#fff;
}

/*Details*/

.headline_details {
	font-size:20px;
	text-decoration:underline;
}

#details .wind {
	font-size:10px;
	line-height:12px;
}

#details .windstaerke {
	font-size:10px;
	line-height:20px;
}

.vorhersage_box {
	width:130px;
	float:left;
	margin-right:35px;
}

.vorhersage_box_right {
	width:130px;
	float:left;
}

.noshow {
  display: none;
}

.show {
  display: inline;
}

/************************************/
/*          ID - Elemente           */
/************************************/

#details {
	width:670px;
	background-color:#9AB6CE;
}

.clearfix {
	clear:both;
}

#wetter_vorhersage {
  width:645px;
	background:url(../bitmaps/wetter/bg_wetter_vorhersage.jpg) #9AB6CE center top no-repeat;
  overflow:hidden;
	padding-left:25px;
}

#wetter_daten {
	float:right;
	width:304px;
	height:244px;
	background-image:url(../bitmaps/wetter/bg_wetter_aktuell.jpg);
	background-repeat:no-repeat;
	font-size:16px;
	color:#6b8cb9;
	font-weight:600;
}

#wetter_aktuell {
  	width:650px;
  	background-color:#9AB6CE;
  	padding:10px;
  	overflow:hidden;
}

#webcams {
	width:670px;
	background-color:#9AB6CE;
	padding-bottom:3px;
}