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

Stylesheet für das Template "cm_dh_001"
Datei: main.css
Datum: 27.01.2012
Autor: Dominik Homberger // dho@cm4all.com

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

html, body {
	margin:		0 auto;
	padding:	0px;
	height:		100%;
	width:		100%;
	font-size:	1em;
}

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

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

hr {

}
	
h1, h2, h3, h4, h5, h6 {
	padding:		0px 0px 3px 0px;
}

.content_main h1 {
	font-size:		1.4em;
}
.content_main h2 {
	font-size:		1.2em
}
.content_main h3 {
	font-size:		1.0em
}
.content_main h4 {
	font-size:		1.0em
}

.content_main p {
	margin:			5px 0px;
}

.content_main ul, .content_main ol, .content_main dl {
	margin:			5px 0px 5px 0.8em;
}

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

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

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


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

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

/* ----- 2.2 Header ----- */
#head_wrapper {
	position:			relative;
	display:			block;
	width:				100%;
	height:				100px;
	background:			none;
	border:				none;
}

#logo_wrapper {
	display:			block;
	position:			relative;
	height:				100px;
	width:				200px;
	float:				left;
	border:				none;
}

#title_wrapper {
	display:			block;
	position:			relative;
	height:				100px;
	width:				790px;
	float:				left;
	padding:			10px 0px 0xp 20px;
}

#title_wrapper h1, #title_wrapper h2 {
	padding:			0px 0px 0px 15px;
}
/* ----- Ende Header ------ */


/* ----- 2.3 Container Spacer ----- */
.container_spacer {
	display:			block;
	position:			relative;
	float:				left;
	width:				100%;
	margin:				5px 0px 5px 0px;
	padding:			0px;
}
/* ----- Ende Container Spacer ----- */

/* ----- 2.4 Navigation ----- */
#navigation_wrapper {
	display:			block;
	position:			relative;
	width:				200px;
	height:				auto;
	float:				left;
}

#cm_navigation {
	display:			block;
	position:			relative;
	padding-top:		5px;	
	width:				200px;
	margin:				0px 0px 20px 0px;
}
/* ---- Ende Navigation ----- */


/* ----- 2.5 Keyvisual ----- */
#keyvisual {
	display:			block;
	position:			relative;
	width:				780px;
	height:				100px;
	float:				left;
	margin:				0px 0px 5px 10px;
}
/* ----- Ende Keyvisual ----- */

/* ----- 2.6 Content ----- */
#content_wrapper {
	display:			block;
	position:			relative;
	width:				570px;
	float:				left;
	margin:				0px 0px 20px 10px;
}

.content_main {
/*    padding: 			15px 20px 20px 0px; */
	clear:				both;
}
/* ----- Ende Content ----- */

/* ----- 2.7 Sidebar ----- */
#sidebar_wrapper {
	display:			block;
	position:			relative;
	width:				180px;
	float:				left;
	margin-left:		10px;
	padding-left:		10px;
	border-left:		1px solid;
}

.content_sidebar {
	display:			block;
	position:			relative;
    padding: 			0px 0px 15px 0px;
	clear:				both;
}
/* ----- Ende Sidebar ----- */

/* ----- 2.8 Footer ----- */
#footer_wrapper {
	display:			block;
	position:			relative;
	width:				990px;
	height:				50px;
	text-align:			center;
	float:				left;
}

#footer {
    padding: 			10px;
}


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

/* ----- 3.1 Navigation ----- */
#cm_navigation ul {
	list-style-type:		disc;
	list-style-position:	outside;
	margin:					0px 0px 0px 20px;
	padding:				5px 0px 0px 0px;
	width:					180px;
}

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

#cm_navigation ul li a {
	display:				block;
	text-decoration:		none;
	margin:					0px 0px 0px -20px;
	padding:				6px 0px 6px 20px;
}

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

/* ----- 3.2 SubNavigation ----- */
#cm_navigation ul li ul {
	list-style-type:		disc;
	list-style-position:	outside;
	margin:					0px 0px 0px 15px;
	padding:				0px 0px 0px 0px;
	width:					100%;
}

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

#cm_navigation ul li ul li a {
	display:				block;
	text-decoration:		none;
	margin:					0px 0px 0px -35px;
	padding:				5px 0px 5px 35px;
}
/* ----- Ende SubNavigation ----- */

/* ----- 3.3 SubSubNavigation ----- */
#cm_navigation ul li ul {
	list-style-type:		disc;
	list-style-position:	outside;
	margin:					0px 0px 0px 30px;
	padding:				0px 0px 0px 0px;
	width:					100%;
}

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

#cm_navigation ul li ul li a {
	display:				block;
	text-decoration:		none;
	margin:					0px 0px 0px -50px;
	padding:				5px 0px 5px 50px;
}
/* ----- Ende SubSubNavigation ----- */

/* ----- 3.4 Spacer ----- */
.spacer_tl, .spacer_bl {
	display:			inline-block;
	position:			relative;
	float:				left;
	height:				10px;
	width:				200px;
	padding:			0px;
	margin:				0px 0px 0px 0px;
}

.spacer_tr, .spacer_br {
	display:			inline-block;
	position:			relative;
	float:				right;
	height:				10px;
	width:				780px;
	padding:			0px;
	margin:				0px
}

.cm_spacer_top {
	position:		relative;
	display:		block;
	height:			10px;
	margin:			5px 0px;
	padding:		0px;
}
/* ----- Ende Spacer ----- */


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

#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: 			5px 0;
}
/* ----- Ende Sidebar ----- */






/* the clearfix : ------------------ */
.clearfix {
	display			: inline-block;
}
.clearfix[class] {
	display			: block;
	overflow		: hidden;
}