/* CSS Document */

body
{
color:rgb(0,0,0);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
background-image:url(Bilder/bg.jpg);
}

h2
{
color:#666666;
font-size:16px;
font-weight:bold;

}

h1
{

font-size:18px;
font-weight:bold;
padding-bottom:5px;

}


#outer
{
position:relative;
margin: 0px auto;
text-align:left;
width:1000px;
min-height:700px;
height:auto;
*height:700px;
background-color:#FFFFFF;
}

#kopf
{
position: absolute; 
left: 0px; 
top: 0px; 
width: 1000px; 
height: 176px; 
z-index: 1;
}

#navi
{
position: absolute; 
left: 0px; 
top: 180px; 
width: 191px; 
height: 372px; 
color:#FFFFFF;
padding-top:20px;
background-color:#000066;
z-index: 2;
}

#navi ul
{
list-style-type:none;

}


#navi li
{

margin-right:10px;
border-bottom:1px solid #ffffff;
}

#navi a
{
color:#ffffff;
font-weight:bold;
font-size:14px;
display:block;
padding-top:10px;
padding-bottom:10px;
text-decoration:none;
}

#navi a:hover
{
color:#000066;
background:#ffffff;
text-decoration:none;

}
#main
{
position: absolute; 
left: 223px; 
top: 180px; 
width: 752px; 
height: 370px; 
color:#000000;
padding:10px;
border:2px solid #000066;
background-image:url(Bilder/Filmrolle.jpg);
background-position:center;
background-repeat:no-repeat;
z-index: 3;
}

#links
{
float:left;
padding-left:50px;
padding-top:10px;
}

#rechts
{
float:right;
padding:20px;

}

#film
{
clear:both;
position: absolute; 
left: 0px; 
top: 578px; 
width: 1000px; 
height: 119px; 
z-index: 4;
}

#spacer_unten
{
position: absolute; 
left: 0px; 
top: 697px; 
width: 1000px; 
height: 63px; 
z-index: 5;
}

#spacer_hoehe
{
position: absolute; 
left: 0px; 
top: 0px; 
width: 1px; 
height: 750px; 
z-index: 6;
}

#Bild1 {
	position:absolute;
	top:300px;
	left:550px;
	visibility: hidden;
	z-index:16;
	padding:5px;
	border:3px;
	border-style:solid;
	border-color:#cccccc;
	-moz-opacity:0.9;
	opacity:0.9;
}

#Bild2 {
	position:absolute;
	top:300px;
	left:550px;
	visibility: hidden;
	z-index:16;
	padding:5px;
	border:3px;
	border-style:solid;
	border-color:#cccccc;
	-moz-opacity:0.9;
	opacity:0.9;
}

#Bild3 {
	position:absolute;
	top:300px;
	left:550px;
	visibility: hidden;
	z-index:16;
	padding:5px;
	border:3px;
	border-style:solid;
	border-color:#cccccc;
	-moz-opacity:0.9;
	opacity:0.9;
}

#Bild4 {
	position:absolute;
	top:300px;
	left:550px;
	visibility: hidden;
	z-index:16;
	padding:5px;
	border:3px;
	border-style:solid;
	border-color:#cccccc;
	-moz-opacity:0.9;
	opacity:0.9;
	}
	
#Bild5 {
	position:absolute;
	top:300px;
	left:550px;
	visibility: hidden;
	z-index:16;
	padding:5px;
	border:3px;
	border-style:solid;
	border-color:#cccccc;
	-moz-opacity:0.9;
	opacity:0.9;
	}
	
#Bild6 {
	position:absolute;
	top:300px;
	left:550px;
	visibility: hidden;
	z-index:16;
	padding:5px;
	border:3px;
	border-style:solid;
	border-color:#cccccc;
	-moz-opacity:0.9;
	opacity:0.9;
	}
	
#Bild7 {
	position:absolute;
	top:300px;
	left:550px;
	visibility: hidden;
	z-index:16;
	padding:5px;
	border:3px;
	border-style:solid;
	border-color:#cccccc;
	-moz-opacity:0.9;
	opacity:0.9;
	}

#Bild8 {
	position:absolute;
	top:300px;
	left:550px;
	visibility: hidden;
	z-index:16;
	padding:5px;
	border:3px;
	border-style:solid;
	border-color:#cccccc;
	-moz-opacity:0.9;
	opacity:0.9;
	}
	
#Bild9 {
	position:absolute;
	top:300px;
	left:550px;
	visibility: hidden;
	z-index:16;
	padding:5px;
	border:3px;
	border-style:solid;
	border-color:#cccccc;
	-moz-opacity:0.9;
	opacity:0.9;
	}