/* Resets */
	* {
		margin: 0; padding: 0;
	}

	/* For modern browsers */
	.cf:before,
	.cf:after {
	    content:"";
	    display:table;
	}
	.cf:after {
	    clear:both;
	}
html	{font-family: Open Sans, Arial, sans-serif;}

a	{color: #cc071e; text-decoration: none;}
.impressum content_main a	{color: #000000; text-decoration: none;}
a:hover,
a:focus	{color: #7b1b27; text-decoration: none;}
body {
		color: #333;
		font-family: Open Sans, Arial, sans-serif;
		font-size: 16px;
		line-height: 150%;
		margin: 0;
		padding: 0;
		background-color: #eeede2;
	}
	h1{color: #333;
	font-size:1.5em;
	margin-bottom: 15px;
	line-height: 150%;}
	h2 {
		font-size: 1.3em;
		font-weight: normal;
		margin: 15px 0 15px 0;
		line-height: 150%;
		color: #000;
	}
	h3 {
		font-size: 1.2em;
		font-weight: normal;
		margin: 20px 0 15px;
		color: #000;
	}

	.content_sub h2,
	.content_sub h3 {
		font-weight: bold;
	}

	.content_sub h2 {
		font-size: 18px;
		margin: 15px 0 0;
	}

	.content_sub h3 {
		color: #333;
		font-size: 15px;
		margin: 15px 0 0;
	}
		
p {margin: 15px 0 15px 0; font-size: 100%; max-width: 720px;}
article ul{max-width: 750px;}
table td	{vertical-align: top;}
	ul, ol {
		margin-left: 15px;
	}
article ul li	{list-style-type: disc; font-size: 100%; max-width: 750px;}	
#container {
		margin: 0px auto;
		max-width: 1170px;
		}
.wrapper {
		margin: 0px 10px;
		max-width: 1150px;
		background-color: #fff;
		box-shadow: 0px 0px 12px rgba( 0,0,0,0.2);
		}
header {color: #333;
		margin: 0 0%;
	z-index: 1000;
	position: relative;}
#karte	{position: relative;
width: 100%;}
div.ht {
    background-image:url(../img/europas_muehsamer_weg.png);
	background-repeat:no-repeat;
    background-size: auto auto;
    background-size: 100% auto;
    height: 163px;
    text-indent: -99999px;
    width: 350px;
    position: absolute;
	top: 120px;
	left: 2.5%;
}
#name {position: absolute;;
	font-size: 1.5em;
	text-transform: uppercase;
	width: 250px;
	top: 20px;
left: 2.5%;
}

.headline {clear: both;
		float:  right;
		font-size: 16px;
		line-height: 1.4;
		margin: 8px 0 0 0;
		width: 325px;
		text-align: right;}
#headermenu	{float: right;
width: 200px;
margin-top: 20px;}
#headermenu	li {float: left;
list-style-type: none; color: #cecece;}
#headermenu	li a	{color: #333; padding: 3px  10px; font-size: 0.8em; }
#headermenu	li a:hover	{color: #000;}
nav	{position: relative;
width: 80%;
margin: 0px 0 0 0;
z-index: 1100;
height: 45px;
		}
nav	ul	{
		margin: 0px 0 15px 0;
		padding-top: 3px;
		}
nav	ul li	{float: left; list-style-type: none; 
}
nav	ul li a	{text-decoration: none;
text-transform: uppercase;
	color: #333;
	display: block;
	padding: 8px 27px 8px 0;}

nav	ul li.active a	{color: #cc071f;}
nav	ul li a:hover,
nav	ul li a:focus,
nav	ul li.active ul li a:hover,
nav	ul li.active ul li a:focus	{color: #7b1b27;}
nav	ul	{background-color: #fff;
		}
nav	ul li ul 	{width: auto; min-width: 200px;
margin-top: 0;
padding: 0px 5px;}
article {margin: 0 2.5%;
 min-height: 550px;
 position: relative;
 z-index: 1;}
div.content_main.onesize {
		float: none;
		padding: 50px 0px 0px 0;
		width: 100%;
		max-width: 1200px;
	}
article.onesize.content_main p	{max-width: 650px;}
article.onesize .content_sub {display: none;}

.content_main {
		float: left;
		padding: 30px 2.5% 35px 0;
		width: 65%;
	}

.content_sub {
		float: right;
		padding: 30px 0;
		width: 32.5%;
	}

.clear	{clear: both;}
.button	{margin:0px 13px 20px 0;
	padding: 7px 13px;
	background-color: #cc071f;
	width: auto;
	min-width: 99px;}
.eins, .zwei	{float: left;}
.button a	{color: #fff;}
.button:hover	{
	background-color: #7b1b27;}

footer	{background-color: #bcbaa9;
padding: 15px 2.5% 00px 2.5%;
}

footer a:link,
footer a:visited	{color: #000;}
footer a:hover	{color: #cc071e;}

footer p	{margin: 40px 0; font-size: 100%; line-height: 150%;}
	embed,
	object,
	video {
		max-width: 100%;
	}
footer::after	{
	clear: both;
	height: 0;
	content:".";
	visibility:hidden;
	display:block;}
.aktuellblock {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bcbaa9;
}
.aktuellblock img	{width: 100%;}

.social {
	position: relative;
	width: auto;
	float: right;
	top: -30px;
	right: 0;
	
}
#buch {
	padding: 9px;
	width: 98%;
	margin-top: 40px;
	margin-bottom: 20px;
	border: 1px solid #bcbaa9;
	position: relative;
}
.cover {
	float: left;
	width: 48%;
	padding-right: 3%;
}
.cover img	{width: 100%;
	}
.cover::after	{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;}
.buchbeschreibung	{width: 49%;
float: right; 
font-size: 95%;}
.buchbeschreibung h3	{margin-top: 7px;}
.buchbeschreibung p	{margin: 10px 0;}
.aktuell	{padding: 12px;
	width: 92%;
	margin-bottom: 20px;
	margin-left: 3.5%;
	border: 1px solid #bcbaa9;
	position: relative;}
.aktuell h2	{color: #cc071e;
	margin: 5px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #bcbaa9;
	font-size: 1.4em;
	text-transform: uppercase;}
.aktuellblock h3 {
	color: #cc071e;
    margin: 15px 0;
	padding-bottom: 5px;
	font-size: 1.2em;
	text-transform: uppercase;
}
.portrait	{margin-right: 15px;
width: 195px;
height: 250px}
.zitat {
	font-size: 80%;
	background-color: #eeede2;
	padding: 12px;
	width: 92%;
	margin-left: 3.5%;
}