/* ========================================================================

Stylesheet für das Template "cm_dh_066"

    --- Aufbau ---

	1 - Allgemeine Stylesheets
		html, body, a, ul, li, p, h1, h2, h3, hr, textarea, tt, pre, code
	
	2 - Positionierung der Layoutbereiche
		2.1 - Webseitencontainer
		2.2 - Header
		2.3 - Container Spacer
		2.4 - Navigation
		2.5 - Keyvisual
		2.6 - Content
		2.7 - Sidebar
		2.8 - Footer
	
	3 - Formatierung der Layoutbereiche
		3.1 - Navigation
		3.2 - Subnavigation
		3.3 - SubSubNavigation
		3.4 - Spacer
		3.5 - Sidebar
		
=========================================================================== */




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


body {
	transition:				background-color 0.4s;
	-moz-transition:		background-color 0.4s; /* Firefox 4 */
	-webkit-transition:		background-color 0.4s; /* Safari and Chrome */
	-o-transition:			background-color 0.4s; /* Opera */
}
	


	
#content_wrapper h1, #content_sidebar h1,
#content_wrapper h2, #content_sidebar h2, 
#content_wrapper h3, #content_sidebar h2 {
	padding:		0px 0px 8px 0px;
}


#page_wrapper p {
	padding:		0px 0px 5px 0px;
}


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


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

/* ----- 2.1 Webseitencontainer ------ */
#page_wrapper {			
	width:			1150px;
	padding:		0px;
	margin:			0 auto;
}
/* -----  Ende Webseitencontainer ----- */


/* ----- 2.2 Header ----- */

.handy_navi {
	display:	none;	
}
#away_1, #away_2 {
	display:	none;
}

#head_wrapper {
	position:			fixed;
	width:				220px;
	height:				100%;
	z-index:			10;
	margin:				0 0 0 5px;
	word-wrap: 			break-word;
	padding:			45px 0px 0px 0px;
}

#head_bg {
	position:			fixed;
	width:				220px;
	height:				100%;
	z-index:			10;
	margin:				0px;
	opacity: 			0.85;
	filter: 			alpha(opacity=85);
	border-left:		5px solid;
	border-right:		5px solid;
	padding:			45px 0px 0px 0px;
	
	-moz-box-shadow:	0px 0px 10px #666;
	-webkit-box-shadow:	0px 0px 10px #666;
	box-shadow:			0px 0px 10px #666;
}

#logo_wrapper {
	height:				150px;
	width:				220px;
	margin:				20px 0px 10px 0px;
	border:				none;
}


#title_wrapper {
	width:				200px;
	margin:				0px 10px 30px 10px;
	text-align:			center;
}

.title_title, 
.title_subtitle {
	padding:			0px;
	margin:				0px;
}
/* ----- Ende Header ------ */


/* ----- 2.4 Navigation ----- */
#navigation_wrapper {
	margin:				0px 0px 10px 0px;
}

#cm_navigation {
	width:				100%;
}

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


/* ----- 2.5 Keyvisual ----- */
#keyvisual {
	display:			none;
}
/* ----- Ende Keyvisual ----- */

/* ----- 2.6 Content ----- */
#content_wrapper {
	display:			inline-block;
	width:				870px;
	margin:				110px 0px 100px -30px;
	padding:			20px;
	min-height:			550px;
	border:				5px solid;
	vertical-align:		top;
}

.content_main_dho {
    display:			inline-block;
	width:				600px;
	background:			none;
	margin:				0px 0px 0px 270px;
	line-height:		1.5;
}
/* ----- Ende Content ----- */

/* ----- 2.7 Sidebar ----- */
#content_sidebar {
	display:			inline-block;
    padding: 			0px;
	margin:				110px 0px 100px 10px;
	width:				200px;
	min-height:			590px;
	border:				5px solid;
	vertical-align:		top;
	word-wrap:			break-word;
}


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

/* ----- 2.8 Footer ----- */
#footer_wrapper {
	width:				200px;
	text-align:			center;
	bottom:				0px;
	margin:				10px;
}

#footer {
    padding: 			0px;
	font-size:			smaller;
}

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


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

/* ----- 3.1 Navigation ----- */
#cm_navigation > ul {
	list-style-type:		none;
	width:					100%;
	text-align:				center;
	margin:					0px;
	padding:				0px;
}

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

#cm_navigation > ul > li > a {
	display:				block;
	text-transform:			uppercase;
	text-decoration: 		none;
	padding:				5px; 
	opacity: 				0.7;
	-webkit-transition: 	opacity 0.3s;
	transition: 			opacity 0.3s;
}

#cm_navigation > ul > li > a:hover, 
#cm_navigation > ul > li.cm_current > a { 
	opacity: 				1;
}



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

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


#cm_navigation > ul > li > ul {
	display: 	none;
	list-style: none;
	margin:		0;
	
	-webkit-box-shadow:	0px 2px 10px rgba(0,0,0,0.25) inset;
	box-shadow:			0px 2px 10px rgba(0,0,0,0.25) inset;
	
}

#cm_navigation > ul > li:hover > ul {
	display: block;
}

#cm_navigation > ul > li > ul > li {
	padding: 	1px 0 0 0;
	margin: 	0;
}
#cm_navigation > ul > li > ul > li:last-child {
	padding: 	1px 0 1px 0;
}

#cm_navigation > ul > li > ul > li > a {
	display:			block;
	text-decoration:	none;
	text-transform:		uppercase;
	padding:			5px;
	outline: 			none;
}
#cm_navigation > ul > li > ul > li.cm_current > a { 
	text-decoration: underline;
}

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




/* -----3.5 Sidebar ----- */
#widgetbar_page_1, #widgetbar_page_2, #widgetbar_page_3,
#widgetbar_site_1, #widgetbar_site_2, #widgetbar_site_3 {
	overflow: 		hidden;
	width: 			180px;
	padding: 		20px 10px 0px 10px;
}

#widgetbar_page_1 div.cm_widget, #widgetbar_page_2 div.cm_widget, #widgetbar_page_3 div.cm_widget, 
#widgetbar_site_1 div.cm_widget, #widgetbar_site_2 div.cm_widget, #widgetbar_site_3 div.cm_widget {
	margin: 		0px 0;
}
/* ----- Ende Sidebar ----- */




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




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




.clearly {
	clear:	both;
}