.hidden {
	display: inline; left: -4000px; overflow: hidden; width: 0px; position: absolute; top: -40000px; height: 0px;
}



body {
  margin: 0 0 10px 0;
  padding: 0;
  text-align: center;
  min-width: 805px;
  background: #FFFFFF url(../picture/bg2.gif) no-repeat; background-position: 0px 90px;
  /*background-color: #C3CBC5;*/
  color: white;
  font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
}
#container {
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  padding: 0 0 0 0;
  text-align: center;
  width: 803px;
  background-color: #FFFFFF;
  color: #01407a;
  border: 6px solid #CBC9C9; 
}
#headnavigationboxleft {
      float: left;
      margin: 15px 0 15px 0;
	  padding: 0;
	  width: 240px;
      }
#headnavigationboxright {
      float: left;
      margin: 15px 0 15px 0;
	  padding: 0;
	  width: 550px;
      }
#subnavigationicon {
  margin:  0 0 0 15px;
  padding: 0;
}
#subnavigation {
      margin: 0 0 0 10px;
	  padding: 0 0 0 0;
	  width: 230px;
	  font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
      font-size: 11px;
      line-height: normal;
      }
#subnavigation ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
#subnavigation li {
  display: inline;
  background-color: #FFFFFF;
  color: #F3F3F3;
}
#subnavigation a:link, #subnavigation a:visited {
  text-decoration: none;
  background-color: #FFFFFF;
  color: #777467;
}
#subnavigation a:hover {
  text-decoration: underline;
  background-color: #FFFFFF;
  color: #050845;
}
#subnavigation .current {
  text-decoration: underline;
  background-color: #FFFFFF;
  color: #050845;
}
/*--- Navigation Impress--------------------------- */ 

#navigation {
	  margin: 0 0 0 8px;
	  padding: 0 0 0 0;
      font-size: 93%;
      line-height: normal;
      }
    #navigation ul {
    float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
      }
	  
/*--- Impress--------------------------- */ 
	  
	#navigation .impress li {
	  float: left;
      display: inline;
      }
    #navigation .impress a {
      float: left;
	  width: 97px;
	  height: 45px;
      background-image: url(../picture/impress1.gif); background-position: 0px 0px; background-repeat: no-repeat;
	  display: block;
      }
	 #navigation .impress a:hover {
      float: left;
	  width: 97px;
	  height: 45px;
      background-image: url(../picture/impress1.gif); background-position: 0px -45px;
	  display: block;
      }
	 #navigation .impress span {
      float: left;
      display: none;
      }
      #navigation .impress a span {
      float: left;
      display: none;
      }
	  #navigation .impressactive a {
      float: left;
	  width: 97px;
	  height: 45px;
      background-image: url(../picture/impressover.gif);
      }
	  #navigation .impressactive a:hover {
      float: left;
	  width: 97px;
	  height: 45px;
      background-image: url(../picture/impressover.gif);
      }
	  #navigation .impressactive span {
      float: left;
      display: none;
      }
      #navigation .impressactive a span {
      float: left;
      display: none;
      }

/*--- Leistungen--------------------------- */ 

     #navigation .leistungen a {
      float: left;
	  width: 121px;
	  height: 45px;
      background-image: url(../picture/leistungen1.gif); background-position: 0px 0px; background-repeat: no-repeat;
      }
	 #navigation .leistungen a:hover {
	  float: left;
	  width: 121px;
	  height: 45px;
      background-image: url(../picture/leistungen1.gif); background-position: 0px -45px;
      }
	  #navigation .leistungen span {
      float: left;
      display: none;
      }
     #navigation .leistungen a span {
	  float: left;
      display: none;
      }
	  #navigation .leistungenactive a {
      float: left;
	  width: 121px;
	  height: 45px;
      background-image: url(../picture/leistungenover.gif);
      }
	  #navigation .leistungenactive a:hover {
	  float: left;
	  width: 121px;
	  height: 45px;
      background-image: url(../picture/leistungenover.gif);
      }
	  #navigation .leistungenactive span {
      float: left;
      display: none;
      }
     #navigation .leistungenactive a span {
	  float: left;
      display: none;
      }

/*--- Produkte--------------------------- */ 

	  #navigation .produkte a {
      float: left;
	  width: 109px;
	  height: 45px;
      background-image: url(../picture/produkte.gif); background-position: 0px 0px; background-repeat: no-repeat;
      }
	  #navigation .produkte a:hover {
	  float: left;
	  width: 109px;
	  height: 45px;
      background-image: url(../picture/produkte.gif); background-position: 0px -45px;
      }
	  #navigation .produkte span {
      float: left;
      display: none;
      }
      #navigation .produkte a span {
	  float: left;
      display: none;
      }
	  #navigation .produkteactive a {
      float: left;
	  width: 109px;
	  height: 45px;
      background-image: url(../picture/produkteover.gif);
      }
	  #navigation .produkteactive a:hover {
	  float: left;
	  width: 109px;
	  height: 45px;
      background-image: url(../picture/produkteover.gif);
      }
	  #navigation .produkteactive span {
      float: left;
      display: none;
      }
     #navigation .produkteactive a span {
	  float: left;
      display: none;
      }
	  
