body {
	font-family: Cantarell, Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #E4E1DF !important;
}

.clear {
	clear: both;
}

.actualpage_width {
	padding: 0.000em 0.000em 0.000em 0.000em;
}

.separator {
	padding: 0.375em 0.375em 0.375em 0.375em;
}

.column {
	display:block;
	position:relative;
	margin-right:0.000em;
}

/* TABLET/NETBOOK */
@media only screen and (max-width: 800px) {
	body {
		font-size: 85%;
	}

	.column {
		display:inline;
		float:left;
	}

	.nav {
		padding: 0.313em 0.000em 0.313em 0.000em;
		background-color: #CCCCCC;
	}

	.actualpage_width {
		padding: 0.000em 0.000em 0.000em 0.000em;
		width: 1000px;
		margin: 0 auto;
	}

	.hide_nav {
		display: none;
	}
}

/* TABLET/NETBOOK */
@media only screen and (min-width: 800px) {
	body {
	}

	.column {
		position: relative;
		width: 100%;
		display:inline;
		float: left;
	}

	.actualpage_width {
		padding: 0.000em 0.000em 0.000em 0.000em;
		width: 1000px;
		margin: 0 auto;
	}

	.hide_on {
		display: none;
	}

}

/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 800px) {
	body { 
	}
	
	/* actualpage_width 1000 Pixel */
	.actualpage_width {
		width: 1000px;
		margin: 0 auto;
	}
}

.md_nav_mobile_left {
	overflow: hidden;
	float: left;	
	padding: 0px 0px 0px 0px; 
	margin-top:60px;
	background-color: transparent;
}

.md_nav_mobile_right {
	overflow: hidden;
	float: left;	
	padding: 0px 0px 0px 10px; 
	margin-top:60px;
	background-color: transparent;
}

#md_menu_left {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 17em;
	left: -17em;
	height: 100%;
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transition: 0.25s ease;
	-moz-transition: 0.25s ease;
	-o-transition: 0.25s ease;
	transition: 0.25s ease;
	background:#E4E1DF;
	z-index:1;
	box-shadow: 0px 3px 7px 0px #333333; 
	-webkit-box-shadow: 0px 3px 7px 0px #333333;
}

#md_menu_left_content {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 45.000em;
	left: -46.250em;
	height: 100%;
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transition: 0.25s ease;
	-moz-transition: 0.25s ease;
	-o-transition: 0.25s ease;
	transition: 0.25s ease;
	background:transparent;
	z-index: 3;
	border: 0px solid rgb(55, 76, 119);
}

#md_menu_right {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 15.625em;
	right: -15.625em;
	height: 100%;
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transition: 0.25s ease;
	-moz-transition: 0.25s ease;
	-o-transition: 0.25s ease;
	transition: 0.25s ease;
	background:#3D3D3D;
	z-index:1;
	box-shadow: 0px 3px 7px 0px #333333; 
	-webkit-box-shadow: 0px 3px 7px 0px #333333;
}

#md_menu_right_content {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 45.000em;
	right: -46.250em;
	height: 100%;
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transition: 0.25s ease;
	-moz-transition: 0.25s ease;
	-o-transition: 0.25s ease;
	transition: 0.25s ease;
	background:transparent;
	z-index: 3;
	border: 0px solid rgb(55, 76, 119); 
}

#md_menu_left.active {
	-webkit-transform: translate(15.625em, 0px);
	-moz-transform: translate(15.625em, 0px);
	-o-transform: translate(15.625em, 0px);
	-ms-transform: translate(15.625em, 0px);
	transform: translate(15.625em, 0px);
}

#md_menu_left_content.active {
	-webkit-transform: translate(61.875em, 0px);
	-moz-transform: translate(61.875em, 0px);
	-o-transform: translate(61.875em, 0px);
	-ms-transform: translate(61.875em, 0px);
	transform: translate(61.875em, 0px);
}

