dl  {list-style-type:none;  margin: 12px 0 20px 0px;  font-size: 11px;color: #5F5F5F;
    letter-spacing: 1px; }
dt { font-weight: bold; color: #FF0000; margin: 1.2em 0 0 0; letter-spacing: 1px; padding: 5px 0px 5px 0px; font-size: 18px;}
dd { list-style-type:none; margin:0 0 0 0; color: #000000;letter-spacing: 1px;font-size: 12px;  padding: 5px 0px 5px 0px; }
strong { font-weight:bold; }

ol li{ font-size: 14px;line-height: 20px; margin: 0 0 20px 20px; list-style-type: square;}
ol ol { list-style-type:none; font-size: 14px; line-height: 20px; margin: 0.5em 0 0 0;}
ol  { list-style-type:none; font-size: 14px; line-height: 20px; margin: 2.2em 0 1.4em 0px;}


blockquote, cite, q {font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;}
blockquote { margin:0 0 1em 1.6em; color:#4F4F4F; }
s {font-weight: bold;}
u {font-weight: bold; color:#FF0000;}
b {font-weight: bold; }


h1 {
    font-size: 18px;
    line-height: 36px;
    color: #FF0000;
    letter-spacing: 1px;
    margin: 0 0 10px 0px;
    text-decoration: none;}

h2, h2 a:link, h2 a:visited, h2 a:active {
    font-size: 18px;
    line-height: 36px;
    color: #00009F;
    letter-spacing: 1px;
    margin: 0 0 10px 0px;
    text-decoration: none;}

h3 {
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 20px;
    color: #FFFFFF;
    margin: 0 0 10px 0;
    text-decoration: none;}


h4 {
   font-family:Helvetica, Arial, Tahoma, sans-serif;
   font-size: 16px;
   font-weight: bold;
   letter-spacing: 1px;
   text-decoration: none;
   line-height: 20px;
   color: #5F5F5F;
   margin: 10px 0 0px 0;}

h5 {
   font-family:Helvetica, Arial, Tahoma, sans-serif;
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
   line-height: 20px;
   color:#FF0000;
   margin: 0 0 -10px 0;}

h6 {
   font-family:Helvetica, Arial, Tahoma, sans-serif;
   font-size: 13px;
   line-height: 20px;
   letter-spacing: 1px;
   font-weight: bold;
   text-decoration: none;
   color:#FF0000;}

a:link, a:visited, a:active {color: #FF0000; text-decoration: none;}
a:hover {color: #333333;text-decoration: none;}

body {
    background:  url(../images/background_bg.jpg) center top repeat-y;
    font-family: Helvetica, Arial, Tahoma, sans-serif;
    font-size: 11px;
    color: #333333;}

.clear {
    clear: both;}

#header-bar {
    background:  url(../images/background_bg.jpg) center top repeat-y; ;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;}

#page {
webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
box-shadow: 5px 5px 5px #000000;


    position: relative;
    width:  980px;
    margin: 0 auto;}

#header {
    background:#FFFFFF;
    color: #0000BF;
    width: 980px;
    height: 110px;}


#header span {
    padding:20px 0px 0px 20px;
    float: left;}

#slogan {
    position: absolute;
    top: 35px;
    right: 20px;}
#slogan dl {
    width: 250px;}

#slogan dd {
    font-weight: bold;
    font-size: 15px;
    color: #FF0000;
    letter-spacing: 1px;
}




#header a:link, #header a:visited, #header a:active {color: #999999;text-decoration: none;}
#header a:hover {color: #CC0066;text-decoration: none;}

#main {
    background: #FFFFFF;
    width: 980px;}

#banner {
    margin: 0 0 40px 0;}

#banner img {
    margin: 20px 0 0 20px;}

div#menue-container {
 width: 100%;
 background: url(../images/navi_bg.png)  repeat-x;

height: 35px;
clear: both;

}

div#navigation {
  margin: 0 auto;
  position: relative;
  width:960px;
  width: 100%;

height: 35px;

  /* overflow:hidden */
  /* display: table; */

  padding-left:10px;
  padding-right: 20px;
  clear: both;
}
* html #navigation { height: 1%; }

div#textbereich { clear: both; }

