/* ---- body ---- */
body {
	margin:0;
	padding:0px 0 0 0;
	background-image:url(pix/hg_body.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#00549a; font-weight:normal;
	}
	
/* ---- container, der den rahmen bildet ---- */
#rahmen {
	width:798px;
	border:1px solid #a6c3dc;
	}

/* ---- header, der das logo und die waagerechte navi beinhaltet ---- */
#header {
	text-align:left;
	background-color:#00549a;
	padding:0 29px 0 0;
	}

#header img {
	border:0;
	}

#header #navi {
	float:right;
	margin:63px 0 0 0;
	text-align:right;
	}
#header #navi a {
	margin:0 0 0 23px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#a6c3dc; font-weight:bold; text-decoration:none;
	}
#header #navi a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold; text-decoration:none;
	}
#header #navi a.aktiv {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold; text-decoration:none;
	}

/* ---- banner, der das breite bild beinhaltet ---- */
#banner {
	width:100%;
	height:91px;
	background-image:url(pix/banner.jpg); background-repeat:no-repeat;
	}

/* ---- gesamte content ---- */
#content_gesamt {
	width:100%;
	}

#streifen_oben {
	width:100%;
	height:13px;
	background-image:url(pix/content_streifen_o.gif); background-repeat:repeat-x;
	}
#streifen_unten {
	width:100%;
	height:13px;
	background-image:url(pix/content_streifen_u.gif); background-repeat:repeat-x;
	}

#content {
	background-color:#bfd4e6;
	width:740px;
	text-align:left;
	padding:0 29px 20px 29px;
	}

/* rechte spalte mit text/en und bild */	
#content #right {
	width:144px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#00549a; font-weight:normal;
	float:right;
	margin:30px 0 0 0;
	padding:0;
	}
#content #right p {
	text-align:right;
	line-height:15px;
	}
#content #right img {
	margin:0 0 20px 0;
	}
#content #right a {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#00549a; font-weight:normal; text-decoration:none;
	}
#content #right a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#fff; font-weight:normal; text-decoration:none;
	}

/* linke spalte, in der die ganzen inhalte stehen */
#content #left {
	width:567px; /* width:547px; */
	}

/* navi senkrecht */
#content #left ul {
	margin:0;
	padding:30px 0 0 0;
	}
	
#content #left ul li.off {
	width:190px; /* width:228px; */
	/*height:24px;*/
	/*background-image:url(pix/navi_button_off_kurz.gif); background-repeat:no-repeat;*/
	font-size:10px;
	list-style-type:none;
	padding:10px;
	margin:0 0 5px 0;
	display:block;
	background-color:#b3cce1;
	border:solid 2px #a3c1db;
	}
#content #left ul li.on {
	width:190px; /* width:228px; */
	/*height:24px;*/
	/*background-image:url(pix/navi_button_on_kurz.gif); background-repeat:no-repeat;*/
	font-size:10px;
	list-style-type:none;
	padding:10px;
	margin:0 0 5px 0;
	display:block;
	background-color:#b3cce1;
	border:solid 2px #a3c1db;
	}
#content #left ul li a.navi_content_aktiv {
	color:#fff;
	}

#content #left ul li.leer {
	width:190px; /* width:228px; */
	height:24px;
	list-style-type:none;
	padding:10px 0 0 10px;
	margin:0;
	}
/* / navi left */

/* grafik der säulen */
#saeulen {
	width:51px;
	height:55px;
	background-image:url(pix/grafik_saeulen.gif); background-repeat:no-repeat;
	}

/* inhalte im content auf den detailseiten */
#content #left #text {
	text-align:left;
	width:327px; /* width:269px; */
	margin:30px 0 0 0;
	float:right;
	}

#content #left #text ul {
	margin:0;
	padding:5px 0 0 13px;
	line-height:15px;
	}
#content #left #text ul li {
	list-style-type:square;
	padding:0;
	}

#content #left #text ul.liste_ebene2 {
	margin:0;
	padding:5px 0 0 12px;
	}
#content #left #text ul.liste_ebene2 li {
	list-style-type:none;
	background-image:url(pix/liste_ebene2.gif); background-repeat:no-repeat; background-position:0 6px;
	/*list-style-image:url(pix/liste_ebene2.gif);*/
	padding:0 0 0 10px;
	}

#content #left p {
	text-align:left;
	line-height:15px;
	}
	
#content #left h1 {
	font-size:13px; font-weight:bold;
	}
#content #left h2 {
	font-size:11px; font-weight:bold;
	}

#content #left a {
	color:#00549a; font-weight:bold; text-decoration:none;
	}
#content #left a:hover {
	color:#fff; font-weight:bold; text-decoration:none;
	}

/* tabelle auf der startseite, in der die aktuellen meldungen stehen; slogan */
#content #left #slogan {
	width:100%;
	height:115px;
	background-image:url(pix/slogan_startseite.gif); background-repeat:no-repeat;
	}
	
#content #left table {
	border:0;
	margin:0 0 15px 0;
	}

#content #left table #datum {
	font-weight:bold;
	}

/*#content #left table p {
	margin:0;
	}*/

#content #left table td.leere_spalte {
	width:47px;
	}
/* / tabelle auf der startseite, in der die aktuellen meldungen stehen */
	
/* steht immer am ende des contents!! */
#content #clear {
	clear:both;
	}

/* ---- footer ---- */
#footer {
	width:768px;
	height:28px;
	background-color:#00549a;
	text-align:right;
	padding:12px 30px 0 0;
	}

#footer a {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#a6c3dc; font-weight:bold; text-decoration:none;
	}
#footer a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold; text-decoration:none;
	}
#footer a.aktiv {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold; text-decoration:none;
	}