@charset "utf-8";
html, body {
		min-height:100%;
}
body {
	background-image: url(../img/gesicht.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #333;
	margin: 0;
	padding: 0;
	font-family:Tahoma, Geneva, sans-serif;
	color:#ccc;
	letter-spacing:0.03em;
}
h1{
	font-size:1.2em;
	letter-spacing:0.02em;
}
h2{
	font-size:1em;
	font-weight:normal;
	margin-bottom:-0.75em;
}
h3{
	font-size:1em;
	font-weight:normal;
	margin-bottom:-0.75em;
}
p{
	margin-left:1em;
}
#container{
	width:100%;
	background-image:url(../img/muster_hintergrund.png);
	/*das Hintergrundbild ist so angelegt, dass es unterhalb der Naviagtion erst beginnt und mit Linien die Seite auffuellt*/
	background-repeat:repeat-x;
	min-height:100%;
/*   height: auto !important;*/
}

#kopf {
	position:relative;
	background-image: url(../img/muster_kopf.png);
	background-repeat: repeat-x;
	height: 168px;
	padding-top: 98px;
	font-weight: bold;
	margin-bottom:-98px;
	padding-left:2em;
}
#nav_container {
/*	position:relative;
	left:0;*/
	background-image: url(../img/muster_nav.png);
	background-repeat: repeat-x;
	margin-top:15px;
}
#mitte {
	background-image: url(../img/muster_mitte.png);
	/*das Muster unterhalb der Navigation , alles darunter wird durch #conmtainer aufgefuellt */
	background-repeat: repeat;
}
#inhalt {
	position:relative;
	background-color: #6a6a6a;
	display:block;
	margin-right: auto;
	margin-left:15em;
	width:50%;
	max-width:45em;
	top:-8.8em;
	z-index:2;
	padding:1em 5em 1em 2em;
}
.aufzaehlung{
	list-style-type:none;
	font-size:0.9em;
}
.nobreak{
	white-space: nowrap
}
.trailer{
	margin-bottom:1em;
}
.austausch_ueberschirft{
	width:588px;
	height:70px;
	background-image:url(../img/marcelstieber.png);
	margin:0;
	padding:0;
}
.austausch_text{
	display:none;
}
/* NAVIGATION ------------------------------------- */
#nav{
	position:relative;
	padding-top:60px;
	margin-left:0;/**/
	padding-left:0;/**/
}
#nav li{
	list-style-type:none;
	font-size:1.2em;
	margin-bottom:0.5em;
/*	text-transform:uppercase;*/
}
.nav_element{
	display:block;
	margin-left:2em;
}
#nav #aktuell {
	position:relative;
	left:0;	
/*	margin-left:-2em;	/**/


	background-image:url(../img/nav_aktuell.png);
	background-repeat:repeat-x;
	width:100%;
	z-index:1;
}
#nav #filme {
	position:relative;
	left:0;	
	
/*	margin-left:-2em; /**/
	padding-bottom:3px;
	background-image:url(../img/nav_filme.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	width:100%;
	z-index:1;
}
#nav #vita {
	position:relative;
	left:0;	
	
/*	margin-left:-2em;	/**/
	background-image:url(../img/nav_kontakt.png);
	background-repeat:repeat-x;
	width:100%;
	z-index:1;
}
#nav #kontakt {
	position:relative;
	left:0;	
	
/*	margin-left:-2em;	/**/
	background-image:url(../img/nav_vita.png);
	background-repeat:repeat-x;
	background-position:left bottom;
	width:100%;
	z-index:1;
}
#horizont{
	text-align:center;
	padding:0;
}
#horizont li{
	display:inline;
	list-style-type:none;
/*	text-transform:uppercase;*/
}


/*  LINKS --------------------------------------------- */
a:link, a:visited{
	color:#ccc;
}
a:hover{
	color:#858585;
}
#horizont a{
	text-decoration:none !important;
}
#nav a:link, #nav a:visited{
	color:#858585;
	text-decoration:none;
}
#nav a:hover{
	color:#ccc;
}
a:link img{
	border:2px solid #ccc;
}
a:hover img{
	border:2px solid #858585;
}
.active{
	color:#ccc;
}
.active_movie{
	text-decoration:underline;
}
.datum_liste{
	padding-left:0;
}
.datum{
	font-weight:bold;
	margin-top:0.5em;
}
.datum_text{
	margin-left:1em;
	margin-top:0.25em;
}
.fett{
	font-weight:bold;
}
.breite_spalte{
	line-height:1.3em;
	/*text-indent:1em;*/
}
.no_list_style{
	list-style-type:none;
}