body, textarea, input, select {
	font-family: 'Josefin Sans', sans-serif;
	font-size:10pt;
}

body {
	color:#fff;
}

a {
	color:#555;
}
a:hover {
	color:#000;
}


#surround {
	margin:0 auto;
	width:100%;
}

#header {
	background-color:#2d2f32;
}

#content {
	background-color:#000;
	width:100%;
	margin:0 auto;
}

#content h1 {font-size:25pt;margin:0;padding-bottom:20px;}

.pagetextoben,.pagetextunten {
	font-size:14pt;
	padding:40px 0;
}


#footer {
	background-color:#2d2f32;
	padding:20px 0;
	font-size:25pt;
}

// #footer h2 {font-size:12pt;margin:0;color:#000;}

#footer .footerBlock {
	color:#fff;
	font-weight:bold;
	padding:40px 0 50px;
}



#footer .footerBlock a, #footer .footerBlockEnd a {
	color:#fff;
}

.inner {
	margin:0 auto;
	width:100%;
	max-width:2000px;
	text-align:center;
}


#hauptnavigation {
	background-color:#13969f;
}

#hauptnavigation ul {
	list-style-type:none;
	padding:0;
	margin:0;
	font-size:0;
}

#hauptnavigation ul li {
	display:inline-block;
	
}

#hauptnavigation a {
	display:block;
	color:#000;
	font-size:19pt;
	padding:5px 20px;
	font-weight:bold;
	}


#hauptnavigation a.akt, #hauptnavigation a:hover {
	color:#fff;
}

#content img {
	width:32%;
	height:auto;
	margin:4px;
}


@media all and (max-width:1000px) {
	#content img {
		width:48%;
		height:auto;
		margin:3px;
	}
	#content h1 {font-size:20pt;margin:0;padding-bottom:10px;}
	.pagetextoben,.pagetextunten {
		margin:0 15px;
		font-size:12pt;
		padding:30px 0;
	}
}

@media all and (max-width:600px) {
	#content img {
		width:98%;
		height:auto;
		margin:2px;
	}
	#content h1 {font-size:17pt;margin:0;padding-bottom:6px;}
	.pagetextoben,.pagetextunten {
		margin:0 15px;
		font-size:10pt;
		padding:20px 0;
	}
}

@media all and (max-width:369px) {
	.logo {width:100%;height:auto;}
}