/* Grundformatierung */
body {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #000066;
/*	background: #FFFFCC url(../img/body_back.jpg) repeat-x left top; */
	text-align: center; /* zentriert die Seite für ie<7 */
}
* { margin: 0; padding: 0; }
option { padding-left: 0.4em; } /*fixed Formularelemente */

html { height: 100%; margin-bottom: 1px; }
/* schlaltet scrollbalken aus, wenn seite in viewport passt */

:focus { outline: 0; }

a {	text-decoration: none; }

a:visited {
	color: #0033FF;
}
a:hover {
	text-decoration: underline;
}

#container {
	width: 900px;
	margin: 0 auto; /* zentriert die Seite */
	text-align: left;
	border-left: 1px solid #0066cc;
	border-right: 1px solid #0066cc;
}
#innencontainer1 {
	background: url(../img/leiste_bg.gif) repeat-y 85% 0;
}
#innencontainer2 {
	background: url(../img/navi_bg.gif) repeat-y 17% 0;
}
h1 a {
	display: block;
	height: 105px;
	text-decoration: none;
	text-indent: -5999em;
	width: 900px;
	background: #0066cc url(../img/header.gif);
}
h2 {
	float: left;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 0 30px;
	color: #000066;
}
ul, li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

img,  a img { border: 0; }

h3 {
	font-size: 13px;
	background: #0066cc url(../img/h2_back.gif) repeat-x left top;
	border-top: 1px solid #000066;
	color: #FFFFFF;
	padding: 2px 5px 3px 10px;
	margin: 0;
}
a:link.skip, a:visited.skip, a:hover.skip, a:active.skip, a:focus.skip {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

/* Ende der Grundformatierung */

/* Datumleiste unter dem Header */
#header_leiste {
	float: left;
	width: 900px;
	height: 1.5em;
	margin: 0;
	background: #0066cc;
	border-bottom: 1px solid #000066;
}
#header_leiste #datum {
	float: right;
	font-size: 11px;
	color: #FFFFFF;
	margin: 2px 10px 0 0;
	font-weight: normal;
}

/* Hauptnavi unter dem Header */
#header_navi {
	float: left;
	width: 747px;
	background: #0066cc;
	margin-left: 152px;
	padding: 0;
	border-left: 1px solid #000066;
}
#sub_navi {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#sub_navi li {
	height: 1.4em;
	float: left;
	border-right: 1px solid #000066;
	background: #0066cc url(../img/sub_navi_ecke_l.gif) no-repeat left top;
}
#sub_navi .current {
	background: #FFFFCC url(../img/sub_navi_current_l.gif) no-repeat left top;
	border-bottom: none;
}
#sub_navi li a {
	height: 1.4em;
	float: left;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../img/sub_navi_ecke_r.gif) no-repeat right top;	
	padding: 1px 18px 0 18px;
}
#sub_navi .current a, #sub_navi .current a:hover  {
	color: #000000;
	background: url(../img/sub_navi_current_r.gif) no-repeat right top;
}
#sub_navi a:hover, #sub_navi a:focus {
	color: #FFFFFF;
	background: #000066 url(../img/sub_navi_hover_r.gif) no-repeat right top;
}
#header_navi #fader {
	background: url(../img/sub_navi_fader.gif) no-repeat left top;
	border: none;
	width: 100px;
}

/* Container der linken und mittleren Spalte */
#main-body {
	float: left;
	width: 85%;
}
/* Mittlere Spalte */
#inhalt_wrap {
	float: right;
	width: 80%;
	margin-left: -5px;
}

/* Navigation in der linken Spalte */
#navi {
	float: left;
	width: 20%;
	padding-top: 16px;
}
#navi a {
	font-size: 11px;
	text-align: center;
	margin: 0 10px 3px 10px; 
/*	background: url(../img/navi_a.jpg) no-repeat left bottom; */
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	padding: 3px 0 3px 2px;
}
#navi a:hover, #navi a:focus {
	font-weight: bold;
	text-decoration: none;
	color: #ffcc66;
}
#navi .filmreihe a {
	background: #000099 url(../img/navi_a.jpg) no-repeat left bottom;
	color:#FFCC66;
	line-height: 1.4em;
	padding: 2px 0 3px 2px;
	font-weight: bold;
	margin-bottom: 10px;
}
#navi .filmreihe a:hover, #navi .filmreihe a:focus {
	background: #FFCC66 url(../img/navi_a_hover.gif) no-repeat left bottom;
	color: #000099;
}
#navi .current a, #navi .current a:hover {
	background: none;
	background: #FFCC66 url(../img/navi_a_hover.gif) no-repeat left bottom;
	color: #000099;
}
#navi .current_2 a, #navi .current_2 a:hover {
	color: #ffcc66;
	font-weight: bold;
}


/* Rechte Spalte */
#leiste {
	float: right;
	width: 15%;
	margin: 15px 0 0 -5px;
}
#leiste .leiste_pic {
	margin-bottom: 25px;
}

/* Seitenabschluss unten */
#footer {
	clear: both;
	background: #000066;
	height: 1em;	
}

/* Formulare */
input, select, textarea, submit, reset {
	background-color: #FFCC66;
	border: none;
	padding: 2px 2px 2px 5px;
}
textarea {
	width: 550px;
	padding: 6px 3px 6px 6px;
}
label {
	display: block;
	margin-left: 5px;
}
label, input[type=checkbox], input[type=radio] {
	cursor: pointer;
}


/* Tools */
/*
.clear { overflow: hidden; }
* html .clear { height: 1%; } /* IE-Hack */

.clear { 
	clear: both;
	height: 1px;
	font-size: 1px;
	border: 0px none;
	margin: 0; padding: 0;
	background: transparent;
}
.none { display: none; }
.spacer_10 {
	height: 10px;
}