/* Hintergrund, Scrollbalken  */

body, html 	{ 

		background-color: #f0f8ff;
		font-size: 100,01%;
  		margin: 0px;
    		font-variant: normal; 
       		color: #757575;
         	font-family: "arial";
            	text-align: left;
		scrollbar-face-color: #faebd7; }

           
.rahmen    	{
  		position: relative;
            	width: 780px;
            	height: 100%;
            	margin: auto;
            	text-align: center;
            	padding: 10px 0px 15px 0px;
            	border: 0px solid #00008B;
           	}
.ansicht   	{
           position: relative;
            	box-sizing: content-box;
            	background-color: #f5f5f5;
            	font-family: arial;
            	font-size: 9pt;
            	float: left;
            	width: 780px;
            	height: 790px;
            	margin: auto;
            	text-align: center;
            	padding: 0px;
            	margin-bottom: 15px;
            	border: 1px solid #00008b; 
            	z-index: 1;
            	}
            	           
           
 .header    	{
 		position: absolute;
		top: 0px;
		left:0px;
            	width: 780px;
            	height: 90px;
            	background-image: url("../titel.jpg");
            	margin: 0px;
            	padding: 0px;
            	border-bottom: 1px solid #00008b;
           	} 

       
                
           
                
  p 	{ font-family: arial; color: #757575 ; font-size: 9pt; text-align: left; text-decoration: none; margin: 3px 3px 3px 4px; padding-left: 3px;} 
.homepage 	{ position: absolute; left: 35px; bottom: 10px; width: 100px; height: 50px; font-family: "arial" ; font-size: 8pt; text-align: center; text-decoration: none; padding: 0px 0px 0px 0px; }    
ul { margin-top: 2px; margin-bottom: 5px;
                
                }

  .blue_z { color: blue; font-family: arial; font-size: 10pt; font-weight: normal;  text-decoration: normal; text-align: center; margin-top: 0px; margin-bottom: 0px; }

h1 { color: #ff0000; font-family: arial; font-size: 14pt; font-weight: bold; font-style: none; text-align: center; text-decoration: normal; margin-top: 15px; margin-bottom: 0px;}
h2 { color: #0000ff; font-family: arial; font-size: 12pt; font-weight: bold; font-style: italic; text-align: center; text-decoration: normal; margin-top: 15px; margin-bottom: 0px;}

h5 { color: #1e90ff; font-family: arial; font-size: 11pt; font-weight: bold; font-style:italic; text-align: center; text-decoration: normal; margin-top: 3px; margin-bottom: 0px; }

h3 { color: darkblue; font-family: arial; font-size: 10pt; font-weight: bold; font-style:italic; text-align: center; text-decoration: normal; margin-top: 10px; margin-bottom: 0px; }

   
/* Links */       

a:link {
         color : #5b5b5b;
         font-family: arial;
         font-size: 10pt; 
         text-align: center;
         text-decoration: none;
	}

a:visited {
        color : darkblue;
		font-family: arial;
		font-size: 10pt;
        text-align: center;
        text-decoration: none;
          }

a:hover {
        color: #888888;
		font-family: arial;
		font-size: 10pt;
        text-align: center;
        text-decoration: none;
	 }

a:active {
        color: red;
        	font-family: arial;
		font-size: 10pt;
        text-align: center;
        text-decoration: none;
         }

.menue         {
                position: absolute;
		top: 95px;
		left:3px;
                margin: 5px 0px 0px 0px;
                width: 170px;
                height: 400px;
	        text-align: center;
	        border: 1px solid #483d8b;
	        float: left;
	        display:inline; 
	        background-color: #f0f8ff;
	        z-index: 5;        
	        }
	    
	    
.menue ul li a, .menue li a:link
                 {
                 text-decoration: none;
                display: block;
                color: #ffffff;
                width: 150px;
                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: #6495ed;
                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;
                }

/* specific to non IE browsers */
.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: #a8d6ff;
                z-index: 5;}

.menue ul li:hover ul {display:block; position:absolute; top:0; left:165px; width:150px;}
.menue ul li:hover ul li a.submenu {background:#dfc184; color:#000;}
.menue ul li:hover ul li:hover a.submenu

 {width:150px;}
.menue ul li:hover ul li ul {display: none;}
.menue ul li:hover ul li a { text-decoration: none;
                display: block;
                color: #ffffff;
                width: 150px;
                padding: 5px;
                margin: auto;
                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: #6495ed;
                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 #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: #a8d6ff;
                z-index: 5;}

   /* Ende Untermenue Fewos */ 


.links_u 	{
	     	position: absolute;
		top: 540px;
		left:3px;
  		width: 170px;
    		
    		margin: 5px 0px 0px 5px;
	    	color: #808080;
	     	font-size: 8pt;
	     	text-align: center;
	      	border : 0px solid silver;
	      	float: left; 
	   	display:inline;      
       		}

.inhalt {
		position: absolute;
		top: 95px;
		left:180px;
  		width: 590px;
    		height: 590px;              
             margin: 5px 7px 0px 5px;
             text-align: center;
	     float: right;
	     background-color: #f0f8ff;
	     border : 1px solid #00008b;
	     display:inline;
	     z-index:1; 
	     
        } 
.spalte		{ 
             width: 560px;
             height: 480px;
             float: left;
             text-align: left; 
             border: 1px solid #00008b;
             padding: auto;
             margin-top: 5px;
             display:inline;
             margin-left: 14px;
             background-color:#ffffff;
              z-index:1;
     
            } 
 .spalte_l { 
             width: 280px;
             height: 550px;
             float: left;
             text-align: left; 
             border: 1px solid #00008b;
             padding: 0px;
             margin-top: 5px;
             display:inline;
             margin-left: 10px;
              background: white; 
              z-index:1;  
            } 
 .spalte_r	{
             width: 280px;
             height: 550px;
             float: right;
             text-align: left; 
             border: 1px solid #00008b;
             padding: 0px;
             margin-top: 5px;
             margin-right: 10px;
            display:inline;
              background: white;
              z-index:1; 
            } 
      .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/start/kopf_spalte.jpg);
            font-weight: bold; 
             color: black;
             font-family: arial;
             font-size:10pt; 
             padding-top: 3px;
            }                  
.anschrift	{   position: absolute;
  		
  		        bottom: 0px;
				left: 0px;
             	width: 780px;
             	height: 85px;
             	
             	text-align: center; 
             	border-top: 1px solid #00008b;
             	padding: 0px;
             	 background-image: url(../unten.jpg);
            	display:inline;
              	color: #ffffff;
              	 font-family: arial;
				 font-weight: bold;
             font-size:10pt;
              	z-index:2; 
            }
.stern            {
                  height: 35px;
                  width: 35px;
                  margin: 0px 0px 0px 0px;
                  
                  display: inline;
                  }
.boot_l            {
                  height: 80px;
                  width: 72px;
                  float: left;
                  margin: 3px 0px 0px 20px;
                  display: inline;
                  }  
 .boot_r           {
                  height: 80px;
                  width: 72px;
                  float: right;
                  margin: 3px 20px 0px 0px;
                  display: inline;
                  }
                  
/* untere Navigation */
.navcontainer
		{
		padding: 0px;
		font-family: arial, serif;
		text-align: center;
		margin: 5px 0px 0px 80px;
		border: 0px solid #006400;
		}

/* to stretch the container div to contain floated list*/ 
.navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
text-align: center;
}

	    
ul.navlist_u
{
list-style: none;
padding: 0px;
margin: auto;

font-size: 10px;
text-align: center;
}

ul.navlist_u li
{
display: block;
float: left;
width: 116px;
margin: 0px 0px 0px 0px;
padding: 1px 2px 0px 1px;
text-align: center;
}

ul.navlist_u li a
{
display: block;
width: 116px;
padding: 4px 0px 4px 0px;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: White;
text-decoration: none;
background-color: #6495ed;
text-align: center;
}

.navcontainer_u>ul.navlist_u li a { width: 100%;}

ul.navlist_u li.active_u a
{
background: #a8d6ff;
color: #228B22;
text-align: center;
}

 ul.navlist_u li a:hover, ul.navlist_u li.active_u a:hover
{
color: #00008b;
background-color: #a8d6ff;
border-color: #aaab9c #fff #fff #ccc;
text-align: center;
}

.impressum   {
                height: 128px;
                width:200px;
                margin: auto;
                margin-top: 3px;
                margin-bottom: 3px;
                text-align: center;
                border: 1px solid #483d8b;
                }
 .pix_gross {
                height:425px;
                width: 567px;
                border: 1px solid #483d8b;
                }
 .pix_counter {
                height:1px;
                width: 1px;
                display: none;
                }
 
