/* ++++++++++++++++++++++++++++++++++++++++++++++

   Stylesheet: Wetterstation Bad Harzburg
   Author: Oliver Gliss | © Agentur Mediamanix
   Date: 22.12.2009

++++++++++++++++++++++++++++++++++++++++++++++ */


/* ++++++++++++++++++++++++++++++++++++++++++++++

   Allgemeine Angaben

++++++++++++++++++++++++++++++++++++++++++++++ */

html { 
margin: 0px;
padding: 0px;
height: 100%; 
}

body {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 height: 100%;
 color: #000;
 background:#767676;
 text-align:left;
 height: 100%;
 font-family: Verdana,Arial,Helvetica, sans-serif;
}

h1 {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 15px; 
 color: #000000;
}

h2 {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px; /*12px*/
 color: #000000;
}

h3 {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px; /*12px*/
 color: #000000;
}

h4 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.63em; /*10px*/
 color: #10335D;
}

h5 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.63em; /*10px*/
 color: #10335D;
}

h6 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.63em; /*10px*/
 color: #10335D;
}

p {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px; /*10px*/
 color: #000000;
}

li {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px; /*10px*/
 color: #000000;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++

   DIV-Container

++++++++++++++++++++++++++++++++++++++++++++++ */

#zentralcontainer { 
  position: relative;
  width: 100%; 
  margin: 0px auto;
  padding: 0px 0px 0px 0px; 
  border: 0px; 
  text-align:left;
  background:#767676;
}

#mitte { 
  position: relative;
  width: 1000px; 
  margin: 0px auto;
  padding: 0px 0px 0px 0px; 
  border: 0px; 
  text-align:left;
  background:#ffffff;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++

   DIV-Container Headerbereich

++++++++++++++++++++++++++++++++++++++++++++++ */

#header_1 {
  clear: both;
  float: left;
  width: 1000px;
  height: 123px;
  font-family:Verdana,Arial,sans-serif;
}

#header_grafik {
  float: left;
  width: 1000px;
  height: 251px;
  background: #ffffff;
  font-family:Verdana,Arial,sans-serif;
}

#header_left_side {
  clear: both;
  float: left;
  width: 236px;
  height: 290px;
  font-family:Verdana,Arial,sans-serif;
}

#header_center {
  float: left;
  width: 476px;
  height: 290px;
  font-family:Verdana,Arial,sans-serif;
}

#header_right_side {
  float: left;
  width: 240px;
  height: 290px;
  font-family:Verdana,Arial,sans-serif;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++

   DIV-Container Navi

++++++++++++++++++++++++++++++++++++++++++++++ */

#container_navi {
  clear: both;
  float: left;
  width: 1000px;
  height: 30px;
  font-family:Verdana,Arial,sans-serif;
}

.navi {
  float: left;
  width: 200px;
  height: 30px;
  font-family:Arial,Verdana,sans-serif;
  color: #ffffff;
  background: #ACACAC;
  text-align:center; 
  vertical-align:middle;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
}

.navi a:link , .navi a:visited {
  width: 200px;
  height: 30px;
  font-family:Arial,Verdana,sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
  background: #ACACAC;
  text-align:center; 
  vertical-align:middle;
  text-decoration: none;
  display:inline-block; 
  padding: 5px 0px 0px 0px;
  border-left: 1px solid #ffffff;
}

.navi a:hover, .navi a:focus {
  width: 200px;
  height: 30px;
  font-family:Arial,Verdana,sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
  background: #777777;
  text-align:center; 
  vertical-align:middle;
  text-decoration: none;
  display:inline-block; 
  padding: 5px 0px 0px 0px;
  border-left: 1px solid #ffffff;
}

.navi_current {
  float: left;
  width: 199px;
  height: 30px;
  font-family:Arial,Verdana,sans-serif;
  color: #ffffff;
  background: #777777;
  text-align:center; 
  vertical-align:middle;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  display:inline-block; 
  padding: 5px 0px 0px 0px;
  border-left: 1px solid #ffffff;
}

.navi_current a:link , .navi_current a:visited {
  width: 200px;
  height: 30px;
  font-family:Arial,Verdana,sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
  background: #777777;
  text-align:center; 
  vertical-align:middle;
  text-decoration: none;
  display:inline-block; 
}

.navi_current a:hover, .navi_current a:focus {
  width: 200px;
  height: 30px;
  font-family:Arial,Verdana,sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
  background: #777777;
  text-align:center; 
  vertical-align:middle;
  text-decoration: none;
  display:inline-block; 
}

.sub_navi {
  float: left;
  width: 200px;
  height: 20px;
  font-family:Arial,Verdana,sans-serif;
  color: #ffffff;
  background: #ACACAC;
  text-align:center; 
  vertical-align:middle;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  padding: 3px 0px 0px 0px;
  border-top: 1px solid #ffffff;
}

.sub_navi a:link , .sub_navi a:visited {
  width: 200px;
  height: 20px;
  font-family:Arial,Verdana,sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  background: #ACACAC;
  text-align:center; 
  vertical-align:middle;
  text-decoration: none;
  display:inline-block; 
  padding: 3px 0px 0px 0px;

}

