html, body {
	margin:0;
	padding:0;
	height:100%;
}

body {
	background-color:#d1d1d1;/*#dddddd*/
	/*background: #ffffff;*/
	font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif;
	/*font-family: verdana, arial, helvetica, sans-serif;*/
	font-size: 90%;
}

/* bilder ohne rand per default */
img {
	border: none;
}

#breadcrumbs {
	background:#CBE4CE;/*#ECF9EA;*//*#DADADA;*/
}

#breadcrumbs a {
	color:#555555;/*#5DAB65;*//*#B72109;*//*#5790AF;*//*#CD1709;*/
	text-decoration:none;
}

#breadcrumbs a:hover, #breadcrumbs a:focus {
	color:#000000;
	text-decoration:underline;
}

#container {
	position:relative;
	padding:0;
	margin:0;
	width:auto;
	width: 100% !important;
	min-width: 50em;
	min-height:100%; /* For Modern Browsers */
	height:auto !important;     /* For Modern Browsers */
	height: 100%;    /* For IE */
}

#maincontainer {
	width: auto;
	/*min-width: 20em;*/
	margin-left: 20%;
/*	padding-right: 1em;
	padding-top:1em;
	padding-bottom:1em;*/
	padding: 1em;
	padding-right: 0;
	padding-top:0;
	/*text-align: justify;*/
	background-color:#ffffff;
	min-height:100%; /* For Modern Browsers */
	height:auto !important;     /* For Modern Browsers */
	height: 100%;    /* For IE */
	z-index:90;
	/*border-left: 0.1em solid #B72109;*/
}

#content {
	margin:1em;
	margin-right: 15em;
}

#content h1 {
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	/*padding-left: 0.3em;
	padding-right:0.3em;*/
	/*background-color: #5790AF;*/
	font-size: 1.4em;
	color:#000000;/*#5DAB65;*//*#ffffff;*/
	border-bottom: 1px solid #B92E17;
}

#content h2 {
	font-size: 1.2em;
	padding-top: 0.2em;
	color:#8BA598;
}

#content a, #content a:link {
	text-decoration:underline;
	color:#c00800;
	/****background:#ffeeee;*****/
	/*border-bottom:1px dashed #000000;*/
}

#content a:visited {
	/*border-bottom:1px dotted #000000;*/
}

#content a:hover, #content a:focus {
	background:#ffeeee;/*#ffcccc;*/
	color:#330000;/*#c00800;*/
}

#content a:hover img, #content a:focus img {
	background:#ffffff;
	/*border:1px solid black;*/
}

#header {
	background-color:#ffffff;
	height: 6em;
	width:auto;
}

#infos {
	float:right;
	width:15em;
	font-size:0.8em;
	padding-left:0.5em;
	margin-top:0.4em;
	border-left:1px dotted #626866;
}

#infos h1, #infos h2, #infos h3 {
	color:#B92E17;/*#5790AF;*//*#8BA598;*/
	font-size: 1.2em;
	margin:0;
	padding-top:0.2em;
	padding-bottom:0;
}

#infos a, #infos a:link {
	text-decoration:none;
	color:#5790AF;/*#8BA598;*//*#5790AF;*//*#8BA598;*/
}

#infos a:hover, #infos a:focus {
	text-decoration:underline;
	color:#000000;
}

#infos p {
	margin:0;
	padding-top:0.1em;
	padding-bottom:0.1em;
}

#sprachauswahl h1 {
	color:#ffffff;
	/*background-color: #0000ff;*/
}

#sprachauswahl ul {
	/*background-color:#eeeeee;*/
	padding:0;
	margin:0;
	text-align:center;
}

#sprachauswahl img {
	border:none;
	width: 4.5em;
}

#sprachauswahl a img {
	border:1px solid #ffffff;
}

#sprachauswahl a:hover img {
	border: 1px solid #000000;
}

#navigation {
	float:left;
	width:20%;
	margin:0;
	/*margin-top:0.1em;*/ /* damit es mit rechter Seite übereinstimmt */
	/*max-width:30%;*/	
	background-color:#B72109;/*#dddddd*/
	padding-bottom:1px;
	/*clear:both;*/
	z-index:1;
}

