@font-face {
    font-family: 'varela';
    src: url('font/VarelaRound-Regular-webfont.eot');
    src: url('font/VarelaRound-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/VarelaRound-Regular-webfont.woff') format('woff'),
         url('font/VarelaRound-Regular-webfont.ttf') format('truetype'),
         url('font/VarelaRound-Regular-webfont.svg#varela_roundregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family:varela,Verdana,sans-serif;
	color:#262f2e;
	margin:0;
	padding:0;
}

html {
	overflow-y:scroll;
}

a:link, a:visited {
	color:#0d6759;
	text-decoration:none;
}

a:hover, a:visited:hover {
	color:#bef202;
}

.navtoggle {
	font-size:1.2em;
	padding:0.5em 0;
	
}

ul#hauptnav, ul#hauptnav ul {
	margin:0 0 1em 0;
	padding:0;
}

ul#hauptnav li {
	list-style-type:none;
	margin:0;
}

ul#hauptnav li a:link, 
ul#hauptnav li a:visited {
	display:block;
	text-decoration:none;
	color:#fff;
	background-color:#0d6759;
	margin-bottom:0.5em;
	padding:0.2em;
}

ul#hauptnav li ul li a:link,
ul#hauptnav li ul li a:visited {
	background-color:#6ca499;
}

ul#hauptnav li.menu-current > a:link, 
ul#hauptnav li.menu-current > a:visited,
ul#hauptnav li a:hover,
ul#hauptnav li a:visited:hover,
ul#hauptnav li ul li a:hover,
ul#hauptnav li ul li a:visited:hover {
	background-color:#0b2e59;
}

.logo {
	background-color:#bef202;
}

.meta, .termin {
	background-color:#0d6759;
	color:#fff;
} 

.meta ul { 
	float:right;
	margin:0;
}
.meta li { 
	float:left;
	font-size:85%;
	list-style-type:none;
	margin:0;
}

.meta a:link, 
.meta a:visited {
	color:#fff;
	text-decoration:none;
	margin-left:2em;
}

.meta a:hover, 
.meta a:visited:hover {
	color:#bef202;
}

.termin p {
	font-size:1.2em;
	margin:0;
}

h1, h2, h3 {
	font-weight:normal;
}

h1 {
	margin-top:0;
}

img {
	max-width:100%;
	height:auto !important;
}

.ac {
	text-align:center;
}

.main {
	padding:2em 0;
}

.main p {
	margin:0 0 1em 0;
	hypens:auto;
}

@media screen and (max-width:800px) {
	ul#hauptnav {
		display:none;
	}
}

@media screen and (max-width:640px) {
		
	.meta ul a:link, .meta ul a:visited {
		margin-left:1em;
	}
}