* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}
body {
	background: #191919 url("../images/bg_zebra.png") 0px 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}
#bg { 
	position:absolute;
	background:transparent url("../images/bg_zebra_top.png") repeat-x;
	height:500px;
	width: 100%;
	z-index:-1;
	left:0;
}
#bg h1{display:none;}
.header{
	height:85px;
	margin:0 auto;
	padding:31px 31px 0 31px;
	width: 932px;
	position: relative;
	overflow:visible;
	background:transparent url("../images/bg_header.png") no-repeat left bottom;
}
.container { 
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin:0 auto;
	padding:0 31px;
	width: 932px;
	position: relative;
	overflow:visible;
	background:transparent url("../images/bg_yellow.png") repeat-y;
}
/* root element for tabs */
#flowtabs {
	/* dimensions */
	width:892px;
	height:40px !important;
	margin:0 !important; 
	padding:0 0 0 40px;	
	background-color: #9f8500;	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
	display:block;
	height: 36px;   
	padding:4px 9px 0 9px;
	margin:0px;
	
	/* font decoration */
	color:#FFF;
	font-size:22px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
}
/* mouseover state */
#flowtabs li a:hover { 
	color:#fff;	
	background-color: #776400;
}
/* currently selected tabs */
#flowtabs li a.current{ 
	cursor:default; 
	background-color: #776400; 
}
/* panes */
#flowpanes {
	width:932px;
	height:650px;	
	position:relative;
	overflow:hidden;
	clear:both;
}
/* single pane */
#flowpanes div.single_pane {
	color:#fff;	
	margin:60px 60px 20px 60px;
	float:left;
	display:block;
	width:812px;
	font-size:14px;
}
/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

div.teaser{
	float:left;
	background-color:#7f6b00;
	color:white;
	font-size:20px;
	padding:10px 20px 10px 10px;
	width:30%;
	margin:0px 0 0 0;
	text-align:right;
}

div.title{
	float:right;
	padding:0px;
	width:60%;
	margin:0;
	line-height:3.2em;
} 
div.picture{
	float:left;
	padding:0;
	margin:25px 0 0 15px;
	background-color: #a18700;
}
div.picture div img{
	position:relative;
	left:-5px;
	top:-5px;
}
div.description{
	float:right;
	padding:0px;
	width:55%;
	margin:0;
	color:black;
	
}
div.clear{
	clear:both;
	height:20px;
	margin:0;
	padding:0;
}

/* navigation buttons */
div.navi{clear:both;height:0;}
button.custom{
	position:relative;
	top:100px;
	width: 29px;
	height:188px;
	border:none;
	cursor:pointer;
	background:url("../images/prev_next_movie.png") no-repeat;
}
button.custom SPAN{display:none;}
button.prev{ background-position: 0 0; left:-32px;}
button.next{ background-position: -29px 0;left:903px}

/* Postit */
#postit{
	position:relative;	
	left:750px;
	top:-70px;
	width:255px;
	height:155px;
		z-index:5000;
	background:url("../images/postit.png") no-repeat;
}
#postit a#about{
	display:block;
	width:255px;
	height:155px;
}
#postit a#about:hover{
	background-color:transparent;
	background:url("../images/postit_hover.png") no-repeat;
}
#postit a#about.current{
	background-color:transparent;
	background:url("../images/postit_hover.png") no-repeat;
}
#postit a span{display:none;}

/* footer */

#footer{
	width:770px;
	height:155px;
	margin: 0 auto;
	padding: 20px 30px 50px 20px;
	background:url("../images/bg_footer.png") no-repeat top left;
}

#footer .left_box{
	width:50%;
	float:left;
}
#footer .right_box{
	width:49%;
	float:right;
}

/* Allgemeine Auszeichnungen */

span.red {color:#fe0000;}

p {margin-bottom:1em;}

h2{
	font-size:60px;
	font-weight: bold;
	color:black;
	text-transform:uppercase;
}



h3{
	font-size:14px;
	font-weight: bold;
	color:white;
	display:inline;
	float:left;
	text-transform:uppercase;
	background-color:#ff6900;
	padding: 26px 10px 5px 15px;
	margin:0 10px 5px 0;
	width:120px;
	text-align:right;
}

h4{
	float:left;
	margin: 0;
	padding: 0;
	font-size:24px;
	color:#ffd600;
	line-height:0.95em;
	font-weight: bold;
	text-transform:uppercase;
	display:inline;
}

h5{
	font-size:40px;
	font-weight: bold;
	color:black;
	text-transform:uppercase;
	float:right;
	width:95%;
	padding-bottom:20px;
}


a{
	color:red;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
a.special{
	padding:3px 3px 3px 13px;
	background:url("../images/link_arrow.png") no-repeat center left;
}

.button_box{
	float:right;
}
.button_box a.button span{
	display:none;
}
.button_box a.button{
	display:block;
	height:30px;
	width:253px;
}
.button_box a.ueber{
	background:url("../images/button_ueber_den_filmrausch.png") no-repeat 0 0;
	margin-bottom:10px;
}
.button_box a.filme{
	background:url("../images/button_zur_filmuebersicht.png") no-repeat 0 0;
	margin-bottom:10px;
}
.button_box a.pdf{
	background:url("../images/button_pdf_download.png") no-repeat 0 0;
}


.about_us{
	width:	80%;
	margin:	0 auto;
	padding:	25px 0 15px 0;
}
.about_us p{
	line-height:	1.5em;
	font-size:		14px;
}
.about_us p.left{
	width:	90%;
	float:		left;
}
.about_us p.right{
	width:	80%;
	float:		right;
}
.about_us  div.picture  {
	margin:25px 0 25px 15px;
}
.clear{ clear: both }