﻿/*Grundstyle*/
* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0 auto;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 87%;
	color: #1C1C1A;
	background: url(../grafik/bg_site.jpg) repeat-x;
	line-height: 1.4em;
}


a {
	color: #3870AB;
	text-decoration: none;
	font-size: 97%;
}

a:hover {
	text-decoration: underline;
}

/*Ueberschriftenformatierung*/
h1 {
	font-size: 155%;
	color:#000;
	font-weight: normal;
	margin-bottom: 10px;
	line-height: 1.25em;
}

h2 {
	font-size: 130%;
	color:#49759C;
	font-weight: thin;
	padding-top: 10px;
	padding-bottom: 7px;
}

h3 {
	font-size: 110%;
	color:#49759C;
	font-weight: thin;
	padding-top: 10px;
	padding-bottom: 4px;
}

h4 {
	font-size: 110%;
	color:#9C9B9B;
	font-weight: thin;
	padding-top: 10px;
	padding-bottom: 4px;
}

/*Aussenbox*/
#wrapper {
	width: 915px;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	margin: 0 auto; /* wrapper-Box zentrieren in Opera, NN, Mozilla */
}


/*ANFANG Seitenstruktur*/

#header {
	width: 915px;
	height: 125px;
	background: url(../grafik/logo.gif) no-repeat right bottom;
}

#main {
	width: 915px;
	min-height: 440px;
/*	height: 440px;*/
}

#navibox {
	width: 346px;
	height: 310px;
	float: left;
	background: url(../grafik/wappen.gif) no-repeat;
}

/*Hier später die Hauptnavi*/


#content {
	width: 569px;
	float: left;
}

#breadcrumb {
	width: 540px;
	height: 20px;
	background-color: #E6E6E6;
	color: #49759C;
	font-weight: normal;
	font-size: 97%;
	padding-left: 29px;
	padding-top: 4px;
}

#fliesstext {
	width: 540px;
	float: left;
	padding-left: 29px;
	padding-bottom: 20px;
	display:block;
}

#bildbox {
	width: 346px;
	height: 200px;
	float: left;
	margin-top: 300px;
	margin-bottom: 20px;
	text-align: center;
}

/*ENDE Unterseite*/

#footer {
	width: 889px;
	height: 20px;
	clear: both;
	font-size: 93%;
	background: url(../grafik/bg_footer.gif) no-repeat;
	color:#939495;
	padding-left: 14px;
	padding-top: 10px;
	margin-left:12px;
	margin-bottom: 10px;

}

#footer a {
	color: #939495;
	font-weight: normal;
	text-decoration: none;
	padding-left: 10px;
	
}

#footer a:hover {
	color: #3870AB;
}

#footer .aktiv {
	color: #3870AB;
}


#footerleft {
	float: left;
}

#footerright {
	float: right;
	font-size: 100%;
}

#footerright a {
	color: #939495;
	font-weight: normal;
	text-decoration: none;
	padding-left: 4px;
	
}

#footerright a:hover {
	color: #3870AB;
}


/* Formularangaben*/


.textblau{
color: #49759C;;
}

#erreichenformlinks{
width: 238px;
height: 215px;
float: left;
}

#erreichenformrechts{
width: 222px;
height: 215px;
float: left;
}

label {
display: block;
float: left;
text-align: left;
padding-right: 1em;
width: 145px;
color: #49759C;
}

label.ort{
color: #49759C;
display: block;
float: left;
text-align: left;
padding-right: 1em;
margin-left: 7px;
width: 130px;
}

label.plz{
color: #49759C;
float: left;
text-align: left;
padding-right: 1em;
width: 50px;
}

input.ort {
display: block;
margin-left: 7px;
float: left;
text-align: left;
padding-right: 1em;
width: 130px;
margin-bottom: 3px;
}

input.plz {
float: left;
text-align: left;
padding-right: 1em;
width: 50px;
margin-bottom: 3px;
}

input {
width: 211px;
height: 17px;
margin-bottom: 3px;
font-size: 11px;
color: #666666;
border: 1px;
border-color: #fff;
border-top: solid 1px #C0C5C9;
border-bottom: solid 1px #C0C5C9;
border-right: solid 1px #C0C5C9;
border-left: solid 1px #C0C5C9;
background-color: #F1F1F1;
}
.btn{
margin-top: 4px;
width: 91px;
height: 18px;
margin-top: 15px;
padding-bottom: 4px;
cursor: pointer;
color: #49759C;
font-weight: bold;
}

