/* webtain
Start 19. März 2008 */
/*Wichtige Farben
grau: #616161
dunkelgrau: #4a4949
cyan: #009ee0
dunkelblau: #162c80
hellblau: #d9f1fc
*/
*{
padding: 0;
margin: 0;
}
body {
font-size: 70%; line-height: 1.4em; font-family: Verdana, Helvetica, sans-serif; text-align: center; color: #616161;
background: url(../img/bg_webtain.png);
}
ul,li {
padding: 0; margin: 0; list-style-type: none; border: 0;
}
img, a img {
border: 0;
}
#wrap {
width: 952px;
height: 100%;
margin: 0 auto;
padding: 0;
text-align: left;
background: url(../img/hintergrund.gif) repeat-y;
}
html {
height: 100%; margin-bottom: 1px;
}
/* -------------------------Logo und zweite Navigation----------------------*/
#logo {
width: 952px;
height: 78px;
background: url(../img/logo.gif) left no-repeat;
}
#logo ul {
float: right;
margin: 50px 10px 0 0;
}
#logo ul li {
font-size: 0.9em;
display: inline;
padding: 0 5px 0 5px
}
#logo li a:link, #logo li a:visited {
color: #4a4949;
text-decoration: none;
}
#logo li a:hover, #logo li a:active {
color: #616161;
text-decoration: underline;
}
/* -------------------------Kopfbereich----------------------*/
#header {
width: 952px;
height: 230px;
background: url(../img/header1.jpg) left no-repeat;
}
#header2 {
width: 952px;
height: 230px;
background: url(../img/header2.jpg) left no-repeat;
}
#header3 {
width: 952px;
height: 230px;
background: url(../img/header3.jpg) left no-repeat;
}
#header4 {
width: 952px;
height: 230px;
background: url(../img/header4.jpg) left no-repeat;
}
#header5 {
width: 952px;
height: 230px;
background: url(../img/header5.jpg) left no-repeat;
}
#header6 {
width: 952px;
height: 230px;
background: url(../img/header6.jpg) left no-repeat;
}
#header7 {
width: 952px;
height: 230px;
background: url(../img/header7.jpg) left no-repeat;
}
/* -------------------------Hauptnavigation----------------------*/
#navigation {
float: left;
width: 205px;
height: auto;
background: url(../img/bg_links.gif) repeat-y;
}
#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#navigation li {
display: block;
text-align: right;
}
#navigation li.navi1 {
display: block;
text-align: right;
font-weight: bold;
font-size: 1.1em;
padding-top: 12px;
}
#navigation li.navi2 {
display: block;
text-align: right;
font-weight: normal;
font-size: 1.0em;
padding-top: 6px;
}
#navigation li.navi1 a:link, #navigation li.navi1 a:visited {
width: 205px;
padding: 4px 39px 8px 0;
color: #4a4949;
text-decoration: none;
}
#navigation li.navi1 a:hover, #navigation li.navi1 a:active {
color: #009ee0;
}
#navigation li.navi2 a:link, #navigation li.navi2 a:visited {
width: 205px;
padding: 4px 39px 8px 0;
color: #4a4949;
text-decoration: none;
}
#navigation li.navi2 a:hover, #navigation li.navi2 a:active {
color: #009ee0;
}
#navigation li a:link.aktiv, #navigation li a:visited.aktiv, #navigation li a:hover.aktiv, #navigation li a:active.aktiv {
color: #009ee0; }

