/* Hintergrund, Scrollbalken  */

body, html 	{ 

		background-color: #ffffff;
		margin: auto;
    		font-variant: normal; 
       		color: #3A4012;
         	font-family: arial;
            	text-align: center;
		scrollbar-face-color: #fff5d5;
		font-size: 100.01%
		 }
		 
          
.rahmen    	{
  		
            	width: 1000px;
            	height: 100%;
            	margin: auto;
            	text-align: center;
            	border: 0px solid #00008B;
           	}
.ansicht   	{
           position: relative;
           top: 0pix;
           left: 0pix;
            	box-sizing: content-box;
            	background-color: #fff5d5;
            	font-family: arial;
            	font-size: 9pt;
            	float: left;
            	width: 1000px;
            	height: 1000px;
            	margin: auto;
            	text-align: center;
            	padding: 0px;
            	padding-bottom: 15px;
            	border: 1px solid #deb887; 
            	z-index: 1;
            	}  
  .header    	{
 		position: absolute;
		top: 4px;
		left:0px;
            	width: 1000px;
            	height: 150px;
            	background-image: url('../pix/back_head.jpg');
            	margin: 0px;
            	padding: 0px;
            	border-top: 1px solid #deb887;
            	border-bottom: 0px solid silver;
           	}  
          	
  .ueberschrift   {
                 position: absolute;
		top: 10px;
		left:275px;                
                 width: 495px;
                 height:90px;  
                background-image: url("../pix/ueberschrift.png");
                 z-index: 5; 
                }   
 .ueberschrift_2   {
                 position: absolute;
		top: 110px;
		left:330px;                
                 width: 376px;
                 height:30px;
                 border : 0px solid silver;  
                 z-index: 5; 
                }   
 .foto_l   {
                 position: absolute;
		top: 0px;
		left:20px;                
                 width: 247px;
                 height:150px;
                 background-image: url("../pix/kutter.png");
                 border : 0px solid silver;  
                 z-index: 5; 
                } 
  .foto_r   {
                 position: absolute;
		top: 0px;
		right:20px;                
                 width: 215px;
                 height:150px;
                 background-image: url("../pix/strand.png");
                 border : 0px solid silver;  
                 z-index: 5; 
                }   
  ul { margin-top: 5px; margin-bottom: 5px;
                
                }                                                                	
 /* Links */       

a:link {
         color : #804000;
         font-family: arial;
          
         text-align: center;
         text-decoration: none;
	}

a:visited {
        color : #804000;
		font-family: arial;
		
        text-align: center;
        text-decoration: none;
          }

a:hover {
        color: #00008b;
		font-family: arial;
		
        text-align: center;
        text-decoration: none;
	 }

a:active {
        color: red;
        	font-family: arial;
		
        text-align: center;
        text-decoration: none;
         }
 .left 		{   position: absolute;
		top: 155px;
		left:0px;
            	width: 160px;
            	height: 800px;
            	background-color: #ffd700;
            	background-image: url("../pix/back_left.jpg");
                
	        display:inline; 
	       
	        z-index: 3; 
            	color:#FFFBF1;
	     margin: 0px;
	     text-align: center; 
	    border : 0px solid silver;
       }
.willi   {
                 position: absolute;
		top: 0px;
		left:10px;                
                 width: 130px;
                 height:130px;
                 background-image: url("../pix/willi.png");
                 border : 0px solid silver;  
                 z-index: 5; 
                }         

.menue          {   
                position: absolute;
		top: 120px;
		left:0px;
            	width: 160px;
                
	        display:block; 
	       
	        z-index: 5; 
            	color:#FFFBF1;
	     margin: 0px;
	     text-align: center; 
	    border : 0px solid silver;
       }



	    
	    
