body,td,th,p,input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
}

body {
  background: #FFF;
  color: #000;
  text-align: center;
  margin: 0 auto;
}

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

#PageWrapper {
  background: url('../images/main_background.gif') repeat-y left top;
  color: #000;
  text-align: left;
  padding: 0 15px 0 15px;
  margin: 0 auto;
  width: 1014px; /* box model hack */
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 984px;
}

html>#PageWrapper {
  width: 984px;
}

#Header {
  height: 75px;
  padding: 0 0 0 0;
}

#Logo {
  float: left;
  margin: 12px 0 0 20px;
}

ul#MainNavi {
  background: url('../images/main_navi_background.gif') repeat-x left top;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 30px;
}

ul#MainNavi li {
  float: right;
  border-left: 1px solid #FFF;
  list-style: none;
  padding: 7px 20px 5px 20px;
  margin: 0;
}

ul#MainNavi li a:link, ul#MainNavi li a:visited {
  color: #FFF;
  text-decoration: none;
  font-size: 15px;
}

ul#MainNavi li a:hover {
  color: #CCC;
  text-decoration: none;
  font-size: 15px;
}

#HeaderImg {
  position: relative;
  background: url('../images/header_img.jpg') no-repeat 0;
  border-top: 1px solid #FFF;
  height: 234px;
}

ul#Navi {
  position: absolute;
  bottom: 0px;
  left: 0px;
  list-style: none;
  margin: 0;
  padding: 0 0 0 10px;
}

ul#Navi li {
  float: left;
  background: url('../images/tabs/left.gif') no-repeat left top;
  list-style: none;
  color: #000;
  padding: 0 0 0 9px;
  margin: 0 7px  0 0;
}

ul#Navi li a:link, ul#Navi li a:visited {
  color: #FFF;
  display: block;
  background: url('../images/tabs/right.gif') no-repeat right top;
  text-decoration: none;
  font-size: 12px;
  padding: 5px 9px 5px 0;
}

ul#Navi li a:hover {
  color: #CCC;
  text-decoration: none;
  font-size: 12px;
}

#MainContent {
  background: #FFF url('../images/content_background.gif') no-repeat left top;
  margin: 0;
  padding: 20px 0 0 2px;
  min-height: 470px;
}

#MainContent h3 {
  color: #006699;
  font-size: 15px;
  margin: 10px 0 0 0;
  padding: 0;
}

.Red {
  color: #C03;
}

ul.TeaserList {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.TeaserList li {
  position: relative;
  list-style: none;
  margin: 0 0 0 0;
  padding: 170px 25px 0 0;
  text-align:right;
  width: 264px;
  height: 242px; /* box model hack */
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 239px;
  height: 72px;
}

html>#ul.TeaserList li {
  width: 239px;
  height: 72px;
}

ul.TeaserList li.morespace {
  padding: 110px 25px 0 0;
  height: 242px; /* box model hack */
  voice-family: "\"}\"";
  voice-family:inherit;
  height: 132px;
}

html>ul.TeaserList li.morespace  {
  height: 132px;
}

ul.TeaserList h1 {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

ul.TeaserList h2 {
  color: #000;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.myServerPlace {
  background: url('../images/products/home/myServerplace.jpg') no-repeat left top;
}

.myCage {
  background: url('../images/products/home/myCage_big.jpg') no-repeat left top;
}

.myRack {
  background: url('../images/products/home/myRack.jpg') no-repeat left top;
}

.Services {
  background: url('../images/products/home/myCage_big2.jpg') no-repeat left top;
}

.Ausstattung {
  background: url('../images/ausstattung.jpg') no-repeat left top;
}

.Sicherheit {
  background: url('../images/sicherheit.jpg') no-repeat left top;
}

.Brandschutz {
  background: url('../images/brandschutz.jpg') no-repeat left top;
}

.Zugang {
  background: url('../images/zugang.jpg') no-repeat left top;
}

ul.myServerplace {
  float: left;
  list-style: none;
  margin: 0 0 20px 0 ;
  padding: 0;
}

ul.myServerplace li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 150px 0 0 20px;
  text-align: left;
  width: 326px;
  height: 318px; /* box model hack */
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 306px;
  height: 168px;
}

html>ul.myServerplace li {
  width: 306px;
  height: 168px;
}

