html {
	height						: 100%;
	margin						: 0;
	padding						: 0px;	
}

body {	
	background-color			: #ececec;
	color						: #000000; /*#646469;*/
	font-family					: "Open Sans", Calibri, Arial, sans-serif;
	font-size					: 0.9em;
	margin-left					: 0px;
	margin-right				: 0px;
	margin-top					: 0px;
	padding						: 0px;
	text-align					: center;
}

a, a.visited {
	color						: #464646;
	text-decoration				: none;
}

a:hover {
	color						: #ff0000;
	text-decoration				: underline;
}

h1, h2, h3, h4 {
	color						: #000000;
	line-height					: 1.0em;
}

h1 {
	border-left					: 25px solid #ffc000;
	padding-left				: 10px;
	font-weight					: 700;
}

/*
h2 {
	border-left					: 15px solid #ff0000;
	padding-left				: 10px;
}
*/

h2, h3, h4 {
	font-weight					: 400;
}

.centreer {
	text-align					: center;
}

.website_outerbox {	
	background-color			: #ffffff;
	color						: #444444;
	float						: center;	
	margin-left					: auto;
	margin-right				: auto;
	position					: relative;
	text-align					: left;
	width						: 100%;
}

.website_innerbox {
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	max-width					: 1150px;	
    display						: -webkit-box;
    display						: -moz-box;
    display						: -ms-flexbox;
    display						: -webkit-flex;
    display						: flex;
    -webkit-box-orient			: vertical;
    -moz-box-orient				: vertical;
    -webkit-flex-direction		: column;
    -ms-flex-direction			: column;
    flex-direction				: column;
}

