﻿/* basic elements */

body {
	background: #EFFBEE;
	padding: 0;
	margin: 0;
	align: center;

	}


body,p,ul,li,ol,h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, Arial; 
	color:#013301;
	font-size: 0.82em;
	line-height: 1.20;
	}


img { 
	display: block;
	border: 0;
	  }
	  
html p { 
	margin-top: 0em;
	margin-bottom: 0em;
	}

/* Kopfzeile mit Rand ganz oben */
#kopf {
  height: 52px;
  margin: 0px;
  margin-top: 6px ;
  padding: 0px;
  }

/* linker Block mit News und links */
#links {
  position: absolute;
  top: 52px;
  left: 0px;
  width: 172px;
}

/* der eigentliche Text-Inhalt */
#inhalt {
  position: absolute;
  top: 66px;
  left: 190px;
  width: 600px;
}

/* der Fuss-Teil mit Impressum */
#fuss {
  height: 36px;
  margin-top: 36px;
}

/* gesamte Page mittig im Browser */
#mittig { 
   position:absolute; 
   left:50%; 
   margin:0 0 0 -395px; 
   width:790px; 
   }
   
/* klappt im IE und im Firefox nur wenn width angegeben ist , dann zerreisst der linke-Rahmen bei Textvergrößerung nicht */
table.lefttable {
	table-layout: fixed ;
	border: 0 ;
	overflow: hidden; 
	width: 172px;
 	}
/*	nur für die mittlere Zelle in der lefttable */
.lttd {
	background: #B9E6BF ;
	}

/* im IE und Firefox zerreisst der obere Rahmen bei Textvergrößerung, wir mit h2 (s.u.) gelöst */
table.toptable {
	table-layout: fixed ;
	border: 0 ;
	vertical-align: baseline;
	overflow: hidden; 
	width: 800px;
	height: 46px;
	}
/*	nur für die mittlere Zelle in der toptable */
.tttd {
	background: #20741F ;
	}

/* normale Überschrift */
h1{
      font-size: 1.12em;
      font-family: Verdana, Arial;
      font-weight: bold;
      text-align: left;
	  margin: 0; 
	  padding: 0;
     }	

/* etwas kleinere Überschrift */
/* max-height: 20px löst das Problem, dass im IE und Firefox der obere Rahmen bei Textvergrößerung zerreisst */
h2{
      font-size: 0.9em;
      font-family: Verdana, Arial;
      font-weight: bold;
	  margin: 0; 
	  padding: 0;
	  line-height: 1.30em;
	  max-height: 20px;
     }	



/* Bug? im FF & IE: Fonts in der Liste sonst zu klein! */
ul,li,input {
	font-size: 0.90em;
	line-height: 1.25;
	}

/* Bug? im FF & IE: Fonts in der textarea sonst falsch und zu klein! */
textarea {
	font-family: Verdana, Arial; 
	font-size: 0.85em;
	line-height: 1.25;
	}


/* Ränder auf der Hauptseite */
.main{
	 padding: 0px;
	 margin: 20px; 
	}


/* enger (Bild-)Rahmen mit Schatten */
.container{
	 border-left: solid 1px #d5ebd8;
	 border-right: solid 2px #cae3c9;
	 border-top: solid 1px #d5ebd8;
	 border-bottom: solid 2px #cae3c9;
	 color: #010101;
	 background-color: #effbee;
	 padding: 0px;
	 margin: 0px; 
	}
     
/* weiter (Text-)Rahmen mit Schatten */
.container_text{
	 border-left: solid 1px #d5ebd8;
	 border-right: solid 2px #cae3c9;
	 border-top: solid 1px #d5ebd8;
	 border-bottom: solid 2px #cae3c9;
	 color: #010101;
	 background-color: #effbee;
	 padding: 10px;
	 margin: 20px; 
	}
     
a:link { 
	text-decoration: underline; 
    font-weight:bold;
	color:#013301; }
a:visited { 
	text-decoration: underline; 
    font-weight:bold;
	color:#013301; }
a:hover, a:active { 
	text-decoration: underline; 
    font-weight:bold;
	color: #20741F;
	}

 a.navi:link
 {
  text-decoration:none; 
  font-weight:bold;
  color:#EFFBEE;
 }
 a.navi:visited
 {
  text-decoration:none; 
  font-weight:bold;
  color:#EFFBEE;
 }
 a.navi:hover
 {
  text-decoration: underline; 
  font-weight:bold;
  color:#FFFFCC;
 }
 a.navi:active
 {
  text-decoration:none; 
  font-weight:bold;
  color:#FFFFCC;
 }

.ulbel {
	font-weight: bold;
	font-size: 18px; }