/*	---------------------------------------------------------------------------------------------
	Titel:	Filmhouse Media
	---------------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------------
	
	Inhalt:
	
	1. allgemeine styles und header
	2. struktur
	3. content
	4. navigation
	------------------------------- */


/*  ---------------------------------------------------------------------------------------------
	1. allgemeine Styles und header
--------------------------------------------------------------------------------------------- */

html {
	height: 100%; 
}

body {
	background-image: url(_img/hg_site_white.png);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: 'Open Sans', sans-serif;
	color:#000;
	margin: 0 0 0 0;
	height: 100%;
}

#logo {
	float:left;
	border: 0;
}

.service_oben {
	margin-top: 7px;
	margin-right: 50px;
	text-align: right;
	display: block;
	float: right;
	font-size: 0.7em;
	font-family: 'Open Sans', sans-serif;
	color:#FFFFFF;
}

.service_unten {
	margin-top: 7px;
	margin-right: 10px;
    margin-left: 12.5em;
	display: block;
	float: left;
	font-size: 0.7em;
	font-family: 'Open Sans', sans-serif;
	color:#910f30;
}

.copy {
	margin-top: 7px;
	margin-left: 10px;
	margin-bottom: 20px;
	text-align: left;
	display: block;
	float: left;
	font-size: 0.7em;
	font-family: 'Open Sans', sans-serif;
}

.info {
	float: right;
	width: 650px;
	margin-right: 45px;
	margin-top: 0px;
	margin-left: 34em;
	margin-bottom: 2.5em;
	text-align: left;
	display: block;
	float: left;
	font-size: 0.7em;
	font-family: 'Open Sans', sans-serif;
	color:#434343;
}


.sender {
	font-size: 1em;
	font-weight: 200;
	color:#aaaaaa;
}

/*  ---------------------------------------------------------------------------------------------
	2. struktur
--------------------------------------------------------------------------------------------- */

#main {
	width: 1175px;
	padding-top: 5px;
	border:1px solid #dddddd;
	background-color: #ffffff;
}

#header {
	width: 1175px;
	height: 105px;
}

#nav_main {
	height: 47px;
	width: 915px;
	padding-right: 0px;
	padding-left: 15px;
}

#Imagetext{
	height: 300px; 
	width: 590px; 
border:1px outset gray;
	margin-top:5px;
	padding-left: 50px; 
	display: inline;
}

#foto{
	/*height: 271px;
	width: 1083px;*/
	margin-top:0px;
	padding-right: 0px;
	padding-left: 88px;
	display: block;
}

#film{
	height: 270px;
	width: 930px;
	margin-top:0px;
	padding-right: 15px;
	padding-left: 15px;
	display: block;
	background-image: url(_img/hg_film.png);
	background-repeat: no-repeat;
}

#blatt{
	height: 100%;
	width: 980px;
	padding-right: 15px;
	padding-left: 5px;
	text-align: left;
	}

#fotoschatten{
	/*background-image: url(_img/foto_schatten_grey.png);
	background-repeat: no-repeat;*/
	height: 30px;
	width: 930px;	
}

#fotoschatten_start{
	background-image: url(_img/foto_schatten_start_grey_dkl.png);
	background-repeat: no-repeat;
	height: 17px;
	width: 1175px;	
	padding-right: 0px;
	padding-left: 0px;
}

.wrap_content{
	width: 1175px;
    background-color: #ffffff;
    margin-left:0;
    position: absolute;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

#blatt_start{
	width: 960px;
/*border: 3px solid red;*/
	margin-right: 15px;
	margin-left: 15px;
    align-content: center;
}

.teaser_start{
	height: auto;
	width: 900px;
}

#einleitung{
	font-size: 0.9em;
	width: 402px;
	margin-top: 3em;
	margin-left: 10px;
	margin-bottom: 25px;
	margin-right: 35px;
}

.border{
    border: 1px solid #dddddd;
    padding-top:1em; 
    padding-bottom:1em; 
    padding-left:1em; 
    padding-right:1em;
}

.col_left{
    width: 45%;
    float: left; 
	margin-bottom: 2em;
}

.col_right{
    width: 45%;
    float: right;
	margin-bottom: 2em;
}

#aktuell{
	width: 95%;
    margin-top: 4em;
	}

#teaser_dokureihe{
	width: 95%;
	}

#teaser_reportage{
	width: 95%;
}

