/* CSS Document */


html {height:100%;}

  body {
	color: black;
	margin: 0px;
	padding: 0px;
	font-family: Arial,Verdana,sans-serif;
    background-image: url(images/hg.gif);
	margin: 0;
	padding: 0;
    min-height:100%;
  }
#komplett  {
    min-height:100%;
	margin: 0px;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #008;
	border-left-color: #008;
	background-color: #D6DCEF;
	padding: 0px;
	top: 0px;

}




  h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #008;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 0;
	margin-bottom: 0;
  }
a.h1 {
	text-decoration:none;
	color: #008;
	font-size: 0.8em;

}
a.h1:hover{
	font-size: 0.8em;
	color: #000;
}
a.h1:visited {
	font-size: 0.8em;
	color: #008;

}

  html>body h1 {
    border-color: Navy;  /* Farbangleichung an den Internet Explorer  */
  }
  
 /*überschrift der Boxen*/ 
  h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #008;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 0;
	margin-bottom: 0;
  }
   /*überschriften in den Boxen*/ 
  h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #008;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 0;
	margin-bottom: 0;
  }
/*
  div#Info {
    font-size: 0.9em;
    float: right; width: 12em;
    margin: 0 0 1.1em; padding: 0;
    background-color: #eee; border: 1px dashed silver;
  }
  
  */
  /*Kopfbereich*/
#Kopfbereich {
	clear: both;
	background-image: url(images/navi/kopf_rep.jpg);
	background-repeat: repeat-x;
	z-index: 1;
	margin: 0;
	padding: 0;

	top: 0px;
  }
#kopf  {
	background-image: url(images/navi/kopf.jpg);
	z-index: 2;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: left;
	height: 138px;
  }
#kopfinhalt  {

	float: right;
	width: 12em;
	margin: 0px;
	padding: 0;
	z-index: 3;
	margin: 0;
	padding: 0;
  }

  /*Hauptnavigation*/
#hnbereich {
	margin: 0px;
	padding: 0px;
	background-image: url(images/navi/hg_hn.jpg);
	background-repeat: repeat;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	font-size: 90%;
	font-weight: bold;
	color: #FFFFFF;

  }  
#hn  {
	margin: 0;
	padding: 0;
	z-index: 3;
	height: 31px;

  }
    /*servicebereich*/
#servicebereich {
	height: 53px;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	z-index: 2;
	background-image: url(images/navi/hg_service.jpg);
	background-repeat: repeat;

  }  
#service  {
	font-size: 0.8em;
	height: 53px;
	z-index: 3;
	margin: 0;
	padding: 0;
	background-image: url(images/navi/hg_service.jpg);
	background-repeat: no-repeat;

  }
.head  {

	z-index: 3;
	margin: 0;
	padding: 0;
	background-image: url(images/navi/hg_service_head.jpg);
	background-repeat: no-repeat;
	height: 53px;
	width: 300px;
	float: left;

  }
.headtext {
	font-size: 17px;
	margin: 0 0 0.5em;
	padding: 0.5em;
	text-align: left;
	text-indent: 5pt;
	font-weight: bold;
	color: #FFFFFF;


  }
  
#buttons  {
	font-size: 0.7em;
	z-index: 3;
	margin: 0;
	padding: 0;
	text-align: right;
	height: 53px;
	float: right;
	right: 0px;
  }
  
  
  
/*inhaltsbereich*/
#wrapper  {
	min-height:100%;
	background-color: #D6DCEF;
	padding: 8px;


  }
/* Container, für den linken Bereich */ 
#Subnavigation {
	padding: 0px;
	width: 214px;
	background-image: url(images/rundeckened/weis_hg.jpg);
	float: left;
	margin-bottom: 8px;


  }
  /*
  ul#Subnavigation li {
    list-style: none;
    margin: 0; padding: 0.5em;
  }
  ul#Subnavigation a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
  }
  ul#Subnavigation a:link {
    color: black; background-color: #eee;
  }
  ul#Subnavigation a:visited {
    color: #666; background-color: #eee;
  }
  ul#Subnavigation a:hover {
    color: black; background-color: white;
  }
  ul#Subnavigation a:active {
    color: white; background-color: gray;
  }
  */
 
/* Container, für den rechten Bereich */
#Info {

	width: 214px;
	background-image: url(images/rundeckened/weis_hg.jpg);
	float: right;
  }

 
  
  /* 
  div#Info h2 {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
  }
  div#Info p {
    font-size: 1em;
    margin: 0.5em;
  }
*/

/* Container, der die Inhalte enthält */
#Inhalt {
	padding: 0px;
	background-image: url(images/rundeckened/weis_hg_li.jpg);
	background-repeat: repeat-y;
	margin: 0px 225px 8px;
	min-height:100%;

  }
  

