html {height:100%;}
body {
 height:100%;
 margin:0%;
 padding:0%;
 background-color:#FFcc66;
   background-image: url();  
scrollbar-face-color:#ff9900;
scrollbar-base-color:#ff9900;
scrollbar-track-color:#ff9900;
scrollbar-arrow-color:#000066;
 overflow-y: hidden;
}


#outer {
       width:900;
       height:100%;
       margin:0;
            }

#distance {
          width:1px;
          height:50%;
                    margin-bottom:-270px; /* Die Hälfte der
                              Gesamthöhe von #inner */
          float:left;
          }

#inner {
       width:845px;
       height:540px;
       margin:0 auto;
       position:relative;
       clear:left;
       border: 0px solid #ffffff;
       }

#inner2 {
       width:800px;
       height:520px;
        background-color:#000033;
         margin-left:20px;
        margin-right:20px; 
            }


#banner {
  background-color:#000033;
   background-image: url(oben_hintergrund.jpg);  
    background-repeat:no-repeat;
    background-position:0px 0px 0px 0px;
    height: 140px;
    min-height: 120px;
    color: #3eb134;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    font-size: 2em; 
    font-weight: bold;
}

#agb {
  background-color:#000033;
      height: 20px;
    min-height: 30px;
    color: #ffcc66;
    font-family: Arial, Tahoma, Verdana, sans-serif;
      font-weight: bold;
     text-align:right;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size:9pt; 

}

#navi {
    text-align:left;
    float:left;
    font-size:10pt;
    color:#ffffff;
    width:160px;
    font-weight:bold;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    
}



 #inhalt {
   background-color:#ffcc00;
background-image: url(bg_gelb.jpg);
float:left;
        text-align:left;
    width:470px;
    overflow:auto;
    padding:30px;
    height:270px;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    font-size:9pt; 

}

 #scroll {
   margin-left:8px; 
   margin-top:-30px;
   float:left;
   width: 120px;
    height:300px;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    font-size:9pt; 

}


a:link { font-weight:bold; color:#000066; text-decoration:none; }
a:visited { font-weight:bold; color:#000099; text-decoration:none; }
a:focus { font-weight:bold; color:#000066; text-decoration:underline; }
a:hover { font-weight:bold; color:#000066; text-decoration:none; }
a:active { font-weight:bold; color:#000066; text-decoration:underline; }

h1 {
font-size:12pt; color:#000066; font-weight:bold; text-decoration:none; text-align:center;
}
#suche{  width:80px;
         	height:20px;
	min-height:20px;
         	background-color:#000066;
         float:left;
         	   	}
.input_searchbox {
	width:80px;
	background-color:#ffcc00;
	font-size:11px;
         float:left    
	color:#000066;
}



#navcontainer ul
{
margin: 30px;
padding: 0px;
list-style-type: none;
}

#navcontainer li { margin: 0 0 0 0; } 
#navcontainer a
{
display: block;
color: #ffcc66;
   
background-image: url();
width: 80px;
padding: .3em .2em;
text-decoration: none;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size:10pt; 
}

#navcontainer a:hover
{
background-color: #ff9900;
border-left:0px solid #ffffff; 
color: #ffff99;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size:10pt; 
}

#active a
{
display: block;
color: #ffffcc;
background-color: #000099;
border-left:0px solid #ffffff; 
width: 9em;
padding: .1em .0em;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size:10pt; 
text-decoration: none;
}