.menue ul li a, .menue li a:link
                 {
                 text-decoration: none;
                display: block;
                color: #555454;
                width: 138px;
                padding: 5px;
                margin: 0px 0px 0px 4px;
                text-align: center;
                border-top: 1px solid #FFFFFF;
                border-right: 1px solid #000000;
                border-bottom: 1px solid #000000;
                border-left: 1px solid #FFFFFF;
                background-color: #deb887;
				background-image: url('../pix/back_button.jpg'); 
                z-index: 5;
				-moz-border-radius: 5px;
		   		-webkit-border-radius: 5px;
		     	border-radius: 5px;
			 }

.menue ul li a:visited
                {
		color: #00008b;
		z-index: 5;
		}

.menue ul       {
                list-style-type: none;
                padding: 0px;
                margin: auto;
                text-align: center;
                z-index: 5; 
                }
.menue ul li    {
                float:left;                 
                margin-right:1px; 
                position:relative;
                }
.menue ul li ul {
                display: none;
                }

.menue ul li:hover a, .menue li a:active, .menue li a:focus, .menue li.active a                 
                {
                color: #00008b;
                font-weight: normal;
                border-top: 1px solid #000000;
                border-right: 1px solid #FFFFFF;
                border-bottom: 1px solid #FFFFFF;
                border-left: 1px solid #000000;
                padding-top: 6px;
                padding-right: 4px;
                padding-bottom: 4px;
                padding-left: 6px;
                text-decoration: none;
                background-color: #d2b48c;
				background-image: url('../pix/back_button_down.jpg');
				-moz-border-radius: 5px;
		        -webkit-border-radius: 5px;
		        border-radius: 5px;
                z-index: 5;} 


.homepage 	{
                position: relative; 
                top: 600px;
                margin: auto; 
                width: 100px; 
                height: 50px; 
                font-family: "arial"; 
                font-size: 8pt;
                margin: auto; 
                text-align: center; 
                text-decoration: none; 
                padding: 0px 0px 0px 0px;
                color: #00008b; 
                }  

.inhalt {
		position: absolute;
		top: 155px;
		left:160px;
            	width: 680px;
            	height: 800px;
            	background-color: #fdefc6;
          /*   background-image: url("../pix/mitte.jpg"); */
             text-align: center;
	     
	     border : 0px solid silver;
        }
.spalte{ 
                 position: absolute;
                 left: 20px;
                 top: 5px;
             width: 640px;
             height: 780px;
             text-align: center; 
             border: 1px solid #150186;
             padding: 0px;
             margin-top: 5px;
             display:inline;
           
              background: white; 
              z-index:1;  
            } 
        
        
        
        
 .right {   
                 position: absolute;
		top: 155px;
		left:840px;
            	width: 160px;
            	height: 800px;
            	background-color: #ffd700;
            	background-image: url("../pix/back_left.jpg");
            	color: #FFFBF1;
	     margin: 0px;
	     text-align: center; 
	     border : 0px solid silver;	     
       }
.kontakt      {
                position: absolute;
		top: 10px;
		left:5px;
            	width: 150px;
            	height: 180px;
            	background-color: #ffffff;
            	
            	border : 1px solid #150186;
	     margin: 0px;
	     text-align: left;
	     }
.kontakt_inhalt	{ 
                position: relative;
		top: 2px;
		left:5px;
		width: 145px;
                color: #00008b; 
                line-height:12px;
                font-size: 11px; 
                border : 0px solid silver;
                }  

#wetter	       {
                position: absolute;
		top: 220px;
		left:20px;
            	width: 120px;
            	height: 282px;
            	  
            	display: inline;
             }

h1              { 
                color: #00008b;
                font-family: arial;
                font-size: 11pt;
                text-align: center; 
                font-weight: bold; 
                text-decoration: normal; 
                margin-top: 15px; 
                margin-bottom: 5px;
                 }
