
/*cm_sysdb_begin*/
@import url("//fonts.cm4all.net/css?subset=cyrillic,cyrillic-ext,devanagari,greek,greek-ext,khmer,latin,latin-ext,vietnamese&family=Droid+Serif:regular,italic,700,700italic|Droid+Sans:regular,700|Roboto:100,100italic,300,300italic,regular,italic,500,500italic,700,700italic,900,900italic");
.cm-background {
background-image: url("/.cm4all/sysdb/backgrounds/images/bif_23174399_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:	Roboto, sans-serif;
	font-size:		small;
	font-weight:	normal;
	font-style:		normal;
}
#page_wrapper a {
	color:			#3B4040;
}
h1, .cm-h1 {
	font-size:		large;
	font-family:	Roboto, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}
h2, #title_wrapper h2 {
	font-size:		medium;
	font-family:	Roboto, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}
h3 {
	font-size:		small;
	font-family:	Roboto, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}
h4, h5, h6 {
	font-family:	Roboto, sans-serif;
}
#title_wrapper h1 {
	font-family:	Roboto, sans-serif;
	font-size:		large;
	font-weight:	normal;
	font-style:		normal;
	color:			#FFFFFF;
}
#title_wrapper h2 {
	font-family:	Roboto, sans-serif;
	font-size:		large;
	font-weight:	normal;
	font-style:		normal;
	color:			#333333;;
}

#cm_navigation a {
	font-size:		small;
	font-family:	Roboto, sans-serif;
	font-weight:	normal;
	font-style:		normal;
}

#content_wrapper {
	background-color:	#FFFFFF;
	color:				#3B4040;
}
#content_wrapper h1, #content_wrapper h2, #content_wrapper h3, #content_wrapper h4, #content_wrapper h5, #content_wrapper h6 {
	color:			#3B4040;
}

.simpleedge {
	border-left-color: #FFFFFF;
}
#content_sidebar {
	background-color:	#FFFFFF;
	color:				#3B4040;
}
#head_wrapper_background {
	background-color: #DEDEDE;
}
#navigation_wrapper #nav-mobile-heading {
	background-color: #DEDEDE;
}










#title_wrapper #title_h1_wrapper {
	background-color: #81C46E;
}
#title_wrapper #title_h1_wrapper > .simpleedge {
	border-left-color: #81C46E;
}

#title_wrapper #title_h1_wrapper > .highlightedge {
	border-left-color: #A6A6A6;
}


/* ========================================================
	4 - Navigation
=========================================================== */

/** 1st Level **/

#cm_navigation a {
	font-size:		small;
	font-family:	Roboto, sans-serif;
	font-weight:	normal;
	font-style:		normal;
}
#cm_navigation > ul > li > a {
	color:			#333333;
}

#cm_navigation>ul>li.cm_current>a,
#cm_navigation>ul>li>a:hover {
	color:			#FFFFFF; 
}

#navigation_wrapper #nav-mobile-heading a {
	font-size:		small;
	font-family:	Roboto, sans-serif;
	font-style:		normal;
	color:			#333333;
}

#navigation_wrapper #nav-mobile-heading a:hover {
	color:			#FFFFFF;
}
/*
#cm_navigation > ul > li.cm_has_subnavigation > a:after,
#navigation_wrapper #nav-mobile-heading a:after {
	background-color: #333333;
}

#cm_navigation > ul > li.cm_has_subnavigation:hover > a:after,
#navigation_wrapper #nav-mobile-heading:hover a:after {
	background-color: #FFFFFF;
}*/

#navigation_wrapper .nav-menu-position {
	border-bottom-color: #FFFFFF;
}

/** 2nd Level **/

#cm_navigation > ul > li > ul {
	background-color: #DEDEDE;
}

#cm_navigation > ul > li > ul > li > .simpleedge {
	border-left-color: #DEDEDE;
}

#cm_navigation > ul > li > ul > li {
	background-color: #DEDEDE;
	border-bottom: 1px solid #FFFFFF;
}

#cm_navigation > ul > li > ul > li:hover {
}

#cm_navigation > ul > li > ul > li > a {
	color:			#333333;
}

#cm_navigation > ul > li > ul > li > a:hover {
	color:			#FFFFFF;
}

/** 3rd Level **/

#cm_navigation > ul > li > ul > li > ul {
	background-color: #DEDEDE;
}

#cm_navigation > ul > li > ul > li > ul > li > .simpleedge {
	border-left-color: #DEDEDE;
}

#cm_navigation > ul > li > ul > li > ul > li {
	background-color: #DEDEDE;
	border-bottom: 1px solid #FFFFFF;
}

#cm_navigation > ul > li > ul > li > ul > li:hover {
	background-color: #DEDEDE;
}

#cm_navigation > ul > li > ul > li > ul > li > a {
	color:			#FFFFFF;
}

#cm_navigation > ul > li > ul > li > ul > li > a:hover {
	color:			#333333;
}

.navigation_wrapper li.cm_has_subnavigation > a:after {
    border-color: 		#333333 transparent -moz-use-text-color;
}
.navigation_wrapper li.cm_has_subnavigation > ul 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 > 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;
}

/* ========================================================
	5 - Inhaltsbereich
=========================================================== */

#page_wrapper input[type='text'], #page_wrapper input[type='date'], #page_wrapper input[type='datetime'], 
#page_wrapper input[type='email'], #page_wrapper input[type='number'], #page_wrapper input[type='password'],
#page_wrapper input[type='search'], #page_wrapper input[type='tel'], #page_wrapper input[type='time'],
#page_wrapper input[type='url'], #page_wrapper textarea, #page_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;
}
#page_wrapper input[type='text']:focus, #page_wrapper input[type='date']:focus, #page_wrapper input[type='datetime']:focus, 
#page_wrapper input[type='email']:focus, #page_wrapper input[type='number']:focus, #page_wrapper input[type='password']:focus,
#page_wrapper input[type='search']:focus, #page_wrapper input[type='tel']:focus, #page_wrapper input[type='time']:focus,
#page_wrapper input[type='url']:focus, #page_wrapper textarea:focus, #page_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);
}

a {
	color:				#3B4040;
}
a:hover {
	color:				#3B4040;
}

ul.cm_subnavigation > li > a {
	text-shadow: 	none;
}
ul.cm_subnavigation > li.cm_current > a {
	text-shadow: 		none;
}
ul.cm_subnavigation > li > a:hover:not(.toggle-nav) {	
	text-shadow: 		none;
}

/* ========================================================
	6 - Sidebar
=========================================================== */

#content_sidebar {
	color:			#3B4040;
}

#content_sidebar h1, #content_sidebar .cm-h1, #content_sidebar h2, #content_sidebar h3, #content_sidebar h4, #content_sidebar h5, #content_sidebar h6 {
	color:			#3B4040;
}

#content_sidebar a {
	color:				#3B4040;
}
#content_sidebar a:hover {
	color:				#3B4040;
}

/* ========================================================
	7 - Footer
=========================================================== */

#footer_wrapper {
	background-color:	#81C46E;
	color:				#E0E0E0;
	font-family:		Roboto, sans-serif
	font-size:			small
}
#footer_wrapper a {
	color:				#E0E0E0;
	color:				#E0E0E0;
	font-family:		Roboto, sans-serif
	font-size:			small
}

#footer_wrapper a:hover {
	color:				;
}