#box_hgline_rechts {
	margin: 0px;
	padding: 0px;
	background-image: url(images/rundeckened/weis_hg_re.jpg);
	background-repeat: repeat-y;
	background-position: right;

  }/*
  * html div#Inhalt {
    height:  100%;   Workaround gegen den 3-Pixel-Bug des Internet Explorers 
  }
  */
  /*
  div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }
*/
#Fusszeile {
	clear: both;
	margin: 0;
	padding: 0.1em;

	background-color: #ffffff;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #008;
	border-bottom-color: #008;
	
  }
a.textfusszeile {
	text-decoration:none;
	color: #008;
	clear: both;
	font-size: 0.8em;

}
a.textfusszeile:hover{
	font-size: 0.8em;
	color: #000;
	clear: both;
}
a.textfusszeile:visited {
	font-size: 0.8em;
	clear: both;
	color: #000;

}



/*boxen aussen*/
.hgline_oben{
	background: url(images/rundeckened/balken_oben.jpg);
	width: 214px;
	height: 36px;
	z-index: 99;
	top: 0px;
	}
.hgline_mitte{
	background: url(/images/rundeckened/weis_balken_mitte.jpg);
	width: 214px;
	height: 24px;
	z-index: 99;
	clear: right;
	}
.hgline_unten{
    background: url(images/rundeckened/weis_balken_unten.jpg);
	width: 214px;
	height: 24px;
	z-index: 99;

	}
/*box inhalt*/
.hgline_oben_mittefest{
	background: url(images/rundeckened/weissbalken_halb_oben.gif) no-repeat;
	height: 36px;
	z-index: 99;
	}

.hgline_unten_mittefest{
    background: url(images/rundeckened/weissbalken_halb_unten.gif) no-repeat;
	height: 24px;
	z-index: 98;
	}	
.hgline_rechts{
	background: url(images/rundeckened/weis_hg_re.jpg) repeat-y right;
	z-index: 1;
	height: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	padding: 0px;

	}
	
.hgrund_rechts{
	background: url(images/rundeckened/weis_balken_oben_re.jpg) no-repeat;
	width: 14px;
	z-index: 98;
	height: 36px;
	float: right;
	top: 0px;
	right: 0px;
	margin: 0;
	padding: 0;
	clear: none;
	ma\rgin-left: -3px;

	}
	
.hgrund_rechts_unten{
	background: url(images/rundeckened/weis_balken_unten_re.jpg) no-repeat;
	width: 14px;
	height: 24px;
	z-index: 99;
	margin: 0;
	padding: 0px;
	float: right;
	right: 0px;
	bottom: 0px;
	ma\rgin-left: -3px;
	}
/*kopfblock*/
#finder {
	margin-top: 0px;
	padding-top: 10px;

	position: absolute;
	width: 350px;
	left: 340px;
	text-align: right;
	top: 0px;
	}
#suche {
	margin-top: 0px;
	padding-top: 10px;
	float: right;
	position: absolute;
	left: 701px;
	top: 0px;
	}

.zurueckseite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin-left: 1em;
	color: #008;
	
}
a.zurueckseite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin-left: 1em;
	color: #008;
}
a.zurstartseite:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin: 0;
	color: #FFFFFF;
}
a.zurstartseite:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin: 0;
	color: #FFFFFF;
}
a.zurstartseite:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin: 0;
	color: #FFFFFF;
}	
	
/*navtest*/

	  
#list6 ul{
	list-style:none;
	margin: 0;
	padding: 0;
	height: 31px;
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;

}
* html ul#list6 {  /* Korrekturen fuer IE 5.x */
    width: 100%;
    w\idth: 100%;
    padding-left: 0;

  }
#list6 li{
	float:left;
	list-style:none;
	margin: 0px;
	padding: 0px;
	list-style-position: inline;
	line-height: 23px;
}

#list6 a{
	padding:4px;
	white-space: nowrap;
	display:block;
	text-decoration:none;
	background-image:url(images/navi/hg_hn.jpg);
	text-align:center;
	color: #FFFFFF;

}

#list6 a:hover{
	background-image:url(images/navi/navi_on_hg.jpg);
	white-space: nowrap;
	color: #333399;

}
/*subnavitest*/
ul, li 
{
	margin: 		0;
	padding: 		0;

}

ul#menue {
	width: 			214px;
	margin: 		0;
	list-style-type: none;
	
}

ul#menue li a 
{
	margin: 		2px 0;
	height: 		20px;
	line-height: 	20px;
	text-align: 	left;
	display:		block;
	color:			#000;
	text-decoration:none;
	text-indent: 20px;

}

