body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

#container, #container *,
#footer, #footer * {
	text-align: left;
}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}

#footer {
	margin-left: auto;
	margin-right: auto;
	width: 940px;
}

* {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

img {
	border: 0px;
}

.clear {
	clear: both;
}

.bf-loeschen {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

.loeschen {
	display: none;
}

/*** Custom ***/

#container {
	padding: 0 20px 14px 20px;
	background: url(../images/border_left_right.gif) repeat-y;
	font-size: 1.2em;
}

#header {
	margin: 0 0 5px 0;
	/* Damit die Navigation relativ zu diesem Element positioniert werden kann */
	/* position: relative; */
}

#kopf-navi {
	height: 37px;
	background: #00327B;
}

#kopf-navi a {
	width: 93px;
	height: 28px;
	display: block;
	margin: 0 0 0 19px;
	padding: 7px 0 0 0;
	background: url(../images/startseite.jpg) no-repeat left 7px;
}

#header-flash {
	padding: 4px 0 0 0;
}

/*** START FONTSIZE ***/

#fontsize-container {
	width: 298px;
	height: 32px;
	float: right;
	background: #00327B;
}

#fontsize-container.no-javascript {
	color: #fff;
	height: 164px;
}

ul#fontsize {
	list-style: none;
	margin: 7px 0 0 207px;
}

#fontsize-container.no-javascript ul#fontsize {
	height: 21px;
	margin-bottom: 15px;
}

ul#fontsize li {
	display: block;
	width: 21px;
	height: 21px;
	margin: 0 8px 0 0;
	float: left;
}

ul#fontsize li a {
	display: block;
	width: 21px;
	height: 21px;
}

ul#fontsize li#fontsize-smaller a {
	background: url(../images/fontsize_smaller.gif) no-repeat;
}

ul#fontsize li#fontsize-standard a {
	background: url(../images/fontsize_standard.gif) no-repeat;
}

ul#fontsize li#fontsize-bigger a {
	background: url(../images/fontsize_bigger.gif) no-repeat;
}

#fontsize-container p {
	display: none;
}

#fontsize-container.no-javascript p {
	display: block;
	padding: 0 15px;
}

/*** END FONTSIZE ***/

/*** START NAVIGATION ***/

#start {
	width: 98px;
	height: 26px;
	color: #000;
	text-decoration: none;
	border-left: 2px solid #E9E9E9;
	display: block;
	float: left;
	border-bottom: 6px solid #D6D6D6;
	background: url(../images/navi_start.gif) no-repeat;
}

#navigation-container {
	/* width: 700px;  inkl. Start-Button */
	width: 600px;
	float: left;
	border-right: 2px solid #E9E9E9;
	border-bottom: 2px solid #E9E9E9;
	/* left: 100px; */
 /*
  * Damit die Unternavigation über den Inhalt lappt.
  */
	/* position: absolute; */
	
	background: #fff url(../images/menu_columns_bg.gif) repeat-y;
	
	/* background: #ffff00; */
	
	/* Darf nur bei aufgeklapptem Menü angezeigt werden.
	padding: 0 0 10px 0;
	border-bottom: 6px solid #E9E9E9;
	*/
}

#navigation-container.overlap {
 /* Damit die Unternavigation über den Inhalt lappt. */
	position: absolute;
}

ul#navigation {
	list-style: none;
}

ul#navigation li {
	width: 98px;
	border-left: 2px solid #E9E9E9;
	/* height: 160px; */
	display: block;
	float: left;
	/* position: relative; */
}

ul#navigation li a {
	display: block;
	width: 98px;
	height: 26px;
	color: #000;
	text-decoration: none;
}

ul#navigation li#navigation-start a {
	border-bottom: 6px solid #D6D6D6;
	background: url(../images/navi_start.gif) no-repeat;
}

ul#navigation li#navigation-staedtisch a {
	border-bottom: 6px solid #0091C6;
	background: url(../images/navi_staedtisch.gif) no-repeat;
}

ul#navigation li#navigation-sozial a {
	border-bottom: 6px solid #F15814;
	background: url(../images/navi_sozial.gif) no-repeat;
}

ul#navigation li#navigation-kulturell a {
	border-bottom: 6px solid #B00700;
	background: url(../images/navi_kulturell.gif) no-repeat;
}

