* {margin:0px;
   padding:0px;
   border:0px;
  }
html {height:100,1%;
     }
img {border:0px;
    }
body {height:101%;
      background:url(img/bgr.png) repeat 0 0;
      background-color:#ffffff;
      color:#333333;
      position:relative;
      font-size:100,1%;
      text-align:center;
      font-family:Arial,Helvetica,sans-serif;

     }
a {text-decoration:none;
   color:#ffffff;
  }
h3 {letter-spacing:0.1em;
    margin:10px;
   }
.huelle1 {
         position:relative;
         background-color:#eeeeee;
         color:#222222;
         width:60.36em;
         height:39.36em;
         margin: 0 auto;
         padding: 0 0.06em 0.06em 0;
         font-size:1em;   
        }
.huelle2 {
         position:relative;
         background-color:#dddddd;
         color:#222222;
         width:60.24em;
         height:39.24em;
         margin: 0 auto;
         padding: 0 0.06em 0.06em 0;
         font-size:1em;   
        }
.huelle3 {
         position:relative;
         background-color:#cccccc;
         color:#222222;
         width:60.12em;
         height:39.12em;
         margin: 0 auto;
         padding: 0 0.06em 0.06em 0;
         font-size:1em;   
        }
.huelle4 {
         position:relative;
         background-color:#aaaaaa;
         color:#222222;
         width:60.06em;
         height:39.06em;
         margin: 0 auto;
         padding: 0 0.06em 0.06em -0.06em;
         font-size:1em;   
        }
#bereichindex {
               position:relative;
               background-color:#ffffff;
               color:#222222;
               width:60em;
               height:39em;
               margin: 0 auto;
               padding:0;
               font-size:1em;       
              }
.layer1 {
         position:relative;
         background-color:#eeeeee;
         color:#222222;
         width:60.25em;
         height:54.9375em;
         margin: 0 auto;
         padding: 0 0.0256em 0.0625em 0;
         font-size:1em;   
        }
.layer2 {
         position:relative;
         background-color:#dddddd;
         color:#222222;
         width:60.1875em;
         height:54.875em;
         margin: 0 auto;
         padding: 0 0.0256em 0.0625em 0;
         font-size:1em;   
        }
.layer3 {
         position:relative;
         background-color:#cccccc;
         color:#222222;
         width:60.125em;
         height:54.8125em;
         margin: 0 auto;
         padding: 0 0.0625em 0.0625em 0;
         font-size:1em;   
        }
.layer4 {
         position:relative;
         background-color:#aaaaaa;
         color:#222222;
         width:60.0625em;
         height:54.75em;
         margin: 0 auto;
         padding: 0 0.0625em 0.0625em 0;
         font-size:1em;   
        }
#bereich {position:relative;
          background-color:#ffffff;
          color:#222222;
          width:60em;
          height:53.475;
          margin: 0 auto;
          padding:0;
          font-size:1em;       
         }
#kopf {position:relative;
       background:url(img/flashlight.jpg) no-repeat center top;
       background-color:#bbbbbb;
       width:60em;
       height:10.625em;
       margin: 0 auto;
       overflow:hidden;
       text-align:right;
       color:#aaaaaa;
      }
#flash {
        height:10.625em;
        width:60em;
       }
#menu {
	text-align:center;
	vertical-align:middle;
        background-color:#eeeeee;
	width:60em;
        height:2.35em;
        font-size:1em;
        background:url(img/bg.jpg) repeat-x;
        position:relative;
        margin:0 auto;
       }
#bauch {position:relative;
        width:60em;
        height:39em;
        background-color:#ffffff;
        margin: 0 auto;
       }

#mitte {
        width:47em;
        background-color:#ffffff;
        color:#333333;
        margin: 0 0.75em;
        text-align:left;
        position:relative;
       }
#rechts {
         float:right;
         width:12em;
         background-color:#ffffff;
         position:relative;
        }
.floatstop {float:none;
            visibility:hidden;
            clear:all;
            margin-top:-1em;
            height:0px;
           }
#sidebar {
          width:12em;
          background-color:#ffffff;
          position:relative;
          background-image:url(img/sidebar.png);
          background-repeat:repeat-y;
          background-position:top left;
          margin:0px auto;
         }
#kontakt {
          font-size:0.8em;
          color:#3C297A;
         }
#zeit {
       font-size:0.9em;
       color:#3C297A;
      }
#logobild {
           width:9.375em;
           height:10.1875em;
          }
.ueberschrift {
               font-size:1.5em;
              }
.text1 {
        font-size:1.05em;
       }
.red {
      color:#D3236B;
     }
.lila {
       color:#3C297A;
      }
.kapital {
          font-variant:small-cap;
          font-size:1.55em;
         }
.bigger {
         font-size:0.8em;
        }
.bigger:hover {
               font-size:1.05em;
              }
