body {
	color:  #ffffff;
	margin: 0px;
	background-color: #000000;
	/*background-image: url(graphics/blackbgrd.jpg);*/
	font-family: futura, helvetica, arial, sans-serif;

}


#outer {
	 min-height: 400px; 
  height: auto !important;

}




a {
	color: #ffffff;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
		color: #ec2f24;
}

h1 {
	font-weight: normal;
}


#spread {
	width: 989px;
  	height:800px;
  	overflow:visible; 
	min-height: 1200px;
	background-repeat: no-repeat;
  	margin:0px auto;
  	padding:0px;
  		background-image: url(graphics/nachtspread.jpg);
}
#spread.intro {
	background-image: url(graphics/nachtspread.jpg);
}
#spread.material {
		/*background-image: url(graphics/teufel.jpg);*/
}


#cover {
	visibility: hidden;
	position: absolute;
	background-image: url(graphics/lenincover.jpg);
	width: 579px;
	height: 524px;
	margin-top: 50px;
	margin-left:  460px;
	background-repeat: no-repeat;
}

#filmposter {
	position:  absolute;
	left: 889px;
	top: 210px;
	width: 280px;
	height: 373px;
	background-repeat: no-repeat;
	background-image: url(graphics/dvdcover280.jpg);	
	-moz-opacity:0.9;
	
}

#lenin {
	visibility: hidden;
	position: absolute;
	background-image: url(graphics/lenin.gif);
	width: 277px;
	height: 88px;
	margin-top: 0px;
	margin-left: 765px;
	background-repeat: no-repeat;
}
#logo {
	position: absolute;
	background-image: url(graphics/logoNacht.gif);
	background-repeat: no-repeat;
	width: 178px;
	height:  74px;
	margin-top: 50px;
	margin-left: 804px;
	

}

#logo img {
	width: 178px;
	height: 74px;
}
#logo a img {
	border:  none;
}


#logo.logoSmall {
	background-image: url(graphics/logoBW-small.gif);
}

#menu {
	position: absolute;
	margin-top: 50px;
	margin-left: 100px;
	/* background-image: url(graphics/menulabel.gif); */
	background-repeat: no-repeat;
	width:  700px;
	height:  50px;
	font-size: 17px;
	text-transform: uppercase;		
}
#menuitems {
	position: absolute;
	color:  #ffffff;

}
#menuitems a {
	padding:  1px 1px 1px 1px;
	color: #ec2f24;
	text-decoration: none;
	background-color: transparent;
	margin-right: 10px;
	border:  none;
	text-shadow: 1px 1px 1px black;
	}
#menuitems a:hover {
	/*color: #54c1d7;*/
	color:white;
	text-decoration: none;
	/*background-color: black;*/
	border:  none;
	text-shadow: 1px 1px 1px black;	
}	

#menuitems a.selected {
	color: white;
}

p {
	margin: 0px;
}
td {
	font-size: 13px;
}

.credits {
	border-bottom:  1px solid white;
	font-size: 11px;
	margin-bottom: 30px;
}

#content {
	text-align: left;
	position: absolute;
	margin-top:  200px;
	margin-left:  100px;
	width:  475px;
	color:  #ffffff;
	line-height: 145%;
	font-size: 13px;	
}





#content object {
	margin-top: 20px;
	margin-bottom: 20px;
}


#content.video {
	margin-top: 140px;
	width: 600px;
		
}


#content ul {
	padding-left:  10px;
	margin-left: 0px;
}




#content a:link img, #content a:visited img {
	border: 0px solid #000000;
	background-color: #000000;
	color: #000000;
	text-decoration: none;
}
#content a:hover img, #content a:active img {
	border: none;
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}

#tour {
	position: absolute;
	with:660px;
	font-size: 11px;
	margin-left: 100px;
	margin-top:  170px;
	font-family: futura, helvetica, arial, sans-serif;
	line-height: 170%;
	text-transform: uppercase;
	text-align: left;
	   	
	 /*-moz-opacity: 0.85;
	 filter:alpha(opacity=85);
	 -khtml-opacity: 0.85;
	 opacity:  0.85;*/
}
#tour h1 {
	font-size: 22px;
	font-family: futura, helvetica, arial, sans-serif;
	text-align: left;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 40px;
	text-shadow: 1px 1px 1px black;	
}


#tour p {
	color: #ffffff;
}

