/* style.css */
body, html, address, form, fieldset, h1, h2, h3, h4, h5, h6, p, ul, ol,
	dl, li, hr, table, tr, th, td, div, blockquote, object {
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: none;
	text-align: left;
}

::selection {
	background-color: #666;
	color: #fff;
}

::-moz-selection {
	background-color: #666;
	color: #fff;
}

html {
	height: 100%;
}

body {
	height: 100%;
	color: #000;
	background: url(../../grafik/body_bg.gif) 0 0 repeat #e3e3e4;
	text-align: center;
	font: 62.5% arial, verdana, helvetica, sans-serif;
}

h1 {
	font-size: 1.25em;
	line-height: 1.4em;
	height: 1%;
	color: #666;
}

h2 {
	font-size: 1.4em;
	line-height: 1.3em;
	margin-bottom: 0.3em;
	color: #9f486d;
}

span.autor {
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: normal;
	display: block;
}

h3 {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: 0.3em;
	color: #9e687f;
}

a, a img {
	text-decoration: none;
	border: none;
}

/* Rahmen */
#wrapall {
	width: 100.8em;
	height: 100%;
	margin: 0 auto;
}

#wrap {
	width: 100%;
	min-height: 100%;
	height: auto;
	float: left;
	background: url(../../grafik/mainnavi_bg.gif) 0 0 repeat-y #fff;
}

* html #wrap {
	height: 100%;
}

#header {
	width: 100%;
	border-bottom: 1px solid #333;
	background: url(../../grafik/portal-header.jpg) 100% 5px no-repeat #fff;
	color: #000;
	font-size: 1.1em;
}

#header #logo {
	width: 35em;
}

#content {
	float: left;
	width: 100%;
}

#maincontent {
	height: auto;
	margin: 2.5em 1.5em 0 17em;
	background-color: #fff;
	font-size: 1.1em;
  position:relative;
}

#readspeaker {
  position:absolute;
  right:0;
  top:0;
/* Wenn der Button weiter nach oben soll: */
/* top:-10px; zum Beispiel */
}

#index #maincontent {
	font-size: 1.2em;
	margin: 0 0 0 14.5em;
}

/* ##### Headernavigation + Suchfeld ##### */
#header #logo {
	float: left;
}

#header #headernavi {
	height: 7em;
	color: #eeeff0;
	background-color: transparent;
	float: right;
	margin: 0.6em 0 0 0;
}

* html #header #headernavi {
	margin: 0.6em 0 0 0;
	width: 35.5em;
}

#header #headernavi a span, p#breadcrumb span {
	visibility: hidden;
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#header #headernavi a {
	color: #fff;
	background-color: #7b7ba1;
	margin-top: 0;
	vertical-align: middle;
}

#header #headernavi a img {
	vertical-align: text-bottom;
}

#header #headersearch p {
	background-color: #7b7ba1;
	text-align: right;
}

#header #headersearch #portalsuche {
	width: 8.25em;
	height: 1.2em;
	background-color: #fff;
	color: #000;
	border: 1px solid #7b7ba1;
	margin-top: 1px;
	font-size: 1em;
}

#header #headersearch .suche_button {
	background-color: #7b7ba1;
	vertical-align: text-top;
	color: #fff;
}

/* ##### 3spaltiges Layout ##### */
#maincontent p#breadcrumb {
	text-align: right;
	padding-right: 1em;
	height: 1%;
}

p#breadcrumb a {
	font-weight: bold;
	color: #336;
}

p#breadcrumb span {
	visibility: hidden;
}

p.toplink {
	text-align: right;
	font-size: 0.9em;
}

#maincontent hr.top {
	margin: 0.5em 0;
	border: none;
	border-bottom: 1px solid #8d8d8d;
	height: 1px;
}

#maincontent .contentbox, #maincontent .contentbox_html {
	float: left;
	width: 100%;
	height: auto;
}

#maincontent .contentbox_none, #maincontent .contentbox_one,
	#maincontent .contentbox_two, #maincontent .contentbox_three {
	float: left;
	width: 100%;
	height: auto;
}

.contentbox_none {
	background-color: white;
	margin-top: 0em;
}

.contentbox_one {
	background-color: white;
	margin-top: 1em;
}

.contentbox_two {
	background-color: white;
	margin-top: 2em;
}

.contentbox_three {
	background-color: white;
	margin-top: 3em;
}