textarea{
width: 212px;
height: 131px;
color: #666666;
border: 1px;
border-color: #fff;
border-top: solid 1px #C0C5C9;
border-bottom: solid 1px #C0C5C9;
border-right: solid 1px #C0C5C9;
border-left: solid 1px #C0C5C9;
background-color: #F1F1F1;
}

small.kontakt{
vertical-align: super;
}


/* Sitmapangaben*/

#sitemap
{
	padding						: 25px 0;
}

#sitemap ul
{
	list-style					: none;
	margin:0 0 5px 0;
	padding:0;
}

#sitemap ul ul
{
	padding-left				: 10px;
	border-left					: 1px dotted #ccc;
}

/* Sitmap ENDE */


/*========*/

hr {
	background-color: #E4E4E4;
	height: 1px;
	border:0px;
	margin-bottom: 10px;
}

img {
	margin: 0;
	padding: 0;
	border: 0px;
}


/*   ============ TEST ============ */

#hauptnavi {
	width: 342px;
	height: 20px;
	background-color: #49759C;
	padding-top: 4px;
	font-size: 12px;
	z-index: 100;
}

#hauptnavi .aktiv {
	color: #fff;
}

  * html div#hauptnavi {  /* Korrektur fuer IE 5.x */
    width: 342px;
    w\idth: 342px;
  }

div #hauptnavi div {
    clear: left;
  }

ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
  }

ul#Navigation li {
    list-style: none;
    float: left;
    width: auto;
    position: relative;
	height: auto;
  }
  
  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-top: -0.0em;
  }
  
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: 0.0em;

  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.7em;
	display: none;  /* Unternavigation ausblenden */
  }

  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: 0.0em;
    lef\t: 0.0em;
  }
  *:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */
    padding-bottom:0.0em;
  }
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }


  ul#Navigation li ul li {
    float: none;
    display: block;
    margin: 0; padding: 0;
	font-size: 94%;
	
  }

  ul#Navigation a, ul#Navigation span {
	display:block; /*evtl. zerhaut es hier den IE5.5*/
    padding: 0px 5px;
    text-decoration: none; 
    font-weight: bold;
    color: #A8C0D6;
    text-align: left;
    height: 20px;
  }
  
ul#Navigation .unternavi2{
    display: block;
    padding-top: 4px;
	padding-left: 8px;
	padding-bottom: 3px;
    text-decoration: none; 
    font-weight: bold;
    background:  url(../grafik/bg_navi.png);
    color: #7F7F7F;
    text-align: left;
    width: 90px;
    height: 20px;
  }
  
  ul#Navigation .unternavi3{
    display: block;
    padding-top: 3px;
	padding-left: 8px;
	padding-bottom: 3px;
    text-decoration: none; 
    font-weight: bold;
    background:  url(../grafik/bg_navi.png);
    color: #7F7F7F;
    text-align: left;
    width: 80px;
    height: 20px;
  }
  
  ul#Navigation .unternavi4{
    display: block;
    padding-top: 4px;
	padding-right: 14px;
	padding-bottom: 3px;
    margin-left: -16px;
    text-decoration: none; 
    font-weight: bold;
    background:  url(../grafik/bg_navi.png);
    color: #7F7F7F;
    text-align: right;
    width: 96px;
    height: 20px;
  }
  
  * html ul#Navigation a, * html ul#Navigation span {  /* nur fuer IE erforderlich */
	width: auto;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: auto; /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
  }
  
  
ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    color: white;
  }
  
ul#Navigation a:hover.unternavi2 {
    color: #49759C;
  }

ul#Navigation a:hover.unternavi3 {
    color: #49759C;
  }
  
ul#Navigation a:hover.unternavi4 {
    color: #49759C;
  }
  
   /* Erweiterung zur dynamischen Ein-/Ausblendung */
  ul#Navigation li>ul {
    display: none; top: 1.6em;
  }
  
  ul#Navigation li:hover>ul, ul#Navigation li>a#aktuell+ul {
    display: block;
  }

  /* Workaround fuer den IE 7 */
  *:first-child+html ul#Navigation ul {
   padding-bottom:0.1em;
  }
  
  
  
  