#md_menu_right.active {
	-webkit-transform: translate(-15.625em, 0px);
	-moz-transform: translate(-15.625em, 0px);
	-o-transform: translate(-15.625em, 0px);
	-ms-transform: translate(-15.625em, 0px);
	transform: translate(-15.625em, 0px);
}

#md_menu_right_content.active {
	-webkit-transform: translate(-61.875em, 0px);
	-moz-transform: translate(-61.875em, 0px);
	-o-transform: translate(-61.875em, 0px);
	-ms-transform: translate(-61.875em, 0px);
	transform: translate(-61.875em, 0px);
}

#md_actual_content {
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transition: 0.25s ease;
	-moz-transition: 0.25s ease;
	-o-transition: 0.25s ease;
	transition: 0.25s ease;
	position: relative;
	z-index: 0;
}

#md_actual_content.active_left {
	-webkit-transform: translate(15.563em, 0px);
	-moz-transform: translate(15.563em, 0px);
	-o-transform: translate(15.563em, 0px);
	-ms-transform: translate(15.563em, 0px);
	transform: translate(15.563em, 0px);
}

#md_actual_content.active_right {
	-webkit-transform: translate(-15.563em, 0px);
	-moz-transform: translate(-15.563em, 0px);
	-o-transform: translate(-15.563em, 0px);
	-ms-transform: translate(-15.563em, 0px);
	transform: translate(-15.563em, 0px);
}

#md_mobile_header {
	padding: 0px;
	width: 100%;
	height: 80px;
	margin-bottom: 30px;
	text-decoration: none;
	position: relative;
	z-index: 1;
	box-shadow: 0px 3px 7px 0px #999999;
	background-color: #5ae498;
	-webkit-box-shadow: 0px 3px 7px 0px #999999;
	padding-top:20px;
}

#md_menu_header {
	padding: 0px; 
	width: 100%; 
	height: 52px; 
	text-decoration: none; 
	position: relative; 
	z-index: 1; 
	background-color: #333333; 
}

#md_mobile_text {
	color: #ffffff; 
	font-family: Arial, Helvetica, sans-serif;
}

#md_mobile_text a {
	color: #ffffff; 
	font-family: Arial, Helvetica, sans-serif;
}

#md_mobile_left {
	background: #5ae498; 
	padding: 3px 4px; 
	border-radius: 3px; 
	border: 1px solid #fff; 
	border-image: none; 
	width: 25px; 
	height: 24px; 
	display: block; 
	position: relative; 
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
}

#md_mobile_left div {
	border-radius: 2px;
	border: 1px solid #EEEEEE;
	border-image: none;
	width: 93%;
	height: 2px;
	margin-top: 3px;
	background-color: #FFFFFF;
}

#md_mobile_right {
	background: #5ae498; 
	padding: 3px 4px; 
	border-radius: 3px; 
	border: 1px solid #fff; 
	border-image: none; 
	width: 25px; 
	height: 24px; 
	display: block; 
	position: relative; 
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
}

#md_mobile_right div {
	border-radius: 2px;
	border: 1px solid #EEEEEE;
	border-image: none;
	width: 93%;
	height: 6px;
	margin-top: 3px;
	background-color: transparent;
}