.sub_navi a:hover, .sub_navi a:focus {
  width: 200px;
  height: 20px;
  font-family:Arial,Verdana,sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  background: #777777;
  text-align:center; 
  vertical-align:middle;
  text-decoration: none;
  display:inline-block; 
  padding: 3px 0px 0px 0px;
}

.sub_navi_current {
  float: left;
  width: 200px;
  height: 20px;
  font-family:Arial,Verdana,sans-serif;
  color: #ffffff;
  background: #ACACAC;
  text-align:center; 
  vertical-align:middle;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  padding: 3px 0px 0px 0px;
  border-top: 1px solid #ffffff;
}

.sub_navi_current a:link , .sub_navi_current a:visited {
  width: 200px;
  height: 20px;
  font-family:Arial,Verdana,sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  background: #777777;
  text-align:center; 
  vertical-align:middle;
  text-decoration: none;
  display:inline-block; 
  padding: 3px 0px 0px 0px;

}

.sub_navi_current a:hover, .sub_navi_current a:focus {
  width: 200px;
  height: 20px;
  font-family:Arial,Verdana,sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  background: #777777;
  text-align:center; 
  vertical-align:middle;
  text-decoration: none;
  display:inline-block; 
  padding: 3px 0px 0px 0px;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++

   DIV-Container Content

++++++++++++++++++++++++++++++++++++++++++++++ */

#container_content {
  clear: both;
  float: left;
  width: 1000px;
  background: #ffffff;
  font-family:Arial,Verdana,sans-serif;
}

#container_content_links {
  float: left;
  text-align: center;
  width: 236px;
  font-family:Arial,Verdana,sans-serif;
  padding-top: 22px;
}

#container_content_center {
  float: left;
  width: 627px;
  padding: 20px 0px 20px 0px;
  font-family:Arial,Verdana,sans-serif;

}

#container_content_rechts {
  float: left;
  width: 137px;
  height: 263px;
  font-family:Arial,Verdana,sans-serif;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++

   DIV-Container Footer

++++++++++++++++++++++++++++++++++++++++++++++ */

#container_footer {
  clear: both;
  float: left;
  width: 1000px;
  height: 22px;
  font-family:Arial,Verdana,sans-serif;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  font-family:Verdana,Arial,sans-serif;
  background-image:url(mainimages/back_footer.gif); 
  background-repeat: repeat-x;
  background-position:left;
}


.navi_footer {
  float: right;
  height: 22px;
  font-family:Arial,Verdana,sans-serif;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  padding: 2px 5px 2px 2px;
}

.navi_footer a:link , .navi_footer a:visited {
  height: 22px;
  font-family:Arial,Verdana,sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  text-align:center; 
  vertical-align:middle;
  text-decoration: none;
}

.navi_footer a:hover, .navi_footer a:focus {
  height: 22px;
  font-family:Arial,Verdana,sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  text-align:center; 
  vertical-align:middle;
  text-decoration: underline;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++

   Listengrafik Navigation

++++++++++++++++++++++++++++++++++++++++++++++ */

.pfeil_orange {
  background: url(mainimages/navi_sub_current.gif) no-repeat 0 50%;margin:0px 0px 0px 0px;
padding:0px 0px 0px 15px; font-weight: bold;
}

.navi_blau {
  background: url(mainimages/navi_blau.gif) no-repeat 0 50%;margin:0px 0px 0px 0px;
padding:0px 0px 0px 15px;
}

.navi_cube_white {
  background: url(mainimages/wtd_kreis_main_inaktiv.gif) no-repeat 0 50%;margin:0px 0px 0px 0px;
padding:0px 0px 0px 20px;
}

.navi_main_current {
  background: url(mainimages/wtd_kreis_main_aktiv.gif) no-repeat 0 50%;margin:0px 0px 0px 0px;
padding:0px 0px 0px 20px; font-weight: bold; 
} 

.subnavi_main {
  background: url(mainimages/wtd_subnavi_pfeil_inaktiv.gif) no-repeat 0 50%;margin:0px 0px 0px 0px;
padding:0px 0px 0px 20px; font-weight: bold;
} 

.subnavi_main_current {
  background: url(mainimages/wtd_subnavi_pfeil_aktiv.gif) no-repeat 0 50%;margin:0px 0px 0px 0px;
padding:0px 0px 0px 20px; font-weight: bold;
} 

.unsichtbar {
 display:none;
}

.textfluss_rechts {
  float: left;
  margin-right: 15px;
  margin-bottom:15px;
}

.textfluss_links {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++

   Style Formularfelder

++++++++++++++++++++++++++++++++++++++++++++++ */

.input_felder {
	background-color:#ffffff;
	color:#000000;
  width:300px;
	border:1px solid #10335D;
  font-family: arial;
	font-size: 9pt;
}

.textarea_felder {
	background-color:#ffffff;
	color:#000000;
  width:300px;
  height:150px;
	border:1px solid #10335D;
  font-family: arial;
	font-size: 9pt;
}

.pulldown_felder {
	background-color:#ffffff;
	color:#000000;
	border:1px solid #10335D;
  font-family: arial;
	font-size: 9pt;
}

.input_plz {
	background-color:#ffffff;
	color:#000000;
  width:60px;
	border:1px solid #10335D;
  font-family: arial;
}

.input_ort {
	background-color:#ffffff;
	color:#000000;
  width:231px;
	border:1px solid #10335D;
  font-family: arial;
}