* { padding: 0; margin: 0; }
html { height: 101%; }
body {
  color: #DFDFDF;

  background-color: #FFFFFF;
  font-family: Arial, Helvetica, Garamond, Verdana, sans-serif;
	font-size: 11pt;
}
#wrapper {
  color: #848484;
  background-color: #FFFFFF;
  width: 900px;
/*  padding: 20px; */
  margin-top: 120px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  border: 1px solid #BFBFBF;
}
#kopfbereich {
  color: black;
  background-color: #FFFFFF;
  background-image: url(kopf_bg_verlauf.jpg);
  padding-top: 0px;
	padding-right: 0px;
	padding-bottom: auto;
	padding-left: 0px;
}
    #kopfbereich img {
      background-color: white;
      padding: px;
      border: 0px solid #BFBFBF;
    }
    #kopfbereich p {
	      padding: 5px 0 5px 0;
	      margin-bottom: 0;
	    }
#navibereich {
  text-align: left;
  color: #C0C0C0;
  background-color: #FFFFFF;

  padding: 40px 20px 4px 60px;
  border-bottom: 1px solid #BFBFBF;
}
	  #navibereich ul {
	    margin-bottom: 0;
	  }
    #navibereich li {
      display: inline;
      list-style-type: none;
      margin: 0 ;
    }
    #navibereich a {
      color: orange;
      background-color: #FFFFFF;
	    padding: 4px 8px 4px 8px;
	    border: 1px solid #BFBFBF;
    }
    #navibereich a:hover,
    #startseite #navi01 a,
    #kontaktseite #navi02 a
    {
	    text-decoration: none; /* Unterstreichung aus */
	    color: orange;
	    background-color: #FFFFFF;
	    padding-bottom: 5px; /* ein Pixel mehr als oben */
	    border-bottom: none; /* Untere Rahmenlinie aus */
	  }
    #navibereich a:active { background-color: #FFFFFF; }


#textbereich {
  padding-top:40px ;
  padding-right: 80px;
  padding-bottom: 10px;
  padding-left: 60px;
  line-height: 1.5em; /* Zeilenabstand */
  text-align:justify;
}
#fussbereich {
  padding: 20px;
  padding-top: 15px;
  border-top: 1px solid #BFBFBF;
  margin-top: 20px;
}
h1 { font-size: 150%; }
h2 { font-size: 110%; font-weight:normal; margin-bottom: 1em;  }
strong { color: #808080; }
address {
  text-align: center;
  font-size: 80%;
  font-style: normal;
  letter-spacing: 1.5px;
  line-height: 1.5em;
}
a { text-decoration: none; outline: none; }
a:link { color: #808080;}
a:visited { color: #808080; }
a:hover, a:focus { text-decoration: underline; }
a:active { background-color: #808080; }
.skiplink { display: none; }

p, ul {
  margin-top: 0 ;
  margin-right: 0 ;
  margin-bottom: 1em ;
  margin-left: 0;

}
ul ul {
  margin: 0;
}
li {
  margin-top: 0 ;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 1em;
}

li  a { text-decoration: none; outline: none; }
li  a:hover { text-decoration: none; outline: none; }

/* CSS Infofenster */

a.info
{
position:relative;
z-index:1;
text-decoration:none;
list-style-type:none;
} 

a.info:hover
{
z-index:2;
} 

#reflink  {
top:10px;
position:relative;
}

#reflink:hover{
text-decoration:underline;
}

a.info span
{
display: none;

} 

a.info:hover span
{ 
list-style-type:none;
display:block;
position:relative; 
width:38em;
border:1px solid #fff;
background-color:#FFF;
color:#585858; 
text-align: left;
padding-bottom: 5px;
/*padding-top: -18px; */
padding-left: 0px;
text-decoration: none;
font-size: 0.8em;
}
#reflist {
position:relative;
left:-2px;
padding-left: 0;
}

#reflist li {
list-style-type:none;
top:-5px;
position:relative;
left:-12px;
}

a.info:hover span img {
border:0px;
position:relative;
top:-20px;
text-align:left;
max-width:100px;
max-height:60px;
float:right;
}

.contactform {
color:orange;
text-transform: lowercase;
}

.adress {

}

#brand {
text-transform:uppercase;
}

input, textarea  {border:1px solid #FF9F00;}

/* NAVIGATION */

div#navibereich {
	
   height: 22px; 
  }


  div#navibereich div {
  }

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



  ul#Navigation li {
     list-style: none;
     float: left;
	 padding: 0px 4px 0px 0px;
  }

  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
  /* margin-bottom: -0.4em;  */
  }

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



  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
 /*   top: 1.6em; left: -0.4em; */
    display: none;  /* Unternavigation ausblenden */

  }

  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */

    /*left: -1.5em;
    lef\t: -0.4em;*/

  }

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

  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
	height:116px;
	width:88px;
	z-index:1000;
	background-color:#fff;
  }

  ul#Navigation li ul li {
    float: none;
    display: block;
   margin-top: 0.3em;
   font-size:small;
   width:6.8em;
  }



  ul#Navigation a, ul#Navigation span {
    display: block;
  /*  width: 6.4em; 
    padding: 0.2em 1em; */
  }

  * html ul#Navigation a, * html ul#Navigation span {
    width: 8.6em;   /* Breite nach altem MS-Boxmodell fuer IE 5.x */
    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
  }

  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    
    
  }

  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    
  }

  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    
  }