/* Hintergrund, Scrollbalken  */

body, html 	{ 

		background-color: #f0f8ff;
		margin: auto;
    		font-variant: normal; 
       		color: #3A4012;
         	font-family: "arial";
            	text-align: center;
		scrollbar-face-color: #faebd7;
		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: #f5f5f5;
            	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 #dcdcdc; 
            	z-index: 1;
            	}  
  .header    	{
 		position: absolute;
		top: 2px;
		left:0px;
            	width: 1000px;
            	height: 110px;
            	background-image: url("../pix/back_head.jpg");
            	margin: 0px;
            	padding: 0px;
            	border-top: 1px solid silver;
            	border-bottom: 1px solid silver;
           	}  
 
 .laube   {
                 position: absolute;
		top: 5px;
		left:312px;                
                 width: 376px;
                 height:72px;  
                background-image: url("../pix/gartenlaube.png"); 
                } 
  .ueberschrift_2   {
                 position: absolute;
		top: 70px;
		left:275px;                
                 width: 450px;
                 height:30px;
                 border : 0px solid silver;  
                 z-index: 5; 
                }                        	
  .foto_l   {
                 position: absolute;
		top: 10px;
		left:20px;                
                 width: 225px;
                 height:75px;
                 background-image: url("../pix/moewe_l.png");
                 border : 0px solid silver;  
                 z-index: 5; 
                } 
  .foto_r   {
                 position: absolute;
		top: 10px;
		right:20px;                
                 width: 225px;
                 height:75px;
                 background-image: url("../pix/moewe_r.png");
                 border : 0px solid silver;  
                 z-index: 5; 
                }         	
 /* Links */       

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

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

a:hover {
        color: #b0b0b0;
		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: 116px;
		left:0px;
            	width: 156px;
            	height: 800px;
            	background-color: #eddabf;
            	color: #FFFBF1;
	     margin: 0px;
	     text-align: center; 
	     border : 1px solid silver;	  
       }
   .menuekopf          {   
                position: relative;
		top: 10px;
		left:0px;
            	width: 150px;
                height: 115px;
	       
	        z-index: 5; 
            	color:#FFFBF1;
	     margin: auto;
	     text-align: center; 
	    border : 1px solid #00008b;
       }     
 .menue          {   
                position: absolute;
		top: 140px;
		left:0px;
            	width: 160px;
                font-size: 9pt;
	        display:block; 
	       
	        z-index: 5; 
            	color:#FFFBF1;
	     margin: 0px;
	     text-align: center; 
	    border : 0px solid silver;
       }

.menue li {

margin: auto;
}


	    
	    
.menue ul li a, .menue li a:link
                 {
                 text-decoration: none;
                display: block;
                color: #00008b;
                width: 138px;
                padding: 5px;
                margin: 0px 0px 0px 3px;
                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: #BEDBEB;
               /*   background-image: url('../pix/back_button.jpg'); */
                z-index: 5;}

.menue ul li.active a:visited
                {
		color: #ffffff;
		z-index: 5;
		}
.menue ul li a:visited
                {
		color: #595959;
		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, .menu ul li a:hover                 
                {
                color: #ffffff;
                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: #00008b;
                z-index: 5;} 






 
.homepage 	{
                position: absolute; 
                left: 22px; 
                top: 550px; 
                width: 100px; 
                height: 40px; 
                font-family: "arial"; 
                font-size: 8pt; 
                text-align: center; 
                text-decoration: none; 
                padding: 0px 0px 0px 0px; 
                 border : 0px solid silver;
                }  
.counter 	{
                position: absolute; 
                left: 22px; 
                top: 620px; 
                width: 100px; 
                height: 40px; 
                font-family: arial; 
                font-size: 8pt; 
                text-align: center; 
                text-decoration: none; 
                padding: 0px 0px 0px 0px; 
                color: #757575;
                border : 0px solid silver;
                }  
 #counter      {position: relative; 
                left: 18px;
                }
                                
                