#menue a:hover
{
	margin: 		2px 0;
	height: 		20px;
	line-height: 	20px;
	text-align: 	left;
	display:		block;
	color:			#000;
	text-decoration:none;
	text-indent: 20px;
}


a.subhead { 
	background: 	url(images/navi/subnavi/ul.jpg) repeat-x;
	color: #fff !important;
	font-size: 0.8em;
	}

a.subhead:hover { 
	background: 	url(images/navi/subnavi/ul_on.jpg) repeat-x;
	color: #fff !important;	
	font-size: 0.8em;
	}

a.subanfang { 
	background: 	url(images/navi/subnavi/li_anfang.jpg) repeat-x;
	color: #000 !important;
	font-size: 0.8em;
	}
	
a.subende { 
	background: 	url(images/navi/subnavi/li_ende.jpg) repeat-x;
	color: #000 !important;
	font-size: 0.8em;
	}

a.submitte { 
	background: 	url(images/navi/subnavi/li.jpg) repeat-x;
	color: #000 !important;
	font-size: 0.8em;
	}


ul#menue li a + ul.submenue{
	display:		none;

}

ul#menue li a:focus + ul.submenue {
	display:		block;
	color:			#fff;
}


ul#submenue1a li a, ul#submenue2a li a, ul#submenue3a li a, ul#submenue4a li a{
	background:		url(images/navi/subnavi/li_anfang.jpg) repeat-x; /* IE */
}




/*text*/
p.fliesstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	margin-left: 1em;
	margin-right: 1em;
}

a.fliesstext:link {
	font-family: Arial, Helvetica, sans-serif;
    color: #333399;
}
a.fliesstext:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #333399;
}
a.fliesstext:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}




a:link {
	font-family: Arial, Helvetica, sans-serif;
    color: #333399;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #333399;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}




table
{
	margin: 5px;
	padding: 5px;
	}
	
td {
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
		font-size:80%;
	}

th {
	font-family: Arial, Helvetica, sans-serif;
	color: #008;
		
	}

	
#stadtrat {

	width: 450px;
	float: left;
  }


/*Titel zb: bei Verwaltungsgliederung (Ansprechpartner usw.)*/
.titel {
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	color: #008;
	font-weight: bold;
	margin-left: 1em;


}
/*Titel zb: bei Verwaltungsgliederung (Name, tel. usw.)*/
.titeltext {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 1em;
	font-size:80%;
}
.titeltextbig {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;


}
/*
.verwaltung {
	padding: 100px;
	margin-left: 400px ;
  }
*/


/*überschrift in der Box
.headbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0,9em;
	font-weight: bold;
	color: #008;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 0;
	margin-bottom: 0;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #008;
}*/


.formbuttons {
	font-size: 0,7;
	background-color: #008;
	color: #FFFFFF;
	margin-left: 1em;
	margin-right: 1em;
}

.formtextfeld {
	font-size: 0,7;
	background-color: #fff;
	color: #008;
	margin-left: 1em;
	margin-right: 1em;
}

.formbuttonsweiss {
	font-size: 0,7;
	background-color: #fff;
	color: #008;
	margin:0;

}
/* --( Bilder )------------------------------------------------ */


#Inhalt img {
	margin-left: 1em;
	margin-right: 1em;
	padding: 2px;
	z-index: 10; 
	float: right;
}
#Inhalt li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	margin-left: 2em;
	margin-right: 2em;
}
#Inhalt img.center {
	float: none; text-align: center;
}

#Inhalt img.links {
	margin-left: 1em;
	margin-right: 1em;
	padding: 2px;
	z-index: 10; 
	float: left;
}

#Info img.center {
	float: none; text-align: center;
}
.clear {clear: left;}

.floataus {
clear:right;
}

#Inhalt p.center{
	float: none; text-align: center;
}

#Inhalt p{
	margin-left: 1em;
	margin-right: 1em;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
}
/*---Formulare formatieren---

 input, select, textarea, file
   { font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
 input, select, textarea, file
   { color:#0000CC; }
 .Feld
   { width:300px; border:1px solid #DDDDDD; margin-left: 0,5em}
 .Auswahl
   { border:1px solid #DDDDDD; }
 .Check, .Radio
   { border:1px solid #DDDDDD; }
*/
/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	text-align: left;
}

.story p{
	padding: 0px 0px 10px 0px;
}

.story img{
	margin: 0px;
	padding: 0px;

	float: left;
	margin-right: 9px;

}
.storyartikel{
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-top: 10px;
	width: auto;
}
.block{
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-top: 10px;
	width: auto;
	float: none;
	clear: inherit;
}
.galerie{
	width: 140px;
	float: left;
	height: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;

}
.unsichtbar{
	display: none;
}