/* -------------------------Inhaltsbereich----------------------*/
#content {
float: left;
width: 542px;
height: auto;
}
#inhalt1 {
width: 542px;
height: auto;
background-color: #fff;
}
#inhalt2 {
width: 542px;
height: auto;
background-color: #d9f1fc;
}
#inhalt4 {
width: 542px;
height: 480px;
overflow: auto;
background-color: #fff;
}
/* -------------------------Auszeichnungen Überschriften und Text----------------------*/
h1 {
font-size: 1.8em;
color: #4a4949;
margin: 0;
padding: 30px 50px 10px 58px;
}
h2 {
font-size: 1.4em;
color: #009ee0;
margin: 0;
padding: 20px 50px 0 58px;
}
h3 {
font-size: 1.1em;
color: #009ee0;
padding: 6px 0 0 35px;
}
p {
padding: 6px 50px 6px 58px;
}
p.zitat {
font-size: 0.9em;
padding: 0 0 6px 58px;
}
p.info {
font-size: 0.85em;
line-height: 1.4em;
padding: 100px 5px 0 14px;
}
p.agb {
font-size: 0.85em;
line-height: 1.4em;
padding: 3px 20px 3px 58px;
}
p.abstand {
padding: 10px 50px 15px 58px;
}
p.anfahrt {
text-align: center;
}
.web {
color: #162c80;
font-style: italic;
}
.tain {
color: #009ee0;
font-style: italic;
}
/* -------------------------Auszeichnungen Bilder, Listen und Links im Inhalt----------------------*/
img.text {
float: left;
padding-right: 15px;
}
img.domain {
padding-top: 5px;
}
img.referenz {
float: left;
margin-right: 15px;
border: 1px solid #e8e8e8;
}
img.anfahrt {
float: left;
margin-top:8px;
padding-right:0px;
margin-bottom:8px;
padding-left:12px;
}
#content ul {
padding: 12px 0 0 78px;
margin: 0;
}
#content li {
list-style-image: url(../img/pfeil.gif);
padding: 1px 0 0 5px;
}
#content a:link, #content a:visited {
text-decoration: none;
color: #009ee0;
}
#content a:hover,  #content a:active {
text-decoration: underline;
}
/* -------------------------Sitemap----------------------*/
#inhalt5 {
float: left;
width: 542px;
background-color: #fff;
}
#inhalt5 ul {
padding: 12px 0 0 78px;
margin: 0;
}
#inhalt5 ul.ebene {
padding: 5px 0 5px 20px;
margin: 0;
}
#inhalt5 li {
list-style-type: none;
padding: 1px 0 0 5px;
}
#inhalt5 a:link, #inhalt5 a:visited {
text-decoration: none;
color: #4a4949;
}
#inhalt5 a:hover,  #inhalt5 a:active {
color: #009ee0;
text-decoration: underline;
}
/* -------------------------Tabelle Referenzen----------------------*/
table {
empty-cells: hide;
margin-left: 46px;
}
table.referenz {
empty-cells: hide;
margin-left: 18px;
}
td.bild {
width: 150px;
height: auto;
border: 1px solid #e8e8e8;
margin: 0 12px 20px 0;
}
td.text {
width: 310px;
height: auto;
text-align: left;
vertical-align: top;
margin: 0 0 20px 0;
}
/* -------------------------Seiten blättern Referenzen----------------------*/
#inhalt3 {
width: 542px;
height: auto;
background-color: #d9f1fc;
}
#inhalt3 ul {
margin-top: 18px;
text-align: center;
}
#inhalt3 ul li{
margin: 0;
padding: 0;
display: inline;
}
#inhalt3 li a:link, #inhalt3 li a:visited {
font-weight: bold;
padding: 0 7px 0 7px;
text-decoration: none;
color: #009ee0;
}
#inhalt3 li a:hover, #inhalt3 li a:active {
color: #162c80;
}
#inhalt3 li a:link.hier, #inhalt3 li a:visited.hier,
#inhalt3 li a:hover.hier, #inhalt3 li a:active.hier {
font-weight: bold;
padding: 0 7px 0 7px;
color: #162c80;
}
/* -------------------------rechte Seite----------------------*/
#info {
float: right;
width: 205px;
height: auto;
}
#special {
width: 205px;
height: 182px;
background: url(../img/special.jpg)
}
#cms {
width: 205px;
height: 182px;
background: url(../img/cms.jpg)
}
#shop {
width: 205px;
height: 182px;
background: url(../img/shop.jpg)
}
#info a:link, #info a:visited {
text-decoration: none;
color: #009ee0;
}
#info a:hover,  #info a:active {
color: #162c80;
}
/* -------------------------fußzeile----------------------*/
#footer {
width: 952px;
height: 27px;
background: url(../img/footer.gif)
}
.clear{
clear: both;
}