/*

 z-index 
----------------------------------------------- 
0 hintergrund. hintergrung img
3 #blende
4 .verlauf_oben 
4 #inhalt
5 nav

7005  #slidecaption (fotocredits)
20000 #pfeil_down, #pfeil_up 
 
*/



@font-face { /* für Pfeile */
    font-family: 'tazsemilight';
    src: url('../font/tazwt04-semilight.eot');
    src: url('../font/tazwt04-semilight.eot?#iefix') format('embedded-opentype'),
         url('../font/tazwt04-semilight.woff') format('woff'),
         url('../font/tazwt04-semilight.ttf') format('truetype'),
         url('../font/tazwt04-semilight.svg#tazsemilight') format('svg');
    font-weight: normal;
    font-style: normal;

}		

	
a {border:0;}
img {border:0;}
	
body {
color:rgb(90,90,90); 
padding: 0;margin: 0; 
font-size: .75em; font-family: 'Roboto', sans-serif; 
background: #000;
-webkit-font-smoothing: antialiased;
/*
width: 100%;
overflow-x: hidden;
*/

}
/*
.umschalter_box {color:#aaa; font-size: 3em; z-index: 1; position: relative;}
.merkzettel {color:#aaa; font-size: 3em; z-index: 100; position: relative;}
*/


#swipegeste { height:90%; left:22px; right: 22px; z-index: 4; position: absolute; }
#swipegeste { /* border: 2px solid aqua;   */height:100%; left:122px; right: 122px; z-index: 4; position: absolute; }

.verlauf_oben{
	height: 300px; 
	top:0; left:0; right:0;
	background-image: url(../elemente/verlauf_oben.png);
	background-repeat: repeat-x;
	z-index: 4;
	position: absolute;
}
#blende{ 
	z-index: 3; 
	position: fixed; /* fixed war die lösung */
	 top:0; bottom:0; left:0; right:0;
	 height: 100%; width: 100%;
	 min-height: 100%;
  	 height:auto !important; /* moderne Browser */
	 background-image: url(../elemente/dunkel.png); 


}
#blende_sw{ /* für index, verdeckt seitenwechsel */
	z-index: 3; 
	position: fixed; /* fixed war die lösung */
	 top:0; bottom:0; left:0; right:0;
	 height: 100%; width: 100%;
	 min-height: 100%;
  	 height:auto !important; /* moderne Browser */
	 background: black; 

}



	#slidecaption{/* fotocredits */
	z-index: 7005;
	display: inline-block;
	position: absolute;
	right: -95px; top:168px;
	height: 20px;
	width: 250px;
	text-align: right;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);	
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE */
	color:#FFF;
	font-size: .9em;
	letter-spacing: .1em;
}

/* ............................................................................... NAVIGATION  */

nav{
	/* display: none;   x */
	background-image: url(../elemente/menue_bg.png);
	background-repeat: no-repeat;
	width: 90%;
	min-height: 270px;
	float: left;
	position: absolute;
	margin: 0;padding: 0;
	z-index: 5;
	font-weight: 300;
	letter-spacing: .1em;
	-webkit-text-stroke: 1px rgba(255,255,255,0.3);
	clear: both;
    overflow: hidden;
    /*overflow: hidden;*/
/* 	border:1px solid aqua; */
/* 	overflow-x: hidden; */
}
nav a{color: #fff ;text-decoration: none}
nav a:hover{color: rgb(0,135,255); -webkit-text-stroke: 1px rgba(0,135,255,0.25);}
.aktiv{color: rgb(0,135,255); -webkit-text-stroke: 1px rgba(0,135,255,0.25);}


.giflinks{
	position: absolute;

}


.links{
	position: absolute;
	left: 0px; top:145px;
	text-align: right;
	width: 150px;
	font-size: 1.167em;
}
	
.rechts{
	position: absolute;
	left: 182px; top:85px;
	text-align: left;
	width: auto;
	font-size: 1.167em;
}	
.menue{
color: #fff;
/* background: rgba(0,0,0,0.5); */
height: 21px;
margin-bottom: 9px;
z-index: 100;
    overflow: hidden;

	}	
/* links */	
.m1{ margin-right: -4px}
.m2{ margin-right: 14px}
.m9{ margin-right: 32px}

/* rechts */
.m3{ margin-left: 54px}
.m4{ margin-left: 36px}
.m5{ margin-left: 18px}
.m6{ margin-left: 0px}
.m7{ margin-left: -18px}
.m8{ margin-left: -36px}

/* unenü zum einblenden */
.menue_u {display: none;}

/* pfeile */
.pfeil_rechts:after{ margin-left:12px;  font-family: 'tazsemilight'; content:"\2192";}		
.pfeil_runter:after{ margin-left:4px;  font-family: 'tazsemilight'; content:"\2193";}	


/* AUSWAHL.PHP  nav*/


.schauspielerin{
	margin:115px 0 0 400px;
}

.schauspieler{
	margin:145px 0 0 400px;
}

.drehbuchautor{
	margin:145px 0 0 420px;
}

.regiefilm_tv{
	margin:175px 0 0 420px;
}

.regietheater{
	margin:205px 0 0 420px;
}

.kamera{
	margin:235px 0 0 257px;
}

.newstickermenue{
	margin:650px 0 0 -150px;
    overflow: hidden;
}


.menue_auswahl .menue{
	font-size: 1.167em;
	height: 21px;
	margin-bottom: 9px;
}

.namen{
	color: rgb(0,135,255);
	font-weight: 700;
	-webkit-text-stroke: 1px rgba(0,135,255,0.1)
}


/* links */

.news_box a{color: rgb(0,135,255);text-decoration: none;}
.vita_spalte2 a{color: rgb(0,135,255);text-decoration: none;}

/* .............................................................................. nav ende */

/* newsticker */
#newsticker{
	position: absolute;
	left:10px;
    top: 800px;
	width: 720px; height: 22px;
	overflow: hidden;
}



