body {margin:0px;
      background-color:#ffffcc; 
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:12px; 
      color:#333366;}

 
/* Header-Grafiken & Logo formatieren */
.top-anchor {position: absolute;
              top:0px;
              left: 0px;}

#header, .logo-container, .gr-top-right {display: block;}

#header{width: auto; 
          min-width: 775px;
          height:288px;
          background:url(../bilder/leiste_oben.gif) repeat-x top center; }

.logo-container, .gr-top-right {width: 736px; 
                                height: 120px; }
                                
.logo-container { margin: 0 auto; 
                  background: url(../bilder/1px.gif) no-repeat left top; }
                  
.gr-top-right { position: relative; 
                background: url(../bilder/1px.gif) no-repeat right top; 
                z-index: 1; }

h1.gr-middle {position: absolute; 
              top: 0px; 
              left: 253px; 
              margin: 0; 
              padding: 0; 
              width: 238px; 
              height: 120px; 
              background:url(../bilder/logo_n.gif) no-repeat;}


/* Rechte und linke obere Elemente */
.lr-container { position: relative; 
                width: 100%;
                min-width: 775px;
                z-index: 2;}

.lr-z { position: relative; 
        z-index: 3; }

span.gr-left, span.gr-right { position: absolute; 
                              top: -288px; 
                              width: 181px; 
                              height: 288px; }

span.gr-left {left: 0px; 
              background: url(../bilder/leiste_links.gif) no-repeat;
              z-index: 3; }

span.gr-right { right: 0px; 
                background: url(../bilder/leiste_rechts.gif) no-repeat; }


/* Hauptbereich */
#mainframe {position: relative;
            top: -17px;
            width: 100%;
            background: url(../bilder/leiste_li_u.gif) repeat-y left;
            z-index: 9; }
            
#main-cont {width: 100%;
            min-width: 775px;
            background: url(../bilder/leiste_re_u.gif) repeat-y right;}

#text { width: 500px;
        position: relative;
        top: -180px;
        left: 50%;
        margin-left: -200px;}

#footer { width: 100%;
          height: 8px;
          background: url(../bilder/leiste_unten.gif) repeat-x top center;}


/* Navigation */

#mainNavi a:hover {text-decoration:underline;}

.foldheader, .menuitem{display:block;}

.foldheader {width: 150px;}

.menuitem{font-size:13px;
          position:relative;
          margin:2px;
          width:140px;
          left:-35px;}


/* Textelemente */
h1 {
	font-size: 23px;
    font-weight: bold;
    height: 23px;
    min-width: 1px;
}

h2 {font-size: 15px;
    font-weight: bold;}

.intro{position:relative;
      left:200px;
      top: -210px;
      width:500px;}

.letter{float: left;}

.intro-zitat{ font-size: 10px;
              width:390px;}
      
.leflo {margin: 4px;
        float:left;
        border: 7px solid #cc6666;}
        
.riflo {margin: 4px;
        float:right;
        border: 7px solid #cc6666;}

.produkt {width: 450px;
          font-size: 12px;
          position:relative;
          margin: 30px;}

#text a { text-decoration:none;
          color: #333366;}
#text a:hover{text-decoration:underline;}

.produkt img{ float: left;
              margin: 10px;}
       
.info {color: #cc6666;}

.prod-titel{margin: 9px;
            font-size: 17px;
            font-weight:bold;}

.clear, .prod-titel { clear: both;}

.anchor img {border: 0px;}