/*--- Anfahrt--------------------------- */ 
	  
	 #navigation .anfahrt a {
      float: left;
	  width: 100px;
	  height: 45px;
      background-image: url(../picture/anfahrt.gif); background-position: 0px 0px; background-repeat: no-repeat;
      }
	 #navigation .anfahrt a:hover {
	  float: left;
      width: 100px;
	  height: 45px;
      background-image: url(../picture/anfahrt.gif); background-position: 0px -45px;
      }
	  #navigation .anfahrt span {
      float: left;
      display: none;
      }
     #navigation .anfahrt a span {
	  float: left;
      display: none;
      }
	  #navigation .anfahrtactive a {
      float: left;
	  width: 100px;
	  height: 45px;
      background-image: url(../picture/anfahrtover.gif);
      }
	  #navigation .anfahrtactive a:hover {
	  float: left;
	  width: 100px;
	  height: 45px;
      background-image: url(../picture/anfahrtover.gif);
      }
	  #navigation .anfahrtactive span {
      float: left;
      display: none;
      }
     #navigation .anfahrtactive a span {
	  float: left;
      display: none;
      }

/*--- Kontakt--------------------------- */
	  
	 #navigation .kontakt a {
      float: left;
	  width: 98px;
	  height: 45px;
      background-image: url(../picture/kontakt1.gif); background-position: 0px 0px; background-repeat: no-repeat;
      }
	 #navigation .kontakt a:hover {
	  float: left;
	  width: 98px;
	  height: 45px;
      background-image: url(../picture/kontakt1.gif); background-position: 0px -45px;
      }
	  #navigation .kontakt span {
      float: left;
      display: none;
      }
     #navigation .kontakt a span {
	  float: left;
      display: none;
      }
	  #navigation .kontaktactive a {
      float: left;
	  width: 97px;
	  height: 45px;
      background-image: url(../picture/kontaktover.gif);
      }
	 #navigation .kontaktactive a:hover {
      float: left;
	  width: 97px;
	  height: 45px;
      background-image: url(../picture/kontaktover.gif);
      }
	  #navigation .kontaktactive span {
      float: left;
      display: none;
      }
     #navigation .kontaktactive a span {
	  float: left;
      display: none;
      }
	  
#header {
   text-align: center;
   width: 803px;
   padding: 0;
   margin: 0 auto;
}
#main {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}
#content {
   margin: 0 13px 20px 248px;
   border: 1px solid #BDBEC0;
   background-color: white;
   color: black;
}
#content .inner {
  margin: 21px 16px 16px 16px;
}
#content .inner .title {
  margin: 0 0 16px 0;
}
#content .inner ul.features {
  margin-top: 5px;
  margin-right: 0;
  margin-bottom: 15px;
  margin-left: 75px;
  padding: 0;
  list-style: none;
}
.liste {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 15px;
}
#content .inner p {
  margin: 0 0 10px 0;
  padding: 10px 0 0 0;
  font-size: 12px;
  color: #5E7277;
  background-color: #FFFFFF;
  text-align: left;
  line-height: 1.6em;
}
#content .inner p.area {
  clear: right;
  margin: 0;
  padding: 0;
  font-weight: bold;
  line-height: 1.6em;
}
 #content .inner p.area span {
      font-weight: normal;
      font-size: 10px;
      }

#content .inner ul.down {
  margin-top: 5px;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 100px;
  padding: 0;
  list-style: url(../picture/pdf.gif);
}
#content .inner li.down {
  list-style: url(../picture/pdf.gif);
}

#content .inner p.downloads {
  clear: right;
  margin: 0;
  padding: 5px;
  font-weight: bold;
  line-height: 1.6em;
  border-bottom: 1px solid #F6F6F6;
}


#content .inner p.contact {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #5E7277;
  background-color: #FFFFFF;
  text-align: left;
  line-height: 1.6em;
}
#content .inner p.img {
  text-align: center;
  line-height: 1.6em;
}
#content .inner .features li img {
  float: left;
  margin-top: 0;
  margin-right: 20px;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
}

