/*cm_sysdb_begin*/
@import url("//fonts.cm4all.net/css?family=Roboto:100,100italic,300,300italic,regular,italic,500,500italic,700,700italic,900,900italic");
.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: #242424;
    background-color: #FFFFFF;
}

body, #page_wrapper, .content_main_dho {
	font-family:	Roboto, sans-serif;
	font-size:		medium;
	font-weight:	normal;
	font-style:		normal;
}
#content_wrapper h1,
#content_sidebar h1, 
.cm-h1 {
	font-size:		x-large;
	font-family:	Roboto, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}

#content_wrapper h2,
#content_sidebar h2 {
	font-size:		large;
	font-family:	Roboto, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}

#content_wrapper h3,
#content_sidebar h3 {
	font-size:		medium;
	font-family:	Roboto, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}
h4, h5, h6 {
	font-family:	Roboto, sans-serif;
}
#title_wrapper h2, #title_wrapper h1 {
	font-family:	Roboto, sans-serif;
	font-size:		x-large;
	font-weight:	normal;
	font-style:		normal;
}
#cm_navigation ul li a {
	font-size:		medium;
	font-family:	Roboto, sans-serif;
	font-weight:	normal;
	font-style:		normal;
}
#cm_navigation ul li a {
	font-size:		medium;
	font-family:	Roboto, sans-serif;
	font-weight:	normal;
	font-style:		normal;
}






#content_wrapper input[type='text'], #content_wrapper textarea {
	border-radius:		0px;
	border:				none;
	padding:			6px;
	color:				#242424;
	background-color:	rgba(0,0,0,0.15);
	border-bottom:		1px solid #8E8471;
	
	-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 textarea: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);
}



body {
	background-color: #C7C7C7;
}



a {
	color			: #242424;
}

a:hover {
	color			: #2E2E2E;
}




#head_bg {
	background-color	: #918373;
	border-color:		#FFFFFF;
}

.title_title, 
.title_subtitle {
	color:				#FFFFFF;
}


#cm_navigation li.cm_has_subnavigation > a:after {
    border-color: #FFFFFF transparent -moz-use-text-color;
}
#cm_navigation ul li a {
	color: 			#FFFFFF;
}
#cm_navigation ul li.cm_current a {
	color:			#FFFFFF;
}
#cm_navigation ul li a:hover {
	color:			#FFFFFF;
}


#cm_navigation ul li ul li a {
	color: 			#FFFFFF;
	text-shadow: 	none;
}
#cm_navigation ul li ul li.cm_current a {
	color: 			#FFFFFF;
	text-shadow: 	none;
}
#cm_navigation ul li ul li a:hover {
	color: 			#FFFFFF;
	text-shadow: 	none;
}


#footer_wrapper, #footer_wrapper a {
	color:				#FFFFFF;
}


#content_wrapper, #content_sidebar {
	border-color:		#918373;
	background-color: 	#FFFFFF;
}
.content_main_dho, #content_sidebar,
.content_main_dho a, #content_sidebar a  {
	color: 		#242424;
}

#content_wrapper h1, #content_sidebar h1, 
#content_wrapper h2, #content_sidebar h2, 
#content_wrapper h3, #content_sidebar h3 {
	color				: #2E2E2E;
}



#content_sidebar a {
}

#content_sidebar a:hover {
}



/* ----- VARS.CSS ----- */


@media only screen and (min-width: 480px) and (max-width: 767px) {  /* ---- HAndy Landscape ---- */
	#head_wrapper {
		background-color:	#918373 !important;
		border-color:		#FFFFFF !important;
	}
}

@media only screen and (max-width: 479px) {   /* ---- HAndy Portrait ---- */
	#head_wrapper {
		background-color:	#918373 !important;
		border-color:		#FFFFFF !important;
	}
	#title_wrapper, #navigation_wrapper {
		border-top-color:#FFFFFF !important;
	}
}