@charset "utf-8";
/* CSS Document */

/**************************************************/
/******************* Allgemeines ******************/
/**************************************************/
html {
	background-color:#171717;
	height:100%;
}
body {
	height:100%;
	font-size:100.01%;
}

* {
	margin:0;
	padding:0;
}
/**************************************************/



/**************************************************/
/******************* Startseite *******************/
/**************************************************/
#distance_start { 
	width:1px;
	height:50%;
	margin-bottom:-9.375em; /* half of container's height */
	float:left;
	visibility:hidden;
}
#container_start {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:18.75em;
	width:53.125em;
	clear:left;
	background-image:url(bilder/rf_hg_start.jpg);
	border:1px solid #fff;
}
#enter {
	position:absolute;
	top:2.5em;
	left:35.9em;
	color:#fff;
	font-size:0.687em;
}
/**************************************************/



/**************************************************/
/******************* Grundgeruest *****************/
/**************************************************/

#distance { 
	width:1px;
	height:50%;
	margin-bottom:-17.187em; /* half of container's height */
	float:left;
}
#balken_links, #balken_mitte, #balken_rechts {
	height:100%;
	position:fixed;
	clear:left !important;
	top:0 !important;
	z-index:0;
}
/*
#balken_links_unten, #balken_mitte_unten, #balken_rechts_unten {
	height:34.375em;
	position:absolute;
	clear:left !important;
	bottom:0 !important;
	z-index:0;
}*/
#balken_links, #balken_links_unten {
	width:0.5em;
	background-color:#999999;
	left:50%;
	margin-left:19.5em;
}
#balken_mitte, #balken_mitte_unten {
	width:1.1em;
	background-color:#333333;
	left:50%;
	margin-left:21em;
}
#balken_rechts, #balken_rechts_unten {
	width:1.5em;
	background-color:#666666;
	left:50%;
	margin-left:23em;
}

#container_vision, #container_films, #container_team, #container_equip, #container_dvds, #container_contact {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:34.375em;
	width:53.125em;
	clear:left;
	border:1px solid #fff;
	z-index:10;
}
#container_vision {
	background-image:url(bilder/hg_rf_1.jpg);
}
#container_films {
	background-image:url(bilder/hg_rf_7.jpg);
}
#container_team {
	background-image:url(bilder/hg_rf_3.jpg);
}
#container_equip {
	background-image:url(bilder/hg_rf_4.jpg);
}
#container_dvds {
	background-image:url(bilder/hg_rf_5.jpg);
}
#container_contact {
	background-image:url(bilder/hg_rf_6.jpg);
}
#content {
	background-image:url(bilder/hg_text.png);
	position:absolute;
	height:18.5em;
	width:29em;
	border:1px solid #fff;
	left:4.075em;
	top:9.5em;
	padding:0.35em;
	overflow:auto;
}
#new_projects_ueberschrift {
	position:absolute;
	right:5.5em;
	top:10em;
	font-size:0.75em;
}
#new_projects {
	position:absolute;
	background-image:url(bilder/hg_text.png);
	height:19.2em;
	width:13.825em;
	border:1px solid #fff;
	right:4.075em;
	top:9.5em;
	overflow:auto;
}
#film_bilder {
	position:absolute;
	background-image:url(bilder/hg_text.png);
	height:19.2em;
	width:13.825em;
	border:1px solid #fff;
	right:4.075em;
	top:9.5em;
	overflow:hidden;
}
	
#kontakt {
	position:absolute;
	top:56em;
	left:0;
	font-size:0.625em;
}
/**************************************************/



/**************************************************/
/******************* Navigation *******************/
/**************************************************/
#navi {
	position:absolute;
	left:5.433em;
	top:10em;
	font-size:0.75em;
	list-style-type:none;
}
#navi li {
	float:left;
	margin-right:2.7em;
}
#navi li a:link, #navi li a:visited {
	color:#ffffff;
}
#navi li a:hover {
	color:#FFFFFF;
}
#navi li a:activ {
	color:#FFFFFF;
}
#navi li a[href]:before {
	content:'- ';
	visibility:hidden;
}
#navi li a[href]:hover:before, .button_aktiv:before {
	content:'- ';
	visibility:visible;
}
#navi li a[href]:after {
	content:' -';
	visibility:hidden;
}
#navi li a[href]:hover:after, .button_aktiv:after {
	content:' -';
	visibility:visible;
}
/**************************************************/



/**************************************************/
/******************* Unternavi *******************/
/**************************************************/
#navi li ul {     
	position: absolute;     
	width: 18em;     
	left: -999em;
	list-style-type:none;
	margin-top:-7em;
	font-size:0.8em;
	height:5.8em;
	line-height:1.6em;
} 
#navi li ul li {
	background-image:none !important;
	padding:0;
	width:8.6em;
}
#navi li:hover ul, #navi li.sfhover ul {    
	left: auto;
}
/**************************************************/