body {background:#8fbdb2;-webkit-text-size-adjust:none;color:#333;font-family: Geneva, Calibri, Gill Sans MI, Arial, Verdana, Tahoma, Helvetica, sans-serif;}

#wrapper {background:#8fbdb2;
width: 70%;margin: 3.5% 0 0 14.9%;border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;}

#header {background:#e0e9e8;border-top:5px solid #e0e9e8;border-left:5px solid #e0e9e8;border-right:5px solid #e0e9e8;border-top-left-radius: 5px;
      border-top-right-radius: 5px;height:510px;      
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
    }
#header img {width:100%;border-top-left-radius: 5px;
      border-top-right-radius: 5px;
}

@font-face {
font-family: HarabaraHand;
src: url(HarabaraHand.ttf);
}

#menu {font-family:HarabaraHand;background:#e0e9e8;height:20px;width:65.7%;padding: 0 0 10px 5px;

border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      
      
}
#menu a {color:black;font-size:15pt;-moz-transition:color 0.5s, -moz-transform 0.5s;
    -webkit-transition:color 0.5s, -webkit-transform 0.5s;
    -o-transition:color 0.5s, -o-transform 0.5s;
    transition:color 0.5s, transform 0.5s;}

#menu {
   position:absolute; border-left:5px solid #e0e9e8;
}

#menu ul {
  list-style-type:none;
  list-style-image:none;
  margin:0px;
  padding:0px;
}

#menu li.topmenu {
  float:left;
}

.dot {color:#e0e9e8;}

.topmenu {margin: 1.1% 2.5% 0 0;}

.topmenu a {
  float:left;
  }

.topmenu ul{
  display:none;
}

.topmenu a{

  border-collapse:collapse;
  color:#e0e9e8;
  text-decoration:none;
  
  margin:0;  
}

#menu a:hover, .topmenu.on a {
  color:#404040;
}

#menu .aktiv {
  color:#404040;
}

.topmenu:hover ul {
  display:block;  
  z-index:500;
}


@media screen and (max-width: 1500px) {
#header {height:498px;      

    }	
	}
	
	@media screen and (max-width: 1450px) {
#header {height:488px;      

    }	
	}


	@media screen and (max-width: 1400px) {
#header {height:468px;      

    }	
	}
	
		@media screen and (max-width: 1350px) {
#header {height:448px;      

    }	
	}
	
	
	
		@media screen and (max-width: 1300px) {
#header {height:438px;      

    }	
	}
	
		@media screen and (max-width: 1250px) {
#header {height:428px;      

    }	
	}
	
			@media screen and (max-width: 1200px) {
#header {height:400px;      

    }	
	}
	
			@media screen and (max-width: 1150px) {
#header {height:390px;      

    }	
	}
	
			@media screen and (max-width: 1100px) {
#header {height:370px;      

    }	
	}
	
				@media screen and (max-width: 1050px) {
#header {height:360px; }     
#menu a {font-size:12pt;}
    }	
	
	
				@media screen and (max-width: 1000px) {
#header {height:343px;}


    }	
	
	
					@media screen and (max-width: 800px) {
#header {height:300px;      

    }	
	}
	
						@media screen and (max-width: 700px) {
#header {height:250px;      

    }	
	}


						@media screen and (min-width: 1550px) {
#header {height:520px;    

    }	
	}
	

						@media screen and (min-width: 1580px) {
#header {height:533px;    

    }	
	}

						@media screen and (min-width: 1610px) {
#header {height:550px;    

    }	
	}

						@media screen and (min-width: 1640px) {
#header {height:565px;    

    }	
	}

						@media screen and (min-width: 1680px) {
#header {height:575px;    

    }	
	}
	
						@media screen and (min-width: 1700px) {
#header {height:585px;    

    }	
	}
	
						@media screen and (min-width: 1725px) {
#header {height:597px;    

    }	
	}