#maincontent .contentfooter, #maincontent .contentfooter_url {
	height: auto;
}

#maincontent a, #maincontent .contentbox_html a, .contentfooter a {
	color: #2f4abb;
	background-color: transparent;
}

#maincontent .icon_wrap {
	width: 100%;
	float: left;
}

#maincontent .icons {
	float: left;
}

#maincontent .icons a img {
	margin-bottom: 0.25em;
}

/* ##### contentbox_html (statische html-seiten) ##### */
.contentbox_html .first, .contentbox_html .second, .contentbox_html .second_white,
	.contentbox_html .third {
	float: left;
}

.contentbox_html .second, .contentbox_html .second_white {
	margin: 0em 0em 1.5em 12em;
	display: inline;
	width: 35em;
	background-color: #f5f5f5;
	border-bottom: 1px solid #b2b2b2;
}

.contentbox_html .second_white {
	margin-top: 2.5em;
	background-color: #fff;
	border: none;
}

.contentbox_html .second_white .right, .contentbox_html .second .right,
	.third .right {
	text-align: right;
}

.contentbox_html .second ul.sitemap li.g1 {
	list-style-image: url(../../grafik/g1.gif);
	font-size: 1.1em;
}

.contentbox_html .second ul.sitemap li {
	list-style-image: url(../../grafik/g2.gif);
	padding: 0 !important;
}

.contentbox_html .second ul.sitemap li ul.sitemap li {
	list-style-image: url(../../grafik/g3.gif);
}

.contentbox_html .second ul.sitemap li ul.sitemap li ul.sitemap li {
	list-style-image: url(../../grafik/g4.gif);
}

.contentbox_html .second ul.sitemap li.inside {
	margin-left: 2em;
}

.contentbox_html .second ul.orte, .contentbox_html .second ul.orte li
	/* ortsliste */ {
	list-style-type: none;
}

.contentbox_html .second ul.orte li {
	padding: 0em 0em 0em 4em;
}

.contentbox_html .second ul.orte li.sub {
	padding-left: 5.5em;
}

/* contentbox_mailman Mailinglistenformatierungen */
.contentbox_mailman {
	float: left;
	width: 100%;
	margin-bottom: 1em;
}

.contentbox_mailman .first {
	width: 16.5em;
	float: left;
	font-weight: bold;
}

.contentbox_mailman .second {
	float: left;
	width: 31.5em;
}

.contentbox_mailman .third {
	float: left;
	width: 16.5em;
}

.contentbox_mailman .second input {
	width: 99%;
	border: 1px solid #b2b2b2;
}

.contentbox_html .second h3 {
	text-align: right;
	color: #000;
	background-color: #eaeaea;
	border-top: 1px solid #b2b2b2;
	padding: 2em 1em 0em 0em;
}

.contentbox_html .second .toplink {
	padding-right: 1em;
}

/* ##### Inhaltliche Formatierung, soweit moeglich ##### */
.contentfooter b, .contentfooter_url b {
	font-weight: normal;
	margin: 0 1em;
}

div.first, div.second, div.third, div.fourth {
	float: left;
	margin-right: 1.5em;
	line-height: 1.4em;
}

dl.auflistung { /* float:left;
margin-bottom:0.75em; */
	clear: both;
	width: 100%;
}

dl.auflistung dt {
	float: left;
	margin-bottom: 0.5em;
}

dl.auflistung dt.right {
	text-align: right;
}

dl.auflistung dt.right span {
	color: #808080;
}

dl.auflistung dd {
	margin-bottom: 0.5em;
}

* html dl.auflistung dd {
	margin-bottom: 0.75em;
}

#maincontent ol, #maincontent ul {
	padding: 0.75em 0 0.75em 4em;
}

#maincontent ol li, #maincontent ul li {
	padding: 0.5em 0;
}

div.third ul, div.forth ul {
	padding: 1em 0em 0em 3.25em;
}

/* google-maps */
#maincontent #map ul, #maincontent #map h3, #maincontent #map ol li,
	#maincontent #map ul li {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

#maincontent #map ul {
	margin-left: 1em;
}

div.second h1, div.second_white h1 {
	font-size: 1.6em;
	line-height: 1.4em;
	margin-bottom: 0.3em;
	color: #7f202f;
}

div.forth {
	margin-right: 0.9375em;
}

/* div.auflistung
{width:100%;} */
div.left {
	font-weight: normal;
	text-align: left;
	color: #808080;
}

