/* body ------------------------------------ */
body {
	background-color:#999;
	margin:0 0 40px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px; color:#fff;
	}

/* div um den gesamten inhaltsbereich, um den grauen verlauf oben darzustellen ------------------------------------ */
#verlauf_grau {
	width:866px;
	height:100%;
	background-image:url(pix/verlauf_grau.jpg); background-position:top; background-repeat:no-repeat;
	}

/* header: bereich, in dem sich die collage befindet -------------------------------------- */
#header {
	width:850px;
	height:288px;
	border-left:1px solid #8e8e8e; border-right:1px solid #8e8e8e;
	}

/* content, beinhaltet alles unter dem header --------------------------------- */
#content_all {
	width:850px;
	border-left:1px solid #8e8e8e; border-right:1px solid #8e8e8e; border-bottom:1px solid #fff;
	text-align:left;
	background-color:#363636;
	}

/* unteren teil der header-grafik, navigation und suche */
#spalte_links {
	width:206px;
	height:100%;
	float:left;
	margin:0 0 24px 0;
	}

#header2 {
	width:205px;
	border-right:1px solid #fff; border-bottom:1px solid #fff;
	}

/* navi */
#navigation {
	width:205px;
	border-right:1px solid #fff;
	padding:0 0 21px 0;
	}

#navigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
#navigation ul li.ebene1_off {
	padding:4px 0 7px 10px;
	border-bottom:1px solid #f7d066;
	background-color:#f2b000;
	}
#navigation ul li.ebene1_off a {
	text-decoration:none;
	color:#363636;
	font-size:13px;
	font-weight:bold;
	}

#navigation ul li.ebene1_on {
	padding:4px 0 7px 10px;
	border-bottom:1px solid #f7d066;
	background-color:#f2b000;
	}
#navigation ul li.ebene1_on a {
	text-decoration:none;
	color:#363636;
	font-size:13px;
	font-weight:bold;
	}

#navigation ul li.ebene2_off {
	padding:4px 0 7px 20px;
	border-bottom:1px solid #f7d066;
	background-color:#f5c033;
	}
#navigation ul li.ebene2_off a {
	text-decoration:none;
	color:#363636;
	font-size:13px;
	font-weight:bold;
	}
#navigation ul li.ebene2_on {
	padding:4px 0 7px 20px;
	border-bottom:1px solid #f7d066;
	background-color:#f5c033;
	}
#navigation ul li.ebene2_on a {
	text-decoration:none;
	color:#363636;
	font-size:13px;
	font-weight:bold;
	}


/* suche */
#suche {
	width:205px;
	height:42px;
	border-right:1px solid #fff;
	background-image:url(pix/bg_suche.gif); background-repeat:no-repeat;
	}

#suche form {
	margin:0;
	padding:9px 0 0 10px;
	color:#363636; font-size:12px;
	}
#suche form input.text {
	margin:0 5px 0 0;
	border:1px solid #fff;
	height:19px;
	float:left;
	}

#suche form input.button {
	width:33px;
	height:23px;
	background-image:url(pix/bg_button_go.gif); background-repeat:no-repeat;
	border:0;
	}


/* breadcrumb, content und infoboxen */
#spalte_rechts {
	float:left;
	width:644px;
	}

#breadcrumb {
	width:628px;
	height:19px;
	padding:6px 0 0 16px;
	border-top:1px solid #fff; border-bottom:1px solid #fff;
	background-image:url(pix/bg_breadcrumb.gif); background-repeat:repeat-x;
	font-size:11px; font-weight:bold;
	}
#breadcrumb a {
	text-decoration:none;
	color:#485152;
	}

/* rahmen um content und infoboxen um abstände zu bestimmen */
#rahmen_content_infobox {
	height:100%;
	line-height:13pt;
	}

#table_rahmen_content_infobox{
        border-collapse: collapse;
        border: 0px solid #000000;
        width:100%;
        }
#table_rahmen_content{
        width:100%;
        }
#table_rahmen_infobox{

        }
#table_rahmen_content_infobox tr td{
        border:0px solid #fff;
        vertical-align: top;
        }

/* inhaltsbereich */
#content {
        width:91.2%;
	background-color:#757575;
	border:1px solid #fff;
	margin:12px 1.4% 20px 1.4%;
	padding:10px 3% 20px 3%;
	}

/* inhaltsbereich */
#dynamic {
        width:100%;
        height:600px;
        border:1px solid #fff;
	}

h1 {
	font-size:16px; font-weight:bold; color:#f2b000;
	}
h2 {
	font-size:12px; color:#f2b000;
	}

p { font-size:12px; color:#fff;
	}

/* infoboxen */
#infobox {
        width:200px;
	border:1px solid #fff;
	background-color:#757575;
	font-size:12px;
	margin:12px 10px 10px 14px;
        padding:10px 10px 20px 10px;
	}

#infobox_title {
	height:25px;
	background-image:url(pix/bg_infobox_title.gif); background-repeat:no-repeat;
	border-bottom:1px solid #fff;
	font-size:16px; font-weight:bold; color:#333;
	}
#infobox_content {
	/*padding:0 10px 15px 10px;*/
	}
#infobox_content .datum {
	font-weight:bold; color:#f2b000;
	}
#infobox_content .description {
	font-weight:bold; color:#fff;
	}
#infobox_content .info {
	font-weight:normal; color:#fff;
	}

#infobox_content .info a {
	text-decoration:underline; color:#f2b000;
	}
#infobox_content .info a:hover {
	text-decoration:none; color:#f2b000;
	}

#linie {
	height:1px;
	width:100%;
	/*background-color:#fff;*/
	margin:10px 0 0 0;
	}

#linie hr {
	height:1px;
	width:100%;
	color:#fff;
        margin:10px 0 10px 0;

	}

/* footer ------------------------------------ */
#footer {
	width:850px;
	height:25px;
	clear:both;
	border-top:1px solid #fff;
	background-image:url(pix/bg_footer.gif); background-repeat:repeat-x;
	font-size:11px; color:#363636;
	}

#footer #left {
	float:left;
	padding:5px 0 0 10px;
	}

#footer #right {
	float:right;
	padding:5px 0 0 0;
	}
#footer #right a {
	text-decoration:none; color:#363636;
	padding:0 15px 0 0;
	}