@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(https://fonts.googleapis.com/css?family=Nothing+You+Could+Do);
@import url(https://fonts.googleapis.com/css?family=Kaushan+Script);

body{
	margin:0px;
	padding:0px;
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	font-family: 'Open Sans Condensed', sans-serif; 
	font-size: 1.2em; 	
	color:#4e4e50;
	background-color:#ebeaeb;
}
a{
	text-decoration:none;
	color:#009ee0;
}

#a1, #a2, #a3, #a{
	padding-top:195px;
}

#Footer a{
	color:#4e4e50;
}

#p_Line_one{
	border-bottom:2px solid #e2003b;
}
#p_Line_two{
	border-bottom:2px solid #ffed00;
}
#p_Line_three{
	border-bottom:2px solid #00654c;
}
#p_Line_four{
	border-bottom:2px solid #009ee0;
}
#p_Line_five{
	border-bottom:2px solid #a64d94;
}
#scroll {
	position:fixed;
	right:30px;
	bottom:10px;
	cursor:pointer;
	width:40px;
	height:40px;
	background-color:#009ee0;
	text-indent:-9999px;
	display:none;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	z-index:4;
}
#scroll span {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-8px;
	margin-top:-12px;
	height:0;
	width:0;
	border:8px solid transparent;
	border-bottom-color:#ffffff;
}
#scroll:hover {
	background-color:#a64d94;
	opacity:1;filter:"alpha(opacity=100)";
	-ms-filter:"alpha(opacity=100)";
}
#map {
    height:500px;
	width:100%;	
	
}
#mapContainer{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-left:0%;
	padding-right:0%;
	padding-top:0px;
	padding-bottom:0px;
	border-bottom:2px solid #009ee0;
	
}
#p_L{
	background:url(../img/brush.png) no-repeat left;
	padding-left:40px;
	line-height:40px;
}
ol{
	text-align:left;
}

@media only screen and (min-width: 1486px){
body{
	margin:0px;
	padding:0px;
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	background-color:#FFF;
	font-family: 'Open Sans Condensed', sans-serif; 
	font-size: 1.3em; 
	color:#4e4e50;
}
h2{
	
	text-align:left;
	font-weight:normal;
	margin-top:10px;
	font-size: 1.8em;
	font-family: 'Kaushan Script';
	color:#009ee0;
}
#MenuFixed{
	float:left;
	background:#fff;
	position:fixed;
	height:160px;
	width:100%;
	padding-left:0%;
	padding-right:0%;
	border-bottom:2px solid #009ee0;
	opacity: .9;
    filter: alpha(opacity=90);
	z-index:3;
}
#MenuItem a, #MenuItem_active a{
	text-decoration:none;
	color:#000;
}
#MenuItem_active a{
	text-decoration:none;
	color:#009ee0;
	border-bottom:2px solid #009ee0;
}
#MenuItem a:hover{
	color:#2eaadc;
}
img, object, embed, video {
	max-width: 100%;
}
.ie6 img {
	width:100%;
}
#MenuItem, #MenuItem_active {	
	float: left;
	margin-left: 0;
	width: 25%;
	display: block;
	height:30px;
	text-align:center;
	font-weight:normal;
	color:#4e4e50;
	padding-top:12px;
}
#MenuItem_image {
	float: left;
	margin-left: 0px;
	width:100%;
	display: block;
	height:90px;
	text-align:center;
	font-weight:lighter;
	color:#271284;
	padding-top:15px;
}
#TextContainer_L {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60%;	
	display: block;
	text-align:left;
	padding-left:20%;
	padding-right:20%;
	padding-top:10px;
	padding-bottom:10px;
	border-top:15px solid #e2003b;
}
#TextContainer_R {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60%;	
	display: block;
	text-align:left;
	padding-left:20%;
	padding-right:20%;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#ebeaeb;
	border-top:15px solid #ffed00;
}
#bg_image_L{
	float:left;
	height:160px;
	width:100%;	
	background-image:url(../img/leistungen.jpg);
	background-size:cover;
	border-top:3px solid #a64d94;
}
#bg_image_R{
	float:left;
	height:160px;
	width:100%;	
	background-image:url(../img/referenzen.jpg);
	background-size:cover;
}
#bg_image_U{
	float:left;
	height:160px;
	width:100%;	
	background-image:url(../img/ueberuns.jpg);
	background-size:cover;
}
#bg_image_K{
	float:left;
	height:160px;
	width:100%;	
	background-image:url(../img/kontakt.jpg);
	background-size:cover;
}
#TextContainer_U {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60%;	
	display: block;
	text-align:left;
	padding-left:20%;
	padding-right:20%;
	padding-top:10px;
	padding-bottom:10px;
	border-top:15px solid #00654c;
}
#TextContainer_K {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60%;	
	display: block;
	text-align:left;
	padding-left:20%;
	padding-right:20%;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#ebeaeb;
	border-top:15px solid #a64d94;
}
#referenz_one, #referenz_two, #referenz_three{
	float:left;
	width:33%;
	background-color:#fff;
	height:300px;
	margin-bottom:20px;
}

