html
{
height: 100%;
}


body
{
background: url(bg6.gif);
background-color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: 100.01%;
width: 100%;
height: 100%;
margin: 0;
padding: 0;

}

h1
{
color: #000080;
text-align: center;
}

h2 
{ 
color: #006400;
margin: 0;
}

h3 
{ 
color: #ffb90f;
text-align: center;
background: #000080;
padding: 10px 0;
margin: 0;
} 

#wrapper
{

width: 1000px;
margin: 30px auto;
border: 0px solid black;
background: url(hg_test2.gif) left;
background-color:#FFFFFF;

} 

#header
{
width: 1000px;
background-color:#FFFFFF;
border-top: 0px solid #990000;
border-right: 0px solid #990000;
border-bottom: 0px double #003300;
border-left: 0px double #003300;

background: url(logo1.gif) no-repeat left;

margin: 0px 0px 5px 0px;
height: 90px;

}



#navi
{
width: 200px;
height: ;
float: left;
padding: 0px;
background: ;


display: inline;

}

#navi ul
{
margin: 0;
padding: 0;
list-style-type: none;
} 

#navi a
{ 
display: block;
padding: 0px;
width: 190px;
height: 25px;
text-decoration: none;


font-weight: bold;
background: url(knopf1a.gif) no-repeat center;
} 

#navi a:link
{
color: #FF0000;

} 

#navi a:visited
{
color: #F06600;

} 

#navi a:hover
{
color: #FFCC00;

background: url(knopf2a.gif) no-repeat center;
} 

#navia
{
font-size: 0.9em;
font-weight: bold;
}

#navia ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navia li
{
float: left;
margin-left: 0px;
}

#navia a
{
display: block;
padding: 0px;
width: 200px;
height: 20px;
background-image: url(knopf1.gif);
color: #68228B;
text-decoration: none;
text-align: center;
}

#navia a:visited
{
color: #F00;
}

#navia a:hover
{
color: #8B0000;
background-image: url(knopf2.gif);
}


.foto-link
{
width: 100px;
height: 100px;
display: block;
margin: 0 auto;
}

.foto1
{
background: url(Millenium.jpg) no-repeat;
}

.foto-link:hover
{
background-position: 0 -100px;
}


.foto2
{
background: url(ditto.jpg) no-repeat;
}

.foto-link:hover
{
background-position: 0 -100px;
}

.foto3
{
background: url(imageMill2.jpg) no-repeat;
}

.foto-link:hover
{
background-position: 0 -100px;
}

.foto4
{
background: url(231.jpg) no-repeat;
}

.foto-link:hover
{
background-position: 0 -100px;
}

.foto5
{
background: url(653.jpg) no-repeat;
}

.foto-link:hover
{
background-position: 0 -100px;
}

.foto6
{
background: url(aram2.jpg) no-repeat;
}

.foto-link:hover
{
background-position: 0 -100px;
}

.foto7
{
background: url(cobalt.jpg) no-repeat;
}

.foto-link:hover
{
background-position: 0 -100px;
}

#contentright
{


width: 195px;
float: right;
padding: 0px;
margin: 0px 0px 0px 5px;
height: 800px;
background: ;
} 



#content
{
width: 555px;
padding: 10px;
margin-left: 220px;
background: ;

text-align: justify;
} 
 
#footer
{
width: 1000px;
background-color:#000000;
border-top: 0px solid #990000;
border-right: 0px solid #990000;
border-bottom: 0px double #003300;
border-left: 0px double #003300;

margin: 0px 0px 0px 0px;
height: 0;
} 

.rotfett
{
color: #f00;
font-weight: bold;
} 