#navigation h1 {
	/*border-bottom: 0.1em #c00800 solid;*/
	padding: 0.2em;
	background-color: #d1d1d1;
	font-weight: normal;
	margin-top: 2em;
	margin-bottom: 0;
}

/* navigation Ebene 1 */
#navigation ul {
	margin:0;
	/*margin-top: 1em;*/
	padding:0;
	list-style:none;
	border-top: 1px solid #B72109;/*#E3A29A;*/
	width:100%;
}

#navigation ul li {
	/*margin:0.2em;*/
	padding:0;
	background-color:#dddddd;/*#C00E02;*//*#c00800;*/
}

/*
#navigation ul li a {
	color:#000000;
}*/

/*
#navigation ul li:hover, #navigation ul li:focus {
	background:#f03830;
}
*/
/* unausgewaehlter menuepunkt */
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited {
    color:#000000;
	display:block;
	height:1em; /* IE macht rollover sonst nur ueber dem Text */
	padding-left:1em;
	padding-right:1em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	/*color:#000000;*//*#c00800;*/
	text-decoration:none;
	background:#dddddd;
	border-bottom: 1px solid #aaaaaa;/*#E3A29A;*/
}

/* workarround für oben eingefügtes heigh: 1em für IE
   Muss jetzt wieder für andere Browser rückgängig
   gemacht werden
 */
html>body #navigation ul a:link, html>body #navigation ul a:visited {
	height:auto;
}

/* ausgewählter menuepunkt */
#navigation ul li.aktiv a, navigation ul li.aktiv a:link, navigation ul li.aktiv a:visited {
	/*color:#8BA598;*/
	color:#B72109;
	font-weight: bold;
}

/* rollover effekt */
#navigation ul li a:hover, #navigation ul li a:focus {
	background:#555555;/*#d1d1d1;*//*#B5D0DF;*//*#B5D0DF;*/
	color:#ffffff;
	/*border-bottom: 1px solid #ffffff;*/
}

/* 2. Ebene der Navigation */

#navigation ul li ul {
	/*border: 1px solid #000000;*/
	border-bottom: 1px solid #aaaaaa;/*#E3A29A;*/
	border-top: none;
}

/* unausgewaehlter Menuepunkt */
#navigation ul li ul li a,
#navigation ul li ul li a:link,
#navigation ul li ul li a:visited,
#navigation ul li.aktiv ul li a,
#navigation ul li.aktiv ul li a:link,
#navigation ul li.aktiv ul li a:visited  {
	background:#dddddd;/*#dddddd*/
	color:#444444;
	padding-left: 2em;
	padding-right: 1em;
	font-size: 0.9em;
	border:none;
	font-weight: normal;
}

/* ausgewaehlter Menuepunkt Ebene 2 */
#navigation ul li ul li.aktiv a,
#navigation ul li ul li.aktiv a:link,
#navigation ul li ul li.aktiv a:visited,
#navigation ul li.aktiv ul li.aktiv a,
#navigation ul li.aktiv ul li.aktiv a:link,
#navigation ul li.aktiv ul li.aktiv a:visited  {
	color:#B72109;
	font-weight: bold;
}

#navigation ul li ul li a:hover,
#navigation ul li ul li a:focus,
#navigation ul li.aktiv ul li a:hover,
#navigation ul li.aktiv ul li a:focus,
#navigation ul li ul li.aktiv a:hover,
#navigation ul li ul li.aktiv a:focus,
#navigation ul li.aktiv ul li.aktiv a:hover,
#navigation ul li.aktiv ul li.aktiv a:focus {
	background:#555555;/*#d1d1d1;*//*#B5D0DF;*/	
	color:#ffffff;
}

/*
#navigation ul li ul li.aktiv a, #navigation ul li ul li.aktiv a:link, #navigation ul li ul li.aktiv a:visited {
	color:#B72109;
	font-weight:bold;
}*/

/* 3. Ebene der Navigation */

