.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
==================================================== */

body {
	background-position:	center 0px;
}

.nav_mob {
	visibility:	hidden;
	opacity:	0;
	display:	none;
	width:		0px;
	height:		0px;
		
	-webkit-transition:	visibility 0.3s, opacity 0.3s, width 0.3s;
	transition:			visibility 0.3s, opacity 0.3s, width 0.3s;
}

.page_wrapper {
	width:		1050px;
	margin:		0px auto;	
	padding:	0px 0px 40px 0px;
	-webkit-box-shadow:	0px 0px 7px #999;
	box-shadow:			0px 0px 7px #999;
}		
	.head_wrapper {
		position:	fixed;
		display:	block;
		width:		1050px;
		top:		0px;
		z-index:		1000;
		-webkit-box-shadow:	0px -7px 7px #999;
		box-shadow:			0px -7px 7px #999;
	}
	.editmode .head_wrapper {
		position:	relative;
	}
		.toggle_navigation {
			display:	inline-block;
			position:	relative;
			width:		150px;
			height:		90px;
			vertical-align:	top;
			z-index:	10;
			line-height:	3em;
		}
			.toggle_navigation a {
				opacity:			0;
				visibility:			hidden;
				font-size:			2em;
				text-decoration:	none;
				text-align:			center;
				
				-webkit-transition:	opacity 0.7s, visibility 0.7s;
				transition:	opacity 0.7s, visibility 0.7s;
			}
		.title_wrapper {
			display:		inline-block;
			position:		relative;
			width:			750px;
			height:			90px;
			line-height:	5.5em;
			text-align:		center;
			vertical-align:	top;
			z-index:		10;
			white-space:	nowrap;
		}
				.title_wrapper > h1 {
					overflow:		hidden;
					text-overflow:	ellipsis;
				}
				.title_wrapper br {
					display:	none;
				}	
		.logo_wrapper {
			display:		inline-block;
			position:		relative;
			width:			150px;
			height:			90px;
			vertical-align:	top;
			z-index:		10;
		}
			.logo_wrapper div { 
				display:	inline-block;
				width:		150px;
				height:		90px;	
			}
			
		.navigation_wrapper {
			text-align:	center;
			z-index:	5;
			-webkit-transition: margin 0.8s;
			transition:			margin 0.8s;
		}
		.fixed .navigation_wrapper {
			margin-top:		-250px;
		}	
		.fixed .navigation_wrapper.open_navigation {
			margin-top:		0px;
		}
		.fixed .editmode .navigation_wrapper.open_navigation,
		.fixed .editmode .navigation_wrapper {
			margin-top:		0px;
		}	
	#keyvisual, .cm-slides-addon {
		margin:		131px 0px 0px 0px;
		height:		400px;
		width:		1050px;
		background-repeat:		no-repeat;
		background-position:	center 0px !important;
		-webkit-background-size:	cover;
		-moz-background-size:	cover;
		background-size:	cover;
		
		-webkit-transition:		height 0.5s;
		transition:		height 0.5s;
	}	
	.editmode #keyvisual, .cm-slides-addon {
		margin:		0px;
	}
		.subtitle_wrapper {
			text-align:	center;
			width:		80%;
			margin:		0px auto;
			position:	relative;
			z-index:	10;
		}
			.subtitle {
				padding:	25px 0px 20px 0px;
			}
	.main_wrapper { 
		padding:		30px 25px 30px 25px;
		line-height:	1.6;
	}
		.content_main_dho {
			display:		inline-block;
			vertical-align:	top;
			width:			720px;
		}
		.cm_widget_anchor > a,
		.cm4all-catalog-config-not-viewId a[name^="anchor-"] {
			position:	 absolute;
			top: 		-80px; 
		}
		.sidebar_wrapper {
			display:		inline-block;
			vertical-align:	top;
			margin-left:	40px;
			width:			200px;
			padding:		10px;
		}
	.footer_wrapper {
		text-align:	center;
		padding:	20px 0px;
	}



.navigation_wrapper > ul {
	display:		inline-block;
	text-align:		center;
	list-style-type:none;
	padding:		0px;
	margin:			0px;
}
.navigation_wrapper > ul > li {
	display:		inline-block;
	padding:		0px;
	margin:			0px;
	vertical-align:	top;
	border-bottom:	3px solid transparent;
	-webkit-transition:	border 0.4s;
	transition:			border 0.4s;
}
.navigation_wrapper > ul > li > a {
	display:			block;
	text-decoration:	none;	
	text-transform:		uppercase;
	padding:			0px 0.9em;
	line-height:		3em;
	-webkit-transition:	color 0.4s, border 0.4s, background-color 0.4s;
	transition:			color 0.4s, border 0.4s, background-color 0.4s;
}	

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

/* ----- 3.2 SubNavigation -----  */
.navigation_wrapper > ul > li > ul {
	visibility:			hidden;
	opacity:			0;
		
	list-style-type:	none;
	padding:			0px;
	margin:				0px;	
	position:			absolute;
	box-shadow:			0px 4px 3px rgba(0,0,0,0.4);
	
	-webkit-transition:	opacity 0.4s, visibility 0.4s, transform 0.4s;
	transition:			opacity 0.4s, visibility 0.4s, transform 0.4s;
} 
.navigation_wrapper > ul > li > ul > li {
	padding:			0px;
	margin:				0px;
	-webkit-transition:		margin 0.2s;
	transition:				margin 0.2s;
	max-width:			200px;
}
.navigation_wrapper > ul > li > ul > li > a {
	display:				block;
	text-decoration:		none;	
	text-transform:			uppercase;
	padding:				7px 15px 9px 10px;
	overflow:		hidden;
	text-overflow:	ellipsis;
	
	-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 > ul > li:nth-child(even) {
	margin:			0px 0px 0px -150px;
}
.navigation_wrapper > ul > li > ul > li:nth-child(odd) {
	margin:			0px 0px 0px 150px;
}
.navigation_wrapper > ul > li:hover > ul {
	opacity:	1;
	visibility:	visible;
}
.navigation_wrapper > ul > li:hover > ul > li {
	margin:	0px;
}


/* ----- 3.2 Sub Sub Navigation -----  */
.navigation_wrapper > ul > li > ul > li > ul {
	display:		none;
		
	list-style-type:	none;
	padding:			0px;
	margin:				0px;	
	
	-webkit-transition:	opacity 0.4s, visibility 0.4s, transform 0.4s;
	transition:			opacity 0.4s, visibility 0.4s, transform 0.4s;
} 
.navigation_wrapper > ul > li > ul > li > ul > li {
	padding:	0px;
	margin:		0px; 
	max-width:	200px;
}
.navigation_wrapper > ul > li > ul > li > ul > li > a {
	display:				block;
	text-decoration:		none;	
	text-transform:			uppercase;
	padding:				7px 15px 9px 10px; 
	
	-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 {
	display:	block;
}


#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;
    vertical-align: middle;
    width: 0;
	margin-left:	5px;
}



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




.clearly {
	clear:	both;
}