body { font-size: 90%; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; color:#564b47; background-color: #999; padding:0; margin:20px 0 0; }
a {color: #f90;}
a:visited {color:#999;}
a:hover {color: #564b47;}
a:active { color:#000000;}

/* <h1> = Hauptüberschrift im Textbereich = Navigationspunkt */
h1 { font-size:115%; font-weight: bold; font-style: italic; font-variant: small-caps; text-align: left; margin:10px 0 15px 10px; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #039; border-left: 10px solid #039; }

/* <h1> = Zweitüberschrift im Textbereich = Unterpunkt */
h2 { color: #000; font-size: 110%; font-weight: bold; text-align: left; word-spacing: 1px; margin-top: 15px; margin-left: 5px; }

/* <h3> = zur Kenntlichmachung von wichtigen Wörtern / Textbereichen */
h3 { color: #222883; font-size: 100%; text-align: left; letter-spacing: 2px ; margin-bottom: 5px; margin-left: 5px; }

/* <h4> = Überschrift des Willkommenstext auf Startseite */
h4 { font-size: 110%; text-align: center; margin-top: 10px; margin-bottom: 0; }

/* <h5> = Formatierung der Schrift im oberen orangen Header-Balken */
h5 { font-size: 20px; text-transform:uppercase; background-color: #f90; text-align: center; height: 70px; padding:5px 15px; margin:0   ; }
img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 950px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
overflow: auto;
} 

/* ----------obere Leiste -------------- */
#banner { text-align: right; background-color: #f90; padding: 0; margin: 0; }

#banner img { background-color: #f90; padding:2px 0 10px; } 

/* ----------mittlerer Container und Textfeld ----------------- */

#outer{ min-height: 400px; border-right: 200px solid #ccc; border-left: 200px solid #ccc; /* Farbe fuer Inhalt Spalten  */
} 

#inner{ margin:0; width:100%; min-height: 400px; }

/* --------------llinkes und rechtes Feld für Navigation etc------------- */
#left { width:200px; float:left; position:relative; margin-left:-200px; margin-right:1px; padding-top: 50px; }
 #right { text-align: center; width:200px; float:right; position:relative; margin-right:-200px; margin-left:1px; padding-top: 50px; }

/* -----------------Inhalt--------------------- */ 
#content{ background-color: #fff; position: relative; margin: 0; 
;overflow: scroll; min-height: 450px; max-height: 460px; height:auto !important;  /* für moderne Browser */
				  	 height:450px; padding-left: 5px;  /*für den IE */ }
p {
padding: 3px 10px 5px;
margin:0; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer { background-color: #f90; clear:left; padding:8px 20px 0 0; margin:0; text-align: right; height: 30px; } 

/* ----------------Style-Eigenschaften Navigation ---------------*/

#navcontainer { width: 177px; text-align: left; margin-bottom: 5px; border-style: solid solid none; border-width: 1px 1px medium; border-top-color: black; border-right-color: black; border-left-color: black; }

#navcontainer ul {margin: 0; padding: 0;	
  list-style-type: none;
  text-indent: 5px;}
  
#navcontainer li {list-style-image: none;
  margin:0; border-bottom: 1px solid black;}

#navcontainer a {display: block;
  width: 177px;height: 37px;
  font: bold 12px/22px Verdana, Arial, 
  Helvetica, sans-serif; }

#navcontainer  a:link, #navcontainer  a:visited {
  background: url(menue.gif);
  color: black ;text-decoration: none; 
  padding-bottom: 0;}

#navcontainer li a:hover {
  background: url(menue.gif) 
  /* hier wird das Image verschoben */
  0px -37px no-repeat; 
  color: #fff;text-decoration: none;}

#navcontainer li a#current {
  background: url(menue.gif)
   /* hier wird das Image verschoben */ 
  0px -37px no-repeat;
  color: #fff;text-decoration: none;}

/* --------------- Style vom rechten Feld ---------------*/


#nav_rechts { width: 177px; text-align: left; margin-bottom: 10px; margin-left: 20px; border-top: 1px solid black; border-right: 1px solid black; border-left: 1px solid black; border-bottom-style: none; border-bottom-width: medium; }

#nav_rechts ul {margin: 0; padding: 0; list-style-type: none; text-indent: 5px;}
  
#nav_rechts li {list-style-image: none; margin:0; border-bottom: 1px solid black;}

#nav_rechts a {display: block;  width: 177px;height: 37px;  font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif; }

#nav_rechts a:link, #nav_rechts a:visited { background: url(menue_rechts.gif); color: black ;text-decoration: none;  padding-bottom: 0;}

#nav_rechts li a:hover { background: url(menue_rechts.gif)  /* hier wird das Image verschoben */  0px -37px no-repeat;  color: #fff;text-decoration: none;}

#nav_rechts li a#current {  background: url(menue_rechts.gif)   /* hier wird das Image verschoben */   0px -37px no-repeat;   color: #fff;text-decoration: none;}