/* Allgemeine Text und Elementformatierung */
html, body, p, div, span, ul, ol, li, a, form, input, textarea, select, h1, h2, h3, h4, h5, h6, img {
	border: 0px;
	color: #002157;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
table, tr, td, th {
	color: #002157;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
}

body {
	background-image: url(gifs/hg_body_2.gif);
	background-repeat: repeat-y;
	font-size: 0.6em;
}
a { font-weight: bold; }
ul {
	list-style-image: url(gifs/listenpunkt_2.gif);
	margin-left: 20px;
}
ol {
	margin-left: 30px;
}
/* Layout-Abstände, Layout-Größen, Layout-Ausrichtung, Hintergrundgestaltung */
#page { width: 1024px; }
	.top-grafig { float: left; height: 100px; }
	#column-left { float: left; width: 201px; height: 400px; }
		#language { background-color: #002157; border-right: 1px solid #BFC7E0; color: #FFFFFF; float: left; height: 30px; overflow: hidden; width: 200px; }
			#language ul {
				list-style-image: none;
				list-style-type: none;
				margin: 10px 0 0 20px;
				padding: 0;
			}
				#language li {
					float: left;
					padding: 0 13px 0 0;
				}
		#menue { background-color: #2c4597; float:left; margin-top: 20px; width: 200px; overflow-x: hidden;}
		#copyright { background-color: #2C4597; float: left; margin-top: 30px; width: 200px; }
		#copyright a { color: #ffffff; font-size: 10px; font-weight: normal; margin-left: 20px; }
	#column-right { float: left; width: 823px; }
		#topmenue { background-color: #2C4597; color: #ffffff; float: left; height: 30px; width: 599px; overflow-x: hidden; }
			#topmenue table { height: 30px; width: 100%; }
			#topmenue td.left { padding-left: 15px; width: 100%; }
			#topmenue td.right { padding-right: 15px; }
		#search { background-color: #2C4597; float: left; height: 30px; width: 224px; }
		#search table { height: 30px; }
		.search-text { color: #000000; font-size: 1em; font-weight: bold; padding: 2px; width: 150px; }
		#content { float:left;width: 823px; overflow: hidden; }
		#content-left { float: left; width: 599px;  /*overflow: auto;*/ }
			#content-left-margin { float: left; padding: 15px; }
				.content-left-width { float: left; width: 569px; margin-bottom: 1em; }
					/* zweispaltiges Layout */
					.content-left-2-1 { float: left; width: 275px; overflow: auto; }
					.content-left-2-2 { float: right; width: 275px; overflow: auto; }
					/* dreispaltiges Layout */
					.content-left-3-1 { float: left; width: 170px; }
					.content-left-3-2 { float: left; width: 170px; }
					.content-left-3-3 { float: left; width: 229px; }
		#content-right { float: right; width: 224px; overflow: hidden; }
			#content-right-margin { float: left; margin-top: 15px; }
			
/* Schriftgrößen und Farben */
.object { margin-bottom: 1em; width: 100%; }
.topline { /*background-color: #002157; color: #ffffff;*/ text-decoration: underline; font-size: 0.9em; width: 100px; }
.headline { font-size: 1em; font-weight: bold; margin-bottom: 1em; }
.vst-right { font-size: 1em; font-weight: bold; }
.body, .teaser { font-size: 1em; font-weight: normal; }
.body ul, .teaser ul, .body ol, .teaser ol { margin-left: 20px; }
.body a, .teaser a {
	text-decoration: underline;
}
.teaserimg_left, .teaserimg-left { margin-right: 10px; float: left; }
.teaserimg_right, .teaserimg-right { margin-left: 10px; float: right; }
ul.href {
	list-style-image: url(gifs/li_href.gif);
}

.left { float: left; }
.right { float: right; }
td.left { float: none; text-align: left; }
td.right { float: none; text-align: right; }
.left-150 { float: left; margin: 0em 0em 1em 0em; width: 150px; }
.right-400 { float: left; width: 400px; }
.asp-detail { padding-bottom: 1em; border-bottom: 1px solid #002157; margin-bottom: 1em; }
ul.asp { margin-left: 20px; margin-top: 5px; }
.menue a { color: #ffffff; }

div.liste0 { background-color: #BFC7E0; float: left; padding: 0.2em; }
div.liste1 { background-color: #F7E0A8; float: left; padding: 0.2em; }

/* Tabellen mit wecheselnder Hintergrundfarbe */
table.tbl-head-wechsel, table.tbl-wechsel { width: 100%; }
table.tbl-head-wechsel tr, table.tbl-wechsel tr { width: 100%; }
table.tbl-head-wechsel td, table.tbl-wechsel td { border-bottom: 2px solid #FFFFFF; }
tr.tablehead td { background-color: #CFD5E7/*A0ACD0*/; }
tr.liste0 td { background-color: #F0F2F7/*BFC7E0*/; }
tr.liste1 td { background-color: #FDF7EA/*F7E0A8*/; }
tr.tablehead td { font-weight: bold; }
tr.tablehead td, tr.liste0 td, tr.liste1 td { padding: 2px; }

.adresse { font-weight: normal; font-size: 1em; }

.headline2 { font-size: 0.9em; }
.back { float: left; width: 100%; margin-top: 1em; }
.back a { font-weight: bold; }
/*
.more2 { text-align: right; }
div.more { float: left; width: 100%; margin-top: 1em;  }
div.more table { width: 100%; }
td.more { height: 1em; padding-left: 0.5em; padding-right: 0.5em; }
.more a { font-weight: bold; }
*/
div.back, div.more { border-bottom: 1px dashed #002157; clear: both; text-align: right; }
div.back-top { border-bottom: 1px dashed #002157; }
div.more ul.href { 
	list-style-type: none;
}
.headline-citynews { border-bottom: 1px solid #002157; font-size: 1em; margin-bottom: 1em; margin-left: 0.5em; padding-left: 0.5em; }
.headline-vst-small { background-color: #EAC85A; font-size: 1em; margin-bottom: 1em; padding-left: 1em; }
.vst-search-topline { background-color: #2C4597; color: #ffffff; font-size: 1em; padding-left: 1em; }
a h1 {
	text-decoration: underline;
}
h1.teaser a {
	font-weight: normal;
	text-decoration: underline;
}

hr.black { color: #000000; height: 1px; }
.news-right, .vst-right { 
	background-image: url(gifs/listenpunkt_rechts.gif);
	background-position: 0em 0.5em;
	background-repeat: no-repeat;
	margin-bottom: 1em;
	padding-left: 1em;
}

/* Sitemap */
.sitemap .hidden { display: none; }
.sitemap ul { margin-left: 15px; }
.sitemap ul li { list-style-image: url(gifs/menue_passiv.gif); }
.sitemap ul ul li { list-style-image: url(gifs/untermenue_passiv.gif); }


/* Kontakt-Formular */
.form-input, .form-submit, .form-select, .form-textarea, .form-file { /*border: 1px solid #818181;*/ font-size: 1em; }
.form-input, .form-select { width: 150px; }
.form-submit { width: 152px; }
.form-textarea { width: 400px; height: 100px; }
.form-file { width: 263px; }

.kontakt-input, .kontakt-textarea, .kontakt-submit { border: 1px solid #EAC85A; font-size: 1em; }
.kontakt-textarea { font-size: 1em; height: 100px; width: 400px; margin-bottom: 0.5em; }
.kontakt-column { float: left; width: 250px; }
.kontakt-column div { margin-bottom: 0.5em; }
.kontakt-input { width: 150px; }
.kontakt-submit { width: 152px; }

/* Virtuelles Rathaus */
ul.virt { line-height: 1.5em; }
ul.virt ul { margin-top: 1em; margin-bottom: 1em; }
ul.virt li a { font-weight: bold; }
ul.virt ul.virt li a { font-weight: normal; }
#virt-menue { border-bottom: 1px solid #002157; margin-bottom: 1em; padding-bottom: 0.5em; }
.virt-abc { background-color: #F7E0A8; padding: 2px; margin-bottom: 1em; width: 565px; word-spacing: -2px; }
.virt-abc a { font-weight: bold; }
.virt-archiv-list { margin-left: 20px; margin-top: 10px; }
ul.virt-archiv-list li { line-height: 16px; }
.virt-lebenslagen-list { margin-left: 20px; }
.virt-aufgabe .virt-amt { margin: -1em 0em 1em 0em; }
.virt-aufgabe .virt-amt a { font-weight: normal; }
.virt-oeffnungszeiten { float: right; }
div.virt-asp-list { line-height: 1.5em; }
.virt-aufgabe-fb { margin: -1em 0em 1em 0em; }
.virt-aufgabe-fb a { font-weight: normal; }
.bg-search { background-color: #2C4597; }

ul.href {
	margin-top: 1em;
	margin-left: 20px;
}

input, textarea, select {
	border-color: #2C4597;
	border-style: solid;
	border-width: 1px;
	margin: 1px 0px 1px 0px;
}
.vst-search {
	width: 150px;
}
.thumbnail { margin-bottom: 5px; }

/* Gästebuch / Guestbook */
.gb-entrynew { font-size: 1em; margin-left: -4px; margin-bottom: 10px; }
.gb-headline { background-color: #2C4597; color: #FFFFFF; font-size: 1em; padding: 4px 2px 4px 6px; vertical-align: middle; }
.gb-entry { margin-left: 5px; margin-top: 5px; }
	.gb-top { background-color: #A0ACD0;/*#98CBDD;*/ padding: 2px; }
	.gb-date { /*background-color: #001A53; color: #FFFFFF;*/ padding-left: 5px; padding-right: 5px; }
	.gb-name { font-weight: bold; padding-left: 4px; }
	.gb-email { padding-left: 15px; }
	.gb-address { padding-left: 15px; }
	.gb-text { background-color: #FBEECE;/*#C4E5f2;*/ padding: 4px; }
	
/* Fotogalerie */
#gallery-content {
	float: left;
	width: 330px;
}
#gallery-big-img {}
#gallery-thumbs {
	float: right;
	width: 230px;
}
div.gallery-thumbnail {
	float: left;
	padding-left: 15px;
	padding-bottom: 5px;
}
img.gallery-thumbnail {}
#gallery-thumbs #pb-list-navigation {
	text-align: center;
	padding-left: 15px;
}

#galerie-einzelbild { /*background-color: #ff0000;*/ float: left; width: 320px; }
#galerie-thumbnails { /*background-color: #ff0000;*/ float: right; width: 230px; }
.galerie-thumbnail { float: left; padding-bottom: 6px; padding-left: 15px; }
#pb-list-navigation { /*background-color: #ff0000;*/ float: left; width: 215px; }

span.name1, div.name1 { font-weight: bold; }

/* Block rechts */
.produkt-verweise {
	border: 1px solid #000;
	float: right;
	padding: 10px;
	width: 150px;
	margin: 2em 0px 1em 1em;
}



/* Veranstaltungskalender */
.vst-monat {
	 border-bottom: 1px solid #000000;
	 float:left;
	 font-weight: bold;
	 width: 569px;
	 margin: 1em 0em 1em 0em;
}
.vst-datum {
	float: left;
	width: 100px;
}
.vst-content {
	float: left;
	width: 469px;
}

.archiv-verlauf {
	margin: 0px 0px 1em 0px;
}

ul.asp { margin-bottom: 1em; }
ul li a { font-weight: normal; }
ul li a[href]:hover, a[href]:hover { text-decoration: underline; }
.pb-list-navigation { margin-top: 1em; }


/* Ausbildungsoffensive */
td.ao {
	background-color: #F0F2F7;
	padding: 5px;
	width: 50%;
	vertical-align: top;
}
td.border-right-5 {
	border-color: #FFF;
	border-style: solid;
	border-width: 0 5px 0 0;
}
h1.headline.ao {
	border-color: #CFD5E7;
	border-style: solid;
	border-width: 0 0 2px 2px;
	margin: 0 0 2px;
	padding: 5px 0 3px 3px;
}
.teaser.ao, .body.ao {
	background-color: #CFD5E7;
	margin: 0 0 5px;
}
table.tbl-ao {
	border-color: #2C4597;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
}
table.tbl-ao td {
	border-color: #2C4597;
	border-style: solid;
	border-width: 1px;
	padding: 2px 4px;
}
table.tbl-ao td td {
	border-width: 0;
	padding: 0;
}
table.tbl-ao .tblhead {
	background-color: #FDF7EA;
}
table.tbl-ao .liste0 {
	background-color: #F0F2F7;
}
#rss-head {
	border-bottom: 1px solid #002157;
	margin: 10px 0;
}
.mod-rss-abfrage {
	width: 569px;
	padding: 15px;
}
#content-left .mod-rss-abfrage {
	width: auto;
	padding: 0;
}
.mod-rss-abfrage .modul-titel {
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 1em 0;
}
.mod-rss-abfrage .modul-inhalt {
	margin: 1em 0 0 0;
}
