body, table, td, p {
	font-family: Verdana, Helvetica, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	}
	
body {
     background-image: url(../bilder/hintergrund_body.jpg);
     background-repeat: repeat-x;
     background-color: #ffffff;
     margin-top: 0px;
}

#container {
            text-align : left ;
            margin : 0 auto ;
            width : 780px ;
            position: relative;
           
}

#kopfzeile {
           width: 780px;
           height: 104px;
           position: relative;
           position: relative;
            background-image: url(../bilder/hintergrund_container.gif);
            background-repeat: no-repeat;
            background-position: 665px 0px ;
            top: 0px;
}

.kopfzeileInhalt {
           position: absolute;
           top: 20px;  
}

#navigation {
            text-align : right;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            width: 780px;
            height: 22px;
            
}

#navigation ul {
            list-style: none;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
            height: 22px;
            margin-left: 342px;
            text-transform: uppercase;
            
}

#navigation ul li {
            list-style: none;
            display: inline;
            width: 98px;
            height: 22px;
            padding: 0px;
            margin: 0px;
}

#navigation ul li a {
            height: 22px;
            font-weight: bold;
            font-size: 10px;
            margin-left: 4px;
            text-align: center;
            padding-top: 1px;
}

#links {
            width: 220px;
            float: left;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
}

.navigation a {
        	color: #999999;
        	text-decoration: none;
        	background-image: url(../bilder/hintergrund_navigation.gif);
            background-repeat: no-repeat;
            width: 98px;
            height: 22px;
            display: block;
            float: left;
	}

.navigation a:hover {
        	color: #28166f;
        	text-decoration: none;
        	background-image: url(../bilder/hintergrund_navigation_f2.gif);
            background-repeat: no-repeat;
            width: 98px;
            height: 22px;
	}

.navigation a.active {
            color: #28166f;
            font-weight: bold;
            font-size: 11px;
            background-image: url(../bilder/hintergrund_navigation_f2.gif);
            background-repeat: no-repeat;
            width: 98px;
            height: 22px;
}

#rahmen {
            background-image: url(../bilder/hintergrund_inhalt.gif);
            background-repeat: repeat-y;
            margin-top: 30px;
}

#inhalt{
            width: 560px;
            float: right;
            line-height: 1.5em;
            position: relative;
}

.seitenInhalt{
            padding: 0px 20px 0px 20px;
            color: #333333;
}

.seitenInhalt img{
            margin-top: 3px;
}

.seitenInhalt a {
        	color: #5c6d94;
        	}

.seitenInhalt a:hover {
        	color: #5c6d94;
        	text-decoration: none;
	}

.seitenInhalt a img{
        	border: none;
        }

.seitenInhalt strong {
           color: #666666;
           font-size: 11px;
           font-weight: bold;
}

.seitenInhaltListe ul,li {
            color: #666666;
            font-size: 11px;
            font-weight: bold;
            line-height: 2.0em;
            list-style-image: url(../bilder/listenzeichen.gif);
            padding-left: 20px;
}

td.links {
            padding: 0px 0px 10px 0px;
}

td.rechts {
            padding: 0px 0px 10px 50px;
}

.startseiteBoxLinks {
           width: 260px;
           border-right: 1px solid #cccccc;
           float: left;                             
}

.startseiteBoxRechts {
           width: 250px;
           float: right;                          
}


.startseiteBoxInhaltLinks {
           padding: 0px 20px 0px 0px;          
}

.startseiteBoxInhaltRechts {
           padding: 0px 0px 0px 20px;          
}

h1 {
   color: #28166f;
   font-size: 13px;
}

h2 {
   color: #28166f;
   font-size: 11px;
}

h3 {
   color: #999999;
   font-size: 11px;
}

h4 {
   color: #333333;
   text-transform: uppercase;
   font-size: 11px;
   font-weight: normal;
   font-style: italic;
}

a {
	color: #5b80b2;
	text-decoration: none;
	}

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

a img{
	border: none;
}	

.producedby {
	color: #666666; 
	font-size: 10px; 
	}

form { 
	display:inline
	}


.rahmen {
	border: 1px solid black;
}

.datum {
	font-size: 10px;
	color: #808080;
}

.floatleft {
	float: left;
	margin-right: 10px;
}

.floatright {
	float: right;
	margin-left: 10px;
}

/* Bildergalerie */
div.galerie{
margin-bottom: 20px;
}

div.galerie div{
float: left;
width: 120px;
}

div.galerie img{
border: 1px solid #808080;
padding: 5px;
}


dl.galerie
{
	border: 1px solid #808080;
	width: 110px;
	height: 110px;
	text-align: center;
	padding: 5px;
	padding-bottom: 15px;
	float: left;
	position: relative;
	margin-right: 1em;
	margin-bottom: 1em;
	background: #E9E9E9;
}

 dl.galerie:hover
{
	border: 1px solid black;
	background: #808080;
}

.galerie dt { font-weight: bold; }

.galerie dt img
{
	border: 1px solid #000;
}

.galerie dd
{
	margin: 0;
	padding: 0;
}
/* Ende Bildergalerie */

/* Kontaktformular */
.ausfuellen{
	border: 1px solid red ;
}

form label{
	cursor: pointer;
	cursor: hand;
}

form label.required {
  color: red;
}

form label.completed {
  color: black;
}

.formmailerror{
	border: 1px solid #E7DBC6;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}

label{
    position: relative;
	width: 230px;
	display: block;
	float: left;
	margin-bottom: 5px;
}

.kontakt {
    position: relative;
	display: block;
	float: left;
	margin-bottom: 5px;
}

.clearleft{
	clear: left;
}
/* Ende Kontakt */ 

.kontaktImpressum {
                  height: 20px;
                  padding: 0px 0px 0px 30px;
}

.kontaktImpressum a {
                  font-size: 11px;
                  color: #999999;
        	      text-decoration: none;
        	      font-weight: bold;
        	      margin-right: 30px;
}

.kontaktImpressum a:hover {
                  color: #28166f;
        	      text-decoration: none;
        	      font-weight: bold;
}

.kontaktImpressum a.active {
                  color: #28166f;
        	      text-decoration: none;
        	      font-weight: bold;
}

span.name {
                  font-size: 11px; 
                  color: #666666; 
                  font-weight: bold;
}

span.funktionMitarbeiter {
                  font-size: 11px; 
                  color: #666666;
                  font-weight: normal;
}

#anfahrtsskizze {
                  border: 1px solid #666666;
}