ul#navigation li#navigation-wirtschaftlich a {
	border-bottom: 6px solid #006488;
	background: url(../images/navi_wirtschaftlich.gif) no-repeat;
}

ul#navigation li#navigation-aktiv a {
	border-bottom: 6px solid #6BCE01;
	background: url(../images/navi_aktiv.gif) no-repeat;
}

ul#navigation li#navigation-gebildet a {
	border-bottom: 6px solid #F8B30D;
	background: url(../images/navi_gebildet.gif) no-repeat;
}

ul#navigation li a:hover {
	text-decoration: underline;
}

/*
ul#navigation li div {
	height: 120px;
	overflow: hidden;
	position: relative;
}
*/

ul#navigation li ul {
	
	list-style: none;
	font-size: 13px; /* Absoluter wert, weil die Navigation nicht auf den Fontresizer reagieren soll */
	
	
	/* display: none; */
	
	/*position: absolute;
	bottom: 0px;*/
	/* height: 50px;
	overflow: hidden; */
	/* overflow: hidden; */

}

ul#navigation li ul.hidden {
 /* barrierefries Verstecken der Unternavigation */
 /*
 funktioniert nicht mit Safari
 	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
*/
display: none;
}

ul#navigation li ul li {
	/*
		Sorgt für 1px-Abstand der Linien
	width: 96px;
	margin: 0 1px;
	*/
	width: 98px;
	margin: 0;
	/* height: 20px; */
	float: none;
	border: none;
	/* position: relative;
	top: -100px; */
	overflow: hidden;
}

ul#navigation li#navigation-start ul li a,
ul#navigation li#navigation-staedtisch ul li a,
ul#navigation li#navigation-sozial ul li a,
ul#navigation li#navigation-kulturell ul li a,
ul#navigation li#navigation-wirtschaftlich ul li a,
ul#navigation li#navigation-aktiv ul li a,
ul#navigation li#navigation-gebildet ul li a {
	/* border: none; */
	/*
	background: none;
	color: #505050;
	overflow: hidden;
	text-align: center;
	padding: 6px 0;
	height: auto;
	*/
	background:	none;
	color: #505050;
	font-size: 0.9em;
	height: 26px;
	line-height: 1em;
	overflow: hidden;
	padding: 5px 4px 0pt;
	text-align: center;
	width: 90px;
}

ul#navigation li#navigation-start ul li a.einzeiler,
ul#navigation li#navigation-staedtisch ul li a.einzeiler,
ul#navigation li#navigation-sozial ul li a.einzeiler,
ul#navigation li#navigation-kulturell ul li a.einzeiler,
ul#navigation li#navigation-wirtschaftlich ul li a.einzeiler,
ul#navigation li#navigation-aktiv ul li a.einzeiler,
ul#navigation li#navigation-gebildet ul li a.einzeiler {
	height: 21px;
	padding: 10px 4px 0pt;
}

ul#navigation li#navigation-staedtisch ul li a {
	/* border-bottom: 3px double #0091C6; */
	border-bottom: 2px solid #0091C6;
}

ul#navigation li#navigation-staedtisch ul li a:hover {
	background: #BFE3F1;
	text-decoration: none;
	/* border-bottom: 3px solid #0091C6; */
	border-bottom: 2px solid #0091C6;
}

ul#navigation li#navigation-sozial ul li a {
	/* border-bottom: 1px solid #F15814; */
	/* border-bottom: 3px double #F15814; */
	border-bottom: 2px solid #F15814;
}

ul#navigation li#navigation-sozial ul li a:hover {
	background: #FBD5C4;
	text-decoration: none;
	/* border-bottom: 3px solid #F15814; */
	border-bottom: 2px solid #F15814;
}

ul#navigation li#navigation-kulturell ul li a {
	/* border-bottom: 3px double #B00700; */
	border-bottom: 2px solid #B00700;
}

ul#navigation li#navigation-kulturell ul li a:hover {
	background: #EBC1BF;
	text-decoration: none;
	/* border-bottom: 3px solid #B00700; */
	border-bottom: 2px solid #B00700;
}

ul#navigation li#navigation-wirtschaftlich ul li a {
	/* border-bottom: 3px double #006488; */
	border-bottom: 2px solid #006488;
}

ul#navigation li#navigation-wirtschaftlich ul li a:hover {
	background: #BFD8E1;
	text-decoration: none;
	/* border-bottom: 3px solid #006488; */
	border-bottom: 2px solid #006488;
}

