body {
	font-family: Arial, Verdana,sans-serif;
	font-size: 75%;
	color: #000000;
	line-height: 1.3em;
	background-color: #515368;
	margin: 0px 0px 0px 0px;
}

* { font-size: 1.0em; }

img { border: 0; }

p {
	margin: 0px 0px 14px 0px;
	padding: 0px 0px 0px 0px;
}

ul, ol {
	margin: 0px 5px 14px 15px;
	padding: 0px 0px 0px 20px;
}

ol li { padding-bottom: 10px; }

a { color: #000000; }
a:hover, a:active { text-decoration: none; }

a.redlink { 
    text-decoration: none;
	color: #B00A3A; 
}

div.spacer {
	height: 20px !important;
	clear: both;
}

div.spacer-tall {
	height: 60px !important;
	clear: both;
}

div.spacer-small {
	height: 1px !important;
	clear: both;
}

h3 {
	font-size: 1.0em;
	margin: 0px 0px 14px 0px;
}

div#inhalt-links h4 {
	font-size: 1.0em;
	margin: 0px 0px 3px 15px;
}

p.newsletter { color: #ca042d;}

/* =======
Box-Layout
======= */

div#ausrichtung {
	position: absolute;
	height: 60%;
	top: 40%;
	margin-top: -200px;
	left: 50%;
	margin-left: -390px;
}

div#rahmen {
	position: relative;
	width: 782px;
	height: 500px;
}

* html div#rahmen { height:502px; overflow: hidden; }

div#navigation {
	float: left;
	width: 154px;
	height: 500px;
	margin-right: 6px;
	padding: 0px 0px 0px 0px;
	background-color: #fef5c4;
}

div#veranstaltungen-home {
	float: left;
	width: 202px;
	height: 500px;
	margin-right: 6px;
	background-color: #fedec3;
	background-image: url('../images/template/headline-naechste-veranstaltungen.gif');
	background-repeat: no-repeat;
	border: 1px solid #bb7420;
}

div#inhalt-links {
	float: left;
	width: 202px;
	height: 500px;
	margin-right: 6px;
	color: #3a1b00;
	background-color: #f2cd86;
	border: 1px solid #bb7420;
	overflow: auto;
}

div#inhalt-links p { margin: 0px 10px 12px 15px !important; }

div#inhalt-home {
	float: left;
	width: 410px;
	height: 500px;
}

div#inhalt-standard {
	float: left;
	width: 371px;
	height: 460px;
	padding: 20px 17px 20px 20px;
	border: 1px solid #bb7420;
	overflow: auto;
}

div.zehntscheuer-rechts, div.rathausgalerie-rechts {
	height: 500px !important;
	width: 408px !important;
	padding: 0 !important;
	overflow: visible !important;
}

div.zehntscheuer-rechts div.terminliste, div.rathausgalerie-rechts div.terminliste {
	height: 388px !important;
	padding: 10px 20px 20px 20px;
	overflow: auto;
}

img.headline { margin-bottom: 15px; }
div.veranstaltung-links img.headline { margin: 20px 0px 15px 0px; }

div.abonnement-links img.headline, div.stadthalle-links img.headline, div.stadthalle-links-weiss img.headline,
div.kontakt-links img.headline, div.suche-links img.headline { margin: 23px 0px 15px 0px; }