.fett {
       font-weight:bold;
      }
.gross {
        font-size:1.5em;
       }
.klein {
        font-size:0.2em;
       }
#fuss {
       background:url(img/footer.jpg) repeat-x center top;
       background-color:#3C297A;
       color:#dddddd;
       height:1.5em;
       overflow:hidden;
       text-align:right;
       padding:10px;
       margin:0 auto;
       position:relative;
      }
#info {position:relative;
       height:30.5em;
       margin: 0px auto;
       text-align:left;
       background-color:#ffffff;
       color:#000000;
       font-size:1em;
       padding: 5px 10px;
      }
#info1 {position:relative;
        float:left;
        width:30em;
        margin: 0.5em 0px;
        text-align:left;
        background-color:transparent;
        color:#000000;
        font-size:1.5em;
        padding: 0px 0 0px 0.2em;
       }
#startlink {
          font-size:1.2em;
          color:#3C297A;
          display:block;
          position:relative;
          text-align:center;
          font-weight:bold;
          padding: 0.5em 1.5em;
          border: 1px solid #3C297A;
          margin: 2.5em 3em;
         }
#infologo {
           float:right;
           position:relative;
           width:9.375em;
           height:10.1875em;
           margin: 2.5em 1.5em 0 0;
          }
.imglo {
        position:absolute;
        top:0px;
        left:0px;
        margin:0px;
       }
.imgro {
        position:absolute;
        top:0px;
        right:0px;
        
       }
.imglu {position:absolute;
        left:0px;
        bottom:0px;
        margin:0px;
       }
.imgru {position:absolute;
        right:0px;
        bottom:0px;
        margin:0px;
        }
.mitte {
        position:relative;
        background-color:transparent;
       }
.randl {
        position:relative;
        width:5px;
        margin:0px auto 0px 0px;
        background-image:url(img/randl.jpg);
        background-repeat:repeat-y;
        float:left;
       }
.randr {
        position:relative;
        width:5px;
        margin:0px 0px 0px auto;
        background-image:url(img/randr.jpg);
        background-repeat:repeat-x;
        float:right;
       }
.rando {position:relative;
        height:5px;
        margin:0px 38px auto 38px;
        background-image:url(img/rando.jpg);
        background-repeat:repeat-y;
       }
.randu {position:relative;
        height:5px;
        margin:-1em auto 0 auto;
        background-image: url(img/randu.jpg);
        background-position: bottom center;
        background-repeat:repeat-x;
       }
ul {list-style:none;
   }
li {list-style:none;
   }
#impressum a:hover {font-size:150%;
                    text-decoration:none;
                   }
#menu a,
#menu a:link,
#menu a:visited {
                 color:#333333;
                }
#menu a:hover,
#menu a:focus {
               color:#333333;
              }
#menu a:active {
                color:#D3236B;
               }
#menu li,
#menu li:link,
#menu li:visited   {
                    text-align:left;
                    padding:1px 10px 5px 10px;
                    color:#333333;
                    border-left:solid 1px #333333;
                    font-variant:small-caps;
                    background-color:#ffffff;
                    background:url(img/menu.gif) no-repeat bottom right;
                    overflow:hidden;
                   }
#menu li:hover,
#menu li:focus {
               text-align:left;
               color:#333333;
               padding: 0.6em 10px 5px 10px;
               border-left:solid 1px #333333;
               font-variant:small-caps;
               background-color:#ffffff;
               background:url(img/menu.gif)  no-repeat bottom right;
               overflow:hidden;
              }

#menu li:active   {text-align:left;
                    padding: 10px 10px 5px 10px;
                    color:#D3236B;
                    border-left:solid 1px #D3236B;
                    font-variant:small-caps;
                    background-color:#ffffff;
                    background:url(img/menured.gif)  no-repeat bottom right;
                    overflow:hidden;
                   }
#menu ul{
	list-style-type:none;
	position: relative;
	vertical-align: middle;
	text-align: center;
        margin:0px;
        overflow:hidden;
		}
#menu li{
         width:7.5em;
	 margin:5px 0px 0 3px;
         float:left;
         font-size:0.9em;
         font-weight:bold;
         overflow:hidden;
	}

<!-- ............Hauptlayout............. -->

#klinks {
         position:relative;
         float:left;
         width:23em;
         height:36em;
        }
#krechts {
          position:relative;
          float:right;
          width:22em;
          padding:0 0 0 1.2em;
          border-left: 2px solid #eeeeee;
          margin: 0 0 0 0.5em;
         }
.khead {
        font-size:1em;
        font-weight:bold;
       }
#klinks a, #krechts a {
                       padding:2px 3px;
                       color:#3C297A;
                       border:1px solid #3C297A;
                      }
#klinks a:hover, #krechts a:hover {
                                   padding:2px 3px;
                                   color:#D3236B;
                                   border:1px solid #D3236B;
                                  }
