@charset "UTF-8";
/*reset-------------------------------------------*/
*{
padding: 0;
margin: 0;
font-size:100%;
}

body{
font-family:Arial,sans-serif;	 
font-style:normal;
background:#fff;
font-weight:lighter;
line-height:18px;
}

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

}

h1{
font-family:Merriweather, serif;
color:#7b1d4b;
font-size:24px;
font-weight: lighter;
line-height: 115%;

}

h2{
	font-family: MS Serif, New York, serif;
	color:#7b1d4b;
	font-size:18px;
	font-weight: lighter;
}



h3{
	font-family:Arial,sans-serif;
	color:#fff;
	font-size:20px;
	font-weight: lighter;
	line-height: 137%;
}

h4{
	font-family:Arial,sans-serif;
	color:#424b4b;
	font-size:14px;
	font-weight: lighter;
	line-height: 137%;
}

p{
	font-family:Arial,sans-serif;
	color:#424b4b;
	font-size:14px;
	font-weight: lighter;
	
}

 a:link{

	font-size:14px;
	text-decoration:none;
	color:#7b1d4b;
	
	
}

 a:visited{

	font-size:14px;
	text-decoration:none;
	color:#7b1d4b;
	
	
}

 a:hover{
	font-size:14px;
	text-decoration:none;
	color:#424b4b;
	}
	




/*container------------------------------------------*/

#container{
position: relative;
width:768px;
margin:0 auto;
margin-top:0px;


}
/*header--------------------------------------------*/

#ulrike{
	position: absolute;
	top:45px;
	left:36px;	
	width:251px;
	height:42px;
}

#telefon{
	position: absolute;
	top: 45px;
	left:471px;
	width:261px;
	height:23px;
}
#aktuell{
	position: absolute;
	top: 120px;
	left:36px;
	width:70px;
	height:16px;
}
#fotos{
	position: absolute;
	top: 120px;
	left:106px;
	width:64px;
	height:16px;
}

#vita{
	position: absolute;
	top: 120px;
	left:170px;
	width:46px;
	height:16px;
}
#film{
	position: absolute;
	top: 120px;
	left:216px;
	width:142px;
	height:16px;
}

#synchron{
	position: absolute;
	top: 120px;
	left:358px;
	width:98px;
	height:16px;
}
#audio{
	position: absolute;
	top: 120px;
	left:456px;
	width:64px;
	height:16px;
}
#theater{
	position: absolute;
	top: 120px;
	left:520px;
	width:80px;
	height:16px;
}
#links{
	position: absolute;
	top: 120px;
	left:600px;
	width:56px;
	height:16px;
}
#kontakt{
	position: absolute;
	top: 120px;
	left:656px;
	width:76px;
	height:16px;
}



/*
#nav{
	position: absolute;
	top: 120px;
	left:36px;
	width:696px;
	margin-left:0px;
}

#nav li{
	display: inline;
}
#nav a{

	font-size:14px;
	text-decoration:none;
	color:#7b1d4b;
	padding:6px;
}


#nav a:hover{
	font-size:14px;
	text-decoration:none;
	color:#424b4b;
	padding:6px;
}*/

#linie {
	position:absolute;
	left:36px;
	top:150px;
	width:696px;
	height:1px;
	background-image: url(jpg/blaurot_1px.jpg);
		
	}
	
/*main--------------------------------------------*/
	
#linie2 {
	position:absolute;
	left:36px;
	top:557px;
	width:696px;
	height:1px;
	background-image: url(jpg/blaurot_1px.jpg);
		
	}
	
#ukilinks{
	position: absolute;
	top: 192px;
	left:36px;
	width:224px;
	height:335px;
}

#ukimitte{
	position: absolute;
	top: 192px;
	left:266px;
	width:236px;
	height:335px;
}

#ukirechts{
	position: absolute;
	top: 192px;
	left:508px;
	width:224px;
	height:335px;
}
/*zitate-und-autor--------------------------------------------*/

#zitat1{
	position: absolute;
	top: 639px;
	left:230px;
	
}
#zitatpablo{
	position: absolute;
	top: 190px;
	left:115px;
	width: 600px;
}
#zitatkant{
	position: absolute;
	top: 190px;
	left:265px;
	width: 600px;
}

