body, #page_wrapper, .content_main_dho {
	font-family:	${font.standard.font-family};
	font-size:		${font.standard.font-size};
	font-weight:	${font.standard.font-weight};
	font-style:		${font.standard.font-style};
}
#content_wrapper h1,
#content_sidebar h1, 
.cm-h1 {
	font-size:		${font.h1.font-size};
	font-family:	${font.h1.font-family};
	font-weight:	${font.h1.font-weight};
	font-style:		${font.h1.font-style};
}

#content_wrapper h2,
#content_sidebar h2 {
	font-size:		${font.h2.font-size};
	font-family:	${font.h2.font-family};
	font-weight:	${font.h2.font-weight};
	font-style:		${font.h2.font-style};
}

#content_wrapper h3,
#content_sidebar h3 {
	font-size:		${font.h3.font-size};
	font-family:	${font.h3.font-family};
	font-weight:	${font.h3.font-weight};
	font-style:		${font.h3.font-style};
}
h4, h5, h6 {
	font-family:	${font.h1.font-family};
}
#title_wrapper h2, #title_wrapper h1 {
	font-family:	${font.title.font-family};
	font-size:		${font.title.font-size};
	font-weight:	${font.title.font-weight};
	font-style:		${font.title.font-style};
}
#cm_navigation ul li a {
	font-size:		${font.navigation.font-size};
	font-family:	${font.navigation.font-family};
	font-weight:	${font.navigation.font-weight};
	font-style:		${font.navigation.font-style};
}


/* ################################################## */
/* ################ INPUT ELEMENTS ################## */
/* ################################################## */
#page_wrapper .cm_widget input[type='text'], #page_wrapper .cm_widget input[type='date'], #page_wrapper .cm_widget input[type='datetime'], 
#page_wrapper .cm_widget input[type='email'], #page_wrapper .cm_widget input[type='number'], #page_wrapper .cm_widget input[type='password'],
#page_wrapper .cm_widget input[type='search'], #page_wrapper .cm_widget input[type='tel'], #page_wrapper .cm_widget input[type='time'],
#page_wrapper .cm_widget input[type='url'], #page_wrapper .cm_widget textarea, #page_wrapper .cm_widget select,
#page_wrapper .cm_widget button, #page_wrapper .cm_widget input[type='button'], #page_wrapper .cm_widget input[type='submit'], #page_wrapper .cm_widget input[type='reset'] {
	border-radius:		0px;
	padding:			9px 14px;
	color:				${color.content.color};
	background-color:	${color.content.background-color};
	background-color:	rgba(${color.content.color.rgb},0.08);
	border:				1px solid rgba(${color.content.color.rgb},0.15);
	-webkit-transition:	color 0.3s, background-color 0.3s, box-shadow 0.3s, border 0.3s;
	-moz-transition:	color 0.3s, background-color 0.3s, box-shadow 0.3s, border 0.3s;
	-o-transition:		color 0.3s, background-color 0.3s, box-shadow 0.3s, border 0.3s;
	transition:			color 0.3s, background-color 0.3s, box-shadow 0.3s, border 0.3s;
	
	font-family:	${font.standard.font-family};
	font-size:		${font.standard.font-size};
	font-weight:	${font.standard.font-weight};
	font-style:		${font.standard.font-style};
}
#page_wrapper .cm_widget button, #page_wrapper .cm_widget input[type='button'], #page_wrapper .cm_widget input[type='submit'], #page_wrapper .cm_widget input[type='reset'] {
	cursor:			pointer;
}
#page_wrapper .cm_widget input[type='text']:focus, #page_wrapper .cm_widget input[type='date']:focus, #page_wrapper .cm_widget input[type='datetime']:focus, 
#page_wrapper .cm_widget input[type='email']:focus, #page_wrapper .cm_widget input[type='number']:focus, #page_wrapper .cm_widget input[type='password']:focus,
#page_wrapper .cm_widget input[type='search']:focus, #page_wrapper .cm_widget input[type='tel']:focus, #page_wrapper .cm_widget input[type='time']:focus,
#page_wrapper .cm_widget input[type='url']:focus, #page_wrapper .cm_widget textarea:focus, #page_wrapper .cm_widget select:focus, #page_wrapper .cm_widget select:focus option,
#page_wrapper .cm_widget button:hover, #page_wrapper .cm_widget input[type='button']:hover, #page_wrapper .cm_widget input[type='submit']:hover, #page_wrapper .cm_widget input[type='reset']:hover {
	color:				#FFFFFF;
	color:				rgba(${color.content.background-color.rgb},1);
	background-color:	rgba(0,0,0,0.7);
	background-color:	rgba(${color.content.color.rgb},0.7);
	box-shadow:			0px 0px 15px rgba(0,0,0,0.3);
	outline:			none;
}


.shopWidgetSeperatedDiv input[type='text'], .shopWidgetSeperatedDiv button, .shopWidgetSeperatedDiv input[type='button'], .shopWidgetSeperatedDiv input[type='submit'], .shopWidgetSeperatedDiv input[type='reset'] {
	padding:		8px 3px;
	min-width:		45px;
}	
.shopWidgetSeperatedDiv button, .shopWidgetSeperatedDiv input[type='button'], .shopWidgetSeperatedDiv input[type='submit'], .shopWidgetSeperatedDiv input[type='reset'] {
	background-size: 	cover !important;
	border:				none;
}




body {
	background-color: ${color.body.background-color};
}

a {
	color			: ${color.content.link.color};
}

a:hover {
	color			: ${color.content.link.hover.color};
}




#head_bg {
	background-color	: ${color.header.background-color};
	border-color:		${color.content.background-color};
}

.title_title, 
.title_subtitle {
	color:				${color.header.title.color};
}


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


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


#footer_wrapper, #footer_wrapper a {
	color:				${color.header.title.color};
}


#content_wrapper, #content_sidebar {
	border-color:		${color.header.background-color};
	background-color: 	${color.content.background-color};
}
.content_main_dho, #content_sidebar,
.content_main_dho a, #content_sidebar a  {
	color: 		${color.content.color};
}

#content_wrapper h1, #content_sidebar h1, 
#content_wrapper h2, #content_sidebar h2, 
#content_wrapper h3, #content_sidebar h3 {
	color				: ${color.content.headline.color};
}



#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:	${color.header.background-color} !important;
		border-color:		${color.content.background-color} !important;
	}
}

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