/* unausgewaehlter Menuepunkt Ebene 3 */
#navigation ul li ul li ul li a,
#navigation ul li ul li ul li a:link,
#navigation ul li ul li ul li a:visited ,
#navigation ul li.aktiv ul li ul li a,
#navigation ul li.aktiv ul li ul li a:link,
#navigation ul li.aktiv ul li ul li a:visited ,
#navigation ul li.aktiv ul li.aktiv ul li a,
#navigation ul li.aktiv ul li.aktiv ul li a:link,
#navigation ul li.aktiv ul li.aktiv ul li a:visited {
	font-weight: normal;
	background:#dddddd;/*#dddddd*/
	color:#444444;
	padding-left: 3em;
	padding-right: 1em;
	font-size: 0.8em;
	border:none;
}

/* ausgewaehlter Menuepunkt Ebene 3 */
#navigation ul li ul li ul li.aktiv a,
#navigation ul li ul li ul li.aktiv a:link,
#navigation ul li ul li ul li.aktiv a:visited ,
#navigation ul li.aktiv ul li ul li.aktiv a,
#navigation ul li.aktiv ul li ul li.aktiv a:link,
#navigation ul li.aktiv ul li ul li.aktiv a:visited ,
#navigation ul li.aktiv ul li.aktiv ul li.aktiv a,
#navigation ul li.aktiv ul li.aktiv ul li.aktiv a:link,
#navigation ul li.aktiv ul li.aktiv ul li.aktiv a:visited {
	color:#B72109;
	font-weight: bold;
}

/* rollover Menuepunkt Ebene 3 */
#navigation ul li ul li ul li a:hover,
#navigation ul li ul li ul li a:focus ,
#navigation ul li.aktiv ul li ul li a:hover,
#navigation ul li.aktiv ul li ul li a:focus ,
#navigation ul li.aktiv ul li.aktiv ul li a:hover,
#navigation ul li.aktiv ul li.aktiv ul li a:focus,
#navigation ul li ul li ul li.aktiv a:hover,
#navigation ul li ul li ul li.aktiv a:focus ,
#navigation ul li.aktiv ul li ul li.aktiv a:hover,
#navigation ul li.aktiv ul li ul li.aktiv a:focus ,
#navigation ul li.aktiv ul li.aktiv ul li.aktiv a:hover,
#navigation ul li.aktiv ul li.aktiv ul li.aktiv a:focus
 {
	background:#555555;/*#d1d1d1;*//*#B5D0DF;*/	
	color:#ffffff;
}

#navigation ul.kontakte {
	margin:0;
	padding:0;
	list-style:none;
	/*border: 0.1em solid #c00800;*/
}

#navigation ul.kontakte li a, #navigation ul.kontakte li a:link, #navigation ul.kontakte li a:visited {
	margin:0;
	padding:0;
	background-color: transparent;
	border: 1px solid #999999;
}

#navigation ul.kontakte li a:hover, #navigation ul.kontakte li a:focus {
	margin:0;
	padding:0;
	border: 1px solid #444444;
}

#navigation ul.kontakte li {
	margin-bottom:0.1em;
	padding:0;
	background:transparent;
}

#navigation ul.kontakte img {
	width: 100%;
	border: none;	
}

/* styles fuer formulare */

input:hover {
	background: #dddddd;
}

input:focus {
	background: #cccccc;
}
 
#content input, 
#content select, 
#content textarea {
	background: #eeeeee;
	border: 1px solid #555555;
}

#content input:hover , 
#content select option:hover, 
#content textarea:hover {
	background: #dddddd;
}

#content label:hover, 
#content label:focus,
#content input:focus,
#content select option:focus, 
#content textarea:focus {
	background: #cccccc;
}

#content fieldset {
	background: #dddddd;
	border: 1px solid #555555;
}

#content legend {
	border: 1px solid #555555;
	background-color: #eeeeee;
	padding: 0.1em;
	letter-spacing:0.1em;
}

.csc-mailform-field,
.tx-indexedsearch-form,
.tx-indexedsearch-search-submit {
	padding: 0.4em;
}

#logoImage {
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	background-color: #F6C3C2;
}

/* Leiste für die Seitennavigation */