ul#navigation li#navigation-aktiv ul li a {
	/* border-bottom: 3px double #6BCE01; */
	border-bottom: 2px solid #6BCE01;
}

ul#navigation li#navigation-aktiv ul li a:hover {
	background: #DAF3BF;
	text-decoration: none;
	/* border-bottom: 3px solid #6BCE01; */
	border-bottom: 2px solid #6BCE01;
}

ul#navigation li#navigation-gebildet ul li a {
	/* border-bottom: 3px double #F8B30D; */
	border-bottom: 2px solid #F8B30D;
}

ul#navigation li#navigation-gebildet ul li a:hover {
	background: #FDECC2;
	text-decoration: none;
	/* border-bottom: 3px solid #F8B30D; */
	border-bottom: 2px solid #F8B30D;
}

/*** END NAVIGATION ***/

/*** START CONTENT ***/

h3 {
	font-weight: bold;
	color: #00327B;
	margin: 0 0 15px 0;
}

p {
	margin: 0 0 20px 0;
}

a.deeplink {
	font-weight: bold;
	color: #00327B;
	text-decoration: none;
}

a.deeplink:hover {
	text-decoration: underline;
}

#content-action {
	background: url(../images/2column_bg.gif) repeat-y;
 /**
 	Sonst stresst der IE rum, natürlich eigentlich überflüssig.
 **/
	float: left;
}

#content {
	width: 600px;
	float: left;
}

#content-main {
	width: 550px;
	padding: 25px;
	background: #D9DFEB;
}

#content-main.standardseite {
	background: #fff;
}
#content-main.standardseite a{
	color: #00327B;
}
#content #content-main.veranstaltung {
	
}
.veranstaltung-info {
	padding-bottom:15px;
}
#content-main img {
	float: left;
	padding: 0 15px 10px 0;
}

div.teaser {
	width: 238px;
	padding: 20px 42px 20px 20px;
	float: left;
}

div.teaser img {
	border: 1px solid #898989;
	margin: 0 0 3px 0;
}

div.teaser h4 {
	font-weight: bold;
	color: #00327B;
	margin: 0 0 15px 0;
}

div.teaser h5 {
	font-weight: bold;
	color: #898989;
	margin: 0 0 15px 0;
}

div.teaser div.text p {
	margin: 0 0 6px 0;
}

div#was-wo {
	padding: 25px;
}

div#was-wo ul {
    list-style: none;
    margin: 0 ;
}

div#was-wo ul li a,
div#was-wo a.jumper {
    color: #000;
    text-decoration: none;
}

a#show-all {
	color: #505050;
    text-decoration: none;
}

div#was-wo ul li a.loading {
	/* background: url(../images/ajax_loader.gif) no-repeat 500px; */
	background: url(../images/ajax_loader.gif) no-repeat right;
	/* padding-right: 40px; */
	padding-right: 20px;
}

div#was-wo ul li a.open {
	/*
	background-color: #D9DFEB;
	padding: 10px;
	margin: 6px 0 0 0;
	display: block;
	font-weight: bold;
	*/
	font-weight: bold;
	color: #00327B;
}

div.issue-detail {
	background: #EFEFE7;
	padding: 10px;
	margin: 0 0 6px 0;
}

div.issue-detail p {
	margin: 0;
}

div#was-wo ul li a:hover,
div#was-wo a.jumper:hover,
a#show-all:hover {
    text-decoration: underline;
}

input#issue-filter {
	border: 1px solid #505050;
	color: #505050;
	padding: 2px;
}

input#issue-filter.loading {
	background: url(../images/ajax_loader.gif) no-repeat right;
}

#text-please-wait {
	color: #505050;
}

/*** END CONTENT ***/

/*** START ACTION ***/

#action {
	/* width: 274px;
	padding: 23px 13px; */
	width: 300px;
	float: right;
}

#action-container {
	padding: 23px 13px;
}

#action h4 {
	color: #515151;
	font-weight: bold;
	margin: 0 0 18px 0;
}

#action-veranstaltungen,
#action-pressemitteilungen {
	border-bottom: 1px solid #fff;
	margin: 0 0 25px 0;
}

#action-veranstaltungen a,
#action-pressemitteilungen a {
	color: #01317D;
	text-decoration: none;
}