#teaser_reportage_l{
	width: 95%;
}

#teaser_werbung{
	width: 95%;
	}
	

#nav_box_aktuell{
	/*background-image: url(_img/nav_hg_grey.png);
	background-repeat: repeat-y;*/
	/*background-color: #EEF3F2;*/
	float: left;
    border-right: 1px solid #dddddd;
    border-right-style: double;	
	width: 230px;
	margin-left: 0px;
	display: block;
    margin-bottom: 2em;
}

#nav_box{
	/*background-image: url(_img/nav_hg_grey.png);
	background-repeat: repeat-y;*/
	text-align: left;
	float: left;
	/*border: 1px solid gray;*/
	width: 230px;
	display: block;
    border-right: 1px solid #dddddd;
    border-right-style: double;
}

#nav_box_subnav{
	/*background-image: url(_img/nav_hg_grey.png);
	background-repeat: repeat-y;*/
	float: left;
	width: 230px;
	margin-left: 0px;
	display: block;
	margin-top: 0.8em;
    border-right: 1px solid gray;
    border-right-style: double;
}

#nav_box_end{
	/*background-image: url(_img/nav_ende.png);
	background-repeat: no-repeat;*/
	height: 138px;
	width: 230px;
	margin-left: 0px;
	display: block;
	clear:both;
}

#nav_box_text{
	font-size:0.8em;
	margin-right: 1.2em;
	margin-left: 0px;
}

#content{
	width: 660px;
	/*display: inline;*/
	margin-top: 2.5em;
	margin-bottom: 2.5em;
	margin-left: 28%;
    font-size: 0.9em;
	/*float: right;
	clear: left;*/
}

#content_box{
	height: auto;
	width: 495px;
	padding: 0px;
	}
	
#content_box_gross{
	height: auto;
	width: 495px;
	padding: 0px;
	}

#footer{
	float: left;
	width: 1175px;
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	background-repeat: repeat-x;
}

.pf {
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


/*  ---------------------------------------------------------------------------------------------
	3. content
--------------------------------------------------------------------------------------------- */

h1{
	color:#993333;
	font-size:1.4em;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.2em;
}

h2{
	color:#5e5750;
	font-size:1.3em;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 0px;
	line-height: 1.5em;
}

h3{
	color:#000;
	font-size:1.0em;
	font-style:normal;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	line-height: 140%;
	margin-bottom: -1.1em;
}

h4{
	color:#000;
	font-size:1.0em;
	font-style:normal;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	line-height: 150%;
	margin-bottom: 0em;
}

h5{
	color:#000;
	font-size:1.0em;
	font-style:normal;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	line-height: 130%;
	margin-bottom: 0em;
	margin-top: 0px;
}

h6{
	color:#000;
	font-size:1.2em;
	font-style:normal;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	line-height: 130%;
	margin-bottom: 0em;
	margin-top: 0px;
}

p, li, td {
	color:#000;
	font-size:0.9em;
	font-style:regular;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.5em;
	list-style-position: outside;
}

div{
	color:#000;
	font-size:1em;
	font-style:normal;
	font-family: 'Open Sans', sans-serif;
	line-height: 130%;
}

a{
	color:#910f30;
	text-decoration:none;
	font-size:1em;
	font-style:normal;
	font-family: 'Open Sans', sans-serif;
	line-height: 130%;
}

a:hover, a:focus, a:active{
	color:#669999;
	text-decoration:none;
}

li.textlist{
	position: relative;
	line-height: 25px;
}

.text_weiss{
	color:#FFFFFF;
	font-size:1em;
	font-style:normal;
	font-family: 'Open Sans', sans-serif;
	line-height: 130%;
}

a.navi{
	color:#333333;
	font-size:1.0em;
	font-family: 'Open Sans', sans-serif;
	text-decoration:none;
}

a.navi:hover, a.navi:focus, a.navi:active{
	color: #336666;
	text-decoration: none;
}


/*  ---------------------------------------------------------------------------------------------
	4. navigation
--------------------------------------------------------------------------------------------- */

/*Primärnavigation*/

#nav_prim{
	display: inline;
	height: 41px;
	width: 900px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
}

#nav_prim ul{
	display:inline;
	padding:0;
	margin: 0;
}
#nav_prim li{
	display:inline;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#navidarstellung{ 
	padding: 0 0 0 0;
	margin: 0 0 0 0; 
} 


