/* ========================================================
	1 - Allgemeine Stylesheets
=========================================================== */


.page_wrapper textarea, .page_wrapper tt {
	font-family:	"Courier New", Courier, monospace;
}

.page_wrapper pre, .page_wrapper code {
	font-family:	monospace;
	font-size:		1.1em;
}

.page_wrapper hr {
}
	
.page_wrapper h1, .page_wrapper h2, .page_wrapper h3, .page_wrapper h4, .page_wrapper h5, .page_wrapper h6 {
	padding:		0px 0px 8px 0px;
}

.page_wrapper p {
	padding:		0px 0px 15px 0px;
}


.page_wrapper ul, .page_wrapper ol, .page_wrapper dl {
	list-style-position:	inside;
}

.page_wrapper li {
}

.page_wrapper dt {
	margin:			0px;
	font-weight: 	bold;
}

.page_wrapper dd {
	margin:			0px;
	padding: 		0px 0px 5px 8px;
}

.page_wrapper cite, .page_wrapper blockquote {
	font-style: 	italic;
	padding: 		0px 0px 5px 8px;
}

a {
	outline: none;
}

html, body {
	margin:		0px;
	padding:	0px;
	width:		100%;
	-webkit-transition:	background-color 0.3s;
	-moz-transition:	background-color 0.3s;
	-o-transition:	background-color 0.3s;
	transition:	background-color 0.3s;
}



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

/* ----- 2.1 Webseitencontainer ------ */
.page_wrapper {			
	position:			relative;
	width:				1150px;
	margin:				0 auto;
	padding-bottom:		50px;
	-webkit-box-shadow:	0px 0px 5px rgba(20,20,20,0.7);
	box-shadow:			0px 0px 5px rgba(20,20,20,0.7);
	
	-moz-transition:		width 0.4s, background-color 0.4s;
	-webkit-transition:		width 0.4s, background-color 0.4s;
	-o-transition:			width 0.4s, background-color 0.4s;
	transition:				width 0.4s, background-color 0.4s;
}
/* -----  Ende Webseitencontainer ----- */
.corner:before, .corner:after {
	content:	"";
	display:	block;
	position:	absolute;
	height:		0px;
	width:		0px;
	opacity: 	0.6;
	filter: 	alpha(opacity=60);
	z-index:	-1;
}
.corner:before {
	top:		-15px;
	left:		0px;
}
.corner:after {
	top:		-15px;
	right:		0px;
	
}
	
/* ----- 2.2 Header ----- */

#head_wrapper {
	width:		1150px;
	padding:	0px;
	top:		0px;
	
	-moz-transition:		width 0.4s;
	-webkit-transition:		width 0.4s;
	-o-transition:			width 0.4s;
	transition:				width 0.4s;
}

#logo_wrapper {
	position:		relative;
	height:			150px;
	width:			1030px;
	border:			none;
	
	-moz-transition:		background-position 0.4s, width 0.4s;
	-webkit-transition:		background-position 0.4s, width 0.4s;
	transition:				background-position 0.4s, width 0.4s;
}

/* ----- 2.4 Navigation ----- */
#navigation_wrapper {
	position:			relative;
	width:				1190px;
	margin-left:		-20px;
	-webkit-box-shadow:	0px 4px 7px -4px #444;
	box-shadow:			0px 4px 7px -4px #444;
	margin-bottom:		200px;
	z-index:			1005;
	
	-moz-transition:		width 0.4s, background-color 0.3s;
	-webkit-transition:		width 0.4s, background-color 0.3s;
	-o-transition:			width 0.4s, background-color 0.3s;
	transition:				width 0.4s, background-color 0.3s;
}


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


/* ----- 2.5 Keyvisual ----- */
#keyvisual {
	display:	inline;
	position:	absolute;
	width:		1150px;
	height:		400px;
}
/* ----- Ende Keyvisual ----- */

#title_wrapper {
	position:		relative;
	width:				1190px;
	margin-left:		-20px;
	-webkit-box-shadow:	0px 4px 7px -4px #444;
	-moz-box-shadow:	0px 4px 7px -4px #444;
	-o-box-shadow:		0px 4px 7px -4px #444;
	box-shadow:			0px 4px 7px -4px #444;
	
	-moz-transition:		width 0.4s, background-color 0.3s;
	-webkit-transition:		width 0.4s, background-color 0.3s;
	-o-transition:			width 0.4s, background-color 0.3s;
	transition:				width 0.4s, background-color 0.3s;
}

