/* Hintergrund, Scrollbalken  */

body, html 	{ 

		background-color: #ffffff;
		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: #ffffff;
            	font-family: "arial";
            	font-size: 9pt;
            	float: left;
            	width: 1000px;
            	height: 900px;
            	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: 100px;
            	background-image: url("../pix/back_header.jpg");
            	margin: 0px;
            	padding: 0px;
            	border-top: 1px solid silver;
            	border-bottom: 1px solid silver;
           	}  
 
 .ueberschrift   {
                 position: absolute;
		top: 15px;
		left:312px;                
                 width: 350px;
                 height:70px;  
                background-image: url("../pix/ueberschrift.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: 0px;
		left:30px;                
                 width: 150px;
                 height:100px;
                 background-image: url("../pix/kutter1.png");
                 border : 0px solid silver;  
                 z-index: 5; 
                } 
  .foto_r   {
                 position: absolute;
		top: 0px;
		right:30px;                
                 width: 150px;
                 height:100px;
                 background-image: url("../pix/kutter2.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;
         }
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 0px;
                padding: 0px;
                display: list-item;
                } 
         
 .left {    position: absolute;
		top: 106px;
		left:0px;
            	width: 160px;
            	height: 800px;
            	background-color: #ffffff;
            	background-image:url('../pix/back_seiten.jpg');
            	background-repeat:repeat-x;
            	color: #FFFBF1;
	     margin: 0px;
	     text-align: center; 
	     border : 1px solid silver;
	     z-index: 5;	  
       }
   .menuekopf          {   
                position: absolute;
		top: 270px;
		left:15px;
            	width: 124px;
                height: 155px;
	       background-image:url('../pix/sonnenblume.png');
	        z-index: 5; 
            	color:#FFFBF1;
	     margin: auto;
	     text-align: center; 
	    border : 0px solid #00008b;
       }     
 .menue         {
                position: absolute;
		top: 10px;
		left: 4px;
                width: 150px;
                height: 400px;
	        text-align: center;
	        border: 0px solid #483d8b;
	        display:block; 
	        
	       
	        z-index: 5;        
	        }
	    
	    
.menue ul li a, .menue li a:link
                 {
                 text-decoration: none;
                display: block;
                color: #696969;
                width: 150px;
                padding: 5px 0px 5px 0px;
                margin: 0px 0px 0px 0px;
                text-align: center;
                border-top: 1px solid #dcdcdc;
                border-right: 1px solid #000000;
                border-bottom: 1px solid #000000; 
                border-left: 1px solid #dcdcdc;
                background-color: #6495ed;
                background-image:url('../pix/back_button.jpg');
                z-index: 5;}

.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 #dcdcdc;
                border-bottom: 1px solid #dcdcdc; 
                border-left: 1px solid #000000;
                padding-top: 5px;
                padding-bottom: 5px;
                text-decoration: none;
                background-color: #a8d6ff;
                background-image:url('../pix/back_button_down.jpg');
                z-index: 5;
                margin: 0px 0px 0px 0px;
                width: 150px;
                }