#content .inner p.partner {
  margin-top: 9px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 75px;
  padding: 10px 0 0 0;
  font-size: 10px;
  color: #5E7277;
  background-color: #FFFFFF;
  text-align: left;
  line-height: 1.6em;
  border-bottom: 1px dotted #9AAFB4;
}
#content .inner p.center {
  margin-top: 9px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 75px;
  padding: 10px 0 0 0;
  font-size: 11px;
  color: #5E7277;
  background-color: #FFFFFF;
  text-align: left;
  line-height: 1.6em;
  border-bottom: 1px dotted #9AAFB4;
}
#content .inner p.bottomcenter {
  margin-top: 5px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 75px;
  padding: 10px 0 0 0;
  font-size: 11px;
  color: #5E7277;
  background-color: #FFFFFF;
  text-align: left;
}
#content .inner p.boldcenter {
  clear: right;
  margin-top: 0px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 75px;
  padding: 10px 0 0 0;
  font-weight: bold;
  line-height: 1.6em;
  border-bottom: 1px dotted #9AAFB4;
}
#content .inner ul.daten {
  margin-top: 5px;
  margin-right: 0;
  margin-bottom: 5px;
  margin-left: 75px;
  padding: 8px 0 0 15px;
  font-size: 11px;
  color: #5E7277;
  background-color: #FFFFFF;
  text-align: left;
}
#content h1 {
  font-size: 100%;
  color: #01407a;
  padding: 5px 0 5px 0;
  background-color: #F4F4F4;
  background-image: url(img/ball.gif);
  background-repeat: no-repeat;
  background-position: left center;
  border-top: 1px solid #c5d6e2;
  border-bottom: 1px solid #c5d6e2;
}
#content h2 {
  font-size: 120%;
  font-weight: bold;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #5E7277;
  background-color: #FFFFFF;
  border-bottom: 1px solid #c5d6e2;
  margin: 1em 0 0 0;
}
#content h3 {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #5E7277;
  background-color: #FFFFFF;
  text-align: left;
  line-height: 1.6em;
}
#content a:link, #content a:visited {
  text-decoration: none;
  background-color: #FFFFFF;
  color: #0B7C9A;
  font-size: 11px;
  font-weight: normal;
}
#content a:hover {
  text-decoration: underline;
  background-color: #FFFFFF;
  color: #5E7277;
}
#top {
  margin: 21px 16px 6px 16px;
  padding: 0px 0 8px 0;
  text-align: right;
  font-size: 11px;
  color: #5E7277;
  background-color: #FFFFFF;
  border-top: 1px solid #BDBEC0;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  line-height: 1.6em;
}
#top a:link, #top a:visited {
  text-decoration: none;
  background-color: #FFFFFF;
  color: #0B7C9A;
}
#top a:hover {
  text-decoration: underline;
  background-color: #FFFFFF;
  color: #5E7277;
}
#sidebar {
  width: 233px;
  position: absolute;
  top: 0;
  left: 13px;
  background-color: white;
  color: #0B7C9A;
  border-top: 1px solid #BDBEC0;
  border-bottom: 1px solid #BDBEC0;
  border-left: 1px solid #BDBEC0;
  border-right: 1px solid #FFFFFF;
  margin: 0;
  padding: 0;
}
#sidebar .inner {
  font-size: 12px;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 25px;
  background-image: url(../picture/233bg.gif);
  text-align: left;
}
#sidebardaten {
  width: 233px;
  height: 86px;
  background-color: white;
  background-image: url(../picture/bgdatenpfeil.gif);
  background-position: 0px 0px;
  color: #0B7C9A;
  margin: 0;
  padding: 0;
}
#sidebardaten p.small {
  margin-top: 0px;
  margin-right: 25px;
  margin-bottom: 15px;
  margin-left: 45px;
  padding: 13px 0 0 0;
  font-size: 11px;
  color: #5E7277;
  background-color: #FFFFFF;
  text-align: left;
}
#sidebar h3 {
  background-image: url(../picture/sidebarheadlinebg.gif);
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
}
#sidebar .headline {
  background-image: url(../picture/sidebarheadlinebg.gif);
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
}
#sidebar p.thumb {
  margin: 0;
  padding: 0;
}
#sidebar p.gray {
  font-size: 11px;
  text-align: left;
  line-height: 1.3em;
  margin: 0;
  padding-top: 20px;
  padding-left: 40px;
  padding-bottom: 20px;
  padding-right: 0;
}
.preiseover a {
  border: 1px solid #333333;
}


/*--- Preise Sidebar--------------------------- */ 

   #sidep {
      margin-top: 0;
      margin-right: 0;
      margin-bottom: 0;
      margin-left: 8px;
	  padding-top: 0px;
      padding-left: 8px;
      padding-bottom: 0;
      padding-right: 0;
      font-size: 93%;
      line-height: normal;
	 /* border-bottom: 1px solid #BDBEC0;*/

	  	   
      }
    #sidep ul {
    float: left;
	margin: 8px 0 8px 0;
	padding: 0 0 0 0;
	list-style: none;
		 
      }

