@charset "utf-8";
/* CSS Document */

html, body {

      width: 100%
      }
      
html {

      overflow: hidden;
      }
      
html, div {
      display: block;
      }
      
body {

       margin: 0px;
       padding: 0px;
       background-image: url(../upload/layout/BG.jpg);
       background-repeat: repeat-x;
       background-color: #000000;
       

       }

#wrap {

      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      background-image: url(../upload/layout/11.gif);
      background-repeat: repeat-y;

      overflow: auto;
      width: 100%;
      height: 100%;

      


      }


#surface {
      
      position: relative;
      left: 0;
      bottom: 0;
      top: 0;
width: 970px; 
      background-color: white;
      background-image: url(../upload/layout/11.gif);
      background-repeat: repeat-y;
      height: 100%;


      }
    

#roof {

      background-image: url(../upload/layout/2.gif);
      background-repeat:repeat-x;
      width: 100%;
      height: 9px;
      position: absolute;
      top: 0px;
      left: 0px;
      }
      
      
#roofleft {

      background-image: url(../upload/layout/1.gif);
      background-repeat: no-reapeat;
      width: 277px;
      height: 9px;
      position: absolute;
      top: 0px;
      left: 0px;
      }

#top {

      width: 100%;
      height: 70px;
      position: absolute;
      top: 9px;
      left: 0px;
      background-color: #FFCE1F;
      }
      
      
#topIn {

      width: 100%;
      height: 70px;
      position: relative;
      }
      
      
#topInLeft {
      width: 186px;
      height: 70px;
      position: absolute;
      left: 0px;
      top: 0px;
      background-image: url(../upload/layout/3.gif);
      }
      
     
#topInMiddle {

      width: 588px;
      height: 70px;
      position: absolute;
      left: 186px;
      top:0px;
      background: url(../upload/layout/4.gif) no-repeat 3px 0%;
      
      z-index:20;
      }


/* ######### Hier ist der Text "Willkommen bei Autohaus Sauske" ########## */

#topInMiddle p {

      font: 18px Arial;
      color:#000;
      font-weight: bold;
      text-decoration:none;
      font-style: italic;
      margin: 0px;
      padding: 23px 0px 0px 13px;
      letter-spacing: 1px;
    }
    
/* ########## ....Ende.... ########## */
#topInMiddle img {
    margin:6px 8px 0 0;
}   
      
#topInRight {

      width: 293px;
      height: 70px;
      position: absolute;
      right: 0px;
      top: 0px;
      background: url(../upload/layout/Logo.jpg) no-repeat 100% 0%;
      }
     

      
#shadow {

      width: 100%;
      height: 10px;
      position: absolute;
      left: 0px;
      top: 79px;
      background-image:url(../upload/layout/7.gif);
      background-repeat:repeat-x;
      }
      
      
#shadowIn {

      width: 230px;
      height: 10px;
      position: relative;
      }
      
      
#bogenRoof {

      width: 230px;
      height: 10px;
      background-image: url(../upload/layout/6.gif);
      background-repeat: no-repeat;
      position: absolute;
      left: 0px;
      top: 0px;
      }
      
      
#bogen {

      width: 230px;
      height: 54px;
      position: absolute;
      left: 0px;
      top: 89px; 
      background-image: url(../upload/layout/8.gif);
      }
      

#leiste {
      
      width: 177px;
      height: 400px;
      position: absolute;
      left: 0px;
      top: 143px;
      background-image:url(../upload/layout/9.gif);
      background-repeat: no-repeat;
      }


#leisteIn {
      
      width: 177px;
      height: 400px;
      position: relative;
      }

#navigation {

      width: 170px;
      height: 100px;
      position: absolute;
      left: 7px;
      top: 20px;
      }

#content {

        width: 717px;
        overflow: hidden;
        margin: 0px 0px 0px 193px;
        padding: 86px 20px 20px 40px;
        min-height: 700px;
        background-color: white;
                    border-right: 5px solid #2C2C2C;

        }