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

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:				0px;
	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:				200px;
	margin:				20px 10px 10px 10px;
	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;
	list-style-position:	inside;
	width:					100%;
	text-align:				center;
	margin:					0px;
	padding:				0px;
}

#cm_navigation * {
	transition:				all 0.6s;
	-moz-transition:		all 0.6s; /* Firefox 4 */
	-webkit-transition:		all 0.6s; /* Safari and Chrome */
	-o-transition:			all 0.6s; /* Opera */
}

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

#cm_navigation ul li a {
	display:				block;
	text-decoration:		none;
	text-transform:			uppercase;
	padding:				5px;  
	letter-spacing: 		2px;
	opacity: 				0.85;
	filter: 				alpha(opacity=85);
}

#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 ul {
	height:				0px;
	opacity: 			0;
	filter: 			alpha(opacity=0);
	
	list-style-type:		none;
	list-style-position:	inside;
	width:					100%;
	text-align:				center;
	margin:					0px 0px 0px 5px;
	
	-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 ul li {
	display:				none;
	
	padding:				0px 0px 1px 0px;
	margin:					0px;
	
}

#cm_navigation ul li ul li a {
	opacity: 			0;
	filter: 			alpha(opacity=0);
	
	display:				block;
	text-decoration:		none;
	text-transform:			uppercase;
	padding:				3px;  
	text-shadow: 			none;
	letter-spacing: 		0px;
	font-size:				smaller;
	text-shadow: 			none;
}






#cm_navigation ul li.cm_current ul {
	height:		auto;
	opacity: 	1;
	filter: 	alpha(opacity=100);
	padding:	7px 0px !important;
}
#cm_navigation ul li.cm_current ul li {
	display:	block;
}
#cm_navigation ul li.cm_current ul li a {
	opacity: 	1;
	filter: 	alpha(opacity=100);
}

#cm_navigation ul li.cm_has_subnavigation:hover ul {
	height:		auto;
	opacity: 	1;
	filter: 	alpha(opacity=100);
	padding:	7px 0px;
}
#cm_navigation ul li.cm_has_subnavigation:hover ul li {
	display:	block;
}
#cm_navigation ul li.cm_has_subnavigation:hover ul li a {
	opacity: 	1;
	filter: 	alpha(opacity=100);
}






#cm_subnavigation ul li a:hover, #cm_subnavigation ul li.cm_current a:hover {

}

#cm_navigation ul li ul li ul {
	box-shadow:			none;
}

/* ----- 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;
}