body {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-image: url(bilder/bg.jpg);
	background-color: #6a2700;
	background-repeat: repeat-x;
	background-position: 0px0px;
	background-attachment: scroll;
	margin-top: 0px;
	margin-left: 0px;
	vertical-align: top;
}

/*box für oberes Bild jeder Seite*/
#obenbox {
	padding-left: 0px;
	margin-left: 0px;
	width: 100%;
	height: 127px;
	border: 0px;
	border-top: 0px;
	background-image: url(bilder/bg2n.jpg);
	background-repeat: no-repeat;
	background-position: -2px;
}

#obenbox2 {
	padding-left: 0px;
	width: 100%;
	height: 20px;
	border: 0px;
	background-color: #FEF8E6;
}


	
/*Horizontale Navigation*/
#navigation1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 20px;
	margin-left: 0px;
	padding-top: 5px;

}
#navigation1 ul {
	list-style: none;
	margin: 0px;
	padding: 0px;

}
#navigation1 li {
	display: inline; /*dadurch wird Menü waagerecht*/
}
#navigation1 a:link { 
	padding: 1px 10px 1px 10px; 
	color: #FFFFFF;
	text-decoration: none;
	border: 0px solid #711515;
}

#navigation1 a:visited { 
	padding: 1px 10px 1px 10px; 
	color: #FFFFFF;
	text-decoration: none;
	border: 0px solid #711515;
}

#navigation1 a:hover {
	padding: 1px 10px 1px 10px;
	color: #502300;
	background-color: #FFC770;
} /*Ende der horizontalen Navigation*/


/*Horizontale Navigation unten*/
#navigation3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 225px;
	margin-left: 0px;
	padding-top: 0px;
}
#navigation3 ul {
	list-style: none;
	margin: 0px;
	padding: 0px;

}
#navigation3 li {
	display: inline; /*dadurch wird Menü waagerecht*/
}
#navigation3 a:link {
	padding: 1px 10px 1px 10px;
	color: #003333;
	text-decoration: none;
	border: 0px solid #711515;
}

#navigation3 a:visited {
	padding: 1px 10px 1px 10px;
	color: #990000;
	text-decoration: none;
	border: 0px solid #711515;
}

#navigation3 a:hover {
	padding: 1px 10px 1px 10px;
	color: #FF3333;
	background-color: #CCCCCC;
} /*Ende der horizontalen Navigation*/


/*senkrechte Navigation*/

#navigation2 {   /* Container-Element - bei CSS-Layouts sollten noch Angaben zur Positionierung folgen*/
	width: 180px; /* Breite für Container-Element */
	font-family: Verdana, Arial, Helvetica, sans-serif;  /*Schriftfamilie  */
	font-size: 12px;
	padding-top: 15px;
	margin-top: 20px;
}
#navigation2 ul { /*Formatierung der Liste - übergeordnete Liste  */
	list-style: none;   /*Entfernung der Punkte in der Liste  */
	margin: 0px;  /*senkrechter Abstand des übergeordneten Menüs vom untergeordneten  */
	padding-left: 12px; /*waagerechte Einrückung  des übergeordneten Menüs gegenüber dem übergeordneten */
}

#navigation2 li {
	border-bottom: 0px solid #7D4B28; /*unterer Rand an übergeordnetem Menüfeld */
	border-top: 1px solid #7D4B28; /*obererer Rand an jedem Menüfeld */
	background-attachment: fixed;
	padding: 0px;
}

#navigation2 li a:link, #navigation2 li a:visited  {
	display: block; /*gesamte Fläche des Buttons wird farbig hinterlegt*/
	padding: 1px 1px 0px 3px;/*Abstand des Untermenüs nach oben, rechts, unten, links*/
	border-left: 0px solid #FEF8E6;/*farbiger Streifen links vor Untermenü- hier ohne Streifen*/
	/*border-right: 1px solid #D1AB87;farbiger Streifen rechts hinter Untermenü*/
	/*background-color: #C30404; Farbe für Fläche der Hauptnavigation festlegen*/
	/*color: #FFFFFF;*/
	text-decoration: none;
}
#navigation2 li a:hover {
	background-color: #9F1919;
	color: #FFFFFF;
	border-left: 0px solid #711515;
	border-right: 1px solid #711515;
}
#navigation2 ul ul {
	margin-left: 2px; /*rückt das Untermenü auf der linken Seite ein */
}
#navigation2 ul ul li {
	border-bottom: 1px solid #682702;
	margin:0px;
}
#navigation2 ul ul a:link, #navigation ul ul a:visited {
	/*background-color: #FFFFFF; Hintergrundfarbe für Untermenülinks*/
	color: #CCCCCC;
}
#navigation2 ul ul a:hover {
	color: #FFFFFF;
	background-color: #711515;
} /*Ende der senkrechten Navigation*/
#navigation4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(bilder/buergerservice.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 38px;
	width: 180px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 5px;
	margin-top: 10px;
}
#navigation4 li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #432700;
	list-style-type: none;
}
#navigation4 a href {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF99CC;
}