/*--- Preise--------------------------- */ 
	  
	#sidep .preise li {
	  float: left;
      display: inline;
      }
    #sidep .preise a {
      float: left;
	  width: 184px;
	  height: 45px;
      background-image: url(../picture/preise.gif); background-position: 0px 0px; background-repeat: no-repeat;
	  display: block;
      }
	 #sidep .preise a:hover {
      float: left;
	  width: 184px;
	  height: 45px;
      background-image: url(../picture/preise.gif); background-position: 0px -45px;
	  display: block;
      }
	 #sidep .preise span {
      float: left;
      display: none;
      }
      #sidep .preise a span {
      float: left;
      display: none;
      }
	  #sidep .preiseactive a {
      float: left;
	  width: 184px;
	  height: 45px;
      background-image: url(../picture/preise.gif); background-position: 0px -45px;
      }
	  #sidep .preiseactive a:hover {
      float: left;
	  width: 184px;
	  height: 45px;
      background-image: url(../picture/preise.gif); background-position: 0px -45px;
      }
	  #sidep .preiseactive span {
      float: left;
      display: none;
      }
      #sidep .preiseactive a span {
      float: left;
      display: none;
      }



/*--- Daten Sidebar--------------------------- */ 

#sidelink {
clear: both;
      margin-top: 0;
      margin-right: 0;
      margin-bottom: 0;
      margin-left: 8px;
	  padding-top: 0px;
      padding-left: 8px;
      padding-bottom: 0;
      padding-right: 0;
      font-size: 93%;
      line-height: normal;
	  border-top: 1px solid #BDBEC0;

      }
    #sidelink ul {
    float: left;
	margin: 8px 0 8px 0;
	padding: 0 0 0 0;
	list-style: none;
      }

/*--- Daten--------------------------- */ 
	  
	#sidelink .daten li {
	  float: left;
      display: inline;
      }
    #sidelink .daten a {
      float: left;
	  width: 184px;
	  height: 45px;
      background-image: url(../picture/daten.gif); background-position: 0px 0px; background-repeat: no-repeat;
	  display: block;
      }
	 #sidelink .daten a:hover {
      float: left;
	  width: 184px;
	  height: 45px;
      background-image: url(../picture/daten.gif); background-position: 0px -45px;
	  display: block;
      }
	 #sidelink .daten span {
      float: left;
      display: none;
      }
      #sidelink .daten a span {
      float: left;
      display: none;
      }
	  #sidelink .datenactive a {
      float: left;
	  width: 184px;
	  height: 45px;
      background-image: url(../picture/daten.gif); background-position: 0px -45px;
      }
	  #sidelink .datenactive a:hover {
      float: left;
	  width: 184px;
	  height: 45px;
      background-image: url(../picture/daten.gif); background-position: 0px -45px;
      }
	  #sidelink .datenactive span {
      float: left;
      display: none;
      }
      #sidelink .datenactive a span {
      float: left;
      display: none;
      }

.intro {
  font-weight: bold;
}
.next {
   margin: 0 0 10px 0;
   text-align: center;
}
#footer{
   margin-top: 0;
   margin-left: 13px;
   margin-bottom: 13px;
   margin-right: 13px;
   padding-top: 10px;
   padding-left: 10px;
   padding-bottom: 10px;
   padding-right: 5px;
   font-size: 11px;
   font-weight: normal;
   line-height: normal;
   font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
   background-color: white; 
   color: #777467; 
}
#footer ul {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}
#footer li {
  display: inline;
  background-color: #FFFFFF;
  color: #777467;
}
#footer a:link, #footer a:visited {
  text-decoration: none;
  background-color: #FFFFFF;
  color: #777467;
}
#footer a:hover {
  text-decoration: underline;
  background-color: #FFFFFF;
  color: #0B7C9A;
}

input {
	font-size: 12px; font-weight: normal; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}
.button {
	font-size: 9px; width: 90px; font-family: Arial, Geneva, Helvetica, sans-serif
}
textarea {
	font-size: 10px; width: 250px; font-family: Arial, Geneva, Helvetica, sans-serif
}
select {
	font-size: 9px; font-family: Arial, Geneva, Helvetica, sans-serif
}
option {
	font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif
}



img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}






#down ul.col-list {
	background: url(dots.gif) repeat-x left top;
	list-style: none;
	margin: 5px 0 0 5px; padding: 0;	
	width: 98%;
}
#down ul.col-list li {
	background: url(dots.gif) repeat-x left bottom;
}
#down ul.col-list li a {
	display: block;
	line-height: 2em;
	font-weight: bold;
	padding: 4px 0 4px 8px;
	width: 98%;	
	color: #777;
	border: none;
}
#down ul.col-list li a:hover {
	color: #333;
	text-decoration: none;
}
#down ul.col-list li a span {
	color: #989898;
	font-style: italic;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}