body  {
	margin: 0;
  background: #FFFFFF;
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
}
/* zum zentrieren der seite */
#kontainer
{ 
	position: relative; /* Durch Hinzufügen von position: relative können Sie die beiden Randleisten im Verhältnis zu diesem Container positionieren. */
	width: 980px;  
	background: #FFFFFF;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	padding:0;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
} 
/* gesamter kopfbereich */
#kopf
{
	margin-top: 0px;
	margin-bottom:0px;
	height: 112px;
	padding-top:0px;
	background: #DDDDDD;
 background-image:url('../img_2008/wolke.jpg');
 background-repeat:no-repeat;
}
/*linker kopfteil*/
.kopf_ls
{
 width:200px;
 text-align:center;
 margin-top:0;
}
.kopf_ls h2
{
 margin-top:0px; /*muss zwingend 0 sein, sonst wird eine margin oberhalb #kopf gesetzt; fehler im FF*/
 margin-bottom:2px;
 padding-top:4px;
 padding-bottom: 4px;
 font-size: 13pt;
}
.kopf_ls p
{
 margin:5px 0;
}
.spruch
{
 color:#FFFFFF;
 font-weight:bold;
}
/*gesamter rechter kopfteil*/
.kopf_rt
{
 margin-left:200px;
 width:780px;
 height: 112px;
 text-align:center;
 position:absolute;
 top:0;
}
/*werbung oben rt */
.werb_ob
{
height:90px;
}
/* navigation unter werbung */
.navig_kopf_ls {
  text-align:left;
	margin-top:5px;
	left:31px;
	height: 20px;
  position:absolute;
}

.navig_kopf_m
{
 text-align:left;
 left:170px;
 margin-top:5px;
 position:absolute;
}
.navig_kopf_rt
{
  right:31px;
	margin-top:5px;
  text-align:right;
  position:absolute;
}
/* spalte ls*/
#navblock{
	left: 0px;
	width: 200px;
	margin-top: 7px;
/*	padding-left: 20px;*/
	padding-left: 0px;
	position: absolute;
}
#navblock P, #spalte_rt p {
	margin: 2px;
}
#navblock h4, #spalte_rt h4 {
	margin-bottom: 5px;
}
.neu h4 {
	border-bottom:1px solid #CCC; /* F90*/
	padding-bottom:5px;
}
/* inhaltsteil */
#mitte {
	/*margin-left: 200px; neu bündig mit werbung*/
	margin-left:226px;
	margin-right: 200px;
	padding: 10px 0px;
}
/* inhaltsteil ohne spalte ls */
#mitte_breit
{
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px 0px;
}
#mitte_webcam
{
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px 0px;
}
#mitte_2_spaltig
{
	/*margin-left: 200px; neu bündig mit werbung*/
	margin-left:226px;
	margin-right: 26px;
	padding: 10px 0px;
}
#spalte_rt
{
  width:180px;
  right:0px;
	margin-top: 7px;
	/*padding-left:20px; unwirksam im FF */
  position:absolute;
}
#spalte_rt p
{
	margin: 2px;
}
#spalte_rt h5
{
  margin-top:10px;
	margin-bottom:0px;
  font-family: Verdana, Helvetica, Arial;
  font-size: 9pt;
	margin-left:2px;
}
.wett_flash h3
{
  background:greenyellow;
	color:404040;
	font-size:12px;
	padding:2px;
	font-weight:bold;
	margin:0;
}
/*
.wett_flash td
{
  background:#f2f2f2;
}
*/
/* werbeblock unten */
.werb_unten
{
	margin-left:140px;
	width:300px;
	margin-top:20px;
}
.werb_unten_2_spaltig
{
	margin-left:240px;
	margin-top:20px;
}
.werb_unten_breit
{
	margin-left:340px;
	margin-top:20px;
}

.flash_io
{
	background-color:#A4F94F;
	padding: 2px;
}
.flash_mittel
{
	background-color:#FC0;
	padding: 2px;
}
.flash_alarm
{
	background-color:#F09;
	padding: 2px;
}

.flash_io_hell
{
	background-color:#E4FEE0;
	padding: 2px;
}
.flash_mittel_hell
{
	background-color:#FEF9CF;
	padding: 2px;
}
.flash_alarm_hell
{
	background-color:#FEDAE0;
	padding: 2px;
}
.tab_trennen
{
	border-bottom: #CCC 1px solid;
}

.bestaet {
	font-size:11pt;
	font-weight:bold;
	color:#008800;
}

.fehler {
	font-size:11pt;
	font-weight:bold;
	color:#aa0000;
}

.warnung {
	font-size:11pt;
	font-weight:bold;
	color:#FFaa00;
}

.hervorheb
{
	background-color: #F0F2FF;
}

.wcp{
	position:absolute;
	visibility:hidden;
	z-index:2;
	background-color: #A7B6C9;
	border: 1px solid #999; 
	text-align:left;
}

.wd{
	font-size: 10px;
	position:absolute;
	z-index:1;
	background-color: #A7B6C9;
	border: 1px solid #999; 
}


.wdtb{
	font-size: 10px;
	background-color: #FFFF99;
}

.blogbeitraege
{
	background:#E1EDFF;
	margin-bottom:5px;
	padding:5px;
}

.blogbeitraege h2
{
	font-size:14px;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:0px;
	font-weight:bold;
}

.blogbeitraege h3
{
	font-size:12px;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:8px;
}

.blogbeitraege p
{
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:0px;
	padding-bottom:0px;
}

.tab_aktiv {
	border-left: 1px solid Black;
	border-right: 1px solid Black;
	border-top: 1px solid Black;
	background-color: #FFFFFF;
	font-weight:bold;
	font-size: 10pt;
}

.tab_inaktiv {
	background-color: #F4FCFF;
	border-bottom: 1px solid Black;
	font-size: 10pt;
}

.haupttab_aktiv {
	border-left: 1px solid Black;
	border-right: 1px solid Black;
	border-top: 1px solid Black;
	background-color: #F4FCFF;
	font-weight:bold;
	font-size: 10pt;
}

.haupttab_inaktiv {
	background-color: #E4ECFF;
	border-bottom: 1px solid Black;
	font-size: 10pt;
}
.haupttab_zeile{
	background-color: #F4FCFF;
}


#links
{	
	position:absolute;
	margin-left:540px;
	width:170px;
	margin-top:15px;
}
#popup_menu
{	
  margin: 0;
	padding: 0;
	visibility: hidden;
	width:170px;
}
.popup_menu_titel
{
	display:block;
	width:170px;
	text-align:center;
}
.popup_menu_titel a:hover
{	
	background: #F4FCFF;
	width:170px;
	display: block;
}


.popup_menu_element
{	
  text-align:left;
	background-color:#FFF;
  position: absolute;
	left:0px;
	top:0px;
	margin: 0;
	padding: 0;
	width:100%;
	font-size: 8pt;
	z-index:1;
	display: block;
}

.popup_menu_element a
{	
	width: 100%;
	white-space: nowrap;
	display: block;
}

.popup_menu_element a:hover
{	
	background-color: #F4FCFF;
}

.popup_menu_element p
{
	margin: 2px;
}
.popup_menu_element h5
{
  margin-top:10px;
	margin-bottom:0px;
  font-family: Verdana, Helvetica, Arial;
  font-size: 9pt;
	margin-left:2px;
}