
/*cm_sysdb_begin*/
@import url("//fonts.googleapis.com/css?subset=cyrillic,cyrillic-ext,devanagari,greek,greek-ext,khmer,latin,latin-ext,vietnamese&family=Open+Sans+Condensed:300,300italic,700");
.cm-background {
background-image: url("/.cm4all/sysdb/backgrounds/images/bif_18341458_cm-a.jpg");
background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover;
}
/*cm_sysdb_end*/

.cm-offline-content {
    color: #3B4040;
    background-color: #FFFFFF;
}

body {
	background-color:	#424241;
}
body, #page_wrapper, .content_main_dho {
	font-family:	Tahoma, Geneva, sans-serif;
	font-size:		small;
	font-weight:	normal;
	font-style:		normal;
}
h1, .cm-h1 {
	font-size:		x-large;
	font-family:	Open Sans Condensed, sans-serif;
	font-weight:	normal;
	font-style:		normal;
}
h2, #title_wrapper h2 {
	font-size:		large;
	font-family:	Open Sans Condensed, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}
h3 {
	font-size:		medium;
	font-family:	Open Sans Condensed, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}
h4, h5, h6 {
	font-family:	Open Sans Condensed, sans-serif;
}
.title_wrapper h1 {
	font-family:	Open Sans Condensed, sans-serif;
	font-size:		xx-large;
	font-weight:	normal;
	font-style:		normal;
}
.title_wrapper h2 {
	font-family:	Open Sans Condensed, sans-serif;
	font-size:		xx-large;
	font-weight:	normal;
	font-style:		normal;
}

#cm_navigation a {
	font-size:		medium;
	font-family:	Open Sans Condensed, sans-serif;
	font-weight:	normal;
	font-style:		normal;
}


.blur {
	background-color:	rgba(222,222,222,0.7);
}
.fixed .fixednav {
	background-color:	rgba(222,222,222,0.95);
}


/*---------------------------- Forms ------------------------------------- */

.content_wrapper input[type='text'], .content_wrapper input[type='date'], .content_wrapper input[type='datetime'], 
.content_wrapper input[type='email'], .content_wrapper input[type='number'], .content_wrapper input[type='password'],
.content_wrapper input[type='search'], .content_wrapper input[type='tel'], .content_wrapper input[type='time'],
.content_wrapper input[type='url'], .content_wrapper textarea, .content_wrapper select {
	border-radius:		0px;
	border:				none;
	padding:			6px;
	color:				#3B4040;
	background-color:	#FFFFFF;
	background-color:	rgba(59,64,64,0.15);
	border-bottom:		1px solid #3B4040;
	-webkit-transition:	color 0.4s, background-color 0.4s, box-shadow 0.4s;
	-moz-transition:	color 0.4s, background-color 0.4s, box-shadow 0.4s;
	-o-transition:		color 0.4s, background-color 0.4s, box-shadow 0.4s;
	transition:			color 0.4s, background-color 0.4s, box-shadow 0.4s;
}
.content_wrapper input[type='text']:focus, .content_wrapper input[type='date']:focus, .content_wrapper input[type='datetime']:focus, 
.content_wrapper input[type='email']:focus, .content_wrapper input[type='number']:focus, .content_wrapper input[type='password']:focus,
.content_wrapper input[type='search']:focus, .content_wrapper input[type='tel']:focus, .content_wrapper input[type='time']:focus,
.content_wrapper input[type='url']:focus, .content_wrapper textarea:focus, .content_wrapper select:focus {
	background-color:	#222;
	background-color:	rgba(0,0,0,0.6);
	color:				#fff;
	box-shadow:			0px 0px 15px rgba(0,0,0,0.3);
}







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

.head_wrapper {
	color:		#333333;
}
.title_wrapper {
	color:		#333333;
	text-shadow:		0px 1px 1px #DEDEDE;
}
.title_wrapper > .subtitle {
	color:		#333333;
}







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


.navigation_wrapper > ul > li > a, a.toggle_navigation {
	color:		#333333;
}

