html{

        font-size: 11px;
        height: 100%;
}
body{

        background-color: #000000;

        font-size: 18px;
	margin: 0px;
line-height: 17px; 
background-image: url(pics/hg.png);
background-repeat: repeat-x;
}

.clearer{
clear: both;
}

/* Wrapper ---------------------------------- */

#wrapper1{
	margin: 0px;
	padding-top: 20px;
}

#wrapper2{
	border: 1px solid #FFF;
	height: auto !important; /* !important-Regel f?r moderne Browser */
	height: 100%; /* Mindesth?he in IE (<7) */
	margin: 0 auto; 
	min-height: 100%; /* Mindesth?he in modernen Browsern */
	position: relative;
	width: 800px;
}

#wrapper a{
	color: #FFF;
}

#innerframe{
	height: 100%;
	width: 800px;
}


h1{
        color: #FFFFFF;
	font-family: Verdana, Helvetica sans-serif; 
	font-size: 11px;
        font-weight: bold;
float: left;
width: 566px;
}

h3{
       font-size: 10px;
       font-weight: normal;
       width: 230px;
       background-color: #9C9D9F;
}

label{ /* Alle Labels UND Formularelemente auswęhlen */
        display: block;
        float: left;
        width: 150px; /* Breite.*/
}

.header{
height: 80px;
width: 800px;
border-bottom: 1px solid #FFF;
background-image: url(pics/logo.gif);
background-repeat: no-repeat;
background-color: #000000;
}
.contentarea{
width: 800px;
min-height: 438px;
background-image: url('http://www.altelieberostet.net/projektbilder/hg/5.jpg');
background-repeat: no -repeat;
}
.contentareafader{
background-image: url('pics/bg-black.png');
background-repeat: no-repeat;
background-position: 0px 100%;
height: 439px;
width: 800px;
}
.navigation{
margin: 10px 5px 0px 5px;
padding: 10px 0px 20px 10px;
width: 190px;
float: left;
background-color: #000000;

opacity: 0.7;
}
.content{
padding-top: 0px;
margin: 10px 10px 0px 5px;
color: #FFFFFF;
/* background-color: #000000;*/
padding-left: 10px;
min-height: 550px;
width: 563px;
float: left;

	font-family: Verdana, Helvetica sans-serif; 
	font-size: 11px;   
}
.content img{
float: left;
border: 1px solid #FFF;
margin-right: 10px;
margin-bottom: 10px;
}
*html .subinactive 
{
	height: 18px;
        margin-left: 10px;
        padding-top: 6px;
}


.subinactive  a
{
padding-left: 15px;
	color: #333333;
	font-family: Verdana, Helvetica sans-serif; 
	font-size: 10px;

}

.subactive  a
{
        padding-left: 15px;
	color: #333333;
	font-family: Verdana, Helvetica sans-serif; 
	font-size: 10px;

}
.navigation a{
    	color: #FFFFFF;
	font-family: Verdana, Helvetica sans-serif; 
	font-size: 11px;  
text-decoration: none;
 
}
.navigation a:hover{
    	color: #DCDAFC;

}

.box{
width: 136px;
float: left;
height: 136px;
margin: 10px 5px 0px 5px;
}
.boxtop{
}
.boxbottom{
width: 126px;
color: #FFF;
font-family: verdana, helvetica;
font-size: 10px;
height: 18px;
background-color: #000;
opacity: 0.8;
margin-top: 3px;
padding: 0px 5px 0px 5px;
}
.wrapcontent{
float: left;
width: 500px;

}
*html .inactive  a:visited
{
	text-decoration: none;
}

a {
        color: #333333;
}