#zitatfilm{
	position: absolute;
	top: 190px;
	left:225px;
	width: 600px;
}

#zitathannah{
	position: absolute;
	top: 190px;
	left:36px;
	width:700px;
}
#zitathorvat{
	position: absolute;
	top: 190px;
	left:175px;
	width: 600px;
}				
	
#autor{
	position: absolute;
	top: 676px;
	left:480px;
	
}

#zitat2{
	position: absolute;
	top: 190px;
	left:36px;
	
}
#autor2{
	position: absolute;
	top: 222px;
	left:520px;
	
}

#hannah{
	position: absolute;
	top: 240px;
	left:633px;
	
}
#stein{
	position: absolute;
	top: 222px;
	left:633px;
	
}


#horvat{
	position: absolute;
	top: 227px;
	left:550px;
	
}
#pablo{
	position: absolute;
	top: 240px;
	left:530px;
	width: 150px;
}
#rosa{
	position: absolute;
	top: 222px;
	left:500px;
	width: 150px;
}

#frisch{
	position: absolute;
	top: 240px;
	left:610px;
	width: 150px;
}
#ikeda{
	position: absolute;
	top: 280px;
	left:645px;
	width: 150px;
}
#teather{
	position: absolute;
	top: 222px;
	left:425px;
	width: 150px;
}
/*theater--------------------------------------------*/

#inside{
	position: absolute;
	top: 260px;
	left:36px;
	width:696px;
	height:20px;
}

#inside2{
	position: absolute;
	top: 285px;
	left:36px;
	width:696px;
	height:50px;
}

#olymp{
	position: absolute;
	top: 840px;
	left:36px;
	width:450px;
	height:50px;
}
#erika{
	position: absolute;
	top: 1380px;
	left:36px;
	width:450px;
	height:50px;
}
#mauer{
	position: absolute;
	top: 300px;
	left:36px;
	width:450px;
	height:50px;
}
#chaos{
	position: absolute;
	top: 955px;
	left:36px;
	width:450px;
	height:50px;
}


#linksquer{
	position: absolute;
	top: 340px;
	left:36px;
	width:340px;
	height:227px;
}

#linksqueru{
	position: absolute;
	top: 583px;
	left:36px;
	width:340px;
	height:227px;
}

#rechtsquer{
	position: absolute;
	top: 340px;
	left:392px;
	width:340px;
	height:227px;
}
#rechtsqueru{
	position: absolute;
	top: 583px;
	left:392px;
	width:340px;
	height:227px;
}
#rechtsquerub{
	position: absolute;
	top: 826px;
	left:392px;
	width:340px;
	height:227px;
}
#linksquerub{
	position: absolute;
	top: 826px;
	left:36px;
	width:340px;
	height:227px;
}

#rechtsqueruc{
	position: absolute;
	top: 1069px;
	left:392px;
	width:340px;
	height:227px;
}
#linksqueruc{
	position: absolute;
	top: 1069px;
	left:36px;
	width:340px;
	height:227px;
}

#liolympquer{
	position: absolute;
	top: 880px;
	left:36px;
	width:340px;
	height:227px;
}

#liolympqueru{
	position: absolute;
	top: 1123px;
	left:36px;
	width:340px;
	height:227px;
}

#reolympquer{
	position: absolute;
	top: 880px;
	left:392px;
	width:340px;
	height:227px;
}
#reolympqueru{
	position: absolute;
	top: 1123px;
	left:392px;
	width:340px;
	height:227px;
}

#liallquer{
	position: absolute;
	top: 1420px;
	left:36px;
	width:340px;
	height:227px;
}

#reallquer{
	position: absolute;
	top:1420px;
	left:392px;
	width:340px;
	height:227px;
}

#mauerli{
	position: absolute;
	top: 583px;
	left:36px;
	width:227px;
	height:340px;
}

#mauerre{
	position: absolute;
	top:583px;
	left:505px;
	width:227px;
	height:340px;
}

#mauermi{
	position: absolute;
	top:583px;
	left:271px;
	width:227px;
	height:340px;
}

#linchaos{
	position: absolute;
	top:1003px;
	left:36px;
	width:227px;
	height:340px;
}


#mittechaos{
	position: absolute;
	top:1003px;
	left:271px;
	width:227px;
	height:340px;
}
#rechtschaos{
	position: absolute;
	top:1003px;
	left:505px;
	width:227px;
	height:340px;
}