#referenz_one, #referenz_two{
	margin-right:0.3%;
}

#referenz_image{
	float:left;
	margin:5%;
	background-image:url(../img/r1.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_two{
	float:left;
	margin:5%;
	background-image:url(../img/r2.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_three{
	float:left;
	margin:5%;
	background-image:url(../img/r3.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}
#referenz_image_four{
	float:left;
	margin:5%;
	background-image:url(../img/r4.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_five{
	float:left;
	margin:5%;
	background-image:url(../img/r5.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_six{
	float:left;
	margin:5%;
	background-image:url(../img/r6.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}
#referenz_image_seven{
	float:left;
	margin:5%;
	background-image:url(../img/r7.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}
#referenz_image_eight{
	float:left;
	margin:5%;
	background-image:url(../img/r8.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}
#referenz_image_nine{
	float:left;
	margin:5%;
	background-image:url(../img/r9.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#Footer{	
	float:left;
   	width:100%;
   	height:50px;
	text-align:center;
	font-family: 'Open Sans Condensed', sans-serif; 
	font-size: 0.9em; 
	background:#ebeaeb;
	padding-top:15px;
	padding-bottom:0px;
	margin:0px;
}
}

@media only screen and (max-width: 414px) {
body{
	margin:0px;
	padding:0px;
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	font-family: 'Open Sans Condensed', sans-serif; 
	font-size: 1.0em; 
	color:#4e4e50;
}
h2{
	text-align:left;
	font-weight:normal;
	margin-top:10px;
	font-size: 1.2em;
	font-family: 'Kaushan Script';
	color:#009ee0;
}
#p_L{
	background:url(../img/brush_24.png) no-repeat left;
	padding-left:40px;
	line-height:25px;
}

#MenuFixed{
	float:left;
	border-bottom:2px solid #009ee0;
	position:fixed;
	width:100%;
	opacity: .9;
    filter: alpha(opacity=90);
	z-index:3;
	background:#fff;
}
#MenuItem a, #MenuItem_active a{
	color:#009ee0;
	border-bottom:2px solid #009ee0;
}
#MenuItem a:hover{
	color:#2eaadc;
}

img, object, embed, video {
	max-width: 100%;
}
.ie6 img {
	width:100%;
}
#MenuItem, #MenuItem_active {	
	float: left;
	margin-left: 0;
	width: 25%;
	display: block;
	height:30px;
	text-align:center;
	font-weight:normal;
	color:#4e4e50;
	padding-top:20px;
}
#MenuItem_image {
	float: left;
	margin-left: 0px;
	width:100%;
	display:block;
	height:70px;
	text-align:center;
	font-weight:lighter;
	color:#271284;
	padding-top:15px;
}
#TextContainer_L {
	clear: both;
	float: left;
	margin-left: 0;
	width: 90%;	
	display: block;
	text-align:left;
	padding-left:5%;
	padding-right:5%;
	padding-top:10px;
	padding-bottom:10px;
	border-top:15px solid #e2003b;
}
#TextContainer_R {
	clear: both;
	float: left;
	margin-left: 0;
	width: 90%;	
	display: block;
	text-align:left;
	padding-left:5%;
	padding-right:5%;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#ebeaeb;
	border-top:15px solid #ffed00;
}
#bg_image_L{
	float:left;
	height:160px;
	width:100%;	
	background-image:url(../img/leistungen.jpg);
	background-size:cover;
	border-top:2px solid #a64d94;
}
#bg_image_R{
	float:left;
	height:160px;
	width:100%;	
	background-image:url(../img/referenzen.jpg);
	background-size:cover;
}
#bg_image_U{
	float:left;
	height:160px;
	width:100%;	
	background-image:url(../img/ueberuns.jpg);
	background-size:cover;
}
#bg_image_K{
	float:left;
	height:160px;
	width:100%;	
	background-image:url(../img/kontakt.jpg);
	background-size:cover;
}
#TextContainer_U {
	clear: both;
	float: left;
	margin-left: 0;
	width: 90%;	
	display: block;
	text-align:left;
	padding-left:5%;
	padding-right:5%;
	padding-top:10px;
	padding-bottom:10px;
	border-top:15px solid #00654c;
}
#TextContainer_K {
	clear: both;
	float: left;
	margin-left: 0;
	width: 90%;	
	display: block;
	text-align:left;
	padding-left:5%;
	padding-right:5%;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#ebeaeb;
	border-top:15px solid #a64d94;
}

