/* CSS Document */
/*Erik Meyer --- reset-css*/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* /Erik Meyer --- reset-css*/


body {
	background:url(hg_body.jpg) white no-repeat center top;
	color:#6e2e00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:140%;
}

.outer {
	margin:0px auto;
	width:912px;
	padding:20px 0 0 0;
}
/*________________________________________HEADER_______________________________________*/
.header {
	background:url(header.png);
	height:310px;
	width:912px;
}
/*________________________________________NEWSBOX_______________________________________*/

.newsbox {
	background:url(box_small.png) no-repeat;
	float:left;
	height:147px;
	width:247px;	
	
	margin:0 2px 3px 4px;
	padding:15px 25px 15px 25px;
}
	* html .newsbox {		
		padding:15px 10px 15px 24px;
		width:262px;
	}

.newsbox a {
	color:#6e2e00;
}
.newsbox a:hover, .newsbox a:focus {
	text-decoration:none;
}
/*________________________________________NAVI_______________________________________*/
.navi {
	background:url(hg_navi_top.png) no-repeat left top;
	float:left;	
	margin:3px 2px 3px 4px;	
	padding:0;
}

.navi ul {
	display:block;
	list-style:none;
	padding:25px 29px 15px 25px;
	width:247px;
}
.navi ul li ul {
	background:none;
	width:247px;
	padding:0 0px 0px 0px;
	/*margin-left:-23px;*/
}
.navi ul li {
	border-bottom:1px dashed #6e2e00;
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}
.navi ul li ul li {
	border-bottom:none;
}
.navi ul li a {
	color:#6e2e00;	
	display:block;
	padding:8px 0;
	text-decoration:none;
}
.navi ul li ul li a {
	background:url(lili.gif) no-repeat 10px center;	
	border-top:1px dashed #6e2e00;
	border-bottom:none;
	color:#6e2e00;	
	display:block;
	padding:4px 25px 4px 20px;
	text-decoration:none;
}
.navi ul li a:hover, .navi ul li a:focus, .navi ul li a.rex-current {
	background:url(navi_hover.jpg) no-repeat right center;	
}
.navi ul li ul li a:hover, .navi ul li ul li a:focus, .navi ul li ul li a.rex-current {
	background:url(lili.gif) no-repeat 10px center #f0ca31;
}
.navi div {
	background:url(hg_navi_top.png) no-repeat left bottom;
}
	* html .navi div {
		background:url(hg_navi_top.png) no-repeat -1px bottom;
	}

/*________________________________________CONTENT_______________________________________*/
.content_outer {
	background:url(hg_content_bottom.png) no-repeat top left;
	float:left;	
	padding:0 0 0px 0;
}
.content {	
	padding:15px 30px;
	width:544px;	
}
	* html .content {	
		padding:15px 30px;
		width:535px;	
	}
	
.content_bottom {
	background:url(hg_content_bottom.png) no-repeat bottom left;
	height:20px;
}
	* html .content_bottom {
		background:url(hg_content_bottom.png) no-repeat bottom -2px;
	}
	*+ html .content_bottom {
		background:url(hg_content_bottom.png) bottom center;
		height:20px;
		width:597px;
	}

.content a {
	color:#6e2e00;
}
.content a:hover, .content a:focus {
	text-decoration:none;
}

.content .video  {
	text-align:center;
}
.content .uebersicht {
	background:url(hg_uebersicht.png) no-repeat center left;
	height:33px;
	width:541px;
	margin:10px 0 -5px 0;
}
.content .uebersicht p {
	padding:3px 5px;
	text-align:left;
}
.content .uebersicht img {
	display:inline;
	margin:0px 3px -8px 3px;
	padding:0;
}
.content .uebersicht a {
	text-decoration:none;
}

.content .floatLeft img {
	padding:15px 15px 15px 0;
	max-width:525px;
}
	
/*____________________________________________*/
/*_______für die Boxenauswahl im Content______*/
/*____________________________________________*/

.content_boxuebersicht {
	float:left;	
	padding:0 0 3px 0;
	width:605px;
}
	* html .content_boxuebersicht {
		width:605px;
	}

a.boxuebersicht {
	background:url(box_small.png) no-repeat;
	color:#6e2e00;
	float:left;
	height:147px;
	width:245px;	
	margin:0 2px 3px 4px;
	padding:15px 25px 18px 25px;
	text-decoration:none;
}
	* html a.boxuebersicht {		
		padding:15px 10px 15px 24px;
		width:262px;
	}

a.boxuebersicht.movie {
	background:url(box_ueb_video.png) no-repeat	
}
a.boxuebersicht.movie:hover, a.boxuebersicht.movie:focus {
	background:url(box_ueb_video_hover.png) no-repeat	
}

a.boxuebersicht.bild {
	background:url(box_ueb_bild.png) no-repeat	
}
a.boxuebersicht.bild:hover, a.boxuebersicht.bild:focus {
	background:url(box_ueb_bild_hover.png) no-repeat	
}



/*________________________________________FOOTER_______________________________________*/
.footer {
	background:url(hg_footer.gif) no-repeat top left;
	clear:both;
	height:40px;
	margin:3px 2px 4px 4px;	
	padding:20px 25px;	
}

.footer p {
	float:left;
	padding:0;
}
.footer a {
	color:#6e2e00;
}
.footer a:hover, .footer a:focus {
	text-decoration:none;
}


/*________________________________________MISCELLANEOUS_______________________________________*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
} 
.clearfix {
	display: inline-block;
} 
html[xmlns] .clearfix {
	display: block;
} 
* html .clearfix {
	height: 1%;
}
.clear_float {clear:both;}
.left_float {float:left;}
.right_float {float:right;}