#action-veranstaltungen a:hover,
#action-pressemitteilungen a:hover {
	text-decoration: underline;
}

#action-galerie {
	/* Styles für die Galerie */
}

#monats_verweise h4, #action-galerie h4 {
	color:#00327B;
	font-size:1.3em;
	padding:10px 0 5px 0;
	margin:0;
}
#monats_verweise ul { list-style-type:none;}
#monats_verweise li {padding-bottom:3px;}
#monats_verweise a {
	color:#00327B;
	text-decoration:none;
}
#monats_verweise a:hover {
	color:#00327B;
	text-decoration:underline;
}

ul#sub-navigation-staedtisch li a.active,
ul#sub-navigation-staedtisch li a:hover {
	background: #BFE3F1;
}

ul#sub-navigation-kulturell li a.active,
ul#sub-navigation-kulturell li a:hover {
	background: #EBC1BF;
}

ul#sub-navigation-wirtschaftlich li a.active,
ul#sub-navigation-wirtschaftlich li a:hover {
	background: #BFD8E1;
}

ul#sub-navigation-sozial li a.active,
ul#sub-navigation-sozial li a:hover {
	background: #FBD5C4;
}

ul#sub-navigation-aktiv li a.active,
ul#sub-navigation-aktiv li a:hover {
	background: #DAF3BF;
}

ul#sub-navigation-gebildet li a.active,
ul#sub-navigation-gebildet li a:hover {
	background: #FDECC2;
}

#action-buergermeister-anrede {
	color: #898989;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#action-buergermeister-text p {
	margin: 0 0 6px 0;
}

#action-seitennavi {
	padding: 23px 13px;
	background: #fff;	
}

#action-seitennavi ul {
	/* margin: 0 0 15px 0; */

}
#action-seitennavi ul ul {
	margin: 0;
}

#action-seitennavi ul li {
	/*  IE braucht das */
	/* border-bottom: 1px solid #fff; */
}

#action-seitennavi li {
	list-style-type: none;
	padding: 0;
	display: block;

}

#action-seitennavi ul li a {
	color: #505050; 
	/* font-weight: bold; */
	text-decoration: none;
	/* line-height: 150%; */
	display: block;
	border-bottom: 1px solid #E9E9E9;
	width: 262px;
	padding: 3px 6px;
}

#action-seitennavi ul ul li a {
	padding-left: 20px;
	width: 248px;
}

#action-seitennavi li a:hover{
	background: #BFE3F1;
}
#action-seitennavi li a.active{
	
}
/*** END ACTION ***/

#footer {
	width: 930px;
	padding: 10px 10px 10px 0;
	background: url(../images/border_bottom.gif) no-repeat;
	font-size: 1.2em;
}

#footer ul {
	list-style: none;
	float: right;
}

#footer ul li {
	display: block;
	padding: 0 10px;
	border-right: 1px solid #898989;
	float: left;
}

#footer ul li.last {
	border-right: none;
}

#footer ul li a {
	color: #898989;
	text-decoration: none;
}

#footer ul li a.active,
#footer ul li a:hover {
	color: #000;
}

/*** BEGIN id16 Veranstaltungen ***/
#content #eventlisting {
	padding-left:25px;
	width:550px;
}

#content #eventlisting.top {
	padding-top: 25px;
}

#content #eventlisting h4{
	font-weight:bold;
	color:#00327B;
	font-size: 1.2em;
	margin-bottom:15px;
}
#content #eventlisting .event {
	width:500px;
	padding-bottom:5px;
	margin-bottom:20px;
	border-bottom:1px dashed #ddd;
	clear:both;
}
#content #eventlisting .event h5{
	font-weight:bold;
	color:#00327B;
}
#content #eventlisting .event img{
	float:left;
	padding: 0 5px 5px 0;
}
#content #eventlisting .event .beschreibung p{
	margin:0;
	padding:5px 0 5px 0;
}
#content #eventlisting .event a{
	font-weight:bold;
	color:#00327B;
	text-decoration:none;
}
/*** END id16 Veranstaltungen ***/
.break {clear:both; float:none;}

/*** Bürgermeister ***/

div#content-main.buergermeister p.datum {
	text-align: right;
}

div#content-main.buergermeister p.anrede {
	color: #898989;
	font-weight: bold;
	margin: 0 0 30px 0;
}

div#content-main.buergermeister div.rs-info {
	margin: 0 0 20px 0;
}