#content h1 {
	display: block;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: left;
	font-size: 22px;
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 40px;
	font-family:  futura,helvetica, arial, sans-serif;
	line-height: 115%;
	text-transform: uppercase;
	/*background-image: url(graphics/raster.gif);
	background-image: url(graphics/headertrans.png) !important;	*/
}

#content h2 {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-family: futura,helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;	
}

h4{
	font-size: 12px;
	font-weight: bold;
	margin-top:  0px;
	margin-bottom: 15px;
	line-height: 115%;
}

h5 {
	font-size: 11px;
	font-weight: normal;
	margin-top:  0px;
	margin-bottom: 15px;
	line-height: 150%;

}

p.top {
	margin-top: 15px;
	margin-bottom: 15px;
}
p.top a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
}
p.top a:hover {
	color: white;
	border:  none;
}

#platten {
	text-align: left;
	position: absolute;
	margin-top:  170px;
	margin-left:  100px;
	width:  600px;
	color:  #000000;
	line-height: 18px;	
	
}
#platten a img {
	border: none;
	border-bottom: none;
	border-top: 0px;
}


#fotos {
	text-align: left;
	position: absolute;
	margin-top:  170px;
	margin-left:  100px;
	width:  820px;
	color:  #000000;
	line-height: 18px;
}
#fotos a img {
	padding:  0px;
	margin: 0px;
	border:  1px solid grey;
	opacity:  0.95;
	-moz-opacity: 0.95;
	filter:alpha(opacity=95);
	-khtml-opacity: 0.95;
}
#fotos a:hover img {
	border-color:  white;
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	-khtml-opacity: 1;	
}




#material, #kontakt {
	text-align: left;
	position: absolute;
	margin-top:  285px;
	margin-left:  100px;
	width:  585px;
	color:  #ffffff;
	line-height: 135%;
	text-transform: uppercase;
	font-size: 11px;		
}
#material h1, #kontakt h1, #impressum h1 {
	font-family: futura, arial, helvetica, sans-serif;
	text-align: left;
	font-size: 22px;
	text-transform: uppercase;
	color: white;
	font-weight: normal;
	margin-bottom: 30px;
	text-shadow: 1px 1px 1px #000000;			
}

#material p, #kontakt p, #impressum p {
	line-height: 150%;
}

#impressum {
	width:  585px;
	margin-top:  285px;
	margin-left:  100px;
	text-align: left;
	position: absolute;
	text-align: left;
	font-size: 11px;
	text-transform: normal;		
	line-height: 135%;
	text-transform: uppercase;
}




.header {
	margin-left:  130px;
	width:  330px;
	font-size:  16px;
	font-weight: bold;
}
.blacklabel {
	border: 1px solid #4E4E4E;
	background-color: #4E4E4E;
	color: #000000;
}




#footer {
	margin-top: 115px;
	margin-bottom: 20px;
	text-align: left;
	color: #4C4C4C;
	font-size: 8px;
	text-transform: uppercase;  
}
#footer.footerStart {
	margin-top: 280px;
}

#footer p {
	line-height: 100%;
}

#footer a{
	color: #e9e8e8;
	background-color: #000000;
	text-decoration: none;
	border: none;	
	margin-right: 10px;
}
#footer a:hover {
	color: #ec2f24;
	background-color: #000000;	
	text-decoration: none;
	border: none;
}

#textsheet {
	position: absolute;
	text-align: center;
	width: 150px;
	color: #000000;
	margin-left:  120px;
	margin-top: 450px;
}

#plattenTab {
	width: 310px;
	margin-top:  30px;
	margin-left:  697px;
	text-align: left;
	position: absolute;
	font-size: 10px;
	text-transform: normal;		
}

.shade {
	background-image: url(graphics/whiteshade.png);
	padding: 5px;	
}

.legend {
	padding: 10px;
	font-size: 11px;
	line-height: 145%;
	margin-bottom: 20px;
}


.legend h1 {
	font-size: 14px;
	font-weight: normal;
	margin-top: 0px;
}
.legend h2 {
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	margin-top: 10px;
}

.legend h2 {
	font-size: 11px;
	font-weight: bold;
}

#plattenTab a {
	text-transform: uppercase;
}
#plattenTab .legend.first  {
	background-image: url(graphics/blackshade.png);
	margin-bottom: 0px;
}

.smalltext {
	font-size: 10px;
}


/* eleminiert dotted lines in FIREFOX */
a:focus { 
outline: none; 
}