@media all {

body {
	font-family:Tahoma, Geneva, sans-serif;
	
	letter-spacing: .1em;
	font-size: 100%;
	margin: auto;
}

/* komplette Seite */

#apDiv1 {
	     width: 100%;
		 background-color:#FFF;
		 margin-top: 0;
		 margin-right: auto;
		 margin-bottom: 0;
		 margin-left:auto;
		 text-align: center;
		 position: fixed;		 
	     z-index:100;
		 
		 }

#apDiv2 {
	
	     width: 100%;
		 height: auto;
		 margin-top:0;
		 margin-right:auto;
		 margin-bottom: 0;
		 margin-left:auto;
		 padding-top:5%;
		 text-align: center;
		 position:relative;
	     z-index:0;
		 
		 }
		 
	#example {
		display: block;
	}		


	/* main menu styles */
#menu {
	display:inline-block;
		
	width:100%;
	font-size:100%;
	font-weight:normal;
	margin:0px auto;
    padding:0;
	text-transform: uppercase;
	
	}
#menu li {
	
	margin-left:8px;
	margin-right:8px;
	float:left;
	position: relative;
	list-style:none;
	}
#menu a {
        font-weight:normal;
	    color:#333;
	    text-decoration:none;
	    display:block;
		
	margin-left:8px;
	margin-right:8px;
	   
	 
	  
	}
	 #menu a:focus {
        font-weight:normal;
	    color:#666;
	    text-decoration:none;
	    display:block;
	
	  
	 
	    
	}
	
	 #menu a:hover  {
        font-weight:normal;
		
	    color:#6e9a41;
	    text-decoration:none;
	    display:block;
	  
	 
	    
	}
	
	
	/* selected menu element */
	#menu .current a, #nav li:hover > a {
	    background:#dcdcdc repeat-x 0 -10px;
	    color:#666;
 
	}


/* sublevels */
	#menu ul li:hover a, #nav li:hover li a {
	    background:none;
    border:none;
	    color:#666;
		font-size:90%;
		text-align:left;
	
	}
	#menu ul li a:hover {
	    color:#6e9a41;
		font-size:100%;
		
	 
	  
	}
	 
	 
	/* drop down */
	#menu li:hover > ul {
	    opacity:1;
	    visibility:visible;
		font-size:90%;
	}
	#menu ul {
	    opacity:0;
	    visibility:hidden;
	    padding:0;
	    width:300px;
		font-size:90%;
		line-height: 100%;
	    position:absolute;
	 
	  
	}
	#menu ul li {
	    float:none;
	    margin:0;
		font-size:90%;
	}
	#menu ul a {
	    font-weight:normal;
		font-size:90%;
	}
	#menu ul ul {
	    left:150px;
	    top:0px;
	}





	 

/* Divcontainer */

text, content, side {
	float: left;
	

}

text {
	background-color:#d7ebc1;
	letter-spacing: .1em;
	font-size: 100%;
	width: 100%;
	color: #666;	
	margin-top: 0;
	margin-bottom: 0;
	z-index:0;
}

text h1 {
	letter-spacing: .1em;
	text-align:center;
	font-weight: bold;
	color: #666;
	text-shadow:0 2px 2px rgba(83,83,83, .7);
	font-size: 200%;
	line-height:100%;
	padding-left: 5%;
	padding-right: 10%;
}

text h2 {
	letter-spacing: .1em;
	text-align:left;
	font-weight: bold;
	color: #666;
	font-size: 120%;
	line-height:150%;
	padding-left: 15%;
		padding-right: 10%;
}
text h3 {
	letter-spacing: .1em;
	text-align:center;
	font-weight: bold;
	color: #666;
	font-size: 130%;
	line-height:100%;
	padding-left: 5%;
	padding-right: 10%;
}

text h4 {
	letter-spacing: .1em;
	text-align:center;
	font-weight: bold;
	color: #666;
	font-size: 120%;
	line-height:100%;
	padding-left: 5%;
	padding-right: 10%;
}

text p {
	    letter-spacing: .1em;
		font-weight: normal;
		text-align: left;
		line-height:150%;
		color: #666;	
		font-size: 110%;
		padding-left: 15%;
		padding-right: 10%;
}




side {
	background-color:#fff;
	letter-spacing: .1em;
	font-size: 100%;
	width: 100%;
	color: #666;	
	margin-bottom: 2%;
	z-index:0;
}

side h2 {
	    letter-spacing: .1em;
		font-weight: bold;
		text-align: center;
		text-transform:uppercase;
		color: #666;	
		text-shadow:0 2px 2px rgba(83,83,83, .7);
		font-size: 110%;
		padding-left: 25%;
		padding-right: 10%;
}


side p {
	    letter-spacing: .1em;
		font-weight: normal;
		text-align: left;
		line-height:150%;
		color: #666;	
		font-size: 110%;
		padding-left: 15%;
		
}



.Stil10 {
	font-family: Arial;
	font-size: 170%;
	text-align:left;
	color: #6e9a41;
	font-weight: bold;
}


