/* CSS Document */

/* Farben: 
#6ca5d4 - Hintergrund blau
#006c9f - dunkles Blau (bg Menühauptpunkte) 
#d9d9d9 - helles Grau (bg Menü oben)

#00376c - dunkelblaue Schrift (Menü oben)
#444849 - graue Schrift (Menüunterpunkte)
#006c9f - blaue Schrift (Verweise/Hyperlinks)
*/

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#eeeeee;
	font-size: 100.01%;
	color: #000000;
}

#wrapper {
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
	width: 775px;
    text-align: left;    
	padding-top: 0px;
	border: 1px solid #006c9f;
	background-color: #6ca5d4;
}
#kopf {
	width: 775px;
	height: 181px;
	background-image: url(../images/kopf.jpg);
	background-repeat: no-repeat;
	}
	#fuersti {
		text-align: center;
		overflow: hidden; 
		}
#menu_oben {
	width: 775px;
	height: 27px;
	margin: 0; padding: 0;
	background-color: #d9d9d9;
}
#hauptbereich {
	width: 775px;
	margin: 12px 0 0 0; padding: 0;
	}
	#menu_links {
		width: 157px;
		margin: 0; padding: 0;
		overflow: hidden;
		float: left;
		text-align: left;
		z-index: 1;
		}
	#menu_rechts {
		width: 157px;
		margin: 0; padding: 0;
		overflow: hidden;
		float: right;
		text-align: right;
		z-index: 2;
		}
	#inh_bereich {
		min-height: 550px;
		margin: 0 157px 0 157px;
		padding: 0;
		background-color: #ffffff;
		z-index: 3;
		}
		* html #inh_bereich { text-align: center; } /* IE */
		
		#inhalt {
			padding: 12px;
			}
			* html #inhalt { padding: 10px; }
			/* * html #inhalt { width: 435px; padding: 10px; } */ /* IE */ 
		#inhalt td, li {
			/* margin: 0; */
			color: #000000;
			font-size: 0.8em;
			text-align: left;
			}
#fuss {
	clear: both;
	width: 775px;
}
#suche {
	margin: 0;
	padding: 12px 0 0 0;
	text-align: right;
}
.um_hide { margin: 0; padding: 0; display: none; }
.um_show { margin: 0; padding: 0; display: block; }

/* TEXT-formatierung u.a. */
h1 { 
	color: #006c9f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em; /* 120% */
	font-style: italic;
	margin-top: 0;
	text-align: left;
	}
.ueberschrift_zentriert { 
	color: #006c9f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em; /* 120% */
	font-style: italic;
	margin-top: 0;
	text-align: center !important;
	}	
.text_zentriert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: center !important;
	color: #000000;
	font-size: 0.8em;
	}
h2 {										
	color: #006c9f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	} 
hr	{
	height: 1px;
	color: #999;
	backgroun-color: #999;
	border: 0;
	}
#inhalt p {
	margin: 0;
	text-align: justify;
	color: #000000;
	font-size: 0.8em;
	}
.center h2 { margin:0 auto; text-align:center; }
.bild_links { float: left; margin-right: 12px; margin-bottom: 8px; }
.bild_rechts { float: right; margin-left: 12px; margin-bottom: 8px; }

* html .bild_links { float: left; margin-right: 14px; margin-bottom: 8px; }
* html .bild_rechts { float: right; margin-left: 14px; margin-bottom: 8px; }