div#navigation ul {
  padding: 0;
  margin: 0 0 0 10px;
  background: url(../images/navi_bg.png)  repeat-x;

}
div#navigation li {
  float: left;
  width: auto;
  list-style: none;
  padding: 0;
  margin: 0;
  background: url(../images/navi_bg.png)  repeat-x;                         ;
 }

div#navigation a {
  color: #FFFFFF;
  font-weight: bold;
  display: block;
  padding: 12px 15px 11px 10px;
  text-decoration: none;
}

div#navigation li a.activ {
  background: #FF0000;
  color: #FFFFFF;
  text-decoration: none;
  border-top: 1px solid #7c6363;
  border-bottom: 1px solid #7c6363;
  padding-bottom:10px;
  margin: 0px 0px 0px 0px;

}

div#navigation ul a:hover,
div#navigation ul a:focus {
  background: #BFBFBF;
  color: #FFFFFF;
  }
div#navigation ul a:active {
   background: none repeat scroll 0 0 #FF0000;
  color: white;
}


div#navigation ul.level2 li { clear: both; }

/* Schritt 2 - Zweite Ebene verstecken */
div#navigation ul.level2 {
  position: absolute;
  left: -32768px;
  top: -32768px;
  width: 0;
  height: 0;}

/* Schritt 3 - Zweite Ebene wieder einblenden */
div#navigation li:hover ul.level2{
  left: auto;
  top: auto;
  display: block;
  width: auto;
  height: auto;}

/* Schritt 4 - Links in der zweiten Ebene gestalten */
div#navigation ul.level2 a {
  background:#BFBFBF;
  color: #FFFFFF;
  min-width: 10em;
  padding: 10px 13px 10px 10px;
  margin: 0px 0px 0px -10px;
  border-top:1px solid #FFFFFF;

}
* html div#navigation ul.level2 a { width: 11em; }

/* Schritt 5: Moment des Klicks in der zweite Ebene */
div#navigation ul.level2 a:active {
  background:#8DC21C;
  color:#FFFFFF;
}

/* Schritt 6: Hover-Effekt für die zweite Ebene */
div#navigation ul.level2 a:hover {
 background: url(../images/navi.png)  repeat-x;
  color: #FFFFFF;
}

#content {
    width: 620px;
    float: left;
    margin: 0 80px 0 20px;}

.entry {
    display: inline-block;
    margin: 10px 0 20px 0;}


.icon_service {float: left; padding-right: 10px; padding-bottom: 20px; }
.drive {float: left; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; }
.label {float: left; padding-top: 0px; padding-right: 10px; padding-bottom: 20px; }
.foto {float: right; margin-top: 0px; padding-left: 15px; padding-bottom: 20px; }
.foto_impressum {float: right; }
p {
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 20px 0;
    text-align: justify;}
p.impressum {font-size: 12px;line-height: 20px; padding: 2px 0px 2px 0px; margin: 0.3em 0  0.9em 0; list-style-type: none; width: 620px;font-family:Helvetica, Arial, Tahoma, sans-serif; color: #000000;}

#teaser_lavamat {
         width: 620px;
         margin-top: 5px;
         padding: 10px 10px 0px 0px;
         border-bottom: 1px dashed #BFBFBF;
         min-height: 220px;}


#teaser_lg {
         width: 620px;
         margin-top: 15px;
         padding: 10px 10px 0px 0px;
         border-bottom: 1px dashed #BFBFBF;
         min-height: 220px;}

#teaser_waschmaschine {
         width: 620px;
         margin-top: 15px;
         padding: 10px 10px 0px 0px;
         border-bottom: 1px dashed #BFBFBF;
         min-height: 220px;}

#teaser_kombi {
         width: 620px;
         margin-top: 5px;
         padding: 10px 10px 0px 0px;
         border-bottom: 1px dashed #BFBFBF;
         min-height: 220px;}

#teaser_side {
         width: 620px;
         margin-top: 5px;
         padding: 10px 10px 0px 0px;
         border-bottom: 1px dashed #BFBFBF;
         min-height: 220px;}

#teaser_spueler {
         width: 620px;
         margin-top: 5px;
         padding: 10px 10px 0px 0px;
         border-bottom: 1px dashed #BFBFBF;
         min-height: 220px;}

#teaser_kochfeld {
         width: 620px;
         margin-top: 5px;
         padding: 10px 10px 0px 0px;
         border-bottom: 1px dashed #BFBFBF;
         min-height: 130px;}