.menue ul li:hover ul {display:block; position:absolute; top:0; left:152px; width:160px;z-index: 5;}
.menue ul li:hover ul li a.submenu {background:#dfc184; color:#000;z-index: 5;}
.menue ul li:hover ul li:hover a.submenu

 {width:160px; z-index: 5;}
.menue ul li:hover ul li ul {display: none;}
.menue ul li:hover ul li a { text-decoration: none;
                display: block;
                color: #696969;
                width: 160px;
                padding-top: 5px;
                padding-bottom: 5px;
                margin: auto;
                text-align: center;
                border-top: 1px solid #dcdcdc;
                border-right: 1px solid #000000;
              border-bottom: 1px solid #000000;
                border-left: 1px solid #dcdcdc;
                background-color: #6495ed;
                background-image:url('../pix/back_button.jpg');
               
                z-index: 5;}
.menue ul li:hover ul li a:hover, .menue ul li ul li.active a {color: #00008b;
                font-weight: normal;
                border-top: 1px solid #000000;
                border-right: 1px solid #dcdcdc;
              border-bottom: 1px solid #dcdcdc;
                border-left: 1px solid #000000;
                 padding-top: 5px;
                padding-bottom: 5px;
                text-decoration: none;
                background-color: #a8d6ff;
                background-image:url('../pix/back_button_down.jpg');
               
                z-index: 5;}

   /* Ende Untermenue Fewos */ 
 
.homepage 	{
                position: absolute; 
                left: 22px; 
                top: 450px; 
                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: 106px;
		left:164px;
            	width: 670px;
            	height: 800px;
            	background-color: #ffefd5;
          /*   background-image: url("../pix/mitte.jpg"); */
             text-align: left;
	 
	     border : 1px solid silver;
	     z-index: 1;
        }
 .right {   
                 position: absolute;
		top: 106px;
		right:0px;
            	width: 160px;
            	height: 800px;
            	background-color: #ffffff;
            	background-image:url('../pix/back_seiten.jpg');
            	background-repeat:repeat-x;
            	color: #FFFBF1;
	     margin: 0px;
	     text-align: center; 
	     border : 1px solid silver;	  
	     	        
       }
 
            
.kontakt      {
                position: relative;
		top: 10px;
		
            	width: 150px;
            	height: 140px;
            	background-color: #ffffff;
            	
            	border : 1px solid #150186;
	     margin: auto;
	     text-align: center;
	     }
.kontakt_inhalt	{ 
                position: relative;
		top: 2px;
		left:5px;
		width: 142px;
                color: #00008b; 
                line-height:12px;
                font-size: 11px; 
                border : 0px solid silver;
                }  


 #wetter	       {
                position: absolute;
		top: 250px;
		left:4px;
            	width: 153px;
            	height: 155px;
            	background-color: #ffffff;
            	 border: 0px solid #00008b; 
            	display: inline;
            	padding: 0px;
             }            
h1              { 
                color: #00008b;
                font-family: arial;
                font-size: 11pt;
                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: darkblue;
                font-family: arial;
                font-size: 10pt;
                font-weight: bold;
                font-style:italic;
                text-align: center;
                text-decoration: normal;
                margin-top: 5px;
                margin-bottom: 5px;
                 } 
 h4             { 
                color: #676767;
                font-family: arial;
                font-size: 9pt;
                text-align: center; 
                font-weight: bold; 
                text-decoration: normal; 
                margin-top: 2px; 
                margin-bottom: 0px;
                 }                 
 h5               { 
                color: darkblue;
                font-family: arial;
                font-size: 8pt;
                font-weight: bold;
                font-style:italic;
                text-align: center;
                text-decoration: normal;
                margin-top: 5px;
                margin-bottom: 5px;
                 }                 

.groesse        {  
                font-size:8pt;
                }
 /* the overlayed element */
.overlay {
	
	/* growing background image */
	background-image:url(../pix/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:410px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:45px;
	border : 0px solid #a9a9a9; 
}

/* 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;
	border : 0px solid #ffffff;
}

/* 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:400px;
                
                
                border : 0px solid #000000;
                } 
/* container for external content. uses vertical scrollbar, if needed */ 
.contentWrap {     
                height:441px;     
                overflow-y:auto; 
                border : 0px solid #dc143c;
                margin-top: 0px;
                } 
 .menue_belegung         {
                position: relative;
		top: 20px;
		left: 80px;
                width: 150px;
	        text-align: center;
	        border: 0px solid #483d8b;
	        display:block; 
	        z-index: 5;        
	        }
	    
	    
.menue_belegung ul li a, .menue_belegung li a:link
                 {
                 text-decoration: none;
                display: block;
                color: #696969;
                width: 150px;
                padding: 5px 0px 5px 0px;
                margin: 0px 0px 0px 0px;
                text-align: center;
                border-top: 1px solid #dcdcdc;
                border-right: 1px solid #000000;
                border-bottom: 1px solid #000000; 
                border-left: 1px solid #dcdcdc;
                background-color: #6495ed;
                background-image:url('../pix/back_button.jpg');
                z-index: 5;}

.menue_belegung ul li a:visited
                {
		color: #00008b;
		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                 
                {
                color: #00008b;
                font-weight: normal;
                border-top: 1px solid #000000; 
                border-right: 1px solid #dcdcdc;
                border-bottom: 1px solid #dcdcdc; 
                border-left: 1px solid #000000;
                padding-top: 5px;
                padding-bottom: 5px;
                text-decoration: none;
                background-color: #a8d6ff;
                background-image:url('../pix/back_button_down.jpg');
                z-index: 5;
                margin: 0px 0px 0px 0px;
                width: 150px;
                }