html, body, li, ul, dt, dd, dl, p, img, a {
  border:0;
  margin:0;
  padding:0;
}
body {
  background: #FFF url("../gfx/background.jpg");
}
a:vistied {
  color: #164592;
}
a:hover {
  color: #216deb;
}
h1,h2,h3,h4,h5,h6, dt {
  font-family: Tahoma, Arial, sans-serif;
  font-weight: bold;
}
p, dd, li {
  font-family: Verdana, Arial, sans-serif;
}
.whitecontainer {
  background: #fff;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  width: 600px;
  height: 330px;
  float: left;
  margin: 10px;
  -moz-box-shadow: 1px 2px 4px #333333;
  -webkit-box-shadow: 1px 2px 4px #333333;
  box-shadow: 1px 2px 4px #333333;
}
.whitecontainer.half {
  width: 410px;
}
.lk {background: #FFF url("../ref/lk.jpg") no-repeat;}
.one {background: #FFF url("../ref/one.jpg") no-repeat;}
.hyp {background: #FFF url("../ref/hyp.jpg") no-repeat;}
.games {background: #FFF url("../ref/games.jpg") no-repeat;}
.travel {background: #FFF url("../ref/travel.jpg") no-repeat;}
.kueche {background: #FFF url("../ref/kueche.jpg") no-repeat;}
.sport {background: #FFF url("../ref/sport.jpg") no-repeat;}
.tier {background: #FFF url("../ref/tier.jpg") no-repeat;}
.game {background: #FFF url("../ref/game.jpg") no-repeat;}
.tee {background: #FFF url("../ref/tee.jpg") no-repeat;}

.reflink a{
  color: #FFF;
  text-decoration: underline;
  font-weight: bold;
  margin: 245px 0 0 18px;
  font-size: 12px;
  float: left;
}
.reflink a:hover{
  color: #558dff;
}
.refdesc {
  color: #444;
  font-weight: bold;
  margin: 23px 0 0 23px;
  font-size: 12px;
  float: left;
}

#Wrapper {
  position: relative;
  margin: 0 auto;
  width: 914px;
  background: transparent;
}
#InnerWrapper {
  position: relative;
  margin: 0 7px;
  width: 900px;
}
#Navigation {
  width: 900px;
  height: 50px;
  overflow: hidden;
  background: #CCCCCC url("../gfx/navibg.jpg") no-repeat;
}
#Navigation ul {
  margin: 0 0 0 8px;
}
#Navigation li {
  list-style: none;
  float: left;
  height: 50px;
  background: transparent url("../gfx/navitrenner.jpg") right no-repeat;
}
#Navigation li.Aktiv a {
  background: #0073aa url("../gfx/naviaktiv.jpg") right no-repeat;
  color: #FFFFFF;
}
#Navigation li.Aktiv a span {
  color: #000000;
}
#Navigation li.Aktiv a:hover {
  background: #0073aa url("../gfx/naviaktiv.jpg") right no-repeat;
  color: #FFFFFF;
}
#Navigation li a{
  display: block;
  padding: 10px 5px 5px 5px; 
  height: 35px;
  width: 110px;
  overflow: hidden;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #000000;
}
#Navigation li a span{
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: #666666;
}
#Navigation li a:hover{
  color: #216deb;
  background: transparent url("../gfx/navihover.jpg") right no-repeat;
}
#Content {
  width: 860px;
  padding: 20px;
  height: 518px;
  overflow: hidden;
}
#Content.Start {
  background: #484848 url("../gfx/BGNormal.jpg") no-repeat;
}
#Content.Blue {
  background: #5091CB url("../gfx/BGBlue.jpg") no-repeat;
  height: auto;
}
#Content.Car {
  background: #484848 url("../gfx/BGSportwagen.jpg") no-repeat;
}
#Content.Night {
  background: #484848 url("../gfx/BGSportwagenNacht.jpg") no-repeat;
}
#Content.News {
  background: #484848 url("../gfx/BGNews.jpg") no-repeat;
}
#Content h1 {
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  font-size: 22px;
}
#Content h2 {
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  font-size: 12px;
  text-indent: 0;
  font-family: Verdana, Arial, sans-serif;
}
#TeaserBox {
  position: absolute;
  right: 50px;
  top: 120px;
  height: 309px;
  width: 386px;
  background: transparent url("../gfx/TeaserBox.png") no-repeat;
}
dl {
  margin: 18px 0 0 0;
}
dt {
  margin: 20px 20px 0 15px;
  font-size: 22px;
}
dd {
  margin: 2px 20px 10px 25px;
  font-size: 11px;
  line-height: 14px;
}
#NewsBox {
  position: absolute;
  top: 280px;
  left: 110px;
  width: 250px;
}
#NewsBox h3{
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  font: bold 10px Tahoma, Arial, sans-serif;
}
#NewsBox p{
  margin: 0;
  padding: 0;
  color: #dcdbdb;
  font: 10px Verdana, Arial, sans-serif;
}
#NewsBox a{
  color: #dcdbdb;
}
#NewsBox a:hover{
  color: #FFF;
  background: black;
}
#EinleitungLeistung {
  float: left;
  width: 842px;
  margin: 5px auto;
}
#EinleitungLeistung p{
  color: #FFF;
  line-height: 14px;
  width: 600px;
  padding: 10px;
  float: left;
  background: #336699;
  font: 10px Verdana, Arial, sans-serif;
}
#LeistungDetail {
  width: 830px;
  margin: 0 15px;
}
#LeistungDetail strong{
  color: #003333;
  font-family: Tahoma;
}
#LeistungDetail dl {
  float: left;
  width: 160px;
  margin: 18px 3px 0 3px;
  background: #6699cc;
}
#LeistungDetail dt {
  margin: 10px 5px 0 10px;
  font-size: 16px;
  color: #003366;
}
#LeistungDetail dd {
  margin: 2px 10px 10px 15px;
  font-size: 11px;
  line-height: 14px;
  color: #FFF;
}
#Begriffserklaerung {
  width: 900px;
  height: 150px;
  background: #CCCCCC url("../gfx/BGBegriffserklaerung.jpg") repeat-x;
}
.Begriffsspalte {
  float: left;
  width: 107px;
  height: 130px;
  padding: 17px 0 0 5px;
  overflow: hidden;
  background: transparent url("../gfx/BGBegriffserklaerungB.jpg") left no-repeat;
}
.Begriffsspalte dl {
  margin: 0;
}
.Begriffsspalte dt {
  margin: 4px 0 0 10px;
  padding: 0;
  font-size: 10px;
  line-height: 10px;
  display: block;
  height: 10px;
}
.Begriffsspalte dd {
  margin: 0 0 0 15px;
  padding: 0;
  font-size: 10px;
  line-height: 14px;
  display: block;
  height: 14px;
}
.Begriffsspalte dd a{
  color: #000000;
  text-decoration: none;
}
.Begriffsspalte dd a:hover{
  color: #216deb;
}
.Begriffsspalte.noBorder{
  background-position: -1px 0px;
}
.klFooterSpalte {
  float: left;
  width: 150px;
  padding: 3px 3px 3px 10px;
  height: 40px;
  
}
.klFooterSpalte li {
  list-style: none;
  display: block;
  line-height: 10px;
}
.klFooterSpalte li a{
  font-size: 10px;
  text-decoration: none;
  color: #666666;
}
.klFooterSpalte li a:hover{
  color: #858585;
}
.grFooterSpalte {
  float: left;
  width: 300px;
  margin: 5px 10px 5px 10px;
  height: 40px;
}
.grFooterSpalte p{
  color: #666666;
  font-size: 10px;
  line-height: 12px;
  margin: 0;
  padding: 0;
}
#Footer {
  width: 900px;
  height: 50px;
  background: #1b1b1b;
}
#W3C {
  float: right;
  height: 40px;
  width: 90px;
}
#W3C img{
  margin: 5px 5px -5px 5px;
  border: none;
}
.Referenz {
  margin: 10px auto;
  height: 173px;
  width: 842px;
}
.Referenz .ReferenzPicture {
  float: left;
  width: 326px;
  height: 173px;
  text-align: center;
}
.Referenz .ReferenzPicture a{
  display: block;
  padding: 152px 0 0 0;
  width: 326px;
  font-size: 10px;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  color: #FFF;
  height: 21px;
}
.Referenz .ReferenzText{
  float: right;
  padding: 10px;
  width: 496px;
  height: 153px;
  overflow: hidden;
}
.Referenz .ReferenzText h3{
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.Referenz .ReferenzText p{
  margin: 5px 0 0 0;
  font-size: 10px;
  line-height: 13px;
}
.Referenz.SportWelt {
  background: transparent url("../gfx/Referenz/SportWelt.png") no-repeat;
}
.Referenz.MULTI {
  background: transparent url("../gfx/Referenz/MULTI.png") no-repeat;
}
.Referenz.LibertyHomes {
  background: transparent url("../gfx/Referenz/LibertyHomes.png") no-repeat;
}
#WhitePlace {
  width: 534px;
  height: 446px;
  padding: 10px;
  float: left;
  overflow: hidden;
  margin: 15px 0 0 0;
  background: #FFFFFF;
}
#WhitePlace h3{
  font-family: Tahoma, Arial, sans-serif;
  font-size: 20px;
  line-height: 26px;
  margin: 0 0 5px 0;
}
#WhitePlace p{
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  line-height: 12px;
  margin: 0 0 15px 0;
}
#WhitePlace.Impressum p{
  margin: 15px 10px 10px 10px;
  font-size: 12px;
  line-height: 18px;
}
#WhitePlace.Impressum {
  height: 262px;
  background: #FFFFFF;
  padding: 10px 10px 20px 10px;
  border-radius: 24px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
}
#WhitePlace Label{
  display: block;
  float: left;
  width: 257px;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 10px;
  line-height: 18px;
  font-weight: bold;
}
#WhitePlace Input, Select, Textarea{
  display: block;
  float: left;
  width: 257px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 10px;
  line-height: 10px;
}
#WhitePlace Input.button {
  margin: 20px 0 0 0;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
}
#WhitePlace Input.button:hover {
  border: 1px solid #0099ff;
  background: #FFF;
}
#WhitePlace Input, Select, Textarea {
  border: 1px solid #000;
}
#WhitePlace Input:focus, Select:focus, Textarea:focus {
  border: 1px solid #0099ff;
}
.FormContainer {
  margin: 3px 0 0 0;
  width: 267px;
  float: left;
}
.green {
  color: #009900;
}
.vcard {
  margin: 15px 0 0 0;
  height: 70px;
}
.vcard .type {
  display: block;
  float: left;
  width: 65px;
}
.vcard span {
  display: block;
  float: left;
  width: 200px;
  font-weight: bold;
}
.vcard .adr {
  display: none;
}
.mTop {
  margin: 15px 0 0 0;
}
#SmallTextArea {
  width: 280px;
  padding: 30px 10px 10px 10px;
  float: right;
  color: #FFF;
  font-size: 10px;
}
#SmallTextArea ul {
  float: left;
  width: 140px;
}
#SmallTextArea li {
  list-style: none;
}
#SmallTextArea li a{
  color: #FFF;
}
#SmallTextArea li a:active{
  color: #cc3333;
}
#SmallTextArea li a:visited{
  color: #cccccc;
}
#SmallTextArea li a:hover{
  color: #003399;
}