body{
background-color:#639C3B;
margin:0px;
padding:0px;
font-family:Arial,Helvetica,sans-serif;
font-size:0.8em;
color:#212121;
}



#seite{
 margin:0 auto;
 text-align:left;
 width:700px
}

#content_outer
{
  position: absolute;
  background-color:#FFF;
  border:2px solid #254D03;
  width: 900px;
 height: 600px;
  margin-left:-450px;
  margin-top:-310px;
  left:50%; top:50%;
  z-index:1;
}

.clear {
        clear: both;
        font-size: 0;
        line-height: 0;
}

.box_ueberschrift {
/* position:relative, um enthaltene Boxen absolut zu positionieren */
   position: relative;
   color: #000;
   background-color: #FFF;
   padding:0;
/* width notwendig für IE Win, da sonst Fehldarstellung */
   width: 100%;
   height:43px;
/* text-align zur Zentrierung der mittleren Box,
notwendig für IE 5 und IE 6 im Quirk-Modus */

}
.box_ue_01 {
   position: absolute;
   top:0px;
   left: 0px;
/* z-index: zwischenliegende Box bei Überlagerung */
   z-index: 2;
   background-color:#639C3B;
   border-bottom: 15px solid #3B6A13;
   width:145px;
   height:100%;
}
.box_ue_02 {
/* position:relative für z-index */
   position: absolute;
/* z-index: oberste Box bei Überlagerung */
   z-index: 2;
   left:145px;
  background-color:#ECEBEB;
   border-bottom: 15px solid #3B6A13;
   width: 200px;
  height:100%;
/* margin-Angaben zur standardmäßigen Zentrierung der mittleren Box
(auch IE 6 im Standardmodus) */
   margin: 0 auto;
}

* html .box_ue_02 {
/* nur fuer IE 6 Win, IE 5 produziert sonst Fehldarstellung \*/
  left:45px;
/* IE-Hack Ende*/
}
.box_ue_03 {
   position: absolute;
   top:0px;
   left:345px;
   width: 555px;
   height:100%;
   z-index:2;
}



.box_ue_01, .box_ue_02, .box_ue_03 p{
   padding-top:57px;
}


.box_content {
/* position:relative, um enthaltene Boxen absolut zu positionieren */
   position: relative;
   color: #000;
   background-color: #FFF;
   top:70px;
   padding:0;
/* width notwendig für IE Win, da sonst Fehldarstellung */
   width: 100%;
   height:460px;
/* text-align zur Zentrierung der mittleren Box,
notwendig für IE 5 und IE 6 im Quirk-Modus */

}
.box_content_01 {
   position: absolute;
   top:0px;
   left: 0px;
/* z-index: zwischenliegende Box bei Überlagerung */
   z-index: 2;
   background-color:#FFF;
   width: 145px;
   height:460px;
   border-bottom: 10px solid #639C3B;
}
.box_content_02 {
/* position:relative für z-index */
   position: absolute;
/* z-index: oberste Box bei Überlagerung */
   z-index: 2;
   left:145px;
   width: 274px;
   height:460px;
   border-bottom: 10px solid #3B6A13;
/* margin-Angaben zur standardmäßigen Zentrierung der mittleren Box
(auch IE 6 im Standardmodus) */
   margin: 0 auto;
/* ab hier optionaler Hack für IE 6, um eine Art "Pseudo-min-width"-Effekt
zu erzeugen, basierend auf Tantek-Hack (siehe auch
http://www.b-spoke.de/artikel/css-box-model/boxmodell-03.html
und dem in boxen01.css erwähnten Hack von Thomas Scholz;
falls nicht gewünscht, ab hier bis zum Ende-Kommentar entfernen;
verursacht Warnung (keinen Fehler!) beim Validieren */
   voice-family: "\"}\"";
   voice-family: inherit;
/* ab hier Ende für IE 5 Win */
}
* html .box_ue_02 {
/* nur fuer IE 6 Win, IE 5 produziert sonst Fehldarstellung \*/
   margin-right: 100px;
   margin-left: 100px;
/* IE-Hack Ende*/
}
.box_content_03 {
   position: absolute;
   top:0px;
   left:419px;
   width: 481px;
   height:460px;
   z-index:2;
   background-color:#ECEBEB;
   border-bottom: 10px solid #3B6A13;
}

.titel
{
   position:absolute;
   width:160px;
   height:22px;
   background-color: #3B6A13;
   font-size:1.3em;
   color:#FFF;
   font-weight:bold;
   padding-top:5px;
   text-align:center;
   margin:40px 0px 15px 120px;    /*oben, rechts, unten, links*/
   z-index:5;
}
.inhalt{
   position:absolute;
   background-color:#ECEBEB;
  margin:63px 25px 15px 25px;    /*oben, rechts, unten, links*/
  width:90%;
  height:370px;
line-height:14pt;
   z-index:5;
}

.inhalt_boden{
  position:absolute;
  height:19px;
  width:100%;
  top:435px;
  background-color:#CDCECC;
   border-bottom: 5px solid #FFF;
}

.navigation{
position:absolute;
background-color:#ECEBEB;
height:215px;
top:212px;
width:130px;
padding:10px 20px 0px 0px;    /*oben, rechts, unten, links*/
z-index:5;
border-bottom: 17px solid #CDCECC;
}

* html .navigation{
 top:240px;
 padding:10px 20px 0px 0px;    /*oben, rechts, unten, links*/
}
ul{
list-style:none;
text-align:right;
font-size:0.95em;
font-weight:bold;
letter-spacing:1pt;
line-height: 25px;
color:#3B6A13;
}

* html ul{
line-height: 14px;
}

li{
 line-height:25px;
}
* html li{
line-height: 14px;
padding-bottom:14px;
}

li a:link {
        color:#282B10;
        text-decoration: none;
        display: block;
         padding-top:0px;
}
li a:visited {
        color:#282B10;
        text-decoration: none;
        display: block;
         padding-top:0px;
}
li a:hover {
        color:#3B6A13;
        text-decoration: none;
        display: block;
         padding-top:0px;
}

li a:active{
  color:#3B6A13;
        text-decoration: none;
        display: block;
         padding-top:0px;
  }


a:link {
        color:#3B6A13;
        text-decoration: underline;
         font-size:0.95em;
font-weight:bold;

}
a:visited {
        color:#3B6A13;
        text-decoration: underline;
         font-size:0.95em;
font-weight:bold;

}
a:hover {
        color:#282B10;
        text-decoration: underline;
         font-size:0.95em;
font-weight:bold;

}

a:active{
  color:#282B10;
        text-decoration: underline;
         font-size:0.95em;
font-weight:bold;

  }


  h1{
font-size:1.0em;
font-style:italic;
margin:0px 0px 4px 0px;    /*oben, rechts, unten, links*/

}

table{
font-family:Arial,Helvetica,sans-serif;
font-size:1.0em;
color:#212121;
}

.portrait{
  position: absolute;
   top:150px;
   left:280px;
}