* {
	margin: 0;
	padding: 0;
}
.blau {
color:#000066;
}
.rot {
color:#cc0000;
}

#container{
margin:0 auto;
width:900px;
text-align:left;
background-color:#ffffff;
height:100%;
}

body {
margin: 0;
font:normal 12px verdana;
text-align:center;
background-color:#DDDDeB;
}

a:visited{
color:#C0C0C0;
text-decoration:underline;
}

a:link {
color:#C0C0C0;
text-decoration:underline;
}

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

#feld a:visited{
color:#000000;
text-decoration:underline;
}

#feld a:link {
color:#000000;
text-decoration:underline;
}

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


#head {
background:#ffffff;
width:880px;
height:110px;
text-align:right;
padding:10px 10px 0 10px;
}
#nav {
text-align:center;
width:900px;
background:#333333;
height:20px;
margin:0 0 15px 0px;
}

#navigation {
margin:0 0 20px 180px;
}
#navigation ul {
list-style: none;
}
#navigation li {
height: 20px;
display:inline;
float:left;
}

#navigation a {
text-decoration:none;
float:left;
}
#navigation .inactive {
display:block;
color: #ffffff;
background:#333333;
font: normal 11px verdana;
height:15px;
padding:2px 10px;
border-left:solid 1px #ffffff;
}
#navigation .active {
background:#336699;
display:block;
color: #ffffff;
font: normal 11px verdana;
height:15px;
padding:2px 10px;
border-left:solid 1px #ffffff;
}

#navigation a:hover{
color: #ffffff;
background:#cc0000;
}

#left {
width:180px;
background:#336699;
float:left;
text-align:left;
height:100%;
color:#c0c0c0;
}

#left p {
margin:10px;}

#left ul {
list-style:none;
margin:0;
padding:0;
}
#left li {
border-top:solid 1px #808080;
height:20px;
}
#left li a:hover {
background:#cc0000;
}
#left .inactive1 {
display:block;
text-decoration:none;
color: #000000;
background:#C0C0C0;
font: bold 11px verdana;
padding:5px 10px;
}
#left .active1 {
display:block;
text-decoration:none;
color: #000000;
background:#cc0000;
font: bold 11px verdana;
padding:5px 10px;
}

#middle {
width:540px;
background:#ffffff;
float:left;
font: normal 12px verdana;
padding:0;
margin:0;
height:100%;
}

#right {
width:180px;
background:#336699;
color: #000000;
float:right;
font: normal 11px verdana;
height:100%;
}

#right p, #right h1, #right h2 {
padding:10px;
color: #333333;
line-height:150%;
}

#right h2 {
font: bold 18px verdana;
}

.icon {
margin:0px 10px 0px 10px;
width:20px;
height:20px;
}

#bild {
width:540px;
background:#00005E;
color: #ffffff;
}

#feld {
width:540px;
background:#ffffff;
color: #000066;
}

#feld p {
padding:10px;
font: normal 12px verdana;
line-height:150%;
}

#feld h1 {
padding:10px;
font:bold 18px verdana;
line-height:150%;
}

#feld h2 {
padding:10px;
font:bold 14px verdana;
line-height:150%;
}

#feld h3 {
padding:10px;
font:bold 12px verdana;
line-height:150%;
}

#feld ul, #feld li {
margin-left: 2em;
list-style-type:square;
line-height:180%;
}

.li-pdf {
list-style-image: url(../images/pdf.gif);
margin-left: 2em;
list-style-type:square;
line-height:180%;
}

.pfeil {
margin:0 200px;
}

#logo {
width:450px;
height:110px;
background:url(../images/logo.jpg) no-repeat;
float:left;
text-align:left;
}

#logo h3 {
font:bold 16px verdana;
}

.mittig {
text-align:center;
}

.map a {
color:#003399;
}
.map a:visited {
color:#000099;
}
.map a:hover{
color:#cc0000;
}
.pop {
	padding: 10px;
}

a.klein:link{
color: #cc0000;
text-decoration:underline;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align:right;
background: url(../images/link.gif);
background-repeat: no-repeat;
background-position: right;
padding-right:20px;}

a.klein:visited{
color: #0066FF;
text-decoration:underline;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align:right;
background: url(../images/link.gif);
background-repeat: no-repeat;
background-position: right;
padding-right:20px; }

a.klein:hover{
color: #000000;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align:right;
background: url(../images/link.gif);
background-repeat: no-repeat;
background-position: right;
padding-right:20px; }




label {
 text-align: right; 
 padding-right: 1em; 
}

label { 
display: block;
  float: left;
  width: 100px;
  }

input, select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 150px; /* Breite.*/
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input#submit { /* den Submit-Button */
  float: none;
  width: auto;
 margin-left:10px;
}