.inhalt {
		position: absolute;
		top: 116px;
		left:160px;
            	width: 679px;
            	height: 800px;
            	background-color: #eddabf;
          /*   background-image: url("../pix/mitte.jpg"); */
             text-align: center;
	     
	     border : 1px solid silver;
        }
 .right {   
                 position: absolute;
		top: 116px;
		left:843px;
            	width: 156px;
            	height: 800px;
            	background-color: #eddabf;
            	color: #FFFBF1;
	     margin: 0px;
	     text-align: center; 
	     border : 1px solid silver;	  
	     	        
       }
 

 	     
	     
#wetter	       {
                position: absolute;
		top: 50px;
		left:18px;
            	width: 120px;
            	height: 270px;
            	 border: 1px solid #00008b; 
            	display: inline;
             }
.scroller      {
 		position: absolute;
		top: 400px;
		left:2px;
            	width:150px;
            	height: 115px;
            	border: 1px solid #00008b;
            	
            	}             
 #scroller      {
 		position: relative;
		top: 0px;
		left:0px;
            	width:150px;
            	height: 115px;
            	
            	
            	}             
             
             
 .footer {   
                 position: absolute;
		top: 800px;
		left:0px;
            	width: 1000px;
            	height: 200px;
            	background-color: #eddabf;
            	color: #FFFBF1;
	     margin: 0px;
	     text-align: center; 
	     background-image: url(../pix/back_footer.jpg);
	     border : 1px solid silver;	  
	     	        
       }             
  .kontakt    {
                position: relative;
		top: 10px;
		
            	width: 330px;
            	height: 175px;
            	font-family: arial; 
                font-size: 9pt; 
                text-align: center;
                background: white; 
                filter:alpha(opacity=75); /* IE */
                opacity:.75;
                color: #000000;
            	border : 1px solid #00008b;
	        margin: auto;
	        text-align: left;
	     }           
             

#kontakt	{ 
                position: relative;
		top: 15px;
		margin: auto;
		margin-top: 0px;
		width: 220px;
                color: #000000; 
                font-size: 9pt; 
                border : 0px solid silver;
                } 
h1              { 
                color: #ffffff;
                font-family: arial;
                font-size: 14pt;
                font-style:italic;
                text-align: center; 
                font-weight: bold; 
                text-decoration: normal; 
                margin-top: 5px; 
                margin-bottom: 5px;
                 }
h2              { 
                color: #00008b;
                font-family: arial;
                font-size: 11pt;
                text-align: center; 
                font-weight: bold; 
                text-decoration: normal; 
                margin-top: 2px; 
                margin-bottom: 2px;
                 }
h3             { 
                color: #757575;
                font-family: arial;
                font-size: 10pt;
                text-align: center; 
                font-weight: bold; 
                text-decoration: normal; 
                margin-top: 4px; 
                margin-bottom: 0px;
                 } 
 h4             { 
                color: #676767;
                font-family: arial;
                font-size: 9pt;
                text-align: center; 
                font-weight: bold; 
                text-decoration: normal; 
                margin-top: 2px; 
                margin-bottom: 0px;
                 }                 
                 
p, ul            { 
                color: #707070;
                font-family: arial;
                font-size: 9pt;
                text-align: left; 
                font-weight: normal; 
                text-decoration: normal; 
                margin: 2px 2px 2px 4px; 
                
                 }
ul          {
                margin: 20px 0px 0px 30px;
               padding: 0px;
                }
li                {
                margin: 0px 0px 0px 5px;
                padding: 0px;
                display: list-item;
                }

/* 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;
		left: 70px;
            	width: 160px;
                font-size: 9pt;
	        display:block; 
	       
	        z-index: 5; 
            	color:#FFFBF1;
	     margin: 0px;
	     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: #00008b;
                width: 138px;
                padding: 5px;
                margin: 0px 0px 0px 3px;
                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: #BEDBEB;
               /*   background-image: url('../pix/back_button.jpg'); */
                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: #ffffff;
                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: #00008b;
                z-index: 5;}