/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
html { height:100%; }
body {color:#2B2B2B; font:1em/1.2em 'inconsolata'; font-weight:400; height:100%;  }
a {color:#2B2B2B;}


a, ul, li { text-decoration:none; list-style:none; }

#main { max-width:960px; margin:auto; height:100%; height:auto;}


.red { color:#FF0004;}
.bold { color:#2B2B2B; font:1em/1.2em 'Inconsolata'; font-weight:700; }

.link { color:#2B2B2B; text-decoration:underline; letter-spacing:0px; 
		-ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}
.link:hover { color:#FF0004; letter-spacing:1px;}

.foto_sub { font-size:0.75em; }

.doku_content tr { border-bottom: 1px solid #6E6E6E; }
.doku_content td { border-right:1px dotted #6e6e6e; padding-top:8px; padding-bottom:8px}
.doku_content tr:last-child { border-bottom: none; }
.doku_content td:last-child { border-right:none;}
.doku_content table { border-collapse:collapse; border:none; width:100%; }
.doku_content table tr td p { margin-bottom:0;} 




::selection { background:#FF0004; color: #fff; }
::-moz-selection { background: #FF0004; color: #fff; }


/*Header--------------------------------------------------------------------------------*/

header { 
	height:150px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#8F8F8F;
	 }

/*Logo--------------------------------------------------------------------------------*/
h1 { font:3em/.9em 'Anonymous Pro'; font-weight:700; margin-top:15px; margin-bottom:4px; }
	
h2 { font:1.1em/.9em 'inconsolata'; font-weight:400; word-spacing:.75em; padding-right:3px; color:#2B2B2B; }
	
#logo { width:359px; height:120px; margin-bottom:30px; float:left; text-align:justify; margin-right:30px; padding-right:70px;  padding-left:20px; border-left-width:1px; border-left-style:dotted; border-left-color:#8F8F8F;}
#logo h1, h2 { letter-spacing:0; -moz-transition:all 0.5s ease; transition:all 0.5s ease;
		-o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;  }
#logo:hover h1 { color:#FF0004; letter-spacing:1.2px;}
#logo:hover h2 { color:#FF0004; letter-spacing:0.5px;}


/*Navi--------------------------------------------------------------------------------*/

#navi { width:480px; height:150px; float:left; z-index:999;}
#navi ul { font:1.1em/.9em 'inconsolata'; font-weight:400; padding-left:30px; }
#navi ul li { float:left; width:150px; height:150px; display:block;}
#navi ul li:active {color:#A3A3A3;}
#navi ul li p { margin-top:104px; margin-left:20px;}
.menu_frame_wrapper { width:150px; height:150px; float:left; overflow:hidden; position:relative; }
.menu_frame { position:absolute; top:0;left:0;}
.menu_frame img { position:absolute; width:180px; height:180px; top:-15px; left:-15px; -moz-transition:all 0.4s ease ; -webkit-transition:all 0.2s ease; -ms-transition:all 0.2s ease; transition:all 0.4s ease ;}
.menu_frame img:hover { width:150px; height:150px; top:0; left:0;}

/*Biografie------------------------------------------------------------------------------*/

.bio { 
	clear:both; max-width:960px; height:auto; margin-top:60px; padding-bottom:60px; font:1em/1.2em 'inconsolata'; font-weight:400; 
	border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#8F8F8F; overflow:auto;}
.bio_2 { 
	clear:both; max-width:960px; height:auto; margin-top:60px; padding-bottom:60px; font:1em/1.2em 'inconsolata'; font-weight:400; 
	 overflow:auto;}
.bio_left { float:left; width:479px; height:300px; border-right-style:dotted; border-right-width:1px; border-right-color:#D4D4D4;}

.bio_left_wrapper { width:478px; height:300px; float:left; overflow:hidden; position:relative; border-right-style:dotted; border-right-width:1px; border-right-color:#D4D4D4;}
.bio_left_frame {  position:absolute; top:0; left:0; width:478px; height:275px;}

.bio_left_frame_left { position:absolute; width:50px; height:275px; left:-26px; 
		-moz-transition:all 0.1s ease; -ms-transition:all 0.1s ease; -o-transition:all 0.1s ease; -webkit-transition:all 0.1s ease; transition:all 0.4s ease;}
.bio_left_frame_right { position:absolute; width:50px; height:275px; left:504px; 
		-moz-transition:all 0.1s ease; -ms-transition:all 0.1s ease; -o-transition:all 0.1s ease; -webkit-transition:all 0.1s ease; transition:all 0.4s ease;}
.bio_left_frame:hover > .bio_left_frame_left { top:0; left:30px; width:50px; height:275px;}
.bio_left_frame:hover > .bio_left_frame_right { top:0; left:398px; width:50px; height:275px;}

.bio_left img { margin-left:auto; margin-right:auto; display:block; text-align:center; width:270px; height:248px; margin-top:15px; 
		-moz-transition:all 0.1s ease; -ms-transition:all 0.1s ease; -o-transition:all 0.1s ease; -webkit-transition:all 0.1s ease; transition:all 0.1s ease; }
.bio_left_frame:hover + .bio_left img { width:300px; height:275px; margin-top:0;}

.bio_right { float:left; width:440px; padding-left:20px; padding-right:20px; }
.bio h3 { font:1.6em/.9em 'Anonymous Pro'; font-weight:700;}
.bio_2 h3 { font:1.6em/.9em 'Anonymous Pro'; font-weight:700;}



.fill {height:2000px; background-color:#FF0004;}

/*Filmografie------------------------------------------------------------------------------*/


.filmografie_aktuelles_wrapper { max-width:960px;  clear:both; min-height:110px; ; margin-top:30px; margin-bottom:20px; padding-bottom:20px; 
	font:1em/1.2em 'inconsolata'; font-weight:400; float:left;
	border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#8F8F8F; overflow:auto;}
.filmografie {	width:428px; min-height:110px; margin-left:50px; float:left; padding-top:10px;  }
.aktuelles { width:458px; float:left; min-height:110px; padding-left:20px; padding-bottom:20px; padding-top:10px;
		border-left-style:dotted; border-left-width:1px; border-left-color:#FF0004;}
.filmografie h4 {font:3em/.9em 'Anonymous Pro'; font-weight:700;}
.aktuelles h3 {  font:1.6em/.9em 'Anonymous Pro'; font-weight:700;}





.film_tab { 
	clear:both; max-width:960px; height:auto; margin-top:20px; padding-bottom:20px; font:1em/1.2em 'inconsolata'; font-weight:400; 
	border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#D4D4D4; overflow:auto; }
.film_bild { float:left; width:479px; height:150px; border-right-style:dotted; border-right-width:1px; }

.film_bild_wrapper { width:478px; height:150px; float:left; overflow:hidden; position:relative; border-right-style:dotted; border-right-width:1px; border-right-color:#D4D4D4;}
.film_bild_frame { position:absolute; top:0; left:0; width:478px; height:150px;}

.film_bild_frame_left {position:absolute; width:50px; height:400px; left:-26px; 
		-moz-transition:all 0.1s ease; -ms-transition:all 0.1s ease; -o-transition:all 0.1s ease; -webkit-transition:all 0.1s ease; transition:all 0.4s ease;}
.film_bild_frame_right {position:absolute; width:50px; height:400px; left:505px; 
		-moz-transition:all 0.1s ease; -ms-transition:all 0.1s ease; -o-transition:all 0.1s ease; -webkit-transition:all 0.1s ease; transition:all 0.4s ease;}
.film_bild_frame:hover > .film_bild_frame_left {top:0; left:37px; width:50px; height:150px;}
.film_bild_frame:hover > .film_bild_frame_right { top:0; left:391px; width:50px; height:150px;}

.film_bild img { margin-left:auto; margin-right:auto; display:block; text-align:center; padding-top:15px; 
		-moz-transition:all 0.1s ease; -ms-transition:all 0.1s ease; -o-transition:all 0.1s ease; -webkit-transition:all 0.1s ease; transition:all 0.1s ease; }
.film_bild_frame:hover + .film_bild img {width:190px; height:127px; padding-top:10px; -moz-transition:all 0.4s ease; 
		-ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; transition:all 0.4s ease;}
.film_info { float:left; width:440px; padding-left:20px; padding-right:20px; padding-top:10px;}
.film_tab h3 { font:1.6em/.9em 'Anonymous Pro'; font-weight:700; color:#2B2B2B; letter-spacing:0px;
		 -moz-transition:all 0.6s ease; transition:all 0.6s ease;}

.film_tab h3:hover { color:#000000; letter-spacing:1px;}

.kontakt { width:458px; min-height:110px; float:left; padding-top:10px; padding-right:20px; }
.kontakt img { width:100%; height:auto;}
.kontakt_right h4 {font:3em/.9em 'Anonymous Pro'; font-weight:700;}
.kontakt p { margin-left:50px; margin-bottom:95px;}
.kontakt_right { width:458px; float:left; min-height:110px; padding-left:20px; padding-bottom:20px; padding-top:10px;
		border-left-style:dotted; border-left-width:1px; border-left-color:#D4D4D4;}
.kontakt_right h3 {  font:1.6em/.9em 'Anonymous Pro'; font-weight:700;}
.kontakt_wrapper { max-width:960px;  clear:both; min-height:100%; height:100%; margin-top:30px; padding-bottom:20px; 
	font:1em/1.2em 'inconsolata'; font-weight:400; float:left;
	/*border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#8F8F8F;*/ overflow:auto;}

/*Doku------------------------------------------------------------------------------*/


.doku { 
	clear:both; max-width:960px; height:auto; margin-top:60px; padding-bottom:60px; font:1em/1.2em 'inconsolata'; font-weight:400; 
	 overflow:auto;}
	
.doku_left {  float:left; width:479px; border-right-style:dotted; border-right-width:1px;}
.doku_left img { width:95%; height:auto;}

.doku_right { float:left; width:440px; padding-left:20px; padding-right:20px; }
.doku_right h3 { font:3em/.9em 'Anonymous Pro'; font-weight:700;}
.doku_right h4 {  font:1.1em/.9em 'inconsolata'; font-weight:400; word-spacing:.75em; margin-top:10px; padding-bottom:20px;
	border-bottom-width: 1px; border-bottom-style:solid; border-bottom-color:#8F8F8F;}
	
.doku_tab { padding-left:20px; padding-top:15px; width:460px; }

.doku_content { clear:both; max-width:720px; padding-left:48px; padding-top:30px; height:auto; }
.doku_content p { margin-bottom:15px;}
.doku_content h5 { font:1.6em/.9em 'Anonymous Pro'; font-weight:700; margin-bottom:15px; }
.doku_content h6 { font:1.6em/.9em 'Anonymous Pro'; font-weight:700; margin-bottom:3px; }


/*Footer------------------------------------------------------------------------------*/

.imp_top_border { clear:both; max-width:960px; padding-left:48px; margin-bottom:30px; font-size:0.75em; 
		border-top-width:1px; border-top-style:solid; border-top-color:#8F8F8F;}
.imp { clear:both; max-width:960px; padding-left:48px; margin-bottom:30px; font-size:0.75em; 
		/*border-top-width:1px; border-top-style:solid; border-top-color:#8F8F8F;*/}
.footnote { font-size:0.75em;}
footer { max-width:960px; margin:auto; /*border-top-width:1px; border-top-style:solid; border-top-color:#8F8F8F; */}







@media ( max-width:950px ) {
	.film_tab { width:480px;}
	.filmografie { width:480px;}
	#main { width:480px;}
	
	
	
	}