#teaser {
         width: 620px;
         margin-top: 15px;
         padding: 10px 10px 0px 0px;
         border-top: 1px dashed #BFBFBF;
         min-height: 155px;}

p.teaser {width: 500px;
          margin-left: 170px;
          padding: 0px 0px 0px 0px;
          font-size: 14px;
          }

.foto_teaser{
         width:150px;
         height:210px;
         border:none;
         float: left;
         margin-left:0px;
         margin-bottom: 10px;}

.foto_teaser_feld{
         width:150px;
         height:113px;
         border:none;
         float: left;
         margin-left:0px;
         margin-bottom: 10px;}


.icon {float:left;
padding-right: 10px;}
.icon_haken   {padding-right: 10px;}

#sidebar {
    width: 22.6%;
    float: left;
}

.widget {
    display: inline-block;
    margin: 25px 0 20px 0;
}

#sidebar h6 {
    width: 240px;
    height: 160px;
    padding: 0 0 0 0px;}

#sidebar h5{
width: 240px;}

.photo_small {
  width: 30px;
  float: left;
  margin: 0 0.6em 0.2em 0;
  padding: 0;}

ul.submenu {
    margin: 12px 0 0 20px;
}

.submenu li {
    color: #999999;
    line-height: 30px;
    letter-spacing: 1px;
}

.submenu li a:link, .submenu li a:visited, .submenu li a:active {
    color: #999999;
}

.submenu li a:hover {
    color: #CC0066;
}

ul.articles {
    margin: 0;
    width: 260px;
}

.articles li {
    color: #999999;
    font-size: 13px;
    font-weight: bold;
    color:#00007F;
    line-height: 24px;
    letter-spacing: 1px;
    padding: 20px 0 0px 20px;}

.articles li a:link, .articles li a:visited, .articles li a:active {
    color: #999999;
}

.articles li a:hover {
    color: #CC0066;
}

p.about-us {
    color: #999999;
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 1px;
    margin: 12px 20px 0 20px;}

#footer-bar {
    background: #E8E8E8;
    width: 100%;}

#footer {

    width:978px;
    position: relative;
    clear: both;
    height:230px;

    color: #FFFFFF;
    background:url(../images/footer-bg.jpg) 0px 0px no-repeat;
    border-left: 1px solid #4F4F4F;
    border-right: 1px solid #4F4F4F;}

.footer-one-third {
        float:left;
        margin:20px 10px 20px 20px;
        width:150px;
        position: relative;
        text-align:left;
        color: #FFFFFF;
        overflow:hidden;}

.footer-one-third ul{
         line-height: 20px;
         padding-right:10px ;}

.footer-one-third ul, .footer-one-third li {
        list-style: none;
        margin-left:0 ;
        color: #FFFFFF;}

.footer-one-third li {
         color: #FFFFFF;
         padding: 0px 0px 0px 0px;}


.footer-one-third-footer-last {
        float:left;
        margin:20px 10px 20px 20px;
        width:150px;
        position: relative;
        text-align:left;
        overflow:hidden;}

.footer-one-third-footer-last ul{
         line-height: 20px;
         padding-right:10px ;}

.footer-one-third-footer-last ul, .footer-one-third-footer-last li {
        list-style: none ;
        margin-left:0 ;}

.footer-one-third-footer-last li {
         padding: 0px 0px 0px 0px;}

#footer a:link {color:#FFFFFF;}
#footer-container a:visited{color:#FFFFFF;}
#footer a:hover{color:#CFCFCF;text-decoration:none;}

#last-comments {

    float: right;
    width: 260px;
    height:230px;}

#last-comments h6 {

    width: 240px;
    height: 64px;
    color: #FFFFFF;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 35px;
    margin: 20px 0 0 0;
    padding: 0 0 0 20px;}

#last-comments ul {
    margin: 0 0 20px 0;
    width: 260px;}

#last-comments li {
    color: #FFFFFF;
    font-size: 11px;
    text-transform: none;
    line-height: 16px;
    letter-spacing: 1px;
    padding: 12px 0 0px 20px;}

#last-comments li:last-child {
    border-bottom: 0;}

#last-comments li a:link, #last-comments li a:visited, #last-comments li a:active {color: #999999;}
#last-comments li a:hover {color:#CFCFCF;}