.Stil11 {
	font-family: Arial;
	font-size: 150%;
	text-align:left;
	color: #6e9a41;
	font-weight: bold;
}



ul {  letter-spacing: .1em;
		font-weight: normal;
		text-align: left;
		line-height:150%;
		color: #666;	
		font-size: 110%;
		padding-left: 25%;
		padding-right: 10%;

}


#images{
	width:30%;
}


.table {
	width:100%;
}

.table1 {
	display:none;
}


.tablemenue {
	width:3%;
}
.tablelogo {
	width:5%;
}
.tablename {
	width:15%;
	text-align:left;
}

.tablepunkte {
	width:80%;
	text-align:left;
}

.table-side {
	width:60%;
	margin-left:15%;
}


.table-side-mobil {
	display:none;
}


.table-bild {
	margin-left:15%;
	width:80%;
}




.link1  {color: #fff;
    font-size: 110%;
	font-weight: normal;
		text-decoration:none;

}


.link1 a {color: #fff;
 font-weight: normal;
	text-decoration:none;

}

.link1 a:hover {color: #6e9a41;
}



.link  { letter-spacing: .1em;
		font-weight: normal;
		color: #666;	
}
.link a {
		color: #666;	
	text-decoration:none;

}

.link a:hover {color: #6e9a41;
}


.linksites  {color: #666;
 letter-spacing: .1em;
    font-size: 90%;
	font-weight: normal;
	text-decoration:none;
}
.linksites a {color: #666;
 letter-spacing: .1em;
	font-weight: normal;
	text-decoration:none;

}

.linksites a:hover {color: #6e9a41;
}



#seo {
	display:none;
	
	}

.footer {
	float: left;
	background-color:#fff;
	letter-spacing: .1em;
	color: #666;
	text-align: center;
	width: 100%;
	border-top: 4px solid #6e9a41;
	margin-bottom:0;

}
.footer p {
	float: left;
	letter-spacing: .1em;
	color: #666;
	text-align: center;
	width: 100%;
	
}


}

@media screen and  (min-width: 1280px) {
    
	#apDiv1 {
	     width: 100%;
}
.tablemenue {
	width:10%;
}
.tablelogo {
	width:20%;
}

#logo {
		 width: 80%;
	}
	
	
.table-side {
	width:80%;
	margin-left:5%;
}
	
	
}

@media screen and  (max-width: 1080px) {
		
/* Main */

	#apDiv1 {
	     width: 100%;
		 position: relative;		 
	     z-index:10;
}	
	
	
	#logo {
		 width: 100%;
	}

#images{
	width:70%;
}	
	
#menu {
	display:inline-block;	
	width:50%;
	font-size:80%;
	}
	
.tablemenue {
	width:5%;
}
.tablelogo {
	width:45%;
}


.table {
	width:100%;
}

	
.table-side {
		display:none;

}


.table-side-mobil {
	display:block;
	text-align:center;
	width:100%;
	font-size: 90%;
	
}

side p {
	    letter-spacing: .1em;
		font-weight: normal;
		text-align: left;
		line-height:150%;
		color: #666;	
		font-size: 110%;
		padding-left: 25%;
		
}

.footer p {
	float: left;
	letter-spacing: .1em;
	color: #666;
	text-align: center;
	font-size: 80%;
	
}




}

  @media (max-width: 800px){

            .about-us div{
                width: 45%;
                margin: 20px 0;
            }
#images{
	width:80%;
}
        }


@media screen and (max-width: 40em) {
	
	
#apDiv1 {
	     width: 100%;
		 position: relative;		 
	     z-index:10;
		 
		 }


#images{
	width:90%;
	
}	
	
	#example {
		display:none;
	}		
#logo {
	text-align:left;
		 width: 70%;
	}

.table-side-mobil {
	display:block;
	width:100%;
	font-size: 70%;
	
}

.tablemenue {
	width:0;
}
.tablelogo {
	text-align:left;
	width:60%;
}
	
	
/* Divcontainer */

text, content, side {
	float: left;
	border-right: 0 ;

}

text {
	font-size: 80%;
	 width: 100%;
	 margin-left:0;
	 margin-right:0;
	 margin-top:0;
	 margin-bottom: 5%;
	 
}

	text h1 {
	letter-spacing: .1em;
	text-align:center;
	font-weight: bold;
	color: #666;
	font-size: 130%;
	padding-left: 5%;
	padding-right: 10%;
}

text h2 {
	    letter-spacing: .1em;
		font-weight: bold;
		text-align: center;
		font-size: 120%;
		line-height:170%;
		
}

text h3 {
	    letter-spacing: .1em;
		font-weight: bold;
		text-align: center;
		font-size: 120%;
		line-height:170%;
		
}


.table {
	
	display:none;
	width:100%;
}

.table1 {
	display:block;
	width:100%;
	
}




 a[href^="tel"]:link,

  a[href^="tel"]:visited,

  a[href^="tel"]:hover {

      text-decoration: none;

      color: #ooo;

   }
}