/*cm_sysdb_begin*/
@import url("//fonts.cm4all.net/css?subset=cyrillic,cyrillic-ext,devanagari,greek,greek-ext,khmer,latin,latin-ext,vietnamese&family=Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic|Poiret+One:regular");
/*cm_sysdb_end*/

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

body, #page_wrapper {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		small;
	font-weight:	normal;
	font-style:		normal;
}
#page_wrapper h1, #page_wrapper h2, #page_wrapper h3, #page_wrapper h4, #page_wrapper h5, #page_wrapper h6 {
	color:			#3B3B3B;
}
#page_wrapper h1, .cm-h1 {
	font-size:		xx-large;
	font-family:	Verdana, Verdana, Geneva, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}
#page_wrapper h2,
#content_sidebar h1 {
	font-size:		xx-large;
	font-family:	Open Sans, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}
#page_wrapper h3,
#content_sidebar h2 {
	font-size:		medium;
	font-family:	Poiret One, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}
#page_wrapper h4,
#page_wrapper h5,
#page_wrapper h6,
#content_sidebar h3 {
	font-family:	Poiret One, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}

/* ========================================================
	3 - Navigation
=========================================================== */

#navigation_background,
#navigation_wrapper #nav-mobile-heading {
	background-color:			#ca0814;
}

/** 1st Level **/

#page_wrapper #cm_navigation a,
#page_wrapper #navigation_wrapper #nav-mobile-heading a {
	font-size:		small;
	font-family:	Arial, Helvetica, sans-serif;
	font-weight:	normal;
	font-style:		normal;
	color:			#FFFFFF;
}

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

#page_wrapper #cm_navigation>ul>li.cm_current,
#page_wrapper #cm_navigation>ul>li:hover {
	background-color:			#ca0814;
}

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

#page_wrapper #navigation_wrapper #nav-mobile-heading a,
#page_wrapper #navigation_wrapper #nav-mobile-heading a:hover {
	color:			#FFFFFF;
}
	 

/** 2nd Level **/

#page_wrapper #cm_navigation > ul > li > ul > li > a {
	background-color: #E8E8E8;
	color:			#000000;
}


/** 3rd Level **/

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

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

#page_wrapper #cm_navigation > ul > li > ul > li > ul > li > a {
	color:			#E8E8E8;
}

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

@media only screen and (min-width: 10px) and (max-width: 979px) {    /* ---- Mobile ---- */
	#cm_navigation > ul > li > ul > li > ul {
		background-color: #000000;
	}
}

/* ========================================================
	4 - Title
=========================================================== */

#header_wrapper {
	background-color: #D5D4D3;
}

#title_wrapper {
	font-family:	Open Sans, sans-serif;
	font-size:		x-large;
	font-style:		normal;
	font-weight:	normal;
	color:			#ca0814;
}

@media only screen and (min-width: 10px) and (max-width: 979px) {    /* ---- Mobile ---- */
	#title_wrapper {
		font-family:	Arial, Helvetica, sans-serif;
		font-size:		small;
		font-weight:	normal;
		font-style:		normal;
		color: 			#3B3B3B;
		background-color: #FFFFFF;
	}
}

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

#page_wrapper input[type='text'], #page_wrapper textarea {
	border-radius:		0px;
	border:				none;
	padding:			6px;
	background-color:	rgba(0,0,0,0.15);
	border-bottom:		1px solid #25b882;
	border-bottom:		1px solid #3B3B3B;
}

#page_wrapper input[type='text']:focus, #page_wrapper textarea:focus {
	background-color:	rgba(0,0,0,0.6);
	box-shadow:			0px 0px 15px rgba(0,0,0,0.3);
}

#content_wrapper {
	color: 			#3B3B3B;
	background-color: #FFFFFF;
}
#page_wrapper a {
	color:				#3B3B3B;
	text-decoration: none;
}
#page_wrapper a:hover {
	color:				#3B3B3B;
	text-decoration: underline
}

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

#content_sidebar {
	color:			#3B3B3B;
	background-color: #FFFFFF
}

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

#footer_wrapper {
	color:				#3B3B3B;
	background-color:	#FFFFFF
}

#footer_wrapper a,
#footer_wrapper a:hover {
	color:				#3B3B3B;
	font-family:	Verdana, Verdana, Geneva, sans-serif; 
}

#footer_wrapper a {
	text-decoration: none;
}

#footer_wrapper a:hover {
	text-decoration: underline;
}