ul.myServerplace h1 {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

ul.myServerplace h2 {
  color: #000;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

ul.myServerplace p {
  color: #FFF;
  font-size: 11px;
  margin: 15px 0 0 0;
  padding: 0;
}

.myServerPlaceS {
  background: url('../images/products/myServerplace/S.jpg') no-repeat left top;
}

.myServerPlaceM {
  background: url('../images/products/myServerplace/M.jpg') no-repeat left top;
}

.myServerPlaceL {
  background: url('../images/products/myServerplace/L.jpg') no-repeat left top;
}

a.bestellen:link, a.bestellen:visited {
  color: #F90;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}

a.bestellen:hover {
  color: #CCC;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;

}

#myContent {
  color: #000;
  font-size: 12px;
  margin: 0 0 0 10px;
  padding: 0;

}

#myContent p {
  margin: 15px 0 0 0;
  padding: 15px 0 0 0;
}

#myContent h3 {
  color: #069;
  font-size: 15px;
  font-weight: bold;
}

ul.myListe {
  float: left;
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}

ul.myListe li {
  list-style: none;
  margin: 3px 40px 0 0;
  padding: 0;
  text-align:left;
}

ul.myrack {
  float: left;
  list-style: none;
  margin: 0 0 20px 0 ;
  padding: 0;
}

ul.myrack li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 150px 0 0 20px;
  text-align: left;
  width: 244px;
  height: 399px; /* box model hack */
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 224px;
  height: 249px;
}

html>ul.myrack li {
  width: 224px;
  height: 249px;
}

ul.myrack h1 {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

ul.myrack h2 {
  color: #000;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

ul.myrack p {
  color: #FFF;
  font-size: 11px;
  margin: 11px 0 0 0;
  padding: 0;
}

.myrackS {
  background: url('../images/products/myRack/S.jpg') no-repeat left top;
}

.myrackM {
  background: url('../images/products/myRack/M.jpg') no-repeat left top;
}

.myrackL {
  background: url('../images/products/myRack/L.jpg') no-repeat left top;
}

.myrackXL {
  background: url('../images/products/myRack/XL.jpg') no-repeat left top;
}

ul.mycage {
  float: left;
  list-style: none;
  margin: 0 0 20px 0 ;
  padding: 0;
}

ul.mycage li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 150px 0 0 20px;
  text-align: left;
  width: 326px;
  height: 356px; /* box model hack */
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 306px;
  height: 206px;
}

html>ul.mycage li {
  width: 306px;
  height: 206px;
}

ul.mycage h1 {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

ul.mycage h2 {
  color: #000;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

ul.mycage p {
  color: #FFF;
  font-size: 11px;
  margin: 17px 0 0 0;
  padding: 0;
}

.mycageS {
  background: url('../images/products/myCage/S.jpg') no-repeat left top;
}

.mycageM {
  background: url('../images/products/myCage/M.jpg') no-repeat left top;
}

.mycageL {
  background: url('../images/products/myCage/L.jpg') no-repeat left top;
}

ul.services {
  float: left;
  list-style: none;
  margin: 0 0 20px 0 ;
  padding: 0;
}

ul.services li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 110px 0 0 20px;
  text-align: left;
  width: 489px;
  height: 332px; /* box model hack */
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 469px;
  height: 222px;
}

html>ul.services li {
  width: 469px;
  height: 222px;
}

ul.services h1 {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.Black {
  color: #000;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

ul.services p {
  color: #FFF;
  font-size: 11px;
  margin: 0;
  padding: 15px 0 0 0;
}

.monitoring {
  background: url('../images/products/Services/Monitoring.jpg') no-repeat left top;
}

.backup {
  background: url('../images/products/Services/Backup.jpg') no-repeat left top;
}

table.services {
  color: #000;
  background: #069;
  font-size: 12px;
  border: 1px solid #069;
  border-collapse: collapse;
  border-style: hidden;
  margin: 15px 0 20px 0;
  padding: 0;
  width: 950px;
}

table.services tr th {
  color: #FFF;
  font-weight: bold;
  background: #069;
  border: 1px solid #FFF;
  border-collapse: collapse;
  padding: 3px 0 3px 10px;
}

table.services tr td {
  color: #000;
  background: #FFF;
  padding: 3px 0 3px 10px;
  border: 1px solid #FFF;
  border-collapse: collapse;

}

table.services tr.row2 td {
  background: #deebf2;
}

table.preis {
  color: #C03;
  font-weight: bold;
}

table.preis tr td {
  font-size: 16px;
}

table.preis tr td.row1 {
  text-align: right;
}

table.preis tr td.row2 {
  color: #000;
  font-size: 10px;
}

table.preis2 {
  color: #FFF;
  margin: 10px 0 0 0;
  padding: 0;
}

table.preis2 tr td {
  font-size: 11px;
}

table.preis2 tr td.row1 {
  text-align: right;
}

a.anfrage:link, a.anfrage:visited {
  color: #069;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}

a.anfrage:hover {
  color: #CCC;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;

}

#Content {
  float: right;
  margin: 0 0 20px 0;
  padding: 0 15px 0 0;
  width: 440px; /* box model hack */
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 425px;
}

html>#Content {
  width: 425px;
}

#Content h1 {
  color: #069;
  font-size: 15px;
  font-weight: bold;
  margin: 10px 0 5px 0;
}

#Content p {
 margin: 0;
 padding: 0 0 15px 0;
}

#Content a:link, #Content a:visited {
  color: #069;
  text-decoration: none;
  font-weight: bold;
}