#linchaosq{
	position: absolute;
	top:1359px;
	left:36px;
	width:340px;
	height:227px;
}

#rechtschaosq{
	position: absolute;
	top:1359px;
	left:392px;
	width:340px;
	height:227px;
}
/*foto--------------------------------------------*/
#selfy{
	position: absolute;
	top: 300px;
	left:175px;
	width:345px;
	height:259px;
}


#mikro{
	position: absolute;
	top: 780px;
	left:532px;
	width:200px;
	height:340px;
}


#kopfhoerer{
	position: absolute;
	top: 780px;
	left:532px;
	width:194px;
	height:200px;
}

#linkshoch{
	position: absolute;
	top: 340px;
	left:36px;
	width:227px;
	height:340px;
}
#mittehoch{
	position: absolute;
	top:340px;
	left:271px;
	width:227px;
	height:340px;
}
#rechtshoch{
	position: absolute;
	top:340px;
	left:505px;
	width:227px;
	height:340px;
}
#linkshocha{
	position: absolute;
	top:688px;
	left:36px;
	width:227px;
	height:340px;
}
#mittehocha{
	position: absolute;
	top:688px;
	left:271px;
	width:227px;
	height:340px;
}
#rechtshocha{
	position: absolute;
	top:688px;
	left:505px;
	width:227px;
	height:340px;
}
#linkshochb{
	position: absolute;
	top:1036px;
	left:36px;
	width:227px;
	height:340px;
}
#mittehochb{
	position: absolute;
	top:1036px;
	left:271px;
	width:227px;
	height:340px;
}
#rechtshochb{
	position: absolute;
	top:1036px;
	left:505px;
	width:227px;
	height:340px;
}
#linkshochc{
	position: absolute;
	top:1384px;
	left:36px;
	width:227px;
	height:340px;
}
#mittehochc{
	position: absolute;
	top:1384px;
	left:271px;
	width:227px;
	height:340px;
}
#rechtshochc{
	position: absolute;
	top:1384px;
	left:505px;
	width:227px;
	height:340px;
}
#linkshochd{
	position: absolute;
	top:1732px;
	left:36px;
	width:227px;
	height:340px;
}
#mittehochd{
	position: absolute;
	top:1732px;
	left:271px;
	width:227px;
	height:340px;
}
#rechtshochd{
	position: absolute;
	top:1732px;
	left:505px;
	width:227px;
	height:340px;
}

#linksquerd{
	position: absolute;
	top:1732px;
	left:36px;
	width:340px;
	height:227px;
}

#rechtsquerd{
	position: absolute;
	top:1732px;
	left:392px;
	width:340px;
	height:227px;
}



#filmfoto{
	position: absolute;
	top: 305px;
	left:182px;
	width:385px;
	height:256px;
}

#vitafoto{
	position: absolute;
	top: 290px;
	left:36px;
	width:224px;
	height:335px;
}
/*unten--------------------------------------------*/
#flaeche{
	position: absolute;
	top: 822px;
	left:36px;
	width:696px;
	height:155px;
	background-image: url(jpg/blaurot_1px.jpg);
}
#balken{
	position: absolute;
	top: 1070px;
	left:36px;
	width:696px;
	height:24px;
	background-image: url(jpg/blaurot_24px.jpg);
}
#balkensyn{
	position: absolute;
	top: 1100px;
	left:36px;
	width:696px;
	height:24px;
	background-image: url(jpg/blaurot_24px.jpg);
}

#balkenak{
	position: absolute;
	top: 1150px;
	left:36px;
	width:696px;
	height:24px;
	background-image: url(jpg/blaurot_24px.jpg);
}

#balkenfoto{
	position: absolute;
	top: 1501px;
	left:39px;
	width:696px;
	height:24px;
	background-image: url(jpg/blaurot_24px.jpg);
}
#balkenfotob{
	position: absolute;
	top: 1423px;
	left:36px;
	width:696px;
	height:24px;
	background-image: url(jpg/blaurot_24px.jpg);
}