div.zehntscheuer-links { background-color: #f2cd86; }
div.zehntscheuer-rechts { background-color: #fbe6be; }

div.rathausgalerie-links { background-color: #9ab3e9; border: 1px solid #012573 !important; }
div.rathausgalerie-rechts { background-color: #e0eaff; border: 1px solid #012573 !important; }

div.veranstaltung-links { background-color: #FED06B !important; }
div.veranstaltung-rechts { background-color: #FEBB62; }

div.abonnement-links { background-color: #FEA65E !important; }
div.abonnement-rechts { background-color: #FEC872; }

div.stadthalle-links { background-color: #D49680 !important; }
div.stadthalle-rechts { background-color: #F8DEC2; }

div.stadthalle-links-weiss { background-color: #FFFFFF !important; }
div.stadthalle-rechts-weiss { background-color: #FFFFFF; }

div.kontakt-links { background-color: #FDA361 !important; }
div.kontakt-rechts { background-color: #F8DEC2; }

div.suche-links { background-color: #CAE0EA !important; border: 1px solid #3DB3EA !important; }
div.suche-rechts { background-color: #FFFFFF; border: 1px solid #A1ADB9 !important; }


/* ========
Navigation
======== */

a.link-home {
	display: block;
	margin-top: 15px;
}

a.link-suche img {
	position: absolute;
	bottom: -2px;
	border: 1px solid #bd7521; 
}

* html a.link-suche img { bottom: 0px; }

div#menu {
	height: 449px;
	border-top: 1px solid #c8a64a;
	border-left: 1px solid #c8a64a;
	border-right: 1px solid #c8a64a;
}

div#navigation ul {
	margin: 10px 0px 0px 0px;
	padding: 0;
}

div#navigation li ul {
	margin: 0px 0px 0px 0px;
}

div#navigation li {
	list-style-type: none;
}

div#navigation li ul { display: none; }
div#navigation li ul li { margin: 0px 0px 0px 15px; }

div#navigation a {
	display: block;
	text-decoration: none;
	padding-top: 6px;
}

* html div#navigation a { width: 152px; }

div#navigation li ul li a {
	font-size: 0.9em;
	padding: 0px 5px 3px 12px;
	background-image: url('../images/template/li-nav.gif');
	background-position: 0px 5px;
	background-repeat: no-repeat;
}

* html div#navigation li ul li a { width: 120px; }

div#navigation li ul li a:hover, div#navigation li ul li a.aktiv { background-image: url('../images/template/li-nav-a.gif') !important; }


/* ========
Startseite
======== */

ul#rubrik-wahl {
	margin: 49px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul#rubrik-wahl li {
	float: left;
	list-style-type: none;
	margin-bottom: 12px;
}

ul#rubrik-wahl a {
	display: block;
	min-height: 2.6em;
	font-size: 0.85em;
	font-family: Verdana;
	line-height: 1.1em;
	text-decoration: none;
	text-align: center;
	padding: 2px 0px 0px 0px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

* html ul#rubrik-wahl a { height: 2.6em; }

ul#rubrik-wahl a:hover { color: #ffffff; }

a#rubrik-stadthalle {
	width: 67px;
	min-height: 2.0em !important;
	overflow: hidden;
	padding: 0.8em 0 0 0 !important;
	border-right: 1px solid #000000;
}

*+ html a#rubrik-stadthalle { padding-bottom: 0.1em !important; }
* html a#rubrik-stadthalle { height: 2.1em !important; }

a#rubrik-zehntscheuer {
	width: 67px;
	border-right: 1px solid #000000;
}

a#rubrik-rathaus { width: 66px; }

a#rubrik-stadthalle { background-color: #ebb93f; }
a#rubrik-zehntscheuer { background-color: #e0a671; }
a#rubrik-rathaus { background-color: #8d9dda; }

a#rubrik-stadthalle:hover { background-color: #df7e00; }
a#rubrik-zehntscheuer:hover { background-color: #b46219; }
a#rubrik-rathaus:hover { background-color: #013390; }

div#inhalt-stadthalle, div#inhalt-zehntscheuer, div#inhalt-rathaus {
	position: absolute;
	width: 170px;
	height: 355px;
	top: 95px;
	left: 180px;
}

div#inhalt-zehntscheuer, div#inhalt-rathaus { visibility: hidden; }

p.morelink {
	position: absolute;
	/*bottom: 8px;*/
	bottom: -10px;
	text-align: center;
}

p.morelink a {	
	font-weight: bold;
	text-decoration: none;
	z-index: 10;
}

/* Downloads Startseite */
p.flyerdownload {
	position: absolute;
	width: 180px;
	bottom: 0px;
	left: 177px;
	padding: 0px 5px 0px 0px;
	color: #ca042d;
	font-weight: bold;
	text-align: center;
}

p.flyerdownload a { 
	color: #ca042d;
	font-weight: bold;
}

div.banner-home {
	margin: 0px 0px 4px 0px;
}

div#bannerabo, div#bannerwechsel {
	position: absolute;
	margin: 0px 0px 0px 0px;
}

div#bannerhomewechsel, div#bannerhome {
	position: absolute;
	margin: 0px 0px 0px 0px;	
}

* html div#bannerabo, * html div#bannerhome, * html div#bannerwechsel, * html div#bannerhomewechsel { margin: 0px 0px 0px 0px; }
*+ html div#bannerabo, * html div#bannerhome, *+ html div#bannerwechsel, *+ html div#bannerhomewechsel  { margin: 0px 0px 0px 0px;	}

div.banner-hidden { visibility: hidden; }
div.banner-visible { visibility: visible; }

div.veranstaltung-banner {
	position: absolute;
	width: 408px;
	height: 203px;
	background-color: #FEC872;
	border: 1px solid #BB7420;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}

div.veranstaltung-banner-bild {
	float: left;
	height: 193px;
	margin: 10px 15px 0px 6px;
}

div.veranstaltung-banner-text { margin: 10px 20px 0px 0px; }

div.veranstaltung-banner-text p, div.veranstaltung-banner-text h2 { margin: 0px 0px 8px 0px; }
	

/* =======
Nav-Listen
======= */

div#inhalt-links ul {
	margin: 10px 20px 0px 30px;
}

div#inhalt-links li {
	list-style-type: none;
	padding: 5px 0px 5px 0px;
}

div#inhalt-links li a {
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;	
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

div.veranstaltung-links li { list-style-image: url('../images/programm/nav_punkt.gif'); }
div.veranstaltung-links li:hover, div.veranstaltung-links li.aktiv { list-style-image: url('../images/programm/nav_punkt_a.gif'); font-weight: bold; }

div.abonnement-links li { list-style-image: url('../images/abo/nav_punkt.gif'); }
div.abonnement-links li:hover, div.abonnement-links li.aktiv { list-style-image: url('../images/abo/nav_punkt_a.gif'); }

div.stadthalle-links li { list-style-image: url('../images/stadthalle/nav_punkt.gif'); }
div.stadthalle-links li:hover, div.stadthalle-links li.aktiv { list-style-image: url('../images/stadthalle/nav_punkt_a.gif'); }


/* ========

======== */

p.zusatzinfo { padding: 5px 30px 0px 0px !important; }
p.zusatzinfoimg { text-align: center; padding-right: 10px; }
p.zusatzinfo-schmal { padding: 5px 40px 0px 20px !important; }

img.banner-abo { position: absolute; }
p.info-abo { position: absolute; width: 170px; margin: 230px 0px 0px 185px; }

img.abo-logo { margin: 30px 0px 70px 0px; }

img.kulturkalender { margin: 30px 0px 30px 40px; }

p.foto-horizontal {
	position: relative;
	width: 388px;
	height: 100px;
	margin: 0px 0px 0px -20px;
}

p.foto-horizontal img { position: absolute; }

.two-col-left {
	float: left;
	width: 150px;
}

.two-col-right {
	float: right;
	width: 220px;
}

div.kontakt-rechts img { margin: 0px 0px 5px 10px; } /* Behelf ..*/

img.bild-links {
	float: left;
	margin: 0px 10px 5px 0px;
}

img.bild-rechts {
	float: right;
	margin: 0px 0px 5px 10px;
}

p.logo {
	text-align: center;
	padding: 10px 0px 10px 0px;
}

div.ansprechpartner {
	/*background-image: url('../images/kontakt/mitarbeiter.jpg');
	background-repeat: no-repeat;*/
	padding-right: 0px !important;
	width: 388px !important;
}

div.ansprechpartner p {	margin: 10px 0px 0px 0px !important; }

img.mitarbeiter {
	position: absolute;
	margin: -20px 0px 0px -20px !important;
}

img.bild-popup {
	margin: 10px;
	border: 1px solid #bb7420;
}

img.rahmen-schwarz {
	border-top: 5px solid #000;
	border-bottom:5px solid #000;	
}


/* ============
Veranstaltungen
============ */

h2.veranstaltung-titel, h2.veranstaltung-home-titel {
	font-size: 1.0em;
	margin: 0px 0px 2px 0px;	
}

div.veranstaltung-details {
	float: left;
	width: 240px;
	margin-bottom: 10px;
	margin-right: 10px;
}

div.veranstaltung-home-termin {
	margin: 0px 0px 5px 0px;
}

div.veranstaltung-ort {
	float: left;
	width: 100px;
}

div.veranstaltung-mehr {
	clear: left;
	margin: 0px 0px 25px 2px;
}

div.veranstaltung-home-mehr {
	text-align: right;
	margin-bottom: 20px;
}

div.mini { font-size: 0.9em; }


/* =======
Formulare
======= */

p.hidden { display: none; }

div#inhalt-links form { margin: 0px 0px 0px 0px; }

div#inhalt-links input[type=submit] {
	font-size: 1.1em;
	margin: 10px 0px 0px 35px;
}

input#button-senden, input#button-loeschen {
	font-size: 1.1em;
	margin: 2px 10px 0px 0px;
	width: 90px;
}

div#inhalt-standard form p { width: 200px; }

div#inhalt-links input.form150 {
	width: 150px;
	padding: 2px 0px 2px 2px;
}

div#inhalt-standard input.form200 {
	width: 200px;
	padding: 2px 0px 2px 2px;
}

div#inhalt-standard textarea {
	font-family: Arial;
	font-size: 1.0em;
	width: 200px !important;
}

p.checkbox-two-row input {
	float: left;
	clear: left;
}

p.checkbox-two-row label {
	float: left;
	padding: 0px 0px 5px 5px;
}

/* Newsletter */

form#newsletter label.field_label {
	float: left;
	width: 100px;
	clear: left;
}

form#newsletter ul {
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

form#newsletter ul li {
	list-style-type: none;	
	margin: 0px 0px 12px 0px;
}


