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

* { padding: 0px;
    margin: 0px;
    }
    
html {
      width:100%;
      }

body {
      background: #d6dadd url(../upload/layout/bild_15.gif) fixed repeat-x left bottom;
      
      }
      
#surface {
      width: 100%;
      height: 100%;
      min-width: 770px;
      position: relative;
      
      }
      
#top {
      background: #CCCCCC url(../upload/layout/top01.gif) repeat-x left top;
      height: 47px;
      width: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      } 
      
#topIn1 {
      background: transparent url(../upload/layout/navbar.gif) no-repeat left top;
      height: 47px;
      width: 100%;
      }

#topIn2 {

      background: transparent url(../upload/layout/i1.gif) no-repeat right top;
      height: 47px;
      width: 100%;
      position: relative;
      }
      
#navigation {
      left: 20px;
      top: 10px;
      width: auto;
      min-width: 480px;
      height: 24px;
      position: absolute;
      }
      
#sidenav {
      width: 235px;
      position: absolute;
      height: 20px;
      top: 17px;
      right: 5px;
      }
      
#sight {
      background: transparent url(../upload/layout/slogan.gif) repeat-x left top;
      width: 100%;
      height: 204px;
      position: absolute;
      left:0px;
      top: 47px;
      }
      
#sightIn1 {
      background: transparent url(../upload/layout/bild_08.jpg) no-repeat right top;
      width: 100%;
      height: 204px;
      padding: 0px;
    margin: 0px;
      }
      
#logo {
      background:  transparent url(../upload/layout/logo.gif) no-repeat right bottom;
      width: 400px;
      height: 204px;

      }
      
#content-wrap {
      width: 96%;
      padding: 40px 2%;
      min-height: 300px;
      background: transparent url(../upload/layout/bild_10.gif) repeat-x left top;
      text-align: center;
      position: absolute;
      left: 0px;
      top: 251px;
      }
      
div.invi {
      visibility: hidden;
      display: none;
      font-size: 0px;
      }