.text {  
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #612300; font-weight: normal
}

.textkl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #612300
}

a:link {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FEF8E6;
	text-decoration: none
}
a:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none
}

a:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFCC00;
	text-decoration: none
}

a:active {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none
}


/*Dunkle Navigation für Hauptseiten*/
.dunkellink a:link, .dunkellink a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #254701;
}

.dunkellink a:hover, .dunkellink a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #254701;
	text-decoration: none
}


/*Links für rechte Seite aktuelles*/
.aktuelllink a:link, .aktuelllink a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #fdf8ed;
	text-decoration: none;
}

.aktuelllink a:hover, .aktuelllink a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF9900;
	text-decoration: none;
}


.textklfett { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #330000; font-weight: bolder }

h1 {
  	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12pt; color: #FEF8E6; 		  
	text-align: center;
	margin-bottom: -1px;
	margin-top:20px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #502502;
	text-align: center;
	margin-bottom: 5px;
	font-weight: bold;
	border-bottom: 1px solid #502502;
	border-top: 1px solid #502502;
	
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #502502;
	text-align: center;
	margin-bottom: 5px;
	font-weight: bold;
	
}

.imgborder {
	border-style: double;
	border-color: #612300;
	margin-right: 4px;
	margin-left: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.leftimg {
	float: left;
	margin-right: 14px;
	margin-bottom: 5px;
	margin-top: 5px;
	border-style: double;
	border-color: #612300;
}

.rightimg {
	float: right;
	margin-left: 14px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	border-style: double;
	border-color: #612300;
}

.clear {
	clear: both;
}
	
.textfett { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #660000; font-weight: bold
}
.texthell { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; font-weight: normal }

.texthellfett {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold
}

.haupttabelle {
	color: #5A1F00;
	background-color: #FEF8E6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-color: #482900;
	border-style: ridge;
	border-width: thin;
	margin-top: 15px;
	margin-bottom: 6px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 10px;
	text-align: justify;
	width: 610px;
	line-height: normal;
}

.haupttabelle td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: text-top;
	text-align: left;
	padding-left:10px;/*Einrückung für Text auf der linken Seite in Haupttabelle */
	padding-top:8px;
	padding-bottom:8px;
	margin: auto;
}

.ortsteiltabelle {
	color: #5A1F00;
	background-color: #FEF8E6;
}

.ortsteiltabelle td {
	text-align: left;
	padding:0px;
	
}

.datentabelle tr:hover {
	background-color: #fee7a9;
	color:#401700;
	vertical-align: top;
	width: 545px;
	text-align: left;
	padding-left: 2px;
	padding-top: 0px;
}

.tab2 {
	color: #5A1F00;
	background-color: #FEF8E6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-color: #482900;
	border-style: ridge;
	border-width: 1px;
	width: 540px;
	line-height: normal;
	text-align: left;
	padding-left: 5px;
				
}

form {
	border: 1px dotted #AAAAAA;
	padding: 3px 6px 3px 6px;
}

input {
	color: #00008B;
	background-color: #ADD8E6;
	border: 1px solid #00008B;
}

select {
	width: 100px;
	color: #00008B;
	background-color: #ADD8E6;
	border: 1px solid #00008B;
}

textarea {
	width: 200px;
	height: 40px;
	color: #00008B;
	background-color: #ADD8E6;
	border: 1px solid #00008B;
}

twoColElsLt #container { 
    	width: 46 ems;  /* Mit dieser Breite wird ein Container erstellt, der in ein 800 Pixel breites Browserfenster passt, sofern für den Text die Standardschriftgröße des Browsers übernommen wird. */
    	background: #FFFFFF;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border: 1px solid #000000;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
} 

twoColElsLt #sidebar1 {
    	float: left; 
    	width: 12 ems; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	background: #EBEBEB; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    	padding: 15px 0; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum. */
    }
twoColElsLt #sidebar1 h3, .twoColElsLt #sidebar1 p {
    	margin-left: 10px; /* Für jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden. */
    	margin-right: 10px;
}

hr {
	width: 100%;
	color: #5A1F00;
	background-color: #5A1F00;
	height: 1px;
	border: none;
	text-align: center;
}

ul.impressum {
	list-style-type: none;
	padding-left: 140px;
}

