/********* -- "styles.css" - StyleSheets Uebersicht -- *********

		body
			
		  + main 
			  
		    + head
			  
		    + navi
		      + table
		       + td
			  + a 
			 
		    + content
		      + p
                       + a
			+ h1-h6
                         + ul
			  +li
	  			
		    + foot
		      + hr
		       + ul
			+ li
			 + a

		         + buchen
		           + p
		            + h3
			
		         + player 
			   + p
			    + h3
			
			 + gast
			   + p
			    + h3 	      
				
************* -- StyleSheets Übersicht Ende -- ***********/


/*********************		
 =body	             *
**********************/ 

body{
   margin: 0px auto 0px auto;
   padding: 0px;  		
   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   font-size: 12px; 
   text-align: center;
   background-image: url(../media/body_bg.jpg);
   background-repeat: repeat-x;
   background-position: bottom;
   background-attachment: fixed; 
   background-color: #FBC62F;}

		
/*********************		
  =main              *
**********************/  	    

#main{
   width: 700px;
   height: auto;
   margin: 0px auto 0px auto;
   padding: 0px;				
   text-align: center;
   background-image: url(../media/main_bg.jpg);
   background-repeat: no-repeat;
   background-position: top;
   background-color: #ffffff;}


/*********************		
  =head / =kopf	   *
**********************/  
	
#head{		
   width: 700px; 
   height: 150px;
   margin: 0px;
   padding: 0px;}


/*********************		
  =navigation        *
**********************/  

#navi{
   margin: 70px 0px 0px 0px;
   padding: 0px;
   width: 150px;
   height: 500px;
   text-align: left;		
   float: left;}

   #navi table{
      margin: 0px;
      padding: 0px;}
                               
   #navi td, #naiv tr{
      height: 20px;
      marign: 0px;
      padding: 0px;}
		
   #navi table a{
      display: block;
      width: 120px;
      height: 20px;
      margin: 1px 0px 0px 0px;		
      padding: 5px 0px 0px 30px;				
      color: #5F0808;
      font-size: 12px;
      text-decoration: none;
      background-color: #F8B000;
      background-image: url(../media/button_bg.jpg);
      background-position: center left;
      background-repeat: no-repeat;}
	
   #navi table a:hover{
      color: #8C0C0C;
      text-decoration: none;
      font: bold;
      background-color: #F7C13C;
      background-image: url(../media/button_obg.jpg);
      background-repeat: no-repeat;}
		
   #navi table a:active{
      color:#5F0808;
      text-decoration: none;}
 

/*********************		
  =content / =inhalt *
**********************/  		
	
#content{
   width: 515px;
   height: auto;
   margin: 70px 0px 0px 2px;		
   text-align: left;
   line-height: 16px;
   color: #5D2F01;
   float: left;}
		
   #content p{
      margin: 0px 2px 2px 20px;
      padding: 0px;}
                                             
   #content a{
      color: #5F0808;
      text-decoration: none;}
			
   #content a:hover{
      color: #8C0C0C;
      text-decoration: none;}
		
   #content a:active{
      color:#5F0808;
      text-decoration: none;} 	 
			
   #content h3{
      font-size: 14px; 
      padding: 0px; 
      margin: 0px 0px 0px 20px;}	
 
   #content ul{
      margin: 0px 0px 0px 35px;
      padding: 0px;}

   #content li{
      padding-left: 0px;
      padding-right: 0px;
      margin: 0px;}

  #content table a.booklink{
      display: block;
      width: 64px;
      height: 20px;
      margin: 1px 0px 0px 0px;		
      padding: 5px 0px 0px 20px;				
      color: #5F0808;
      font-size: 11px;
      text-decoration: none;
      background-color: #F8B000;
      background-image: url(../media/button_bg.jpg);
      background-position: center left;
      background-repeat: no-repeat;}
  
   #content table .inputgbook{
      border-style:solid; 
      border-width:1px; 
      border-color:#7A5A10; 
      font-size: 11px; 
      width: 150px; 
      color: #7A5A10; 
      font-family: Verdana}
	  
   #content table .taxtagbook{ 
      border-style:solid; 
      border-width:1px; 
      border-color:#7A5A10; 
      font-size: 11px; 
      width: 95%; 
      color: #7A5A10; 
      font-family: Verdana;  
      height: 150px;}	 	

						
/**********
  =footer *
***********/  

#foot{
   height: 130px;
   margin: 0px;
   padding: 0px;
   font-size: 9px;
   text-align: center;		
   color: #5F0808;		
   clear: both;
   background-color: #ffffff;}
		
   #foot hr{
      width: 100%;
      height: 1px;
      border-color: #FBC62F;
      border-style: solid;}
			
   #foot ul{
      list-style: none;
      padding: 0px;
      margin: 2px 0px 0px 0px;}

   #foot li{
      display: inline;
      padding-left: 0px;
      padding-right: 0px;
      margin: 2px 0px 0px 0px;
      font-size: 10px;}		

   #foot a{
      color: #FFFFFF;
      text-decoration: none;}
			
   #foot a:hover{
     color: #FFC000;
     text-decoration: none;}
		 
   #foot a:active{
     color: #FFFFFF;
     text-decoration: none;} 
	                
   #foot a.footli2{
     color: #5F0808;
     text-decoration: none;}
			
    #foot a:hover.footli2{
	color: #FF0000;
	text-decoration: none;}
		
    #foot a:active.footli2{
	color: #5F0808;
	text-decoration: none;}
 	   

/***************************
 =buchen / =player / =gast *		
****************************/			
			
      #buchen{
         width: 250px;
	 height: 100px;			
	 margin: 0px;
	 padding: 0px;
	 color: #ffffff;			
	 text-align: left;
	 background-image: url(../media/buchen_bg.jpg);
	 background-repeat: no-repeat;
	 float: left;}
			
      #player{
         width: 200px;
	 height: 100px;		
	 margin: 0px;
	 padding: 0px;
	 color: #ffffff;			
	 text-align: center;
	 background-image: url(../media/player_bg.jpg);
	 background-position: center;
	 background-repeat: no-repeat;
	 float: left;}
		
      #gast{
	 width: 250px;
	 height: 100px;			
	 margin: 0px;
	 padding: 0px;
	 color: #ffffff;			
	 text-align: left;
	 background-image: url(../media/gaeste_bg.jpg);
	 background-repeat: no-repeat;
	 float: left;}		
		   
	 #buchen p, 
         #player p, 
	 #gast p{
            margin: 5px 0px 0px 5px;}	
			
	 #buchen h3, 
	 #player h3, 
	 #gast h3{
            margin: 5px 0px 0px 5px;
	    font-size: 14px;
	    color: #FFC000;}