h2              { 
                 color: #00008b;
                font-family: arial;
                font-size: 11pt;
                text-align: center; 
                font-weight: bold; 
                text-decoration: normal; 
                margin-top: 10px; 
                margin-bottom: 5px;
                 }
 h3              { 
                 color: #000000;
                font-family: arial;
                font-size: 9pt;
                text-align: center; 
                font-weight: bold; 
                text-decoration: normal; 
                margin-top: 2px; 
                margin-bottom: 2px;
                 }                
  p 	        { font-family: arial;
                color: #3A4012 ; 
                font-size: 9pt; 
                text-align: left; 
                text-decoration: none; 
                margin: 3px 3px 3px 4px; 
                padding-left: 3px;}  
       
                                
                 

.kopf_spalte {
             width: 100%;
             height: 22px;
             display: block;
             text-align: center; 
             border: 0px solid #00008B;
             margin-top: 0px;
             margin-left: 0px;
            background-image: url(../pix/kopf_spalte.jpg);
            font-weight: bold; 
             color: black;
             font-family: arial;
             font-size:10pt; 
             padding-top: 3px;
			 
            }
			
			
/* the overlayed element */
/* the overlayed element */
.overlay {
	
	/* growing background image */
	background-image:url(../img/overlay/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
.overlay div.close {
	background-image:url(../pix/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* black */
.overlay.black {
	background:url(../pix/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
.overlay.petrol {
	background:url(../img/overlay/petrol.png) no-repeat !important;
	color:#fff;
}

                
/* use a semi-transparent image for the overlay */ 
#overlay       {     
                background-image:url(../pix/transparent.png);     
                color:#efefef;     
                height:450px; 
                } 
/* container for external content. uses vertical scrollbar, if needed */ 
.contentWrap {     
                height:441px;     
                overflow-y:auto; 
                }      

/* ========================================================================== */				
				
.menue_belegung          {   
                position: relative;
				top: 10px;
				left: 70px;
            	width: 160px;
				height: 35px;
                font-size: 9pt;
	        	display:block; 
	       
	        		z-index: 5; 
            	color:#FFFBF1;
	     
	     text-align: center; 
	    border : 0px solid silver;
       }

.menue_belegung li {

margin: auto;
}


	    
	    
.menue_belegung ul li a, .menue_belegung li a:link
                 {
                 text-decoration: none;
                display: block;
                 color: #555454;
                width: 138px;
                padding: 5px;
                margin: 0px 0px 0px 5px;
                text-align: center;
                border-top: 1px solid #FFFFFF;
                border-right: 1px solid #000000;
                border-bottom: 1px solid #000000;
                border-left: 1px solid #FFFFFF;
                background-color: #deb887;
                background-image: url('../pix/back_button.jpg');
			    -moz-border-radius: 5px;
		        -webkit-border-radius: 5px;
		        border-radius: 5px;
                z-index: 5;}

.menue_belegung ul li.active a:visited
                {
		color: #ffffff;
		z-index: 5;
		}
.menue_belegung ul li a:visited
                {
		color: #595959;
		z-index: 5;
		}
.menue_belegung ul       {
                list-style-type: none;
                padding: 0px;
                margin: auto;
                text-align: center;
                z-index: 5; 
                }
.menue_belegung ul li    {
                float:left;                 
                margin-right:1px; 
                position:relative;
                }
.menue_belegung ul li ul {
                display: none;
                }

.menue_belegung ul li:hover a, .menue_belegung li a:active, .menue_belegung li a:focus, .menue_belegung li.active a, .menu ul li a:hover                 
                {
                color: #00008b;
                font-weight: normal;
                border-top: 1px solid #000000;
                border-right: 1px solid #FFFFFF;
                border-bottom: 1px solid #FFFFFF;
                border-left: 1px solid #000000;
                padding-top: 6px;
                padding-right: 4px;
                padding-bottom: 4px;
                padding-left: 6px;
                text-decoration: none;
                background-color: #d2b48c;
				background-image: url('../pix/back_button_down.jpg');
				-moz-border-radius: 5px;
		        -webkit-border-radius: 5px;
		        border-radius: 5px;
                z-index: 5;}