.navigation_wrapper > ul > li:hover > a, 
.navigation_wrapper > ul > li.cm_current > a {
	color:				#DEDEDE;
	background-color:	rgba(51,51,51,0.7);
}
/*----------- Subnavigation ------------ */
.navigation_wrapper > ul > li > ul,
.navigation_wrapper > ul > li > ul > li > ul {
	background-color:	rgba(51,51,51,0.8);
	border:				2px solid rgba(117,127,128,0.5);
}
.navigation_wrapper > ul > li.cm_has_subnavigation > ul:before {
  	border-bottom: 	10px solid rgba(117,127,128,0.5); 
  	border-left: 	8px solid transparent; 
   	border-right: 	8px solid transparent; 
	background-color:	transparent !important;
}
.navigation_wrapper > ul > li.cm_has_subnavigation > ul > li.cm_has_subnavigation > ul:before {
  	border-top: 	8px solid transparent; 
  	border-bottom: 	8px solid transparent; 
   	border-right: 	10px solid rgba(117,127,128,0.5); 
	background-color:	transparent !important;
}
/*----------- SubSubnavigation ----------------- */
.navigation_wrapper > ul > li.cm_has_subnavigation:hover > ul:before,
.navigation_wrapper > ul > li.cm_has_subnavigation:hover > ul > li.cm_with_subnavigation > ul:before {
	background-color:	#333333;	
}
.navigation_wrapper > ul > li > ul > li > a,
.navigation_wrapper > ul > li > ul > li > ul > li > a {
	color:			#DEDEDE;
}
.navigation_wrapper > ul > li > ul > li:hover > a,
.navigation_wrapper > ul > li > ul > li.cm_current > a,
.navigation_wrapper > ul > li > ul > li > ul > li:hover > a,
.navigation_wrapper > ul > li > ul > li > ul > li.cm_current > a {
	color:				#333333;
	background-color:	#DEDEDE;
}
/*------------ Navinase ------------------- */

.navigation_wrapper li.cm_has_subnavigation > a:after {
    border-color: 		#333333 transparent -moz-use-text-color;
	-webkit-transition:	border-color 0.4s;
	transition:			border-color 0.4s;
}
.navigation_wrapper li.cm_has_subnavigation.cm_current > a:after,
.navigation_wrapper li.cm_has_subnavigation:hover > a:after {
    border-color: 		#DEDEDE transparent -moz-use-text-color;
}
.navigation_wrapper li.cm_has_subnavigation > ul li.cm_has_subnavigation > a:after {
    border-color:		#DEDEDE transparent -moz-use-text-color;
	-webkit-transition:	border-color 0.4s;
	transition:			border-color 0.4s;
}
.navigation_wrapper li.cm_has_subnavigation > ul li.cm_has_subnavigation.cm_current > a:after,
.navigation_wrapper li.cm_has_subnavigation > ul li.cm_has_subnavigation:hover > a:after {
    border-color: 		#333333 transparent -moz-use-text-color;
}




/*---------------------------- Content Main ------------------------------------- */

.content_wrapper, .placeholder {
	color:				#3B4040;
	background-color:	#FFFFFF;	
	background-color:	rgba(255,255,255,0.95);	
}
.trennlinie {
	color:			#757F80;
	background-color: #757F80;
}
.trennlinie.nose:after {
	color:			#757F80;
    border-color: #757F80 transparent -moz-use-text-color;
}
.content_wrapper h1, .content_wrapper .cm-h1, .content_wrapper h2, .content_wrapper h3 {
	color:				#3B4040;
}
.content_wrapper a {
	color:				#3B4040;
}



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

.sidebar_wrapper {
	color:				#3B4040;
	border-left:		5px solid rgba(117,127,128,0.5);
}
.sidebar_wrapper h1, .sidebar_wrapper .cm-h1, .sidebar_wrapper h2, .sidebar_wrapper h3 {
	color:				#3B4040;
}
.sidebar_wrapper a {
	color:				#3B4040;
}






/*---------------------------- Footer ------------------------------------- */

.scrollup:before {
	color:				#E0E0E0;
	border-color:		#E0E0E0;
}
.scrollup:hover:before {
	-webkit-transform:	scale(1.2);	
	transform:			scale(1.2);	
	-webkit-box-shadow:	0px 0px 8px #478EEB;
	box-shadow:			0px 0px 8px #478EEB;
}
	
.footer_wrapper {
	color:				#E0E0E0;
	border-color:		#E0E0E0;
}
#footer a, .scrollup {
	color:				#E0E0E0;
	text-decoration:	none;
}

.scroll_container.blur, #footer {
	background-color:	rgba(71,142,235,0.7);
}