#balkenstart{
	position: absolute;
	top: 980px;
	left:36px;
	width:696px;
	height:24px;
	background-image: url(jpg/blaurot_24px.jpg);
}


	
#balkenthe{
	position: absolute;
	top: 1720px;
	left:36px;
	width:696px;
	height:24px;
	background-image: url(jpg/blaurot_24px.jpg);
}

	


#agentur{
	position: absolute;
	top: 827px;
	left:200px;
	width:500px;
}

#balkenkon{
	position: absolute;
	top: 1150px;
	left:36px;
	width:696px;
	height:24px;
	background-image: url(jpg/blaurot_24px.jpg);
}
/*text--------------------------------------------*/
#text{
	position: absolute;
	top: 380px;
	left:115px;
	width:500px;
}

#textkontakt{
	position: absolute;
	top: 610px;
	left:182px;
	width:500px;
}

#textlink{
	position: absolute;
	top: 430px;
	left:182px;
	width:500px;
}
#textaktu{
	position: absolute;
	top: 609px;
	left:182px;
	width:600px;
}
#textlinka{
	position: absolute;
	top: 430px;
	left:115px;
	width:350px;
}

#textlinkb{
	position: absolute;
	top: 430px;
	left:529px;
	width:250px;
}


#filminhalt{
	position: absolute;
	top: 690px;
	left:182px;
	
}

#audioinhalt{
	position: absolute;
	top: 345px;
	left:182px;
	width:550px;
}

#hoerprobe{
	position: absolute;
	top: 500px;
	left:120px;
	width:550px;
	
}
#audiobinhalt{
	position: absolute;
	top: 590px;
	left:182px;
	
}
#filmueber{
	position: absolute;
	top: 650px;
	left:182px;
	width:500px;
}

#audioueber{
	position: absolute;
	top: 305px;
	left:182px;
	width:500px;
}

#audiobueber{
	position: absolute;
	top: 550px;
	left:182px;
	width:500px;
}

#video{
	position: absolute;
	top: 1020px;
	left:140px;
	
}

#auswahl{
	position: absolute;
	top: 390px;
	left:182px;
	width:500px;
}
	

/*ton--------------------------------------------*/

#videob{
	position: absolute;
	top: 360px;
	left:70px;
	width:600px;
}

#ton{
	position: absolute;
	top:760px;
	left:182px;
	width:500px;
}



#ton2{
	position: absolute;
	top: 830px;
	left:182px;
	width:500px;
}










/*vita--------------------------------------------*/
#vitatext{
	position: absolute;
	top: 300px;
	left:330px;
	
}
#vitatextb{
	position: absolute;
	top: 715px;
	left:36px;
	width:696px;
	
}

/*#vitatextb a{

	font-size:14px;
	text-decoration:none;
	color:#7b1d4b;
	
	
}


#vitatextb a:hover{
	font-size:14px;
	text-decoration:none;
	color:#424b4b;
	}*/

#pdflogo{
	position: absolute;
	top: 650px;
	left:330px;
	width:27px;
	height:26px;
}

#pdfvita{
	position: absolute;
	top: 655px;
	left:370px;
	
}

#zurueck{
	position: absolute;
	top: 850px;
	left:36px;
	width:100px;
}

#zurueckfoto{
	position: absolute;
	top: 1320px;
	left:36px;
	width:100px;
}


#zurueckthe{
	position: absolute;
	top:1610px;
	left:36px;
	width:100px;
}


#weiter{
	position: absolute;
	top: 1449px;
	left:648px;
	width:100px;
}

#weiterthe{
	position: absolute;
	top: 1663px;
	left:392px;
	width:100px;
}


/*span--------------------------------------------*/
.grau{
	
	
	font-size:20px;	
	
}
.grau2{
	
	
	font-size:11px;	
	
}

.kursiv2{
	
	line-height: 100%;
	font-size:11px;
	font-weight: lighter;
	font-style: italic;
}

.kursiv{
	font-size:14px;
	font-style: italic;	
}
.fett{
	
	
	font-weight: bold;	
}


.weis{
	color:#fff;
	font-size:20px;
	line-height: 130%;
	font-weight: lighter;
}
.rota{
	color:#7b1d4b;
	font-weight: light;
}

.rot{
	color:#7b1d4b;
	font-size:16px;
	line-height: 115%;
	font-weight: light;
}
.rotb{
	color:#7b1d4b;
	font-weight: bold;
}