.website_header_outerbox {
	background-color			: #000000;
	float						: center;	
	padding						: 5px;
	position					: relative;	
	text-align					: left;
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_header_innerbox {
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	max-width					: 1150px;
}

.website_preheader_outerbox {
	background-color			: #f5f5f5;
	float						: center;
	height						: 30px;
	margin-left					: auto;
	margin-right				: auto;	
	width						: 100%;
}

.website_preheader_innerbox {
	font-size					: 0.8em;
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	max-width					: 1150px;
}

.website_header img {
	max-width					: 100%;
}

.website_logo {
	float						: left;
	position					: relative;
	width						: 25%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;			
}

.website_menu {
	float						: left;	
	position					: relative;
	top							: 50px;
	width						: 75%;
	z-index						: 1500;	
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;			
}

.website_menu_center {			
	float						: right;	
	left						: -50%;
	position					: relative;
	text-align					: left;	
}

.website_menu ul {
	left						: 50%;
	list-style-type				: none;
	margin						: 0;
	padding						: 0;
	position					: relative;
}

.website_menu li {
	float						: left;
	padding-left				: 20px;
	padding-right				: 20px;
	padding-top					: 10px;
	position					: relative;
}

.website_menu li:hover {
	border-bottom				: 2px solid #ffc200;
}

.website_menu ul a, .website_menu ul a.visited {
	color						: #ffffff;
}

.website_menu ul a:hover {
	text-decoration				: none;
}

.website_menu ul .children {	
	background-color			: #ffffff;
	border-bottom				: 1px solid #cccccc;
	border-left					: 1px solid #cccccc;
	border-right				: 1px solid #cccccc;
	color						: #000000;
	display						: none;
	float						: none;
	font-size					: 0.9em;
	list-style					: none;	
	margin-left					: -50%;
	padding-bottom				: 10px;
	padding-top					: 10px;
	position					: absolute;
	text-shadow					: none;	
	width						: 200px;
	z-index						: 2000;
}

.website_menu ul .children li {	
	border-left					: none;
	border-right				: none;
	float						: left;
	height						: 15px;
	margin						: 0;
	padding-bottom				: 2px;
	padding-top					: 2px;
	width						: 150px;
}

.website_menu ul .children li:hover {	
	border-bottom				: none;
}

.website_menuitem_selected, .website_menuitem_selected a {
	color						: #ffc200;
}

.website_menu ul .children a, .website_menu ul .children a.visited {
	color						: #646464;
	text-decoration				: none;
}

.website_menu ul .children a:hover {
	color						: #ff0000;
	text-decoration				: underline;
}

.mobile-nav {	
	display						: none;
	font-size					: 1.1em;
}

.website_content {
	float						: center;
	line-height					: 1.5em;
	padding						: 15px 30px 15px 30px;
	position					: relative;	
	text-align					: left;		
	vertical-align				: top;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_content img {
	max-width					: 100%;
}

.website_content_kolom1 {
	border-right				: 1px solid #e6e6e6;
	float						: left;
	padding-right				: 3%;
	position					: relative;
	width						: 67%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_content_kolom2 {
	float						: left;
	padding-left				: 3%;
	position					: relative;
	width						: 27%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_content_kolom1_2 {
	float						: left;
	position					: relative;
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_prefooter_outerbox {
	background-color			: #1a1a1a;
	color						: #cccccc;
	float						: center;
	font-size					: 0.8em;
	margin-left					: auto;
	margin-right				: auto;	
	padding						: 10px;
	position					: relative;
	text-align					: left;
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;				
}

.website_prefooter_innerbox {
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	max-width					: 1150px;
}

.website_prefooter_innerbox h2 {
	color						: #cccccc;
}

.website_prefooter_innerbox a {
	color						: #ffffff;
}

.website_prefooter_innerbox a:hover {
	color						: #ff0000;
	text-decoration				: underline;
}

.innerbox_3kolommen {
	float						: left;
	padding						: 1%;
	position					: relative;
	width						: 33%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.innerbox_4kolommen {
	float						: left;
	padding						: 1%;
	position					: relative;
	width						: 24%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_footer_outerbox {
	background-color			: #222222;
	color						: #cccccc;
	float						: center;
	font-size					: 0.8em;
	margin-left					: auto;
	margin-right				: auto;	
	padding						: 10px;
	position					: relative;
	text-align					: left;
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;				
}

.website_footer_innerbox {
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	max-width					: 1150px;
}

.website_footer_innerbox a {
	color						: #ffffff;
}

.website_footer_innerbox a:hover {
	color						: #ff0000;
	text-decoration				: underline;
}

.website_footer_innerbox img {
	max-width					: 100%;
}

hr {
	border						: none;
	background-color			: #e6e6e6;
	height						: 1px;
	width						: 100%;
}

input[type=button], input[type=submit] {
	background-color			: #ffffff;
	border						: 1px solid #656464;
	border-radius				: 5px;
	color						: #444444;
	padding						: 10px 10px 10px 10px;
}

.website_slideshow {
	background-color			: #ffffff;
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	width						: 100%;
}

.rslides {
	float						: center;
  	list-style					: none;
  	padding						: 0;
  	margin						: 0;  	
  	position					: relative;
  	overflow					: hidden;
  	text-align					: right;
  	width						: 100%;
}

.rslides li {
  	-webkit-backface-visibility	: hidden;
  	display						: none;
  	float						: center;
  	position					: absolute;
  	width						: 100%;
}

.rslides li:first-child {
  	position					: relative;
  	display						: block;
  	float						: center;
}

.rslides img {
  	display						: block;
  	height						: auto;
  	float						: center;
	width						: 100%;
  	border						: 0;
}

.dienst, .usp {
	float						: left;
	padding-bottom				: 5%;
	padding-left				: 2%;
	padding-right				: 2%;
	position					: relative;
	text-align					: center;
	width						: 33%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;						
}

.usp {
	width						: 25%;
}

.td_label {
	float						: left;
	position					: relative;
	text-align					: left;
	vertical-align				: top;
	width						: 25%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;						
}

.td_input {
	float						: left;
	position					: relative;
	text-align					: left;
	vertical-align				: top;
	width						: 70%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;						
}

.su-gmap {
	max-width					: 100%;
}

@media screen and (max-width: 815px) {
	.website_menu li {
		padding-left			: 10px;
		padding-right			: 10px;
	}	
	
	.dienst, .usp {	
		width					: 50%;
	}	
	
	.innerbox_3kolommen {
		width					: 50%;
	}		
		
	.td_label, .td_input {
		width					: 100%;
	}	
}

@media screen and (max-width: 700px) {
	.website_menu li {
		padding-left			: 5px;
		padding-right			: 5px;
	}	
}

@media screen and (max-width: 625px) {
	.website_logo {
		text-align				: center;
		width					: 100%;
	}
	
	.website_menu ul {	
		display					: none;
	}

	.website_menu {
		top						: auto;
		padding					: 5px;
		width					: 100%;
	}	
	
	.website_menu_center {
		float					: center;
		left					: auto;
		width					: 100%;
	}
	
	.mobile-nav {
		background-color		: #222222;
		border					: 1px solid #000000;
		color					: #ffffff;
		display					: block;		
		font-size				: 1.0em;
		width					: 100%;		
	}
	
	.website_content_kolom1, .website_content_kolom2 {
		border					: none;
		padding					: 0;
		margin					: 0;
		width					: 100%;
	}	
	
	.innerbox_3kolommen {
		padding					: none;
		width					: 100%;
	}	
}

@media screen and (max-width: 400px) {
	
	.dienst, .usp {	
		width					: 100%;
	}
}	
	.website_content_kolom1 img {
		clear					: both;
		float					: none;
		height					: auto;
		max-width				: 100%;
	}
}