#referenz_one, #referenz_two, #referenz_three{
	float:left;
	width:100%;
	background-color:#fff;
	height:300px;
}

#referenz_one, #referenz_two{
	margin-bottom:1.0%;
}

#referenz_image{
	float:left;
	margin:5%;
	background-image:url(../img/r1.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_two{
	float:left;
	margin:5%;
	background-image:url(../img/r2.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_three{
	float:left;
	margin:5%;
	background-image:url(../img/r3.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_four{
	float:left;
	margin:5%;
	background-image:url(../img/r4.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_five{
	float:left;
	margin:5%;
	background-image:url(../img/r5.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_six{
	float:left;
	margin:5%;
	background-image:url(../img/r6.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}
#referenz_image_seven{
	float:left;
	margin:5%;
	background-image:url(../img/r7.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_eight{
	float:left;
	margin:5%;
	background-image:url(../img/r8.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_nine{
	float:left;
	margin:5%;
	background-image:url(../img/r9.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#Footer{	
	float:left;
   	width:100%;
   	height:50px;	
	text-align:center;
	font-family: 'Open Sans Condensed', sans-serif; 
	font-size: 0.9em; 
	background:#e5e6e6;
	padding-top:10px;
	padding-bottom:0px;
}
}

@media only screen and (min-width: 415px) and (max-width: 1024px) {
body{
	margin:0px;
	padding:0px;
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	font-family: 'Open Sans Condensed', sans-serif; 
	font-size: 1.0em; 
	color:#4e4e50;
}

h2{
	text-align:left;
	font-weight:normal;
	margin-top:10px;
	font-size: 1.8em;
	font-family: 'Kaushan Script';
	color:#009ee0;
}
#MenuFixed{
	float:left;
	border-bottom:2px solid #009ee0;
	position:fixed;
	width:100%;
	opacity: .9;
    filter: alpha(opacity=90);
	z-index:3;
	background:#fff;
}
#MenuItem a, #MenuItem_active a{
	color:#009ee0;
	border-bottom:2px solid #009ee0;
}
#MenuItem a:hover{
	color:#2eaadc;
}
img, object, embed, video {
	max-width: 100%;
}
.ie6 img {
	width:100%;
}
#MenuItem, #MenuItem_active {	
	float: left;
	margin-left: 0;
	width: 25%;
	display: block;
	height:30px;
	text-align:center;
	font-weight:normal;
	color:#4e4e50;
	padding-top:40px;
}
#MenuItem_image {
	float: left;
	margin-left: 0px;
	width:100%;
	display:block;
	height:70px;
	text-align:center;
	font-weight:lighter;
	color:#271284;
	padding-top:15px;
}
#TextContainer_L {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60%;	
	display: block;
	text-align:left;
	padding-left:20%;
	padding-right:20%;
	padding-top:10px;
	padding-bottom:10px;
	border-top:15px solid #e2003b;
}
#TextContainer_R {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60%;	
	display: block;
	text-align:left;
	padding-left:20%;
	padding-right:20%;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#ebeaeb;
	border-top:15px solid #ffed00;
}
#bg_image_L{
	float:left;
	height:160px;
	width:100%;	
	background-image:url(../img/leistungen.jpg);
	background-size:cover;
	border-top:2px solid #a64d94;
}
#bg_image_R{
	float:left;
	height:160px;
	width:100%;	
	background-image:url(../img/referenzen.jpg);
	background-size:cover;
}
#bg_image_U{
	float:left;
	height:160px;
	width:100%;	
	background-image:url(../img/ueberuns.jpg);
	background-size:cover;
}
#bg_image_K{
	float:left;
	height:160px;
	width:100%;	
	background-image:url(../img/kontakt.jpg);
	background-size:cover;
}
#TextContainer_U {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60%;	
	display: block;
	text-align:left;
	padding-left:20%;
	padding-right:20%;
	padding-top:10px;
	padding-bottom:10px;
	border-top:15px solid #00654c;
}
#TextContainer_K {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60%;	
	display: block;
	text-align:left;
	padding-left:20%;
	padding-right:20%;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#ebeaeb;
	border-top:15px solid #a64d94;	
}
#referenz_one, #referenz_two, #referenz_three{
	float:left;
	width:33%;
	background-color:#fff;
	height:300px;
}

#referenz_one, #referenz_two{
	margin-right:0.3%;
}