#klinks img, #krechts img {
                           float:right;
                           position:relative;
                          }
.daten {
        font-size:0.8em;
        letter-spacing:0.15em;
        clear:all;
        margin-top:-1em;
       }
#startbild {
            width:39.375em;
            height:22.8125em;
            padding:0.5em 2em;
            border-left:2px solid #eeeeee;
            border-top:2px solid #eeeeee;
            border-right:3px solid #dddddd;
            border-bottom:3px solid #dddddd;
            margin:1em 1.5em;
           }
.startklein {
             width:6em;
             height:6em;
             padding:0.1em 0.4em;
             border-left:2px solid #eeeeee;
             border-top:2px solid #eeeeee;
             border-right:3px solid #dddddd;
             border-bottom:3px solid #dddddd;
             margin:0 -0.25em 0 0.5em ;
            }
.kontaktbild {
              width:9.0625em;
              height:13.125em;
             }
.teambild {
           width:31.5625em;
           height:22.8755em;
           clear:all;
           padding:0.5em 2em;
           border-left:2px solid #eeeeee;
           border-top:2px solid #eeeeee;
           border-right:3px solid #dddddd;
           border-bottom:3px solid #dddddd;
           margin:1em 6em;
          }
.queen {
        width:15.625em;
        height:16.9375em;
        float:left;
        position:relative;
        padding: 0.4em 1em;
       }
.leiste li {
            float:left;
            position:relative;
            display:block;
            padding:0px 0px 0px 1em;
           }
.leiste a, .leiste a:link,
.leiste a:visited, .leiste a:active {
                                     color:#666666;
                                    }
.leiste a:hover, .leiste a:focus {
                                  color:#333333;
                                 }
.guts1 {
        letter-spacing:0.2325em;
        text-align:center;
        font-size:1em;
       }
.guts2 {
         text-align:center;
         font-size:1.8em;
        }
.guts3 {
        text-align:center;
        font-size:1.1em;
        letter-spacing:0.15em;
       }
.guts3a {
        text-align:center;
        font-size:1.1em;
        letter-spacing:0.54em;
       }
.guts4 {
       text-align:center;
       font-size:1em;
       letter-spacing:0.075em;
      }
.brilltext {
            font-size:1.1em;
            text-align:center;
            margin:0.2em 0 0.05em 0;
           }
.links {
        float:left;
        position:relative;
        width:15em;
       }
.rechts {
         float:right;
         position:relative;
         width:15em;
         margin:5px;
        }
.marken {
         width:15em;
         margin: 5px 0 0.7em 0;
         position:relative;
        }
.markenkeinscroll {
               position:relative;
               margin:0 auto;
               width:35em;
               height:14.5em;
              }
.keinscroll {
             position:relative;
             margin:0 auto;
             width:35em;
             height:10.25em;
            }
.markenscroll {
               position:relative;
               margin:0 auto;
               width:35em;
               overflow:scroll;
               height:19.5em;
              }
.mscrollbig {
               position:relative;
               margin:0 auto;
               width:35em;
               overflow:scroll;
               height:32.5em;
              }
.smallspacer {
              letter-spacing:0.55em;
             }
.bigspacer {
            letter-spacing:10em;
           }
#anzeige {
          font-size:0.9em;
         }
.produktscroll {
                position:relative;
                margin:0 auto;
                width:47em;
                overflow:scroll;
                height:28.5em;
               }
.shlinks {
          float:left;
          position:relative;
          width:20em;
         }
.shrechts {
           float:right;
           position:relative;
           width:16em;
           margin:5px;
          }
.floatstop {
            clear:all;
            visibility:hidden;
           }
.nofloat {
          clear:all;
         }
.kuh {
      margin: 0.7em 0.1em;
      height:21em;
      padding: 0.2em 0;
     }
.produkt {
          width:28.125em;
          height:18.75em;
          padding:0.5em 0.2em;
          border-left:2px solid #eeeeee;
          border-top:2px solid #eeeeee;
          border-right:3px solid #dddddd;
          border-bottom:3px solid #dddddd;
         }
.pfeil {
        width:0.95em;
        height:0.95em;
        padding:0px;
        margin-top:0.1em;
       }
#servicebild {
            width:26.875em;
            height:33em;
            padding:0.3em 1em;
            border-left:2px solid #eeeeee;
            border-top:2px solid #eeeeee;
            border-right:3px solid #dddddd;
            border-bottom:3px solid #dddddd;
            margin:0em 1em;
           }
.serviceklein {
             width:6em;
             height:6em;
             padding:0.1em 0.4em;
             border-left:2px solid #eeeeee;
             border-top:2px solid #eeeeee;
             border-right:3px solid #dddddd;
             border-bottom:3px solid #dddddd;
             margin:-0.1em 1em 0.5em -1em ;
            }