#seitennavigation {
	position:absolute;
	/*right: 0;*/
	top: 0;
	left:0;
	width:6em;
	padding:0;
	margin:0;
	color: #ffffff;
}

#seitennavigation ul {
	margin:0;
	padding:0;
}

#seitennavigation li {
	list-style:none;
	display:inline;
	margin-left:1em;
}

#seitennnavigation li a, #seitennavigation li a:link, #seitennavigation li a:visited {
    position:absolute;
    z-index: 10;
    padding-left:0.1em;
    padding-right:0.1em;
    top:-1000px;
    right:0px;
    color: #ffffff;
	background-color:#B72109;
    text-decoration: none;
    border: 1px solid #000000;
}

#seitennavigation li a:hover, #seitennavigation li a:focus, #seitennavigation li a:active {
	z-index: 100;
	top:0px;
	left:0px;
} 


#schnelleiste {
	list-style: none;
	width:auto;
	background-color: #5DAB65;/*#5790AF;*/
	margin:0;
	padding:0;
	color: #ffffff;
	text-align:right;
}

#schnelleiste h1 {
	font-size: 1em;
	padding:0.1em;
	margin:0;
}

#schnelleiste ul {
	margin:0;
	padding:0.1em;

	display:inline;
	margin-left: 1em;
	margin-right: 0.3em;
	
}

#schnelleiste li {
	display:inline;
}

#schnelleiste a, #schnelleiste a:link, #schnelleiste a:visited {
	color: #ffffff;
	font-weight:bold;
	/*background: #5790AF;*/
	text-decoration: none;
	/*margin:0.2em;
	padding: 0.3em;*/
	padding-left:0.1em;
	padding-right:0.1em;

}
  
#schnelleiste a.wichtig, #schnelleiste a.wichtig:link, #schnelleiste a.wichtig:visited {
	color: #ffffaa;
}
  
#schnelleiste a:hover, #schnelleiste a:focus {
	color: #000000;
}

#schnelleiste a.wichtig:hover, #schnelleiste a.wichtig:focus {
	color: #000000;
}

#stadtinfo {
	position: absolute;
	right:0;
	top:0;
	z-index:5;
	font-size:0.8em;
	color:#8BA598;
	list-style:none;
	line-height:1.3em;
	background-color:#ffffff;
	/*padding:0.5em;*/
	-moz-opacity:0.8;
	filter:Alpha(opacity=90, finishopacity=0, style=0);
}

#stadtinfo a {
	text-decoration:none;
	color:#8BA598;
}

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

#suche {
	margin-top:1.2em;
	background-color:#d1d1d1;/*#ffffff;*/
	text-align: right;
	color:#000000;
	margin-bottom: 0;
	margin-right:0;
	margin-left:0;
}

#suche a {
	color:#000000;
	text-decoration:none;
}

#suche a:hover, #suche a:focus {
	color:#888888;
}

#suche fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

/* logos im header */

#gbrlogo {
	position: absolute;
	left:0;
	top:0;
	height: 6em;
	padding: 0;
	margin: 0;
	border: 0;
	z-index:20;
	-moz-opacity:0.8;
	filter:Alpha(opacity=90, finishopacity=0, style=0);
}

#headerbild {
	position: absolute;
	right:0;
	top:0;
	z-index:0;
	height:6em;
	/*background-color:#ffffff;*/
}

/* footer */

#footer {
	vertical-align: middle;
	padding: 0.5em;
	clear: both;
	background-color: #F8E7ED;
	border-top: 1px solid #FABFC1;
}

#footer img {
	height:3em;
	border:none;
}

#footer h1.kontakt {
	display:inline;
	font-size: 1em;
}

#footer a {
	color:#c00800;
	text-decoration:none;
	border-bottom: 1px dashed #555555;
}

#footer a:hover, #footer a:focus {
	color:#000000;
	border-bottom: 1px solid #c00800;
}

/* Elemente dieser Klasse werden nicht angezeigt */
/* Auch die Captions von Datentabelle2 werden nicht angezeigt */
.hidden, .screen_hidden, #path li span, #content table.datentabelle2 caption {
	position:absolute;
	left: -1000px;
	top: -1000px;
	width:0px;
	height:0px; 
}