#title_wrapper h1 {
	padding:		15px 0px;
	text-align:		center;
}

#title_wrapper h2 {
	display:		none;
}
	
/* ----- Ende Header ------ */



/* ----- 2.6 Content ----- */

#container_content {
	width:		1150px;
	
	-moz-transition:		width 0.4s, background-color 0.3s;
	-webkit-transition:		width 0.4s, background-color 0.3s;
	-o-transition:			width 0.4s, background-color 0.3s;
	transition:				width 0.4s, background-color 0.3s;
}

#content_wrapper {
	display:		inline-block;
	vertical-align:	top;
	width:			890px;
	margin:			0px;
	padding:		20px;
	
	-moz-transition:		width 0.4s, background-color 0.3s;
	-webkit-transition:		width 0.4s, background-color 0.3s;
	-o-transition:			width 0.4s, background-color 0.3s;
	transition:				width 0.4s, background-color 0.3s;
}

.content_main_dho {
	width:				100%;
	line-height:		1.5;
}
/* ----- Ende Content ----- */

/* ----- 2.7 Sidebar ----- */

#content_sidebar {
	display:		inline-block;
	vertical-align:	top;
	width:			200px;
	padding-left:	10px;
	border-left:	1px solid;
	padding-top:	20px;
}

/* ----- Ende Sidebar ----- */

/* ----- 2.8 Footer ----- */
#footer_wrapper {
	position:			relative;
	width:				1190px;
	text-align:			center;
	-webkit-box-shadow:		0px 4px 7px -4px #444;
	-moz-box-shadow:		0px 4px 7px -4px #444;
	-o-box-shadow:			0px 4px 7px -4px #444;
	box-shadow:			0px 4px 7px -4px #444;
	margin-left:		-20px;
	
	-moz-transition:		width 0.4s, background-color 0.3s;
	-webkit-transition:		width 0.4s, background-color 0.3s;
	-o-transition:			width 0.4s, background-color 0.3s;
	transition:				width 0.4s, background-color 0.3s;
}

#footer {
    padding: 			0px;
	padding:			20px;
}

#footer a {
	text-transform:		uppercase;
	text-decoration:	none;
	font-weight:		normal;
}


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

/* ----- 3.1 Navigation ----- */
#cm_navigation > ul { 
	list-style-type:		none;
	text-align:				center;
	margin:					0 auto;
	padding:				0px;
	-webkit-transition:	background-color 0.3s;
	-moz-transition:	background-color 0.3s;
	-o-transition:		background-color 0.3s;
	transition:			background-color 0.3s;
}

#cm_navigation > ul > li {
	display:				inline-block;
	margin:					0px; 
	
	-moz-transition:		margin-bottom 0.4s, margin-top 0.4s, opacity 0.4s, visibility 0.4s; /* Firefox 4 */
	-webkit-transition:		margin-bottom 0.4s, margin-top 0.4s, opacity 0.4s, visibility 0.4s; /* Safari and Chrome */
	-o-transition:			margin-bottom 0.4s, margin-top 0.4s, opacity 0.4s, visibility 0.4s; /* Opera */
	transition:				margin-bottom 0.4s, margin-top 0.4s, opacity 0.4s, visibility 0.4s;
}

#cm_navigation > ul > li > a {
	display:				block;
	text-decoration:		none;
	text-transform:			uppercase;
	padding:				16px 10px;
	
	-moz-transition:		color 0.4s, background-color 0.4s; /* Firefox 4 */
	-webkit-transition:		color 0.4s, background-color 0.4s; /* Safari and Chrome */
	-o-transition:			color 0.4s, background-color 0.4s; /* Opera */
	transition:				color 0.4s, background-color 0.4s;
}

#cm_navigation > ul > li > a:hover, 
#cm_navigation > ul > li.cm_current > a { 
	opacity: 				1;
	filter: 				alpha(opacity=100);
}


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

/* ----- 3.2 SubNavigation ----- */

#cm_navigation > ul > li.cm_has_subnavigation > ul {
	position:				absolute;
	list-style-type:		none;
	max-width:				350px;
	text-align:				left;
	margin:					0px;
	padding:				0px;
	
	visibility:				hidden;
	opacity:				0;
	filter: 				alpha(opacity=0);
	
	-webkit-box-shadow:		0px 4px 4px -4px rgba(0,0,0,0.4);	
	box-shadow:				0px 4px 4px -4px rgba(0,0,0,0.4);	
	
	-webkit-transition:		opacity 0.5s, visibility 0.5s;
	-moz-transition:		opacity 0.5s, visibility 0.5s;
	transition:				opacity 0.5s, visibility 0.5s;
}

