body {
background-image:url(pics/bg.jpg);
background-repeat:repeat-x;
background-color:#778994;
}

p{
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
color: #222222;
padding:10px 12px 0px 15px;
margin:0px;
}

h1 {
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
font-size:15px;
line-height:25px;
font-weight:bold;
color: #5D676D;
padding:20px 12px 0px 0px;
}

hr {
background-color:#00a0d1;
color:#00a0d1;
border: none;
height:1px;
width:150px;
text-align:center;
}



#container {
width:792px;
height:100%;
margin-left:auto;
margin-right:auto;
margin-top:15px;
text-align:left;

}

#bgcolor {
background-image:url(pics/hg.png);
background-repeat:x-repeat;
height:100%;
float:left;
border:0px;
padding:0px;
margin: 0px;
border:1px solid #00a0d1;
}

#centerdiv {
width:792px;
height:100%;
text-align:left;
float:left;
background-color:transparent;
}

#header {
background-color:transparent;
padding:0px;
margin: 0px;
float:left;
weight:633px;
height:271px;

}

#logo {
width:634px;
height:91px;
margin:0px;
padding:0px;
text-align:left;
float:left;

}

#key {
width:634px;
margin:0px;
height:550px;
padding:0px;
border-bottom:1px solid #e5e9ec;
}

#content {
width:634px;
min-height:350px;
height:auto !important;
height:350px;
padding:0px 0px 20px 0px;
margin:0px;
float:left;
background-image:url(pics/schraube.jpg);
background-repeat:no-repeat;
background-position:bottom;
  background-color:#fff;
}

#content-text {
width:532px;
min-height:350px;
padding:0px 0px 0px 60px;
margin:0px;
float:left;
}

ul#content-ul {
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
color: #222222;
padding:0px 12px 10px 30px;
margin:0px;
}

#content-ref {
width:532px;
min-height:350px;
height:auto !important;
height:350px;
padding:0px 0px 0px 60px;
margin:0px;
float:left;
background-image:url(pics/beschreibung.gif);
background-repeat:no-repeat;
background-position:bottom;
}

#content-tab {
width:532px;
padding:0px 0px 0px 40px;
margin:2px 0px 0px 0px;
float:left;
}

table.sample {
width:570px;
padding:0px;
margin-top:20px;
border-width: 1px;
border-style: solid;
border-color: #ffffff;
border-collapse: collapse;
background-color: white;
}

td.sample02 {
width:180px;
padding:0px;
margin:0px;
background-color: #e6e9ec;
}

table.paket {
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
color: #222222;
}

#right {
width:158px;
padding:0px;
margin:0px;
float:right;
text-align:left;
background-color:transparent;
background-color: #00a0d1;
}

#right-shadow {
width:5px;
height:90px;
padding:0px;
margin:0px;
float:left;
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
background-color:transparent;
}

#Navigation {
width:180px;
height:100%;
padding:0px;
margin:0px;
float:left;
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
font-size:10px;
}


ul#Navigation {
width: 170px;
height:250px;
margin: 0; padding: 0px;
}

ul#Navigation li {
list-style: none;
margin: 10px 0px 0px 9px;
}

ul#Navigation li a {
text-align:left;
padding: 5px;
text-decoration: none; font-weight: bold;
color: #ffffff;
}


ul#Navigation li a:hover {
color: #373A3C;
font-size:10px;
text-decoration: none; font-weight: bold;
}

ul#Navigation li a.high {
color: #373A3C;
font-size:10px;
text-decoration: none; font-weight: bold;
}

#Kontakt {
width:137px;
height:20px;
padding:0px;
margin:0px;
float:left;
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
font-size:10px;
background-color: #00a0d1;
}

ul#Kontakt {
width: 130px;
height:60px;
margin: 0; padding: 0px;
background-color: #00a0d1;
}

ul#Kontakt li {
list-style: none;
margin: 10px 0px 0px 9px;
}

ul#Kontakt a {
text-align:left;
padding: 5px;
text-decoration: none; font-weight: bold;
color: #ffffff;
}


ul#Kontakt a:hover {
color: #373A3C;
font-size:10px;
text-decoration: none; font-weight: bold;
}

ul#Kontakt li a.high {
color: #373A3C;
font-size:10px;
text-decoration: none; font-weight: bold;
}

a.link{
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
font-size:10px;
color: #00aecf;
padding:5px 5px 0px 0px;
text-decoration:none;
font-weight: bold;
}

a.link:hover{
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
font-size:10px;
color: #373A3C;
padding:5px 5px 0px 0px;
text-decoration:none;
}

a.back{
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
font-size:10px;
color: #00aecf;
padding:5px 5px 0px 0px;
text-decoration:none;
font-weight: bold;
}

a.back:hover{
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
font-size:10px;
color: #373A3C;
padding:5px 5px 0px 0px;
text-decoration:none;
background-color:#fff;
}


#footer {
width:792px;
height:7px;
padding:0px;
float:left;
background-image:url(pics/footer.png);
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
text-align:right;

}

td.preise01 {
font-size:14px;
font-weight: bold;
color: #5D676D;
border:1px solid black;
background-color:#D7EDF5;
padding:3px;
}

td.preise02 {
border:1px solid black;
border-top:0px solid black;
background-color:#CFD6DB;
padding:3px;
font-size:11px;
font-weight: bold;
}

td.preise03 {
border-left:1px solid black;
border-bottom:1px solid black;
background-color:#blue;
padding:3px;
}

td.preise04 {
border:1px solid black;
border-top:0px;
background-color:#blue;
padding:3px;
}

td.preise05 {
font-size:14px;
font-weight: bold;
color: #5D676D;
border:1px solid black;
border-top:0px;
background-color:#D7EDF5;
padding:3px;
}