html, body {
	margin:		0px;
	padding:	0px;
	width:		100%;
}


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

.search-form fieldset {
	padding:	6px !important;
}
.search-form input {
	color:			#B0B0B0 !important;
	font-size:		13px;
}





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

.trennlinie {
	background-color:	none;
	margin:				0px;
	padding:			0px;
	border:				none;
	height:				10px;
	background-image:	url('../img/strips.png');
}
.minus {
	margin-top:		0px;
}

.head_wrapper {
	width:			1100px;
	margin:			0px auto;
	padding:		30px 0px;
}

		#logo {
			width:			350px;
			height:			115px;
			display:		inline-block;
			vertical-align:	top;
		}
		.title_wrapper {
			display:		inline-block;
			width:			560px;
			vertical-align:	top;
			background:		url('../img/logo_sp.png') no-repeat left;
			padding-left:	30px;
		}
		.title_wrapper .title {
			margin:			0px;
			padding:		0px;
			margin-top:		10px;
		}
		.title_wrapper .subtitle {
			margin:			0px;
			padding:		0px;
			margin-bottom:	10px;
		}
		.search_wrapper {
			display:		inline-block;
			width:			200px;
			vertical-align:	top;
		}


.kv_wrapper {
	position:	relative;
	height:		450px;
	min-width:	1150px;
	overflow:	hidden;
	margin:		0px auto;
	
	-webkit-box-shadow:	0px 5px 5px -5px rgba(0,0,0,0.4);
	box-shadow:			0px 5px 5px -5px rgba(0,0,0,0.4);
}


		#keyvisual, .cm-slides-addon {
			position:	absolute;
			top:		0px;
			left:		0px;
			margin:		0px;
			padding:	0px;
			height:		450px;
			width:		100%;
			
			background-size:		cover !important;
			background-position:	center 50% !important;
		}			
		.navigation_wrapper {
			position:	absolute;
			z-index:	1005;
			min-width:	350px;
			width:		33%;
			height:		100%;
			
			opacity:	0.8;
  			filter: 	alpha(opacity = 80);
		}


.homb_shadow {
	width:		1100px;
	margin:		0px auto;
	height:		21px;
	margin-bottom:	-21px;
}
		.shadow_left {
			float:		left;
			height:		21px;
			width:		300px;
			background:	url('../img/shadow-left.png') no-repeat;
		}
		.shadow_right {
			float:		right;
			height:		21px;
			width:		300px;
			background:	url('../img/shadow-right.png') no-repeat;
		}


.content_wrapper {
	width:		1060px;
	margin:		0px auto;
	padding:	40px 20px 20px 20px;
	line-height:	1.7;
}
		.content_main_dho {
			display:		inline-block;
			width:			818px;
			vertical-align:	top;
		}
		.sidebar_wrapper {
			display:		inline-block;
			width:			190px;
			margin-left:	30px;
			vertical-align:	top;
			padding:		0px 0px 0px 20px;
		}
		.sidebar {
			width:		180px;
			padding:	0px 0px 10px 0px;
		}

.footer_sidebar {
	width:		1020px;
	margin:		0px auto;
	padding:	30px 40px;
}
		.sidebar_bottom {
			display:	inline-block;
			width:		200px;
			padding:	0px 50px 0px 0px;
			vertical-align:	top;
		}	


#footer {
	width:			1100px;
	padding:		20px 0px 50px 0px;
	margin:			0px auto;
	border-top:		1px solid #ccc;
	letter-spacing: 1px;
	text-transform:	uppercase;
	text-align:		center;
}

#footer, #footer a {
	line-height:	1.7;
}


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

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


#cm_navigation {
	position:	absolute;
	z-index:	1005;
	min-width:	350px;
	width:		33%;
	height:		450px;
	padding:	20px 0px 0px 0px;
}
#cm_navigation ul {
	list-style-type:	none;
	padding:			0px;
	position:			static;
}
#cm_navigation > ul > li {
	padding:			0px;
	margin:				0px;
	margin-right:		20px; 
}
#cm_navigation > ul > li > a {
	display:			block;
	text-decoration:	none;	
	text-transform:		uppercase;
	text-align:			right;
	padding:			3px 20px 3px 0px; 
	border-right:		3px solid transparent;
	
	-webkt-transition:	color 0.3s, border 0.3s;
	transition:			color 0.3s, border 0.3s;
}

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

/* ----- 3.2 SubNavigation -----  */
#cm_navigation > ul > li > ul {
	right:				-400px;
	visibility:			hidden;
	opacity:			0;
	
	list-style-type:	none;
	padding:			0px;
	margin:				0px;	
	position:			absolute;
	top:				0px;
	width:				250px;
	height:				100%;
	
	-webkit-transition:	right 0.3s, visibility 0.3s, opacity 0.3s;
	transition:			right 0.3s, visibility 0.3s, opacity 0.3s;
} 
#cm_navigation > ul > li > ul > li {
	padding:			0px;
	margin:				0px;
	margin-right:		20px; 
}
#cm_navigation > ul > li > ul > li > a {
	display:				block;
	text-decoration:		none;	
	text-transform:			uppercase;
	text-align:				right;
	padding:				3px 20px 3px 0px; 
	border-right:			3px solid transparent;
	
	-webkit-transition:		border 0.3s;
	-o-transition:			border 0.3s;
	transition:				border 0.3s;
}
#cm_navigation > ul > li > ul > li:first-child {
	padding-top:	20px;
}
#cm_navigation > ul > li > ul:before {
	content:		"";
	width:			20px;
	height:			100%;
	background-color:	transparent;
	display:		block;
	margin-left:	-20px;
	position:		absolute;
}


#cm_navigation > ul > li.cm_has_subnavigation:hover > ul {
	right:		-250px;
	opacity:	1;
	visibility:	visible;
}

/* ----- 3.2 Sub Sub Navigation -----  */
#cm_navigation > ul > li > ul > li > ul {
	right:				-400px;
	visibility:			hidden;
	opacity:			0;
	
	list-style-type:	none;
	padding:			0px;
	margin:				0px;	
	position:			absolute;
	top:				0px;
	width:			250px;
	height:				100%;
	
	-webkit-transition:	right 0.3s, visibility 0.3s, opacity 0.3s;
	transition:			right 0.3s, visibility 0.3s, opacity 0.3s;
} 
#cm_navigation > ul > li > ul > li > ul > li {
	padding:			0px;
	margin:				0px;
	margin-right:		20px; 
}
#cm_navigation > ul > li > ul > li > ul > li > a {
	display:				block;
	text-decoration:		none;	
	text-transform:			uppercase;
	text-align:				right;
	padding:				3px 20px 3px 0px; 
	border-right:			3px solid transparent;
	
	-webkit-transition:		border 0.3s;
	-o-transition:			border 0.3s;
	transition:				border 0.3s;
}
#cm_navigation > ul > li > ul > li > ul > li:first-child {
	padding-top:	20px;
}
#cm_navigation > ul > li > ul > li > ul:before {
	content:		"";
	width:			20px;
	height:			100%;
	background-color:	transparent;
	display:		block;
	margin-left:	-20px;
	position:		absolute;
}


#cm_navigation > ul > li > ul > li.cm_has_subnavigation:hover > ul {
	right:		-250px;
	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;
}


.clearly {
	clear:	both;
}