@charset "UTF-8";
/* CSS Document */
body {
	min-width: auto;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
#pageContainer {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
	transition: left 0.5s ease 0s;
}
#header {
	background-position: left top;
}
#header .inner {
	height: 100px;
}
#logo {
	display: block;
	position: absolute;
	width: 80%;
	max-width: 250px;
	height: auto;
	left: 0;
	top: 18px;
	right: 0;
	margin: auto;
}
#logo a {
	position: absolute;
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 24%;
	text-indent: -1000px;
	overflow: hidden;	
}
#logo img {
	width: 100%;
}
#header.schema .schema_bg {
	height: 80px;
	width: 100%;
	overflow: hidden;
	left: 0;
	right: 0;
	margin-left: auto;
	
	margin-right: auto;
	bottom: 0px;
}
#header.schema .schema_bg img {
	height: 100%;
	width: auto;
	position: absolute;
	right: -60px;
}
#header.schema .schema_logo_top {
	width: 246px;
	height: auto;
	left: 8px;
	top: -2px;
}
#claim {
	display: none;
	right: 30px;
	bottom: 10px;
	height: 30px;
}

#toplinks {
	display: none;
}
#topmenu .date {
	display: none;
}
#language_menu {
    display: block;
	position: absolute;
	width: 25px;
    float: none;
	right: -10px;
	top: 45px;
    margin: 0;
    padding: 0;
}
#language_menu a {
	margin-bottom: 10px;
}

#footer_menu {
	display: none;
}

#header .inner {
	background-position: center top;
}
#mainmenu {
	display: none;
	
}
body.menu_open #pageContainer {
	left: 220px;
	position: fixed;
	transition: left 0.5s ease;
}
body.menu_open #nav_mobile {
	left: 0px;
	transition: left 0.5s ease;
}
.desktop {
	display: none;
}
#nav {
	display: none;
}
#menu_mobile_bar {
	position:absolute;
	width: 100%;
	height: 0px;
	left: 0px;
	bottom: 0px;
	/*background-color: #00519E;*/
	border-bottom: 6px solid #E10915;
}
a#menu_mobile, a#menu_mobile:hover {
	display: block;
	background-size: 88%;
	background-position: 2px 5px;
	text-indent: -1000px;
	overflow: hidden;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 10001;
	background-color: #E10915;
	
}

body.menu_open a#menu_mobile {
	background-position: 2px -30px;
}
#nav_mobile {
	display:block;
	/*display: none;*/
	position: fixed;
	left: -220px;
	z-index: 10000;
	width: 220px;
	background-color: #004c91;
	padding: 0;
	height: 100%;
	overflow: scroll;
	font-size: 1em;
	-webkit-box-shadow: inset -4px 0px 2px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: inset -4px 0px 2px 0px rgba(0,0,0,0.25);
	box-shadow: inset -4px 0px 2px 0px rgba(0,0,0,0.25);
	font-family: "function_prodemi",sans-serif;
	transition: left 0.5s ease;
}
#nav_mobile .inner {
	padding: 10px;
}
#nav_mobile ul {
	list-style:none;
	margin: 0;
	padding: 0;
}
#nav_mobile ul ul {
	font-family: "function_probook",sans-serif;
	font-size: 0.9em;
}
#nav_mobile li {
	position: relative;
	margin: 0;
	padding: 0;
}

#nav_mobile a {
	display: block;
	text-decoration: none;
	padding: 0.5em 30px 0.5em 0.5em;
	color: #FFF;
	border-bottom: 1px solid #00427E;
}
#nav_mobile li.active a {
	color: #FFF;
	background-color: #00427E;
}
#nav_mobile a:hover {
	color: #FFF;
	background-color: #00427E;
	text-decoration: none;
}
#nav_mobile ul ul li {
	margin-left: 0.75em;
}
#nav_mobile ul ul a, #nav_mobile li.active li a {
	color: #c5d9e9;
	background-color: transparent;
}
#nav_mobile li.active li a:hover {
	color: #FFF;
	background-color: #00427E;
	text-decoration: none;
}
#nav_mobile li.active li.active a {
	color: #FFF;
	font-family: "function_prodemi",sans-serif;
}

#nav_mobile .submenu_indicator {
	display: block;
	position: absolute;
	right: 5px;
	top: 0.5em;
	width: 20px;
	height: 20px;
	background-image: url(../images/submenu_indicator.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	background-size: 100%;
	z-index: 10001;
	cursor: pointer;
}
#nav_mobile .submenu_indicator:hover {
	background-color: #00427E;
		
}
#nav_mobile li.open > .submenu_indicator {
	background-position: left -20px;
}
#nav_mobile li.open ul {
	display: block;
}
#language_menu {
	display: none;
}

#mobile_language_menu {
	display: block;
	overflow: hidden;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0px;
	top: -40px;
	z-index: 10001;
	background-color: #c5d9e9; /*#004c91;*/

}
.mobile_language_menu_open {
	height: 80px !important;
}
#mobile_language_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#mobile_language_menu li {
	position: relative;
	margin: 0;
	padding: 0;
	width: 40px;
	height: 40px;
}
#mobile_language_menu a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #c5d9e9;
}
#mobile_language_menu a:hover {
	background-color: #99BCD8;
}
#mobile_language_menu img {
	width: 60%;
	display: block;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4);
}


