h6          {font-size:10px; font-family:Arial, Helvetica, sans-serif; color:white; display:inline;  }



/* Formatierung für body */

body {
	max-width:1000px;
	margin-left: auto;
	margin-right:auto
}


/*********************************************************/
/* Formtierung des Menüs
/*********************************************************/

#menuepunkt {
	visibility:hidden;
	width: 50px;
	float:left;
}

.menue {
    left: 0px;
	width: 100%;
	top: 0px;
	background:black;
	border-top:1px;
	border-top-color:white;
	margin-top:1px;
	clear: both;
	float: left;
    line-height: 10px;
	  
}




/* Navigation ist über eine Liste in zwei Ebenen realisiert */

#navigation {
	float: left;
	/*left: 50%;*/
	list-style: none;
	margin: 0 0;
	padding: 0;
	position: relative;
	/*display: block;*/
	
}

/* 1. Ebene */
#navigation li {
	
	margin-left:20px;
	margin-right:20px;
	display:inline;
	line-height:25px;
	float: left;
}


/* 2. Ebene */
#navigation ol {
	
    visibility: hidden;
    position: absolute;
    padding:0px;
       
}

/* 2. Ebene sichtbar machen, wenn über 1.Ebene die Maus bewegt wird */
#navigation li:hover ol {
	visibility:visible;
	
}


/* Darstellung der Menü-Links */
#navigation li a:link, #navigation li a:visited,#navigation li a:active    {
   font-family:Arial;
   font-size:10px;
   color:#ffffff;
   text-decoration:none; 
   }
 
#navigation li a:hover { 
   font-family:Arial;
   font-size:10px;
   color:#00abf6;
   text-decoration:none;
   }



#navigationEbene2 {
	width:100px;
	height:90px;
	background:#A1232B;
    z-index: 2;
}


/*********************************************************/
/* Headerdarstellung mit Logo und Text
/*********************************************************/

.header_links {
	width:50%; 
	float:left;
	padding-top:10px;
}

.header_links img {
	max-width: 100%;
	}

.header_rechts {
	padding-top:30px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#C7AE75

}

/*********************************************************/
/* Mittleres Hauptfenster
/*********************************************************/


.main {
	clear:both;
	/* damit sich das DIV nach der Größe des Hintergrundbilds richtet */
	background-image :url(../images/banner_mitte_kleiner.jpg);
	background-size:100% 100%; 
	width: auto; 
	height: 50vh;   
}



.slideshow {
	margin-left:auto;
	margin-right:auto;
	width:50%;
	height:auto;
	
}

/* DIV: Enhält drei Bilder zum Anklicken */
.main_unten {
	background-color:black;
	height:110px;
	width: 100%;
	display:block;
}



#banner_unten {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif; 
	color:black; 
	background-color:#e0d4ba;
	margin-left:auto;
	margin-right:auto;
	background-color:#e0d4ba;
	/*padding-left:10px; */
	height:110px;
	width:100%;
	display:inline-block;
}

	

#banner_unten_zeile {
	width:100%;
	height: 10px;
	background:#efe9dd;
}

#block_1, #block_2 {
	float:left;
	width:50%;
	padding-top:15px;
	}
	
#banner_unten_1, #banner_unten_2, #banner_unten_3, #banner_unten_4 {
   padding-left:2%;
   float:left;
   width:48%

}

#banner_unten a:link, #banner_unten a:active, #banner_unten a:hover, #banner_unten a:visited {
	text-decoration:none;
	font-family:Arial;
	font-size:10px;
	color:black;
}


@media only screen and (max-width: 600px) {
  #navigation {
		
        display: grid;
        padding-left:0px;
        padding-top: 15px;
        
        	
  }
  
  #navigation li {
     margin-left: 10px;
     line-height: 20px;	
	
  }
  
 #navigation li a:link, li a:visited, li a:active {
    
    display:none;
 }
 
 #komplett_menue:hover .header_links {
	width:65%;
}

 
.menue {
   
   display: none;
   }
   
.Menuepunkte {
	display:none;
}  

#menuepunkt {
	visibility:visible;
	color: White;
	font-family:Arial; 
	font-size:15px; 
	background-color:black;
	padding-left:20px;
	width:100vw;
	
} 

.header_links {
   width:100%;	
	
   }



#komplett_menue:hover  #navigation li a:link, #navigation li a:visited, #navigation li a:active {
	display:block;
	font-family:Arial; 
	font-size:10px; color:white; 
	text-decoration:none;

}



#komplett_menue:hover .menue {
	display:block;
	width: 35%;
    /*background-color:#efe9dd;*/
   background-color: black;
   
}



#leerzeilen {
	display:none;
}

.main {
	width: 100vw;
	height: 30vh;
}

.main_unten {
	width: 100vw;
	height: 70px;
}
.slideshow {
	width:70%;
}


#banner_unten {
	height: 240px;
	width:100vw;
}

#block_1, #block_2 {
	width:100%;
	
}

}