#slider{
    margin: 0;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    
}

#inhalt{
	margin: 0;
	
/* 	background:#842a2a; */
	width: 100%; 
	top:0; left:0; right:0;
	z-index: 4;
	position: relative;
	float: left;
	

}

#inhalt_noimage{
	margin: 0;
	
/* 	background:#842a2a; */
	width: 100%; 
	top:300; left:0; right:0;
	z-index: 4;
	position: relative;
	float: left;
}

.inhalt_noimage_header {
	height: 300px; 
	top:0; left:0; right:0;
	background-image: url(../elemente/verlauf_oben.png);
	background-repeat: repeat-x;
	z-index: 4;
	position: absolute;
}

.inhalt_header{
	text-align: center;
	background-image: url(../elemente/verlauf_unten.png);
	background-repeat: repeat-x;
	width: 100%;
	position: relative;
	float: left;

}

.inhalt_header #pfeil_down, #pfeil_up{z-index: 20000;}

content{
	width: 100%;
	background: #fff;
	position: relative;
	float: left;
	padding: 0 0 288px 0;
}



/* newsbox */

.news_box{
	float: left;
	margin: 2px 0 30px 168px;
	width: 760px;
	clear: both;
font-weight: 300;
line-height: 1.667em;
	}

.news_box img{float:left; margin:4px 20px 0 0;clear: both;}

@media only screen and (max-width: 680px) {	
.news_box{
	float: left;
left:20px;
	width: 80%;
margin:14px 0 0 0;
}
}


@media only screen  and (max-width: 1160px){

.news_box{
	margin-left: 80px;
/* 	font-size: 1.02em; */
}
}










#hintergrund{z-index: 0}	
	
img#hintergrund {
min-height: 100%;      
min-width: 800px;
width: 100%; height: auto;
position: fixed;       
top: 0;
left: 0;
z-index: 0;
}


@media screen and (max-width: 800px) {
img.hintergrund {
left: 50%;                
margin-left: -400px; }
}	



.obacht{color: white;background: fuchsia; font-style: italic;}

.name_im_bild{
	position:absolute; margin:150px 4px 4px 0px; padding:4px; background:rgb(0,135,255); color:#fff; display:none;
}

.name_im_bild:hover{
display:block;
}



		
/* AUSWAHL.PHP inhalte*/

.kontakt{
	display: block;
	line-height: 22px;
	margin: 12px 0 22px 0;
}
.kontakt a{
	text-decoration: none;
	color:rgb(90,90,90); 
	}
.kontakt a:hover{color: rgb(0,135,255); }	
.kontakt a:before{ margin-right:8px;  font-family: 'tazsemilight'; content:"\2192";}	

.vita_spalte1{
	float: left;
	margin: 24px 0 30px 168px;
	width: 280px;
}

.vita_spalte2{
	float: left;
	margin: 24px 0 30px 44px;
	width: 644px;
}

@media screen and (max-width: 1160px){
.vita_spalte1{
	float: left;
	margin: 24px 0 30px 80px;
	width: 644px;
}

.vita_spalte2{
	float: left;
	margin: 24px 0 30px 80px;
	width: 644px;
}
} /* @media ende */

@media (max-width: 500px){
.vita_spalte1, .vita_spalte2{	
	float: left;
	margin: 24px 0 30px 20px;
	width: 284px;
}

} /* @media ende */





.zeile{
	display: block;
	line-height: 22px;
}

.zelle1, .zelle2, .zelle_jahr, .zelle_was{
	display: table-cell;
	height: 20px;
	line-height: 1.667em;
}
.zelle1{
	width: 120px;
	color: rgb(0,135,255); 
}

.zelle2{
	width: 164px;
}

.zelle_jahr{
	width: 32px;
	}
	
.zelle_bis{
	width: 40px;
	display: table-cell;
	height: 20px;
	line-height: 1.667em;
	
	}	

/*   muss man nicht zwingend definieren

.vita_spalte1 .zelle_was{
	width: 234px;
}

.vita_spalte2 .zelle_was{
	width: 574px;
}
*/

/* ---------- TYPO ----------- */
h2{
display: inline-table;
font-size: 1em;
color: rgb(0,135,255);
font-weight: 300;
margin: 0px 4px 12px 0;
}

h1{ 
display: inline-table;
font-size: 1em;
color: rgb(0,135,255);
text-transform: uppercase;
font-weight: 700;
margin: 0px 4px 12px 0;
}

.news_box h1, .news_box h2{ 
margin: 12px 4px 12px 0;
}

/*
.news_box h2{
margin: 12px 4px 12px 0;
}
*/
/* .news_box p{display: block;} */


h3 {font-size: 1.167em; font-weight: 300; color: rgb(0,135,255); margin: 0 0 0 0; font-weight: 700;}
h4 {font-size: 1.167em; font-weight: 300; color: rgb(0,135,255); margin: 22px 4px 0 0; font-weight: 700;}
h5 {font-size: 1.3em; font-weight: 300; color: rgb(0,135,255); margin: 22px 0 0 0;}

.vita_spalte2 h4{display: inline-block;}
.auszeichnung{color: rgb(0,135,255);}
.kontakt p{margin-top: 22px;}