body
{
background-color: #C4FFC4;
	font-family: Verdana, Arial, sans-serif;
	font-size: 100.01%;
	width: 98%;
	height: 100%;
         }
h1
{
color: #006400;
font-family: PR Celtic Narrow;
font-size: 400%;
width: 100%;
height: 100%;
padding-left: 130px;
text-align: left;
}

h2
{
color:#006400;
margin:0;
}

#header
{ height: 130px; margin: 15px 15px 15px 120px; 
}

#navi
{
width: 180px;
border: solid 1px #000080;
margin-left: 15px;
font-size:15px;
font-color: #006400;
background-color: #aef99b;
float:left;
display:inline;
}

.sub_nav_item
{ 
width: 100px; font-size:10px; font-color:#32ab41; background-color: #aef99b; background-position: inherit; text-indent: 10px; 
}



#navi a
{
display:block;
padding:5px;
width:170px;
text-decoration:none;
background-color:#AEF99B;
border-bottom:2px solid #eee;
font-weight:bold;
}
#navi a:link
{
color:#006400;
}
#navi a:visited
{
color:#006400;
background-color:#9EDF57;
}
#navi a:hover
{
color:#006400;
background-color:#9EDF57;
}

ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#style
{
width: 180px;
border: 1px solid #006699;
font-size: 0.9em;
float: right;
padding: 10px 0px 0px 15px;
}
#content
{
font-size:0.8em;
text-align: justify;
border: 1px solid #006699;
margin-left: 200px;
margin-right: 200px;
padding: 0px 15px 0px 15px;
}

.left
{
float: left;
margin-right: 15px;
}

.right
{
float: right;
margin-left: 15px;
}

#galerie li
{
list-style-type: none;
float: left;
margin: 0 10px 10px 0;
text-align: center;
font-weight: bold;
position: relative;
}

#galerie img
{
width: 150px;
height: 112px;
display: block;
padding: 3px;
border: 1px solid #8B0000;
}

#galerie a .gross
{
display: none;
}

#galerie a:hover .gross
{
width: 250px;
height: 186px;
display: block;
position: absolute;
top: -50px;
left: -50px;
z-index: 1;
background: #fff;
}

#gallery li
{
list-style-type: none;
float: left;
margin: 0 10px 10px 0;
text-align: center;
font-weight: bold;
position: relative;
}

#gallery img
{
width: 112px;
height: 150px;
display: block;
padding: 3px;
border: 1px solid #8B0000;
}

#gallery a .gross
{
display: none;
}

#gallery a:hover .gross
{
width: 186px;
height: 250px;
display: block;
position: absolute;
top: -50px;
left: -50px;
z-index: 1;
background: #fff;
}


/*--Spezialangaben für den Internet Explorer 7--*/
*+html #galerie a:hover { z-index: 1;}
*+html #galerie li{position: static;}
*+html #galerie a {position: relative;}

/*--Spezialangaben für den Internet Explorer 6--*/
*html #galerie a:hover {display: block; z-index: 1;}
*html #galerie li{position: static;}
*html #galerie a {position: relative;}