body{
margin: 0;
padding: 0;
font: normal normal 12px normal arial, Sans-serif;
line-height: 133%;
   
}

/* Fonts */
       h1{
        font-size:14px ;  
        text-transform: uppercase;
        	line-height: 133%;
        	margin:0 0 10px 0;
        		padding:0;
       }
        h2{
        font-size:12px ;
        		margin:0 0 5px 0;
        	padding:0;
       }
       a {
      text-decoration:none;
      color: #000000;
      padding:1px 0;   }
      
      a:hover {
      text-decoration:none;
      color: #ffe500;
      background-color:#000000 ;
  }
    .pixlink:hover  {
      text-decoration:none;
              background-color:#ffffff ;
  }
      
	  img{ border:0;}
/* ---------- */
 
/* Elemente */
#maincontainer {

     
/* real browsers */
      width: 740px; 
/*Width of main container*/
                    	margin: 0 auto;
/*Center container on page*/
	text-align: left;
  margin-top:30px;
  border:0px solid green;
padding-left:10px;
    background: url("pix/schatten.png");

}


#head {               
           
 background: #ffe500; 	
 width: 730px;
 height: 100px;
  float:left;     
 

}
.logolink:hover{
	border:0;
	text-decoration:none;
	background:none;
	}
	

#logo  {
  margin:15px 0 0 15px; 
  border:0;
	text-decoration:none;
	background:none;
}

#body {
      background: #ffffff; 
      width: 730px;  
          float: left;
}

.col1 {
    
    float: left;
    width: 220px;
   margin:15px 0 15px  15px;
}

.col2_5 {
    width: 340px;
   
    float: left;
 margin:15px 0 15px  15px;
}

.col2 {

    float: left;
    width: 400px;
  margin:15px 60px 15px  15px;
   
}

  #bestellbox {
width: 320px;
    background: url(pix/bestellbalken.gif) top left #ffe500 no-repeat;
    float: left;
 margin:15px 0 15px  15px;
 padding:25px 10px 10px 10px;
 line-height: 140%;
  }
 
 .bildercol{

    float: left;
    width: 220px;
   margin:15px 0 15px  15px;
} 
.bildercol img{
border:1px solid #808080;
   margin:0px 0 15px  0px;
}
.bildercol .pixlink img{
          border:0;
      }

      .col-autor   {

    float: left;
    width: 220px;
    height:250px;
   margin:15px 0 15px  15px;
}

#footer {
                   
      background: #ffe500;
       height: 18px;
          width: 730px;  
          clear: both;
          display:block;
          margin-bottom:0px;
		      

}
/* ---- */
  #footerschatten{
	 background: url("pix/schattenbottom.png") no-repeat;
	 margin:  0 -10px;
	 padding-left:10px;
	 border:0px solid red;
	  height:20px;
	  text-align:center;
	    width: 740px; 
		margin:auto;
	  
	  }
	  
/* Footernavi */
#footer #navi{
          float: right;
          margin:4px 15px 0 0;
          width: 250px; 
          	list-style-type:none;
} 
 #footer #navi li{
             float:left;
             margin-left:20px;   
             text-transform: uppercase;         
 }
  #footer #navi li a {
      text-decoration:none;
      color: #000000;
      padding:2px;
  }
     #footer #navi li a:hover,  #footer #navi li .aktiv {
      text-decoration:none;
      color: #ffe500;
      background-color:#000000 ;
      
  }
/* ----- */

/* Hauptnavi */
.navigation {
	margin: 13px 0 0px 0px;
	padding: 0;
	list-style-type:none;
	float:right;
}

.navigation li a {padding: 19px 0px 0 0; margin-right:15px; overflow:hidden; height: 0px !important; display:block;  border:0px white solid;  float:left;}

.navigation ul {line-height: 1em; list-style: none; margin: 0 0 0 10px; padding: 0px 0 0 0px;}

.navigation li {border:0px solid green; margin: 0px 0px 5px 0px; list-style: none; height:19px;  display:inline;}

.navigation .start:hover , .navigation .aktiv .start      {
background-position: 0 -19px;
}
.navigation .bestellen:hover , .navigation .aktiv .bestellen {
background-position: -72px -19px;
}
.navigation .buch:hover , .navigation .aktiv .buch {
background-position: -178px -19px;
}
.navigation .autoren:hover , .navigation .aktiv .autoren {
background-position: -323px -19px;
}

 .navigation .start {background: url(pix/navivi_sprite.gif) 0px 3px no-repeat; width:53px; }
.navigation .bestellen {background: url(pix/navivi_sprite.gif) -72px 3px no-repeat; width:98px; }
.navigation .buch {background: url(pix/navivi_sprite.gif) -178px 3px no-repeat; width:141px; }
.navigation .autoren {background: url(pix/navivi_sprite.gif) -323px 3px no-repeat; width:82px; }

   /* ----- */