@media only screen and (min-width: 768px) and (max-width: 1023px) {
	/*----------- Subnavigation ------------ */
	.navigation_wrapper > ul > li > ul,
	.navigation_wrapper > ul > li > ul > li > ul {
		background-color:	rgba(222,222,222,0.4);
		border:				none;
		box-shadow:			0px 0px 5px 5px 222,222,222 inset;
	}
	.navigation_wrapper > ul > li > ul > li > a,
	.navigation_wrapper > ul > li > ul > li > ul > li > a {
		color:			#333333;
	}
	.navigation_wrapper > ul > li > ul > li:hover > a,
	.navigation_wrapper > ul > li > ul > li > ul > li:hover > a {
		color:				#DEDEDE;
		background-color:	#333333;
	}
}
	

	
	

@media only screen and (min-width: 1px) and (max-width: 767px) { 

.sidebar_wrapper {
	color:				#3B4040;
	border-left:		none;
	border-top:			5px solid rgba(117,127,128,0.5);
}
	.toggle_navigation {
		background-color:	rgba(222,222,222,0.9);
		border-right:		solid 5px rgba(117,127,128,0.5);
		border-bottom:		solid 5px rgba(117,127,128,0.5);
	}
	.open_navigation .toggle_navigation {
		background-color:	transparent;
		border-right:		none;
		border-bottom:		none;
	}

	#mobile_cm_navigation.fixednav {
		background-color:	rgba(222,222,222,0.9);
		border-right:		solid 5px rgba(117,127,128,0.5);
	}
	
	.navigation_wrapper > ul > li > a, a.toggle_navigation {
		color:		#333333;
	}	
	.navigation_wrapper > ul > li.cm_current > a {
		color:				#DEDEDE;
		background-color:	#333333;
	}
	.navigation_wrapper > ul > li:hover > a {
		color:		#333333;
		background-color:	transparent;
	}
	/*----------- Subnavigation ------------ */
	.navigation_wrapper > ul > li > ul,
	.navigation_wrapper > ul > li > ul > li > ul {
		background-color:	rgba(51,51,51,0.8);
		border:				2px solid rgba(117,127,128,0.5);
	}
	.navigation_wrapper > ul > li.cm_has_subnavigation > ul:before {
		border-bottom: 	10px solid rgba(117,127,128,0.5); 
		border-left: 	8px solid transparent; 
		border-right: 	8px solid transparent; 
		background-color:	transparent !important;
	}
	.navigation_wrapper > ul > li.cm_has_subnavigation > ul > li.cm_has_subnavigation > ul:before {
		border-bottom: 	8px solid transparent; 
		border-top: 	8px solid transparent; 
		border-right: 	10px solid rgba(117,127,128,0.5); 
		background-color:	transparent !important;
	}
	/*----------- SubSubnavigation ----------------- */
	.navigation_wrapper > ul > li.cm_has_subnavigation:hover > ul:before,
	.navigation_wrapper > ul > li.cm_has_subnavigation:hover > ul > li.cm_with_subnavigation > ul:before {
		background-color:	#333333;	
	}
	.navigation_wrapper > ul > li > ul > li > a,
	.navigation_wrapper > ul > li > ul > li > ul > li > a {
		color:			#DEDEDE;
	}
	.navigation_wrapper > ul > li > ul > li > ul > li:hover > a {
		color:				#333333;
		background-color:	#DEDEDE;
	}
	.navigation_wrapper > ul > li > ul > li:hover > a {
		color:			#DEDEDE;
		background-color:	transparent;
	}
		
	/*------------ Navinase ------------------- */
	
	.navigation_wrapper li.cm_has_subnavigation > a:after {
		border-color: 		#333333 transparent -moz-use-text-color;
		-webkit-transition:	border-color 0.4s;
		transition:			border-color 0.4s;
	}
	.navigation_wrapper li.cm_has_subnavigation.cm_current > a:after,
	.navigation_wrapper li.cm_has_subnavigation:hover > a:after {
		border-color: 		#DEDEDE transparent -moz-use-text-color;
	}
	.navigation_wrapper li.cm_has_subnavigation > ul li.cm_has_subnavigation > a:after {
		border-color:		#DEDEDE transparent -moz-use-text-color;
		-webkit-transition:	border-color 0.4s;
		transition:			border-color 0.4s;
	}
	.navigation_wrapper li.cm_has_subnavigation > ul li.cm_has_subnavigation.cm_current > a:after,
	.navigation_wrapper li.cm_has_subnavigation > ul li.cm_has_subnavigation:hover > a:after {
		border-color: 		#333333 transparent -moz-use-text-color;
	}
	

}
