.scroll_container {
	text-align:	center;
}
.scrollup {
	border:			1px solid;
	font-size:		3em;
	line-height:	3em;
	border-radius:	50px;
	padding:		7px 20px;
	cursor:			pointer;
	text-decoration:	none;
	-webkit-transition:		transform 0.4s, box-shadow 0.4s;
	transition:				transform 0.4s, box-shadow 0.4s;
}

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




/* =================================================
	2 - Positionierung der Layoutbereiche
==================================================== */
#keyvisual {
	display:	none;
}

.trennlinie {
	border:		none;
	padding:	0px;
	margin:		0px auto;
	height:		2px;
	size:		2px;
	border-top:	1px solid rgba(255,255,255,1);
	opacity:	0.4;
}
.trennlinie.small {
	width:		65%;
}
.trennlinie.medium {
	width:		85%;
}
.trennlinie.big {
	height:		15px;
	border:		none;
}
.trennlinie.nose: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: 	1.5em solid transparent;
    border-right: 	1.5em solid transparent;
    border-style: 	solid solid none;
    border-width: 	1em 1em medium;
    content: 		"";
    display: 		inline-block;
    height: 		0;
    width: 			0;
    position: 		relative;
    margin: 		0px auto 0px 49%;
	bottom:			-14px;
    vertical-align:	 middle;
}
		
.head_wrapper {
}
					
		.logo_wrapper {
			width:		100%;
			padding:	0px 0px 30px 0px;
		}
		.logo_wrapper a {
			text-decoration:	none;
		}
		#logo {
			width:		1150px;
			height:		200px;
			margin:		0px auto;
		}
		.title_wrapper {
			padding:		40px 0px 50px 0px;
			text-align:		center;
		}
				.title_wrapper .title {
				}
				.title_wrapper .subtitle {
				}
		
		.navigation_wrapper {
			text-align:		center;
		}
		.navigation_wrapper > ul {
			-webkit-transition:	visibility 0.3s, opacity 0.3s;
			transition:			visibility 0.3s, opacity 0.3s;
		}
		.toggle_navigation {
			visibility:	hidden;
			opacity:	0;		
			display:	none;
			text-align:	center;	
			line-height:3em;
			text-decoration:	none;
			-webkit-transition:	visibility 0.3s, opacity 0.3s;
			transition:			visibility 0.3s, opacity 0.3s;
		}
		

.content_wrapper {
	padding:	40px 0px;
}
		.shadow {
			background-image: url('../img/shadow.png');
			background-position:	top center;
			background-repeat:		no-repeat;
		}
		.fixed .shadow {
			background-attachment:	fixed;
			background-position:	center 80px;
		}
		.main_wrapper {
			width:		1100px;
			margin:		0px auto;
		}				
				.content_main_dho {
					display:		inline-block;
					line-height:	1.7;
					width:			850px;
					margin-right:	49px;
					vertical-align:	top;					
				}
				.sidebar_wrapper {
					display:		inline-block;
					width:			180px;
					vertical-align:	top;
					padding:		15px 0px 15px 15px;
				}
		
				.sidebar {
				}


.footer_wrapper {
	width:		100%;
	padding:	0px 0px 60px 0px;
	letter-spacing: 1px;
	text-transform:uppercase;
	text-align:	center;
}

.footer_wrapper, .footer_wrapper a {
	line-height:	1.7;
}

.placeholder {
	height:	70px;
	opacity:	0.9;
}


/* =================================================
	3 - Formatierung der Layoutbereiche
==================================================== */

/* ----- 3.1 Navigation ----- */


.fixednav {
	display:	none;
	top:		0px;
	left:		0px;
	position:	fixed;
	width:		100%;
	z-index:	1013;
}

.fixed .fixednav {
	display:	block;
}
.fixed .trennlinie.nose:after {
    margin:	0px auto;
}


.navigation_wrapper > ul {
	display:		inline-block;
	max-width:		1150px;
	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;
}
.navigation_wrapper > ul > li > a {
	display:			block;
	text-decoration:	none;	
	text-transform:		uppercase;
	padding:			0px 0.9em;
	line-height:		5em;
	
	-webkit-transition:	color 0.4s, border 0.4s, background-color 0.4s;
	transition:			color 0.4s, border 0.4s, background-color 0.4s;
}
.navigation_wrapper > ul > li:hover > a {
}	

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

/* ----- 3.2 SubNavigation -----  */
.navigation_wrapper > ul > li > ul {
	visibility:			hidden;
	opacity:			0;
	-webkit-transform:	-webkit-scale(1.2);
	transform:			scale(1.2);
	z-index:			10;
		
	list-style-type:	none;
	padding:			0px;
	margin:				0px;	
	position:			absolute;
	-webkit-border-radius:	2px;
	border-radius:			2px;
	
	-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; 
}
.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 > a {
	display:				block;
	text-decoration:		none;	
	text-transform:			uppercase;
	padding:				7px 15px 9px 10px; 
	
	width:			170px;
	overflow:		hidden;
	text-overflow:	ellipsis;
	white-space:	nowrap;
	
	-webkit-transition:	color 0.3s, border 0.3s, background-color 0.3s;
	transition:			color 0.3s, border 0.3s, background-color 0.3s;
}


.navigation_wrapper > ul > li.cm_has_subnavigation:hover > ul {
	opacity:	1;
	visibility:	visible;
	-webkit-transform:	-webkit-scale(1);
	transform:			scale(1);
}


/* ----- 3.2 Sub Sub Navigation -----  */
.navigation_wrapper > ul > li > ul > li > ul {
	visibility:			hidden;
	opacity:			0;
	-webkit-transform:	-webkit-scale(1.2);
	transform:			scale(1.2);
	width:			200px;
		
	list-style-type:	none;
	padding:			0px;
	margin:				-35px 0px 0px 197px;	
	position:			absolute;
	-webkit-border-radius:	2px;
	border-radius:			2px;
	
	-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; 
}
.navigation_wrapper > ul > li.cm_has_subnavigation > ul > li.cm_has_subnavigation > ul:before {
	content:	"";   
	display:	none;
	position:	absolute;
	height:		0px;
	width:		0px;
	margin:		8px 0px 0px -11px;
}
.navigation_wrapper > ul > li > ul > li > ul > li > a {
	display:				block;
	text-decoration:		none;	
	text-transform:			uppercase;
	padding:				7px 15px 9px 10px; 
	width:					175px;
	overflow:				hidden;
	text-overflow:			ellipsis;
	white-space:			nowrap;
	
	-webkit-transition:	color 0.3s, border 0.3s, background-color 0.3s;
	transition:			color 0.3s, border 0.3s, background-color 0.3s;
}
.navigation_wrapper > ul > li > ul > li > ul:before {
	content:		"";
	height:			100%;
	width:			20px;
	margin:			0px 0px 0px -20px;
	background-color:	transparent;
	display:		none;
	position:		absolute;
}


.navigation_wrapper > ul > li > ul > li.cm_has_subnavigation:hover > ul {
	opacity:	1;
	visibility:	visible;
	-webkit-transform:	-webkit-scale(1);
	transform:			scale(1);
}







.navigation_wrapper 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;
}




.clearly {
	clear:	both;
}