.main_wrapper h1, .main_wrapper h2, .main_wrapper h3, .main_wrapper h4, .main_wrapper h5, .main_wrapper h6 {
	margin:			0 0 0.7em 0;
}
.main_wrapper p, .main_wrapper code, .main_wrapper pre, .main_wrapper kbd {
	margin:			0 0 1em 0;
}
.main_wrapper li ul, .main_wrapper li ol {
	margin:			0 1em;
}
.main_wrapper ul, .main_wrapper ol {
	margin:			0 1em 1em 1em;
}
.main_wrapper dl {
	margin:			0 0 1em 0;
}
.main_wrapper dd {
	margin-left:	1em;
}
a {
	outline:		none;
}




/* =================================================
	2 - Positionierung der Layoutbereiche
==================================================== */


#keyvisual, .cm-slides-addon {
	width:		100%;
	height:		500px;
	background-position:		center 0px !important;
	-webkit-background-size:	cover;
	-moz-background-size:		cover;
	background-size:			cover;
}

.title_wrapper {
	text-align:	center;	
	padding:	20px 0px 25px 0px;
}
	.title_wrapper h1 {
	}
	.title_wrapper h2 {
	}

.main_wrapper {
	padding:	0px 0px 40px;
}
	.center_wrapper {
		width:		1000px;
		margin:		0px auto;
		line-height:1.6;
	}
		.content_main_dho {
			display:		inline-block;
			vertical-align:	top;
			width:			740px;
			margin:			40px 0px 0px 0px;
		}
		.sidebar_wrapper {
			display:		inline-block;
			vertical-align:	top;
			width:			200px;
			padding:		40px 10px 30px;
			margin:			0px 0px 0px 30px;
		}	
		.sidebar_wrapper:after {
			content:	"";
			height:		80px;   
			margin: 	30px 0 0 -10px;
			position: 	absolute;
			width: 		220px;
		}	
.footer_wrapper {
	padding:	45px 0px;
	text-align:	center;
}
.placeholder {
	height:		35px;
}

.head_wrapper {
	position:	absolute;
	top:		130px;
	width:		100%;
}
	.toggle_navigation {
		display:	none;
	}
	.logo_wrapper {
		position:	absolute;
		margin-top:	-70px;
	}
		#logo {
			width:		210px;
			height:		210px;
			border-radius:	100%;
			overflow:		hidden;
		}
		#logo div {
			line-height: 210px;
			text-align: center;
		}
	.navigation_wrapper {
		width:			100%;
	}
		



.navigation_wrapper > ul {
	display:		block;
	max-width:		800px;
	list-style-type:none;
	padding:		0px 0px 0px 240px;
	margin:			0px auto;
}
.navigation_wrapper > ul > li {
	display:		inline-block;
	padding:		0px;
	margin:			0px;
	vertical-align:	top;
}
.navigation_wrapper > ul > li > a {
	display:			block;
	text-decoration:	none;	
	text-transform:		uppercase;
	padding:			1.5em 0.9em;
	-webkit-transition:	color 0.25s;
	transition:			color 0.25s;
}	

/* ----- Ende Navigation ----- */

/* ----- 3.2 SubNavigation -----  */
.navigation_wrapper > ul > li > ul {
	visibility:			hidden;
	opacity:			0;
	display:			none;
		
	list-style-type:	none;
	padding:			0px;
	margin:				0px;	
	position:			absolute;
	box-shadow:			0px 4px 3px -2px rgba(0,0,0,0.4);
	
	-webkit-transition:	opacity 0.6s, visibility 0.6s;
	transition:			opacity 0.6s, visibility 0.6s;
} 
.navigation_wrapper > ul > li.cm_has_subnavigation > ul:before {
	content:	"";   
	display:	block;
	position:	absolute;
	height:		0px;
	width:		0px;
	margin:		-11px 0px 0px 8px;
}
.navigation_wrapper > ul > li > ul > li {
	padding:			0px;
	margin:				0px;
}
.navigation_wrapper > ul > li > ul > li > a {
	display:				block;
	text-decoration:		none;	
	text-transform:			uppercase;
	padding:				7px 17px 9px 17px; 
	-webkit-transition:		color 0.7s, background-color 0.7s;
	transition:				color 0.7s, background-color 0.7s; 
}
.navigation_wrapper > ul > li:hover > ul {
	opacity:	1;
	visibility:	visible;
	display:		block;
}


/* ----- 3.2 Sub Sub Navigation -----  */
.navigation_wrapper > ul > li > ul > li > ul {
	visibility:			hidden;
	opacity:			0;
	
	list-style-type:	none;
	padding:			0px;
	margin:				0px;	
	
	-webkit-transition:	opacity 0.4s, visibility 0.4s;
	transition:			opacity 0.4s, visibility 0.4s;
} 
.navigation_wrapper > ul > li > ul > li > ul > li {
	padding:	0px;
	margin:		0px; 
}
.navigation_wrapper > ul > li > ul > li > ul > li > a {
	display:				block;
	text-decoration:		none;	
	text-transform:			uppercase;
	padding:				7px 17px 9px 30px;
	
	-webkit-transition:	margin 0.4s, color 0.3s, border 0.3s, background-color 0.3s;
	transition:			margin 0.4s, color 0.3s, border 0.3s, background-color 0.3s;
}
.navigation_wrapper > ul > li:hover > ul > li > ul {
	opacity:	1;
	visibility:	visible;
}


#cm_navigation li.cm_has_subnavigation > a:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-left: 0.313em solid transparent;
    border-right: 0.313em solid transparent;
    border-style: solid solid none;
    border-width: 0.313em 0.313em medium;
    content: "";
    display: inline-block;
    height: 0;
    position: relative;
    right: -0.313em;
    vertical-align: middle;
    width: 0;
}



.scrollup {
	padding-right:	100px;    
	display: 		inline;
    margin-top: 	-75px;
    position: 		absolute;
    right: 			0;
	
	-webkit-transition:	bottom 0.5s;
	transition:			bottom 0.5s;
}
.scrollup a {
	border-radius:	50px;
	padding:		10px 20px;
	box-shadow:		0px 0px 5px #fff;
	font-size:		2.5em;
	text-decoration:none;
	
	-webkit-transition:		padding 0.3s, box-shadow 0.3s;
	transition:				padding 0.3s, box-shadow 0.3s;
}
.scrollup a:hover {
	padding:		15px 20px;
	box-shadow:		0px 0px 10px #ddd;
}




.clearly {
	clear:	both;
}