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

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
=========================================================== */




#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 {
}
	
#content_wrapper h1, #content_sidebar h1,
#content_wrapper .cm-h1, #content_sidebar .cm-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;
}

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

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

/* ----- 2.1 Webseitencontainer ------ */
#page_wrapper {			
	display:			block;
	position:			relative;
	width:				1150px;
	padding:			0px;
	top:				0px;
	margin:				0 auto;
}
/* -----  Ende Webseitencontainer ----- */


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

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

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

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

.cm-edit #head_bg,
.cm-edit #head_wrapper {
	position: absolute;
} 

#logo_wrapper {
	display:			block;
	position:			relative;
	height:				150px;
	width:				200px;
	margin:				20px 10px 10px 10px;
	border:				none;
}


#title_wrapper {
	display:			block;
	position:			relative;
	width:				200px;
	margin:				0px 10px 30px 10px;
	text-align:			center;
	float:				left;
}

#title_wrapper h1, #title_wrapper h2 {
	padding:			0px;
	margin:				0px;
	font-weight:		normal;
}
/* ----- Ende Header ------ */


/* ----- 2.4 Navigation ----- */
#navigation_wrapper {
	display:			block;
	position:			relative;
	width:				100%;
	margin:				0px 0px 10px 0px;
	float:				left;
}

#cm_navigation {
	display:			block;
	position:			relative;
	width:				100%;
}

#cm_subnavigation {
	display:			none;
	position:			relative;
	margin:				0 auto;
	text-align:			center;
}
/* ---- Ende Navigation ----- */


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

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

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

/* ----- 2.7 Sidebar ----- */
#content_sidebar {
	display:			block;
	position:			absolute;
    padding: 			0px;
	margin:				0px 0px 100px 0px;
	right:				0px;
	top:				110px;
	width:				200px;
	min-height:			590px;
	border:				5px solid;
}


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

/* ----- 2.8 Footer ----- */
#footer_wrapper {
	display:			block;
	position:			absolute;
	width:				200px;
	text-align:			center;
	bottom:				0px;
	left:				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.7;
	filter: 				alpha(opacity=70);
}

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



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

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


ul.cm_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;
	
	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_navigation ul li.cm_has_subnavigation ul li a:hover,
#cm_navigation ul li.cm_has_subnavigation ul li.cm_current a {
	text-decoration:	underline;
}








#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 ----- */