.md_menu_mobil, .md_menu_mobil_sub {
	float: left;
	display: block;
	padding: 0.625em 0.250em 0.625em 1.250em;
	padding: 0.625em 0.250em 0.625em 0.500em;
	padding: 0.625em 1.550em 0.625em 1.050em;
	padding: 0.625em 0.000em 0.625em 0.000em;
	margin-left: 0.800em;
	margin-right: -0.800em;
	width: 100%;
	width: 190px;
	background-color: transparent;
	color: #000;
	margin-bottom: 0.000em;
	height: 1.0em;
	line-height: 95%;
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

.md_menu_mobil:hover {
	color:#5ae498;
}

.md_menu_mobil_sub {
	margin-left:20px;
	font-size:12px;
}

.md_menu_mobilactive {
	float: left;
	display: block;
	padding: 0.625em 0.250em 0.625em 0.250em;
	width: 100%;
	background-color: #6B6B6B;
	color: #ffffff;
	margin-right: 0.000em;
	margin-bottom: 0.000em;
	height: 1.0em;
	line-height: 95%;
	border-top: 0.100em solid #444444; 
	border-bottom: 0.100em solid #222222; 
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
}

.md_menu_mobil:visited {
	text-decoration: none;
	color: #FFF;
}

a[href^="http"] {
	text-decoration: none;
/*	color: #FFF; */
}

.md_nav {
	overflow: hidden;
	float: left;	
	width: 100%;
	padding: 0px 0px 0px 0px; 
	background-color: transparent;
}

.md_menu {
	float: left;
	display: block;
	padding: 0.438em 1.250em 0.938em 1.250em;
	background-color: transparent;
	color: #000000;
	background-image: url(/images/but_s1_hg_1.png);
	margin-right: 0.313em;
	margin-left: 0em;
	border-top-left-radius: 0.313em;
	border-top-right-radius: 0.313em; 
	border-bottom-left-radius: 0.000em;
	border-bottom-right-radius: 0.000em; 
	height: 1.250em;
	line-height: 95%;
	border-bottom: 0.000em solid #5F7885; 
	background-repeat: repeat-x;
	background-position: top;
	font-weight: normal;
	font-size: 100%;
}

.md_menu_text {
	font-size: 80%;
	opacity: 0.8;
	display: block;
	font-weight: normal;
}

.md_menu_active {
	float: left;
	display: block;
	padding: 0.438em 1.250em 0.938em 1.250em;
	background-color: #CD0000;
	color: #ffffff;
	background-image: url(/images/but_s1_hg_2.png);
	margin-right: 0.313em;
	margin-left: 0em;
	border-top-left-radius: 0.313em;
	border-top-right-radius: 0.313em; 
	border-bottom-left-radius: 0.000em;
	border-bottom-right-radius: 0.000em; 
	background-repeat: repeat-x;
	background-position: bottom;
	height: 1.250em;
	line-height: 95%;
	border-bottom: 0.000em solid #13A7D7; 
	font-weight: normal;
	font-size: 100%;
}

.md_menu:hover,
.md_menu_active:hover {
	background-color: #CD0000;
	color: #ffffff;
	text-decoration: none;
	background-image: url(/images/but_s1_hg_2.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

@media all and (max-width: 800px) {
	.md_menu {
		border-top-left-radius: 0em;
		border-top-right-radius: 0em; 
		width:100%;
	}
	.md_menu_active {
		border-top-left-radius: 0em;
		border-top-right-radius: 0em; 
		width:100%;
	}
}

#root_mobile {
	background-color: #CCCCCC;
	background-color: transparent;
	padding: 10px;
	width: 97%;
}

#root_mobile .txt_welcome {
	font-size:300% !important;
}

#root_mobile table {
	width:100% !important;
}

#root_mobile table td{
	min-width:30px !important;
}

#root_mobile table img {
	max-width:100% !important;
	max-height:100% !important;
}

#root_mobile .WPSEditDocument img {
	height:auto !important;
}

#root_mobile .WPSWidth100Percent table td, #root_mobile .WPSWidth100Percent table th{
	width:auto !important;
}

#root_mobile .WPSWidth100Percent input, #root_mobile .WPSStandard_padding_and_width input{
	max-width:100px !important;
}

#root_mobile .WPSWidth100Percent textarea{
	max-width:100px !important;
}

#mobile_logo {
	float: right;
	height: 100px;
	position: relative;
	top: -20px;
	width:150px;
}

#mobile_header {
	width: 100%;
	position: relative;
	top: -30px;
}

#md_menu_left a {
	color:black;
	margin-left:20px;
	margin-top:10px;
}

#md_menu_left a:hover {
	color: #5ae498;
}

#md_Navigation ul {
	list-style-type: none;
	margin-left: -30px;
}

#md_Navigation ul li ul {
	list-style-type: none;
	margin-left: -20px;
	font-size: 12px;
}