/*---------------------------------------------------------------------------------------------*/
/*	CSS Reset by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ v2.0
/*---------------------------------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,table,blockquote,a,img,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
address{padding:0 0 30px;font-size: 1.1em;}
abbr,acronym{border-bottom:.1em dotted;}
ins{background:#f0f0f0;text-decoration:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}
blockquote:before,blockquote:after{content:none;}
a:hover, a:active, a:focus { outline: none; -moz-outline-style: none;}

/* General styles  */

a {text-decoration:none;}
a:hover {text-decoration:underline;}

/*---------------------------------------------------------------------------------------------*/
/*	Design for >1024px width
/*---------------------------------------------------------------------------------------------*/

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

#wrapper {background:white;
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;height:250px;border-top-left-radius: 5px;
      border-top-right-radius: 5px;}
#header img {width:100%;height: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:22px;width:69.1%;padding: 0 0 20px 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;
}

.topmenu {margin: 0.6% 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;
}

.dot {color:#e0e9e8;}

#content {min-height:260px;padding: 65px 20px 15px 20px;font-size:1.1em;border-bottom:5px solid #e0e9e8;border-right:5px solid #e0e9e8;border-left:5px solid #e0e9e8;border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;}

#content h1 {font-weight:bold; margin: 0 0 30px 0;font-size:1.3em;}

#content a {color:#8fbdb2;}

.gal img {-moz-border-radius:20px;-khtml-border-radius:20px;-moz-border-radius:10px; /* Firefox */-webkit-border-radius:5px; /* Safari, Chrome */-khtml-border-radius:5px; /* Konqueror */border-radius:5px; /* CSS3 */
margin: 0 7px 7px 0;
height: 160px;}

.sub {float:right;text-align:right;font-size:1.2em;}

.acti {color:#8fbdb2;}

#content ul a {color:#333;opacity:0.85;-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;
}
#content ul a:hover {text-decoration:none;color:#8fbdb2;}

.spalte {max-width:550px;}

.light {max-width: 900px;}

.lbox a:hover {
text-decoration:underline;
}

.lbox img {
-moz-border-radius:20px;-khtml-border-radius:20px;-moz-border-radius:10px; /* Firefox */-webkit-border-radius:5px; /* Safari, Chrome */-khtml-border-radius:5px; /* Konqueror */border-radius:5px; /* CSS3 */
margin: 0 7px 7px 0;
height: 150px;
}

.impressum {text-align:center;margin: 30px 0 0 0;float:bottom;}
.impressum a {color:#8fbdb2;}

.right {margin:0 30px 0 0;float:right;-moz-border-radius:20px;-khtml-border-radius:20px;-moz-border-radius:10px; /* Firefox */-webkit-border-radius:5px; /* Safari, Chrome */-khtml-border-radius:5px; /* Konqueror */border-radius:5px; /* CSS3 */
}

#footer {margin: 0 0 5px 0;}

#footer ul {}

#footer li {display:inline; }

/*---------------------------------------------------------------------------------------------*/
/*	Design for 480px < x < 1110px width
/*---------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1200px) {
.spalte {max-width:300px;}
}
@media screen and (max-width: 1000px) {
	#menu a {font-size:12pt;}}

@media screen and (max-width: 820px) {
#menu {
padding: 0 0 30px 0;
}
	#content {margin: 20px 0 0 0;}
	
	
}


@media screen and (max-width: 820px) {

	}



/*---------------------------------------------------------------------------------------------*/
/*	Design for x < 480px width
/*---------------------------------------------------------------------------------------------*/




@media screen and (max-width: 560px) {
	
	}


@media screen and (max-width: 450px) {
	

	}