#nav_prim_1 a{
	background-image: url(_img/but_startseite_off.png);
	background-repeat: no-repeat;
	float: left;
	height: 27px;
	width: 84px;		
}

#nav_prim_1 a:hover{
	background-image: url(_img/but_startseite_on.png);		
}

#nav_prim_1 a:focus, #nav_prim_1 a:active{
	background-image: url(_img/but_startseite_on.png);		
}

		#nav_prim_1_on a, #nav_prim_1_on a:hover{
			background-image: url(_img/but_startseite_on.png);
			background-repeat: no-repeat;
			float: left;
			height: 27px;
			width: 84px;		
		}


#nav_prim_2 a{
	background-image: url(_img/but_sendungen_off.png);
	background-repeat: no-repeat;
	float: left;
	height: 27px;
	width: 115px;
}

#nav_prim_2 a:hover{
	background-image: url(_img/but_sendungen_on.png);		
}

#nav_prim_2 a:focus, #nav_prim_2 a:active{
	background-image: url(_img/but_sendungen_on.png);		
}

		#nav_prim_2_on a, #nav_prim_2_on a:hover{
			background-image: url(_img/but_sendungen_on.png);
			background-repeat: no-repeat;
			float: left;
			height: 27px;
			width: 115px;
		}


#nav_prim_3 a{
	background-image: url(_img/but_ueberuns_off.png);
	background-repeat: no-repeat;
	float: left;
	height: 27px;
	width: 82px;
}

#nav_prim_3 a:hover{
	background-image: url(_img/but_ueberuns_on.png);		
}

#nav_prim_3 a:focus, #nav_prim_3 a:active{
	background-image: url(_img/but_ueberuns_on.png);		
}
	
		#nav_prim_3_on a, #nav_prim_3_on a:hover{
			background-image: url(_img/but_ueberuns_on.png);
			background-repeat: no-repeat;
			float: left;
			height: 27px;
			width: 82px;
		}

#nav_prim_line{
	float: none;
	clear: both;
	height: 6px;
	width: 900px;
	margin: 0px;
	padding: 0px;
}



#nav_prim_4 a{
	background-image: url(_img/but_aktuell_off.png);
	background-repeat: no-repeat;
	float: left;
	height: 27px;
	width: 71px;
}

#nav_prim_4 a:hover{
	background-image: url(_img/but_aktuell_on.png);		
}

#nav_prim_4 a:focus, #nav_prim_4 a:active{
	background-image: url(_img/but_aktuell_on.png);		
}

		#nav_prim_4_on a, #nav_prim_4_on a:hover{
			background-image: url(_img/but_aktuell_on.png);
			background-repeat: no-repeat;
			float: left;
			height: 27px;
			width: 71px;
		}

#nav_prim_5 a{
	background-image: url(_img/but_presse_off.png);
	background-repeat: no-repeat;
	float: left;
	height: 27px;
	width: 61px;
}

#nav_prim_5 a:hover{
	background-image: url(_img/but_presse_on.png);		
}

#nav_prim_5 a:focus, #nav_prim_5 a:active{
	background-image: url(_img/but_presse_on.png);		
}

		#nav_prim_5_on a, #nav_prim_5_on a:hover{
			background-image: url(_img/but_presse_on.png);
			background-repeat: no-repeat;
			float: left;
			height: 27px;
			width: 61px;
		}

#nav_prim_6 a{
	background-image: url(_img/but_kontakt_off.png);
	background-repeat: no-repeat;
	float: left;
	height: 27px;
	width: 74px;
}

#nav_prim_6 a:hover{
	background-image: url(_img/but_kontakt_on.png);		
}

#nav_prim_6 a:focus, #nav_prim_6 a:active{
	background-image: url(_img/but_kontakt_on.png);		
}

		#nav_prim_6_on a, #nav_prim_6_on a:hover{
			background-image: url(_img/but_kontakt_on.png);
			background-repeat: no-repeat;
			float: left;
			height: 27px;
			width: 74px;
		}

/*-------------------Sekundärnavigation--------------------*/

#nav_sub{
	display: block;
	height: 120px
	width: 225px;
	list-style-type: none;
	position: absolute;
	padding: 0px;
	margin: 0 0 0 0;
}

#nav_sub_1 a{
	background-image: url(_img/but_doku_reihe_norm_n.png);
	background-repeat: no-repeat;
	float: right;
	height: 30px;
	width: 225px;
	margin-top: 20px;
