/* ========================================================
	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_wrapper h2, .content_wrapper h3, .content_wrapper h4 {
	padding:		0px 0px 8px 0px;
}

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

.noneditmode #container_content .sidebar_global p {
	height:	0px;
	padding:0px;
}
#page_wrapper ul, #page_wrapper ol, #page_wrapper dl {
}

#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%;
	font-family:	Arial, Helvetica, Geneva, sans-serif;
	-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 {			
	width:				1150px;
	margin:				0 auto;
	-webkit-transition:	width 0.3s;
	-moz-transition:	width 0.3s;
	-o-transition:		width 0.3s;
	transition:			width 0.3s;
}
/* -----  Ende Webseitencontainer ----- */


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

.header {
	position:			fixed;
	width:				1150px;
	height:				220px;
	top:				0px;
	z-index:			3;
	-webkit-transition:	width 0.3s;
	-moz-transition:	width 0.3s;
	-o-transition:		width 0.3s;
	transition:			width 0.3s;
}

#logo_wrapper {
	position:			absolute;
	height:				150px;
	width:				150px;
	border:				none;
	top:				10px;
	left:				43%;
	margin:				0 auto;
	z-index:			5;
	
	-webkit-border-radius: 250px;
	-moz-border-radius: 250px;
	border-radius:		250px;
}

.logo_bg_2 {
	position:			absolute;
	height:				170px;
	width:				170px;
	left:				43%;
	margin-top:			0px;
	margin-left:		-10px;	
	opacity: 			0.5;
	filter: 			alpha(opacity=50);
	
	-webkit-border-radius: 250px;
	-moz-border-radius: 250px;
	border-radius:		250px;
	
	/* behavior: 			url('/.cm4all/handler.php/1,iepngfix,8,1'); 	*/
}

.logo_bg_1 {
	position:			absolute;
	height:				190px;
	width:				190px;
	left:				43%;
	margin-top:			-10px;
	margin-left:		-20px;	
	opacity: 			0.2;
	filter: 			alpha(opacity=20);
	
	-webkit-border-radius: 250px;
	-moz-border-radius: 250px;
	border-radius:		250px;
}

.title_wrapper {
	position:		absolute;
	width:			1150px;
	margin:			0px;
	top:			70px;
	-webkit-transition:	width 0.3s, top 0.3s, left 0.3s;
	-moz-transition:	width 0.3s, top 0.3s, left 0.3s;
	-o-transition:		width 0.3s, top 0.3s, left 0.3s;
	transition:			width 0.3s, top 0.3s, left 0.3s;
}

.title_wrapper h1 {
	position:		absolute;
	left:			0px;
	width:			450px;
	border-radius:	50px;
	padding:		10px 20px 10px 20px;
	text-align:		center;
	-webkit-transition:	padding 0.3s;
	-moz-transition:	padding 0.3s;
	-o-transition:		padding 0.3s;
	transition:			padding 0.3s;
}

.title_wrapper h2 {
	position:		absolute;
	right:			0px;
	width:			450px;
	border-radius:	50px;
	padding:		10px 20px 10px 20px;
	text-align:		center;
	-webkit-transition:	padding 0.3s;
	-moz-transition:	padding 0.3s;
	-o-transition:		padding 0.3s;
	transition:			padding 0.3s;
}
	
/* ----- Ende Header ------ */


/* ----- 2.4 Navigation ----- */
#cm_navigation {
	display:			block;
	position:			absolute;
	width:				100%;
	bottom:				0px;
	border-bottom:		3px double;
	border-top:			3px double;
}

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


/* ----- 2.5 Keyvisual ----- */
.kv_bg {
	position:			absolute;
	top:				30px;
	left:				50%;
	width:				1100px;
	height:				130px;
	margin-left:		-550px;
	
	opacity: 			0.2;
	filter: 			alpha(opacity=20);	
	border-radius:		250px;
	-moz-border-radius: 250px;
	-webkit-border-radius: 250px;
	-webkit-transition:	width 0.3s;
	-moz-transition:	width 0.3s;
	-o-transition:		width 0.3s;
	transition:			width 0.3s;
}

#keyvisual {
	position:			absolute;
	top:				40px;
	left:				50%;
	width:				1080px;
	height:				110px;
	margin-left:		-540px;
	
	border-radius:		250px;
	-moz-border-radius: 250px;
	-webkit-border-radius: 250px;
	-webkit-transition:	width 0.3s;
	-moz-transition:	width 0.3s;
	-o-transition:		width 0.3s;
	transition:			width 0.3s;
}
/* ----- Ende Keyvisual ----- */

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

.content_wrapper {
	width:		1150px;
	margin:		240px 0px 30px 0px;
	position:	relative;
}

.main_wrapper {
	width:				710px;
	margin:				0px auto;
	padding:			20px;
	border-radius:		20px;
	-webkit-box-shadow:	0px 0px 10px #666;
	box-shadow:			0px 0px 10px #666;
}
.splitter {
	position:	relative;
	z-index:	2;
	width:		750px;
	margin:		0 auto;
}

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

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

