﻿ /*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:
 */

 img, div { behavior: url(iepngfix.htc) }

 /*
  Alternatively, you can specify that this will apply to all tags like so:
   * { behavior: url(iepngfix.htc) }
 */



body {
background-color: #000000; 
padding:0px;
margin:0px;
color:#ffffff;
text-align: left;
font-family: trebuchet ms, arial, verdana, helvetica, sans-serif;
font-size: 12px;
} 

#main {
background-color: #12150e; 
background-image: url(images/lea-sein.jpg); 
background-repeat: no-repeat;
width:100%; height:600px;
}

#main-fotomodel {
background-color: #000000; 
background-image: url(images/fotomodel-2.jpg); 
background-repeat: no-repeat;
width:100%; height:600px;
}

#main-schauspiel {
background-color: #000000; 
background-image: url(images/schauspiel.jpg); 
background-repeat: no-repeat;
width:100%; height:600px;
}

#main-performance {
background-color: #0663a9; 
background-image: url(images/performance.jpg); 
background-repeat: no-repeat;
width:100%; height:700px;
}
#main-performance2 {
background-color: #565E60; 
background-image: url(images/performance2.jpg); 
background-repeat: no-repeat;
width:100%; height:600px;
}
#main-performance3 {
background-color: #12150E; 
background-image: url(images/performance3.jpg); 
background-repeat: no-repeat;
width:100%; height:600px;
}
#main-klang {
background-color: #000000; 
background-image: url(images/klang.jpg); 
background-repeat: no-repeat;
width:100%; height:600px;
}
#main-vita {
background-color: #98b9e2; 
background-image: url(images/vita.jpg); 
background-repeat: no-repeat;
width:100%; height:600px;
color: #000000; 
}
#main-aktuelles {
background-color: #b4b4b3; 
background-image: url(images/lea-sein-kontakt.jpg); 
background-repeat: no-repeat;
width:100%; height:600px;
color: #2d2731; 
}
#main-impressum {
background-color: #FF6600; 
width:100%; height:600px;
}

#main-kontakt {
background-color: #000; 
background-image: url(images/lea-sein-herz.jpg); 
background-repeat: no-repeat;
width:100%; height:600px;
}

#video {
position:absolute;
left:400px; top:0px; width:370px; height:350px;
}
#vita {
position:absolute;
left:305px; top:20px; width:520px; height:250px;
font-size: 11px;
line-height: 13px;
}
#fotomodel {
position:absolute;
left:463px; top:510px; width:290px; height:90px;
font-size: 9px;
}
#teaser {
position:absolute;
left:20px; top:440px; width:530px; height:160px;
font-size: 9px;
}

#aktuelles {
position:absolute;
left:465px; top:0px; width:310px; height:450px;
font-size: 11px;
line-height: 13px;
}
#kontakt {
position:absolute;
left:400px; top:80px; width:470px; height:450px;
font-size: 16px;
}
#performance1 {
position:absolute;
left:370px; top:470px; width:380px; height:250px;
font-size: 11px;
}
#impressum {
line-height: 13px;
font-size: 10px;
position:absolute;
left:50px; top:20px; width:700px; height:350px;
}
#navi {
position:absolute;
left:290px; top:320px; width:500px; height:92px;
}
#subnavi {
position:absolute;
left:610px; top:270px; 
}
#subnavi a:hover {
background-color: #ffffff; 
width:40px; height:40px;
}
#logo {
float: left;
}

#zusatz {
position:absolute;
left:0px; top:530px; 
/*width:800px; */
font-size: 9px;
}

#zusatz img {
padding: 3px 3px 3px 3px;
}
#menue {
float: left;
	margin: 13px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width:130px;
}

#menue li {
	display: block;
	list-style-type: none;

	color: white;
	border-top: 1px solid;
}

#menue a {
	color: white;
	text-decoration: none;
}

#menue a:hover {
	text-decoration: none;
	color: #D4CAC3;
}

#menue a.dark {
	color: #999999;
	text-decoration: none;
	font-size: 10px;
}

#menue a.dark:hover {
	color: #D4CAC3;
	text-decoration: none;
	font-size: 10px;
}

.link {
	color: #D4CAC3;
	text-decoration: none;
}


.link-dark {
	color: #333;
	text-decoration: none;
}