#Content a:hover {
  color: #CCC;
  text-decoration: none;
  font-weight: bold;
}

#DatacenterContent {
  float: right;
  margin: 0 0 20px 0;
  padding: 0 15px 0 0;
  width: 440px; /* box model hack */
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 425px;
}

html>#DatacenterContent {
  width: 425px;
}


#DatacenterContent h1 {
  color: #069;
  font-size: 15px;
  font-weight: bold;
  margin: 10px 0 5px 0;
}

#DatacenterContent p {
 margin: 0;
 padding: 0 0 15px 0;
}

#CarrierContent {
  float: right;
  margin: 0 0 0 0;
  padding: 0 10px 0 0;
  width: 480px; /* box model hack */
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 470px;
}

html>#CarrierContent {
  width: 470px;
}


#CarrierContent h1 {
  color: #069;
  font-size: 15px;
  font-weight: bold;
  margin: 10px 0 5px 0;
}

#CarrierContent p {
 margin: 0;
 padding: 0 0 15px 0;
}

.tab {
  padding: 0 0 0 13px;
}

ul.ContentList {
  list-style: none;
  margin: 0 0 40px 0;
  padding: 0;
}

ul.ContentList li {
  background: url('../images/list.gif') no-repeat 0px 7px;
  padding: 0 0 0 10px;
  margin: 0;
}

ul.CarrierList {
  float: left;
  margin: 0;
  padding: 0;
}

ul.CarrierList li {
  list-style: none;
  margin: 0 0 0 45px;
  padding: 0;
  text-align:right;
  width: 160px;
  height: 60px;
}

ul.CompanyList {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.CompanyList li {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align:right;
  width: 264px;
  height: 232px;
}

#ContactContent {
  background: #FFF url('../images/content_background.gif') no-repeat left top;
  margin: 0;
  padding: 30px 0 20px 300px;
  min-height: 470px;
  width: 800px; /* box model hack */
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 500px;
}

html>#ContactContent {
  width: 500px;
}

#ContactContent h1 {
  color: #069;
  font-size: 15px;
  font-weight: bold;
  margin: 10px 0 5px 0;
}

#ContactContent p {
 margin: 0;
 padding: 0 0 15px 0;
}

#ContactContent a:link, #ContactContent a:visited {
  color: #069;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}

#ContactContent a:hover {
  color: #CCC;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}

table.formular td {
  vertical-align: top;
  margin: 0;
  padding: 0 0 5px 0;
 }

.form {
  background: #deebf2;
  border: 1px solid #069;
  width: 250px;
  height: 15px;
}

.form1 {
  background: #deebf2;
  border: 1px solid #069;
  width: 199px;
  height: 15px;
}

.form2 {
  background: #deebf2;
  border: 1px solid #069;
  width: 45px;
  height: 15px;
}

.formInput {
  background: #deebf2;
  border: 1px solid #069;
  width: 250px;
  height: 60px;
}

.auswahl {
  background: #deebf2;
  border: 1px solid #069;
  width: 80px;
}

.auswahlproduct {
  background: #deebf2;
  border: 1px solid #069;
  width: 250px;
}

.bestellmenge {
  background: #deebf2;
  border: 1px solid #069;
  width: 50px;
}

ul.AgbList {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.AgbList li {
  background: url('../images/agb.gif') no-repeat 0px 0px;
  list-style: none;
  margin: 0 0 10px 0;
  padding: 5px 0 0 35px;
  height: 37px; /* box model hack */
  voice-family: "\"}\"";
  voice-family:inherit;
  height: 32px;
}

html>ul.AgbList li {
  height: 32px;
}

ul#FooterNavi {
  background: url('../images/footer_navi_background.gif') repeat-x left top;
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
  height: 21px;
}

ul#FooterNavi li {
  float: right;
  border-left: 1px solid #FFF;
  list-style: none;
  padding: 2px 20px 3px 20px;
  margin: 0;
}

ul#FooterNavi li a:link, ul#FooterNavi li a:visited {
  color: #FFF;
  text-decoration: none;
  font-size: 13px;
}

ul#FooterNavi li a:hover {
  color: #CCC;
  text-decoration: none;
  font-size: 13px;
}

#Footer {
  clear: both;
  margin: 0;
  padding: 0;
}