#submenu {
	padding: 10px 0 ;
	margin: 0 0 1em 0;
}
#header .inner,
#content .inner,
#footer_menu .inner,
#mainmenu,
#mainmenu ul
{
	width: 100%;
	position: relative;
}

#footer .inner {
	width: auto;
	text-align: center;
}

#topimage {
	margin: 0 -0.5% 0.5% -0.5%;
	width: 101%;
}
#topimage a.prev,
#topimage a.next {
	display: block;	
}
#content .inner {
	
	width: auto;
}
.article, .shop, .anhalt_internal, .freight_enquiry {
	padding: 20px;
}
.freight_enquiry .form_block .form50 {
    width: 100%;
}
.freight_enquiry .form_productname,
.freight_enquiry .form_product_quantity,
.freight_enquiry .form_product_hazardclass,
.freight_enquiry .form_unnummer {
	width: 100%;
	margin-left: 0;
	
}
.freight_enquiry #vorgaben_sonstiges,
.freight_enquiry #reinigung_sonstiges {
	float: none;
	display: block;
	margin-top: 10px;
	margin-left: 26px;
}

.home #content .inner {
	margin: 0 0.5% 0.5% 0.5%;
	padding: 0;
	width: 99%;
}


.main_col, .right_col {
	padding-top: 0em;
	padding-bottom: 0em;
}
.main_col {
	width: 65%;
	margin-left: 0;
}
.main_col_full {
	width: auto;
	float: none;
}
.right_col {
	width: 30%;
	float: right;
}
.article .topimage {
    width: 100%;
}
.right_col .image_container {
	
	width: auto;
}
.right_col .image_container img {
    width: 100%;
}

/* Shop */
@media screen and (max-width: 840px) {
.overview_container .product {
	width: 94%;
	float: none;
	height: auto;
	padding: 2% 2% 40px 2%;
	
}
}

/* Modules */
.module_group_col3_row2 {
	float: none;
	width: auto;	
}
.module_group_col1 {
	float: none;
	width: auto;
}
.module {
	margin: 0.5%;

}

.module_col1,
.module_col2 {
	float: left;
}
.module_col1 {
	width: 49%;
}
.module_col2 {
	width: 49%;
}
.module_col3 {
	width: 49%;
}
.module_row1 {
	height: 240px;	
}
.module_row2 {
	height: 486px;	
}

.module_col2 .element .image_container {
	float: left;
	margin: 0 5% 2% 0;
	width: 35%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.module_col2 .element .image_container img {
	width: 100%;	
}
.module_col2 .element .text_container {
	width: 60%;
	float: left;
}
.module_group_col1 .module {
    margin-right: 0.5%;
}


/* History */
.history {
	margin: 2em -1% 1em -1%;
}
.history .image_left {
	/*
	float: left;
	*/
	display:block;
	margin: 0 14px 14px 0;
}
.history .element {
	margin: 0 1% 1em 1%;
	width: auto;
	float: none;
}
.history .element img {
	display: block;
	width: 30%;
	margin: 0 30px 1em 0;
	float: left;
}
.history .element2 {
}
.history .odd {
	float: none;
}

.history .even {
	float: none;
}
.history .year {
}
.history .odd .year {
	float: left;
}
.history .even .year {
	float: left;
}
.history .year h2 {
}
.history .content {
	width: auto;
	padding: 16px;
}
.history .even .content,
.history .odd .content {
	border-left: 2px solid #FFF;
	margin-left: 78px;
	border-right: none;
	margin-right: 0;
}
.history .odd .content {
}
.history .content h3 {
}
.history .placeholder {
}



.imageContainerFloatLeft,
.imageContainerFloatRight {
	max-width: 40%;
}
.imageContainerFloatLeft img,
.imageContainerFloatRight img {
	width: 100%;
}



.locations {
	margin: 1em 0 1em 0;
}
.locations .location {
	width: auto;
	height: auto;
	float: none;
	margin: 0 0 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #c5d9e9;
	
}
.locations_cleaning .location {
	height: auto;	
}
.locations .location img {
	margin-top: 1.5em;
	margin-bottom: 1em;
	margin-left: 20px;
	float: right;
	max-width: 40%;
}



#content ul.list_float {
	margin: 0 0 1em 0;
	float: none;
}
#content .border-left {
	border-left: 0px solid #C5D9E9;
	padding-left: 0;	
}
.reparatur_spalte_links {
	width: auto; 
	float: none;
	margin: 1em 0;
}
.reparatur_spalte_rechts {
	width: auto; 
	float: none;
	margin: 1em 0;
}
.reparatur_spalte_rechts .list_float {
	width: auto;
}



@media screen and (max-width: 840px) {
.overview_container .entry {
	width: 96%;
	float: none;
	height: auto;
	padding: 1%;
	overflow: hidden;
	position:relative;
}


}
.column_main,
.column_extra {
	float: none;
	width: auto;
	
}
.column_extra .image_container {
	margin: 2em 0 0 0;	
}
.column_extra .image_container img {
	display: block;
	width: auto;
	height: 120px;
	margin: 0 10px 10px 0;
	float: left;
}
.column_extra .document_container {
	margin: 2em 0 0 0;	
}
#form_employees {
    float: none;
    margin-top: 1em;
    text-align: left;
    width: auto;
}
a.printversion {
    margin-left: 0;
}

.employee {
   width: 98%;
}
.employee .employee_inner {
    height: 71px;
    padding: 5px;
    width: auto;
}