.sidebar.global {
	position:		absolute;
	left:			0px;
	top:			0px;
	margin:			30px 0px 0px 0px;
	width:			180px;
	border-radius:	20px 0px 0px 20px;
	padding:		0px 10px;
	z-index:		1;
	-webkit-transition:	top 0.3s, left 0.3s, margin-left 0.3s, right 0.3s;
	-moz-transition:	top 0.3s, left 0.3s, margin-left 0.3s, right 0.3s;
	-o-transition:		top 0.3s, left 0.3s, margin-left 0.3s, right 0.3s;
	transition:			top 0.3s, left 0.3s, margin-left 0.3s, right 0.3s;
}
.sidebar.local {
	position:		absolute;
	right:			0px;
	top:			0px;
	margin:			30px 0px 0px 0px;
	width:			180px;
	border-radius:	0px 20px 20px 0px;
	padding:		0px 10px;
	z-index:		1;
	-webkit-transition:	top 0.3s, left 0.3s, margin-left 0.3s, right 0.3s;
	-moz-transition:	top 0.3s, left 0.3s, margin-left 0.3s, right 0.3s;
	-o-transition:		top 0.3s, left 0.3s, margin-left 0.3s, right 0.3s;
	transition:			top 0.3s, left 0.3s, margin-left 0.3s, right 0.3s;
}



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

/* ----- 2.8 Footer ----- */
.footer_wrapper {
	position:			relative;
	width:				600px;
	margin:				0 auto;
	text-align:			center;
	border-bottom-left-radius:		20px;
	border-bottom-right-radius:		20px;
	padding:			20px;
	font-size:			smaller;
	z-index:			-1;
	-webkit-transition:	width 0.3s;
	-moz-transition:	width 0.3s;
	-o-transition:		width 0.3s;
	transition:			width 0.3s;
}

#footer {
    padding: 			0px;
}

#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;
	list-style-position:	inside;
	text-align:				center;
	margin:					0px;
	padding:				0px;
	z-index:				50;
}

#cm_navigation ul li {
	display:				inline-block;
	position:				relative;
	padding:				2px 5px 2px 5px;
	margin:					0 auto;
	float:					none;
}

#cm_navigation ul li a {
	display:				inline-block;
	position:				relative;
	text-decoration:		none;
	text-transform:			uppercase;
	padding:				5px;  
	letter-spacing: 		2px;
	opacity: 				0.7;
	filter: 				alpha(opacity=70);
	transition:				all 0.4s;
	-moz-transition:		all 0.4s; /* Firefox 4 */
	-webkit-transition:		all 0.4s; /* Safari and Chrome */
	-o-transition:			all 0.4s; /* Opera */
}

#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 {
	position:				absolute;
	left:					0px;
	top:					28px;
	list-style-type:		none;
	list-style-position:	inside;
	min-width:				200px;
	max-width:				250px;
	text-align:				left;
	margin:					0px;
	border-bottom:			1px solid;
	border-left:			1px solid;
	border-right:			1px solid;
	border-top:				none;
	
	-webkit-box-shadow:		0px 4px 4px rgba(0,0,0,0.4);
	box-shadow:				0px 4px 4px rgba(0,0,0,0.4);
	
	opacity:				0;
	filter: 				alpha(opacity=0);
	visibility:				hidden;
	
	-webkit-transition:	opacity 0.3s, visibility 0.3s;
	-moz-transition:	opacity 0.3s, visibility 0.3s;
	transition:			opacity 0.3s, visibility 0.3s;
	

}

#cm_navigation ul li ul li {
	display:	block;
	padding:	2px 0px 2px 5px;
	margin:		0px;
}

#cm_navigation ul li ul li a {
	text-decoration:		none;
	padding:				3px;  
	text-shadow: 			none;
	letter-spacing: 		0px;
}

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

}

#cm_navigation ul li:hover ul {
	opacity:	1;
	filter: 	alpha(opacity=100);
	visibility:	visible;
}
#cm_navigation ul li:hover ul li a {
}


#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 > ul > li > ul > li > ul {
	display:	none;
}


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

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


#widgetbar_page_1, #widgetbar_page_2, #widgetbar_page_3,
#widgetbar_site_1, #widgetbar_site_2, #widgetbar_site_3 {
	display:	block;
	position:	relative;
	margin:		0px;
	padding: 	20px 0px 20px 0px;
}

#widgetbar_page_1, #widgetbar_page_2, #widgetbar_page_3 {
}

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

#widgetbar_site_1 p, #widgetbar_site_2 p,#widgetbar_page_1 p, #widgetbar_page_2 p {
	margin:		0px 0;
	padding:	0px 10px 0px 10px;
	word-wrap: break-word;
}


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


.clearly {
	clear:	both;
}