#cm_navigation > ul > li.cm_has_subnavigation > ul > li {
	padding:		0px;
	margin:			0px;
}

#cm_navigation > ul > li.cm_has_subnavigation > ul > li > a {
	display:				block;
	text-decoration:		none;
	text-transform:			uppercase;
	width:				150px;
	overflow:			hidden;
	text-overflow:		ellipsis;	
	padding:				0px 10px; 
	
	-moz-transition:		opacity 0.5s, visibility 0.5s, padding 0.5s, color 0.5s, background-color 0.5s; /* Firefox 4 */
	-webkit-transition:		opacity 0.5s, visibility 0.5s, padding 0.5s, color 0.5s, background-color 0.5s; /* Safari and Chrome */
	-o-transition:			opacity 0.5s, visibility 0.5s, padding 0.5s, color 0.5s, background-color 0.5s; /* Opera */
	transition:				opacity 0.5s, visibility 0.5s, padding 0.5s, color 0.5s, background-color 0.5s;
}

#cm_navigation > ul > li.cm_has_subnavigation:hover > ul {
	opacity:	1;
	visibility:	visible;
}
#cm_navigation > ul > li.cm_has_subnavigation:hover > ul > li > a {
	padding:	14px 10px;
}





/*  Sub Sub Navigation */
#cm_navigation > ul > li.cm_has_subnavigation> ul > li.cm_has_subnavigation > ul {
	position:				absolute;
	list-style-type:		none;
	max-width:				350px;
	text-align:				left;
	margin:					-43px 0px 0px 170px;
	padding:				0px;
	
	
	visibility:				hidden;
	opacity:				0;
	filter: 				alpha(opacity=0);
	
	-webkit-box-shadow:		0px 4px 4px -4px rgba(0,0,0,0.4);	
	box-shadow:				0px 4px 4px -4px rgba(0,0,0,0.4);	
	
	-webkit-transition:		opacity 0.5s, visibility 0.5s;
	-moz-transition:		opacity 0.5s, visibility 0.5s;
	transition:				opacity 0.5s, visibility 0.5s;
}

#cm_navigation > ul > li.cm_has_subnavigation> ul > li.cm_has_subnavigation > ul > li {
	padding:		0px;
	margin:			0px;
}

#cm_navigation > ul > li.cm_has_subnavigation> ul > li.cm_has_subnavigation > ul > li > a {
	display:				block;
	text-decoration:		none;
	text-transform:			uppercase;
	width:					140px;
	overflow:				hidden;
	text-overflow:			ellipsis;
	white-space:			nowrap;
	
	padding:				14px 0px; 
	visibility:				hidden;
	opacity:				0;
	filter: 				alpha(opacity=0);
	
	-moz-transition:		width 0.5s, opacity 0.5s, visibility 0.5s, padding 0.5s, color 0.5s, background-color 0.5s; /* Firefox 4 */
	-webkit-transition:		width 0.5s, opacity 0.5s, visibility 0.5s, padding 0.5s, color 0.5s, background-color 0.5s; /* Safari and Chrome */
	-o-transition:			width 0.5s, opacity 0.5s, visibility 0.5s, padding 0.5s, color 0.5s, background-color 0.5s; /* Opera */
	transition:				width 0.5s, opacity 0.5s, visibility 0.5s, padding 0.5s, color 0.5s, background-color 0.5s;
}

#cm_navigation > ul > li.cm_has_subnavigation> ul > li.cm_has_subnavigation:hover > ul {
	opacity:	1;
	visibility:	visible;
}
#cm_navigation > ul > li.cm_has_subnavigation> ul > li.cm_has_subnavigation:hover > ul > li > a {
	visibility:	visible;
	opacity:	1;
	filter: 	alpha(opacity=100);
	padding:	14px 10px;
}

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



/* ----- Ende SubNavigation ----- */

/* -----3.5 Sidebar ----- */


/* ----- Ende Sidebar ----- */


#cm_navigation .toggle-nav {
	display:			none;
	text-decoration:	none;
}

.clearly {
	clear:	both;
}