div.right {
	text-align: right;
	font-weight: normal;
	color: #808080;
}

div.center {
	text-align: center;
	font-weight: normal;
	color: #808080;
	background-color: transparent;
}

.grey {
	color: #808080;
	text-align: left;
}

blockquote {
	margin: 1.3em 0 0 4em;
}

hr.normal {
	width: 100%;
	height: 1px;
	border: none;
	border-bottom: 1px solid #8d8d8d;
	margin: 0em;
	padding: 0em;
	background-color: #fff;
}

html>body hr.normal {
	margin: 0.75em 0 0.75em 0;
	float: left;
}

html>body div.second hr.normal {
	margin: 0.75em 0;
}

hr.solid {
	border: none;
	border-bottom: 1px solid #b2b2b2;
	margin: 1.5em 0em 0em 0em;
	width: 100%;
	height: 1px;
	text-align: left;
	clear: both;
}

html>body hr.solid {
	padding: 3em 0em 0.5em 0em;
}

hr.dashed {
	clear: both;
	width: 100%;
	border: none;
	border-bottom: 1px dashed #b2b2b2;
	height: 1px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: left;
}

hr.hidden {
	clear: both;
	width: 100%;
	border: none;
	border-bottom: 1px hidden #b2b2b2;
	height: 1px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: left;
}

html>body hr.dashed {
	clear: both;
	width: 100%;
	border: none;
	border-bottom: 1px dashed #b2b2b2;
	height: 1px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: left;
}

html>body hr.hidden {
	clear: both;
	width: 100%;
	border: none;
	border-bottom: 1px hidden #b2b2b2;
	height: 1px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: left;
}

html> /**/ body hr.dashed {
	clear: both;
	width: 100%;
	border: none;
	border-bottom: 1px dashed #b2b2b2;
	height: 1px;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: left;
}

html> /**/ body hr.hidden {
	clear: both;
	width: 100%;
	border: none;
	border-bottom: 1px hidden #b2b2b2;
	height: 1px;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: left;
}

.contentfooter p, .contentfooter_url p {
	line-height: 1.5em;
	color: #808080;
	padding-left: 0.5em;
	background-color: #fff;
}

/* ##### Linkkatalog ##### */
#maincontent #linkkatalog {
	background-color: #f5f5f5;
	float: left;
	display: inline;
	width: 60em;
	margin: 1.4em 0em 1.5em 5.625em;
	border-bottom: 1px solid #b2b2b2;
}

#maincontent #linkkatalog #headbereich {
	background-color: #eaeaea;
	border-top: 1px solid #b2b2b2;
	text-align: right;
	clear: both;
}

#maincontent #linkkatalog #headbereich h2 {
	float: left;
	display: inline;
	color: #000;
	font-size: 1.1em;
	padding: 1em 0em 0em 1.5em;
}

#maincontent #linkkatalog #headbereich b a.help img {
	margin-bottom: 0.2em;
}

#maincontent #linkkatalog dl {
	margin: 1em 0;
	float: left;
	line-height: 1.5em;
	width: 100%;
	display: block;
}

#maincontent #linkkatalog dl dt {
	width: 37%;
	float: left;
	padding-right: 1em;
	text-align: right;
	font-weight: bold;
}

#maincontent #linkkatalog dl dd {
	width: 61%;
	float: right;
}

#maincontent #linkkatalog dl dd.hr {
	width: 100%;
}

#maincontent #linkkatalog dl dd hr {
	width: 100%;
	margin-left: 39%;
	text-align: right;
}

/* html > body #maincontent #linkkatalog dl dd hr
{margin-left:39%;
margin-right:0em;} */
html> /**/ body #maincontent #linkkatalog dl dd hr {
	float: right;
	width: 61%;
}

#maincontent #linkkatalog dl dd a.dd_sub {
	padding-left: 2em;
}

/* Footer */
#footer {
	clear: both;
	height: 15px;
	margin-bottom: 1.5em;
}

/* #maincontent > div p[style] {background-color:#ff0;} */

/* ##### DRUCKVORSCHAU id="print" ##### */
#print {
	background-image: none !important;
	background-color: #fff;
	color: #000;
	margin: 5px;
	padding: 5px;
}

#print #maincontent {
	width: 810px;
	margin: 0 auto;
	padding: 0 !important;
}

#print #maincontent .contentfooter p#optionen {
	display: none !important;
}

a[id]:target {
	background-color: #def !important;
}