.bildrahmen { border: 1px solid #999; }
		
/* LINKS */
a { font-size:100%; font-weight: normal; color:#006c9f; }
a:link {text-decoration: underline;}		/* Standard-Link innerhalb des Textes */
a:visited {text-decoration: underline;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
a:focus {text-decoration: none;}

/* Externe Links mit PDF-Grafik, innerhalb des Textes */
a.pdf_link {
	background-image: url(../images/pdf.png); 
	background-position: top left;
	background-repeat: no-repeat; 
	padding-left: 20px;
	font-weight: normal;
	color: #006c9f;
	} 
a.pdf_link:link {text-decoration:underline;}		
a.pdf_link:visited {text-decoration:underline;}
a.pdf_link:hover {text-decoration:none;}
a.pdf_link:active {text-decoration:none;}

a.menu_o { font-size: 17px; font-weight: bold; color:#00376c; }								/* oberes Menü */
a.menu_o:link {text-decoration: none;}	
a.menu_o:visited {text-decoration: none;}
a.menu_o:hover {text-decoration: underline;}
a.menu_o:active {text-decoration: underline;}
a.menu_o:focus {text-decoration: underline;}

a.menu_u { font-size:0.8em; font-weight: normal; color:#ffffff; }								/* oberes Menü */
a.menu_u:link {text-decoration: none;}	
a.menu_u:visited {text-decoration: none;}
a.menu_u:hover {text-decoration: underline;}
a.menu_u:active {text-decoration: underline;}
a.menu_u:focus {text-decoration: underline;}


/* CSS Menüs */
/* LINKE SEITE */
#menu_links ul { list-style-type: none; margin: 0; padding: 0; width: 157px; margin-bottom: 12px; } 
.menu_li_haupt { margin: 0; padding: 0; line-height: 27px; color: #ffffff; background-color: #006c9f; width: 145px;   font-size: 17px; text-indent: 12px; font-weight: bold; }
.menu_li_unter { margin: 0; padding: 0; line-height: 21px; color: #444849; background-color: #ffffff; width: 145px; }
.menu_li_unter2 { margin: 0; padding: 0; line-height: 16px; color: #006c9f; background-color: #ffffff; width: 145px; display: none; }

#menu_links a.haupt {
  display: block;
  width: 145px; 
  margin: 0; padding: 0;
  color: #ffffff;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
  text-indent: 12px; 
  background-color: #006c9f;
  border: 0;
  }
  #menu_links a.haupt:hover { background-color: #006c9f; border: 0; }
  #menu_links a.haupt:active { background-color: #006c9f; border: 0; }
  #menu_links a.haupt:focus { background-color: #006c9f; border: 0; }
  
#menu_links a.nav {
  display: block;
  width: 145px; 
  margin: 0; padding: 0;
  color: #444849;
  font-size: 17px;
  font-weight: normal;
  text-decoration: none;
  text-indent: 12px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  }
  #menu_links a.nav:hover { background-color: #d9d9d9;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9; }
  #menu_links a.nav:active { background-color: #d9d9d9;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9; }
  #menu_links a.nav:focus { background-color: #d9d9d9;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9; }
  
/* aktiver Punkt - breiter, weißer bg */ 
#menu_links a.nav_aktiv {
  display: block;
  width: 157px; 
  margin: 0; padding: 0;
  color: #444849;
  font-size: 17px;
  font-weight: normal;
  text-decoration: none;
  text-indent: 12px;
  background-color: #ffffff;
  border-top: 1px solid #6ca5d4;
  border-bottom: 1px solid #6ca5d4;
  }  
  #menu_links a.nav_aktiv:hover { width: 157px; background-color: #ffffff; 
  border-top: 1px solid #6ca5d4; 
  border-bottom: 1px solid #6ca5d4; } 
  #menu_links a.nav_aktiv:active { width: 157px; background-color: #ffffff; 
  border-top: 1px solid #6ca5d4; 
  border-bottom: 1px solid #6ca5d4; }  
  #menu_links a.nav_aktiv:focus { width: 157px; background-color: #ffffff; 
  border-top: 1px solid #6ca5d4; 
  border-bottom: 1px solid #6ca5d4; } 
  
/* Untermenüpunkt */ 
#menu_links a.navu {
  display: block;
  width: 145px; 
  margin: 0; padding: 0;
  color: #006c9f;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  text-indent: 24px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  }
  #menu_links a.navu:hover { background-color: #d9d9d9;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9; }
  #menu_links a.navu:active { background-color: #d9d9d9;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9; }
  #menu_links a.navu:focus { background-color: #d9d9d9;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9; }

/* aktiver Untermenüpunkt - breiter */ 
#menu_links a.navu_aktiv {
  display: block;
  width: 157px; 
  margin: 0; padding: 0;
  color: #006c9f;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  text-indent: 24px;
  background-color: #ffffff;
  border-top: 1px solid #6ca5d4;
  border-bottom: 1px solid #6ca5d4;
  }  
  #menu_links a.navu_aktiv:hover { width: 157px; background-color: #ffffff; 
  border-top: 1px solid #6ca5d4; 
  border-bottom: 1px solid #6ca5d4; } 
  #menu_links a.navu_aktiv:active { width: 157px; background-color: #ffffff; 
  border-top: 1px solid #6ca5d4; 
  border-bottom: 1px solid #6ca5d4; }  
  #menu_links a.navu_aktiv:focus { width: 157px; background-color: #ffffff; 
  border-top: 1px solid #6ca5d4; 
  border-bottom: 1px solid #6ca5d4; } 

/* RECHTE SEITE */  
#menu_rechts ul { list-style-type: none; margin: 0; padding: 0; width: 157px; margin-bottom: 12px;}
#menu_rechts ul ul { list-style-type: none; margin: 0; padding: 0; width: 145px; margin-bottom: 0px;}
#menu_rechts li { text-align: left; } 
.menu_re_haupt { margin: 0; padding: 0; line-height: 27px; color: #ffffff; background-color: #006c9f; font-size: 17px; text-indent: 12px; font-weight: bold; width: 145px; margin-left: 12px; }
.menu_re_haupt2 { height: 53px; margin: 0; padding: 0; line-height: 25px; color: #ffffff; background-color: #006c9f;  font-size: 17px; text-indent: 12px; font-weight: bold; width: 145px; margin-left: 12px; padding-top: 2px; }
.menu_re_unter { margin: 0; padding: 0; line-height: 21px; color: #444849; width: 145px; }

#menu_rechts a.haupt {
  display: block;
  width: 145px; 
  color: #ffffff;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
  text-indent: 12px; 
  background-color: #006c9f;
  border: 0;
  }
  #menu_rechts a.haupt:hover { background-color: #006c9f; border: 0; }
  #menu_rechts a.haupt:active { background-color: #006c9f; border: 0; }
  #menu_rechts a.haupt:focus { background-color: #006c9f; border: 0; }
  
#menu_rechts a.nav {
  display: block;
  width: 145px; 
  margin-left: 12px; 
  color: #444849;
  font-size: 17px;
  font-weight: normal;
  text-decoration: none;
  text-indent: 12px; 
  background-color: #ffffff;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  }
  #menu_rechts a.nav:hover { background-color: #d9d9d9;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9; } 
  #menu_rechts a.nav:active { background-color: #d9d9d9;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9; } 
  #menu_rechts a.nav:focus { background-color: #d9d9d9;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9; }
  /* test
  #menu_rechts a.nav:hover { width: 157px; margin-left: 0px;
  text-indent: 24px;
  background-color: #ffffff; 
  border-top: 1px solid #6ca5d4; 
  border-bottom: 1px solid #6ca5d4; } */   
  
#menu_rechts a.nav_aktiv {
  display: block;
  width: 157px; 
  margin-left: 0px; 
  color: #444849;
  font-size: 17px;
  font-weight: normal;
  text-decoration: none;
  text-indent: 24px; 
  background-color: #ffffff;
  border-top: 1px solid #6ca5d4;
  border-bottom: 1px solid #6ca5d4;
  }   
  #menu_rechts a.nav_aktiv:hover { width: 157px; background-color: #ffffff; 
  border-top: 1px solid #6ca5d4; 
  border-bottom: 1px solid #6ca5d4; } 
  #menu_rechts a.nav_aktiv:active { width: 157px; background-color: #ffffff; 
  border-top: 1px solid #6ca5d4; 
  border-bottom: 1px solid #6ca5d4; } 
  #menu_rechts a.nav_aktiv:focus { width: 157px; background-color: #ffffff; 
  border-top: 1px solid #6ca5d4; 
  border-bottom: 1px solid #6ca5d4; } 
/* Anbieter/Gastgeber */
h2 a {
font-weight: normal;
}
h3 {												/* Name in Gastgeber */
	margin: 20px 0px 0px 0px; padding: 0px;
	color: #005087;
	font-size: 0.8em;
	font-weight: normal;
} 

.d_anb {
 border: 1px solid #bacbe3;
 width: 98%;
 margin-bottom: 10px;
 vertical-align:top;
}
.anb {
margin: 0px;
padding: 5px;
}
.anb_an {
padding: 0px 20px 0px 20px;
font-size: 0.75em;
}
.anb_beschr {
clear: left;
padding: 0px 20px 10px 20px;
font-size: 0.75em;
}
.anb_kontakt {
color: #005087;
text-decoration: underline;
}
h2.anb { color: #005087; margin-bottom: 0px; }
h3.anb { color: #005087; margin-top: -5px; }

  a.bttxt, a.umenu {
    display: block;
  }
  * html a.bttxt, a.umenu { 
    width: 100%;
  }
 
/*________SITEMAP________*/
.sitemap1 { list-style: none; font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; }
.sitemap2 { list-style: none; }
.sitemap2 a { font-weight: bold !important; }
.sitemap3 { list-style: none; text-indent: 15px; }


/*________WETTER________*/
.headline {										
	color: #006c9f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	margin-bottom:10px;
	} 
	
.icon_large, .icon_small {										
	margin-bottom:7px;
	}

.date  {										
	color: #006c9f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	margin-bottom:7px;
	} 
	
.desc {										
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	}
	
.degree, .degree-min, .degree-max, .wind, .humidity, .pressure {										
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: left;
	}