#referenz_image{
	float:left;
	margin:5%;
	background-image:url(../img/r1.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_two{
	float:left;
	margin:5%;
	background-image:url(../img/r2.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_three{
	float:left;
	margin:5%;
	background-image:url(../img/r3.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_four{
	float:left;
	margin:5%;
	background-image:url(../img/r4.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_five{
	float:left;
	margin:5%;
	background-image:url(../img/r5.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_six{
	float:left;
	margin:5%;
	background-image:url(../img/r6.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}
#referenz_image_seven{
	float:left;
	margin:5%;
	background-image:url(../img/r7.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_eight{
	float:left;
	margin:5%;
	background-image:url(../img/r8.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_nine{
	float:left;
	margin:5%;
	background-image:url(../img/r9.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#Footer{	
	float:left;
   	width:100%;
   	height:30px;	
	text-align:center;
	font-family: 'Open Sans Condensed', sans-serif; 
	font-size: 0.9em; 
	background:#e5e6e6;
	padding-top:10px;
	padding-bottom:0px;
}
}

@media only screen and (min-width: 1025px) and (max-width: 1485px) {
body{
	margin:0px;
	padding:0px;
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	font-family: 'Open Sans Condensed', sans-serif; 
	font-size: 1.1em; 
	color:#4e4e50;
}
h2{
	text-align:left;
	font-weight:normal;
	margin-top:10px;
	font-size: 1.8em;
	font-family: 'Kaushan Script';
	color:#009ee0;
}
#MenuFixed{
	float:left;
	border-bottom:2px solid #009ee0;
	position:fixed;
	width:100%;
	opacity: .9;
    filter: alpha(opacity=90);
	z-index:3;
	background:#fff;
}
#MenuItem a, #MenuItem_active a{
	color:#009ee0;
	border-bottom:2px solid #009ee0;
}
#MenuItem a:hover{
	color:#2eaadc;
}
img, object, embed, video {
	max-width: 100%;
}
.ie6 img {
	width:100%;
}
#MenuItem, #MenuItem_active {	
	float: left;
	margin-left: 0;
	width: 25%;
	display: block;
	height:30px;
	text-align:center;
	font-weight:normal;
	color:#4e4e50;
	padding-top:40px;
}
#MenuItem_image {
	float: left;
	margin-left: 0px;
	width:100%;
	display:block;
	height:70px;
	text-align:center;
	font-weight:lighter;
	color:#271284;
	padding-top:15px;
}
#TextContainer_L {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60%;	
	display: block;
	text-align:left;
	padding-left:20%;
	padding-right:20%;
	padding-top:10px;
	padding-bottom:10px;
	border-top:15px solid #e2003b;
}
#TextContainer_R {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60%;	
	display: block;
	text-align:left;
	padding-left:20%;
	padding-right:20%;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#ebeaeb;
	border-top:15px solid #ffed00;
}
#bg_image_L{
	float:left;
	height:160px;
	width:100%;	
	background-image:url(../img/leistungen.jpg);
	background-size:cover;
	border-top:2px solid #a64d94;
}
#bg_image_R{
	float:left;
	height:160px;
	width:100%;	
	background-image:url(../img/referenzen.jpg);
	background-size:cover;
}
#bg_image_U{
	float:left;
	height:160px;
	width:100%;	
	background-image:url(../img/ueberuns.jpg);
	background-size:cover;
}
#TextContainer_U {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60%;	
	display: block;
	text-align:left;
	padding-left:20%;
	padding-right:20%;
	padding-top:10px;
	padding-bottom:10px;
	border-top:15px solid #00654c;
}
#TextContainer_K {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60%;	
	display: block;
	text-align:left;
	padding-left:20%;
	padding-right:20%;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#ebeaeb;
	border-top:15px solid #a64d94;
}
#referenz_one, #referenz_two, #referenz_three{
	float:left;
	width:33%;
	background-color:#fff;
	height:300px;
}

#referenz_one, #referenz_two{
	margin-right:0.3%;
}

#referenz_image{
	float:left;
	margin:5%;
	background-image:url(../img/r1.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_two{
	float:left;
	margin:5%;
	background-image:url(../img/r2.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_three{
	float:left;
	margin:5%;
	background-image:url(../img/r3.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_four{
	float:left;
	margin:5%;
	background-image:url(../img/r4.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_five{
	float:left;
	margin:5%;
	background-image:url(../img/r5.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_six{
	float:left;
	margin:5%;
	background-image:url(../img/r6.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}
#referenz_image_seven{
	float:left;
	margin:5%;
	background-image:url(../img/r7.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_eight{
	float:left;
	margin:5%;
	background-image:url(../img/r8.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#referenz_image_nine{
	float:left;
	margin:5%;
	background-image:url(../img/r9.jpg);
	background-size:cover;
	width:90%;
	height:250px;
}

#Footer{
	float:left;
   	width:100%;
   	height:30px;
	text-align:center;
	font-family: 'Open Sans Condensed', sans-serif; 
	font-size: 0.9em; 
	background:#e5e6e6;
	padding-top:10px;
	padding-bottom:0px;
}
}