html, body{
margin: 0;
padding: 0;
}

h1{font-family:Arial, Helvetica, sans-serif;font-size: 16px;color: #666;}
h2 {font-family:Arial, Helvetica, sans-serif;font-size: 14px;color: #666;}

#superbgimage {  
display: none;  
}  

#container {
background-image: url(../img/hg_streifen.jpg);
    background-position: 50% 168px;
    background-repeat: repeat-x;
    min-height: 100%;
}

#inhalt{
margin:0px auto;
width:1023px; 
}  

.clear{
clear:both;
}

#header{
position: relative;  
width: 1023px;
height: 175px;
margin-top: 50px;
padding-right: 40px;
}

#logo{
float:right;
}

#content{
height: 750px;
width:1023px;
}

#bild{
float:left;
width:793px;
height: 463px;
}

#menu{
background-image:url(../img/navi_bg.png);
background-repeat:no-repeat;
float:right;
width:230px;
height: 420px;
padding-top: 60px;
}


#menu li{
margin-left: -38px;
list-style-type: none;
background-image:url(../img/menu_bg.jpg);
width: 228px;
height: 41px;
margin-top: 2px;
text-align: right;
}

#menu li a {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #eeeeee;
text-decoration: none;
display: block;
padding-right:20px;
padding-top: 13px;
}

#menu li:hover {
background-image:url(../img/menu_bg_hover.jpg);
}

#menu li a:hover {
color: #196205;
}

#menu li .active{
background-image:url(../img/menu_bg_hover.jpg);
height: 41px;
color: #FFCC00;
}

#menu2 li{
margin-left: -78px;
list-style-type: none;
background-image:url(../img/menu_bg_s.jpg);
width: 228px;
height: 32px;
margin-top: 2px;
text-align: right;
}

#menu2 li a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #eeeeee;
text-decoration: none;
display: block;
padding-right:20px;
padding-top: 9px;
}

#menu2 li:hover {
background-image:url(../img/menu_bg_s_hover.jpg);
}

#menu2 li a:hover {
color: #196205;
}

#menu2 li .active2{
background-image:url(../img/menu_bg_s_hover.jpg);
height: 32px;
color: #FFCC00;
}


#menu_punkt_s{
background-image:url(../img/menu_bg_s.jpg);
background-repeat:no-repeat;
height: 22px;
width: 230px;
text-align:right;
padding-top: 11px;
}

#text{
float:left;
width: 753px;
height: auto;
margin-top: -16px;
margin-bottom: 10px;
padding: 20px;
border-bottom:#999999 1px solid;
border-left:#999999 1px solid;
border-right:#999999 1px solid;
}

#text_left{
float:left;
width: 370px;
height: auto;
margin-right: 13px;
}

#text_right{
float:left;
width: 370px;
height: auto;
}

.navi {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#eeeeee; font-weight:bold; text-decoration:none;	padding-right: 20px;}
.navi a:link{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#eeeeee; font-weight:bold; text-decoration:none;}
.navi a:hover{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; font-weight:bold; text-decoration:none;}
.navi a:visited{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#eeeeee; font-weight:bold; text-decoration:none;}

.navi_s {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#eeeeee; font-weight:bold; text-decoration:none; padding-right: 20px;}
.navi_s a:link{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#eeeeee; font-weight:bold; text-decoration:none;}
.navi_s a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; font-weight:bold; text-decoration:none;}
.navi_s a:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#eeeeee; font-weight:bold; text-decoration:none;}

.text {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration:none;}
.text a:link{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration:none;}
.text a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#196205; text-decoration:none;}
.text a:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration:none;}

.textfett {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; font-weight:bold; text-decoration:none;}
.textfett a:link{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; font-weight:bold; text-decoration:none;}
.textfett a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#196205; font-weight:bold; text-decoration:none;}
.textfett a:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; font-weight:bold; text-decoration:none;}

.textklein {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; text-decoration:none;}
.textklein a:link{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; text-decoration:none;}
.textklein a:hover{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#196205; text-decoration:none;}
.textklein a:visited{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; text-decoration:none;}

#bottom{
width: 450px; 
margin-left: auto; 
margin-right: auto; 
text-align:center;
}

#bottom_referenz{
width: 550px; 
margin-left: auto; 
margin-right: auto; 
text-align:center;
}

#bottom_box{
width: 980px; 
margin-left: auto; 
margin-right: auto; 
text-align:center;
}

#mainContent_center{
position:absolute;
bottom: 0;
width: 550px;
}

#mainContent_left{
float: left;
width: 250px;
padding-left: 20px;
text-align:left;
background-color:#ffffff;
filter:alpha(opacity=80); /* IE */
-moz-opacity: 0.80; /* Mozilla */
opacity: 0.80; /* Opera */
}

#mainContent_right{
float: right;
width: 250px;
padding-left: 20px;
text-align:left;
background-color:#ffffff;
filter:alpha(opacity=80); /* IE */
-moz-opacity: 0.80; /* Mozilla */
opacity: 0.80; /* Opera */
}

#mainContent{
position:absolute;
bottom: 0;
width: 450px;
background-color:#ffffff;
filter:alpha(opacity=80); /* IE */
-moz-opacity: 0.80; /* Mozilla */
opacity: 0.80; /* Opera */
}

#mainContent_box{
position:absolute;
bottom: 200;
width: 980px;
background-color:#ffffff;
filter:alpha(opacity=80); /* IE */
-moz-opacity: 0.80; /* Mozilla */
opacity: 0.80; /* Opera */
}


### Bild-Mouseover ###