/*border:1px outset gray;*/
}

#nav_sub_1 a:hover{
	background-image: url(_img/but_doku_reihe_over_n.png);
}

#nav_sub_1 a:focus{
	background-image: url(_img/but_doku_reihe_on_n.png);
}

		#nav_sub_1_on a, #nav_sub_1_on a:hover{
			background-image: url(_img/but_doku_reihe_on_n.png);
			background-repeat: no-repeat;
			float: right;
			height: 30px;
			width: 225px;
		}

#nav_sub_2 a{
	background-image: url(_img/but_doku_film_norm_n.png);
	background-repeat: no-repeat;
	float: right;
	height: 30px;
	width: 225px;
}

#nav_sub_2 a:hover{
	background-image: url(_img/but_doku_film_over_n.png);
}

#nav_sub_2 a:focus{
	background-image: url(_img/but_doku_film_on_n.png);
}
		
#nav_sub_2_on a, #nav_sub_2_on a:hover{
			background-image: url(_img/but_doku_film_on_n.png);
			background-repeat: no-repeat;
			float: right;
			height: 30px;
			width: 225px;
		}

#nav_sub_3 a{
	background-image: url(_img/but_werbung_norm_n.png);
	background-repeat: no-repeat;
	float: right;
	height: 30px;
	width: 225px;
}

#nav_sub_3 a:hover{
	background-image: url(_img/but_werbung_over_n.png);
}

#nav_sub_3 a:focus{
	background-image: url(_img/but_werbung_on_n.png);
}

#nav_sub_3_on a, #nav_sub_3_on a:hover{
			background-image: url(_img/but_werbung_on_n.png);
			background-repeat: no-repeat;
			float: right;
			height: 30px;
			width: 225px;
		}

#nav_sub_4 a{
	background-image: url(_img/but_magazine_norm_n.png);
	background-repeat: no-repeat;
	float: right;
	height: 30px;
	width: 225px;
}

#nav_sub_4 a:hover{
	background-image: url(_img/but_magazine_over_n.png);
}

#nav_sub_4 a:focus{
	background-image: url(_img/but_magazine_on_n.png);
}
		
		#nav_sub_4_on a, #nav_sub_4_on a:hover{
			background-image: url(_img/but_magazine_on_n.png);
			background-repeat: no-repeat;
			float: right;
			height: 30px;
			width: 225px;
		}

/*---------------------Contentnavigation-------------------*/

li.contentlist{
	list-style-type: none;
	position:relative;
	right: 45px;
	height: 40px;
	width: 525px;
	text-align: left;
	padding-left: 20px;
	padding-top: 10px;
	color:#000;
	font-size:1.0em;
	font-style:normal;
	font-family: 'Open Sans', sans-serif;
	line-height: 140%;
	}
	
	
li.contentlist:hover{
	list-style-type: none;
	position:relative;
	height: 40px;
	width: 525px;
	text-align: left;
	padding-left: 20px;
	padding-top: 10px;
}

li.contentlist:focus, 
li.contentlist:active{
	list-style-type: none;
	position:relative;
	height: 40px;
	width: 525px;
	text-align: left;
	padding-left: 20px;
	padding-top: 10px;
}

a.list{
	color:#910f30;
	text-decoration:underline;
}

a.list:hover
a.list:focus,
a.list:active{
	color: #FFF;
	text-decoration: none;
}


.filmbutton{
	position:absolute;
	right: 100px;
	top: 5px;
	}

/*li.themenlist1{
	list-style-type: none;
	position:relative;
	height: 30px;
	width: 227px;
	display: inline;
	left: -43px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	}

li.themenlist2{
	list-style-type: none;
	position:relative;
	height: 30px;
	width: 299px;
	display: inline;
	left: 184px;
	top: -20px;
	margin: 0px;
	padding: 0px;
	}
	*/

#themenliste{
	width:526px;
	float:left;
	display:block;
	height: 30px;
	text-align:left;
	vertical-align:top;
	margin: 0;
	padding: 0;
	position: relative;
	top: 30px;
}
ul.themenliste1{
display:inline;
padding:0 0 0 0;
margin:0 0 0 0;
}
li.themenliste1{
display:inline;
padding: 0 0 0 0;
margin: 0 0 0 0;
width:227px;
}

li.themenliste2{
display:inline;
padding: 0 0 0 0;
margin: 0 0 0 0;
width:299px;
}