html {
	min-width:320px;
	overflow-x: hidden;
}

body {
	width:100%;
	padding:0;
	margin:0;
	font-family: 'myriad pro', arial, sans-serif;
	color:#000;
	font-size: 14px; line-height: 20px;
	background-color: #ebebeb;
	background-image: url(/assets/img/template/bg_schein.png), url(/assets/img/template/bg.png);
	background-repeat: no-repeat, repeat;
	background-position: 49% -25px, center center;
	background-attachment: scroll, fixed;
}

.hidepics {
	width:0px;
	height:0px;
	visibility:hidden;
}

::selection {background: #000; color: #fff;}
::-moz-selection {background: #000; color: #fff;}
::-o-selection {background: #000; color: #fff;}
::-webkit-selection {background: #000; color: #fff;}

a {
	color: #7c7c7c;
	transition: all 0.5s ease-out 0s;
	text-decoration:none;
}

a:hover {
	color: #000;
	transition: all 0.5s ease-out 0s;
}

a img {border: 0 none; outline: 0 none;}

p{margin-bottom:10px;}

h1 {
	font-size: 22px;
	font-weight: bold;
}

h2 {
    font-size: 18px;
    line-height: 150%;
}

/* Header */

#header-container {
	height:650px;
	width: 100%;
}

#header-bg-street {
	position: absolute;
	height:270px;
	width: 100%;
	margin-top: 310px;
}

#container-slider {
	position: absolute;
	height: auto;
	overflow: hidden;
	width: 100%;
	margin: 140px auto 0 auto;
	z-index: 200;
}

.logo-wrapper {
    height: 100px;
    margin: 0 auto;
    text-align: center;
    width: 960px;
}
#logo-big {
	padding:40px 0 0;
}
@media (max-width: 960px) {
	.bottom-container {
	  background-color:#000000;
	  }
	}

/* Slider 2015 */

#swiper-wrapper {
	max-width:960px;
	height:415px;
	margin:0 auto;
	padding:50px 0 0;
}
@media (max-width: 960px) {
	#swiper-wrapper {
		width:100%;
		height:auto;
		background-color:#000000;
		padding:0;
	}
	.logo-wrapper {
    	height: auto;
	}
}
.swiper-container {
	width: 100%;
	height: 100%; 
}
.swiper-slide img {
	width: 100%;
}
.swiper-button-next,
.swiper-button-prev{
	opacity:0;
	transition:opacity 0.5s ease 0s;
}
#swiper-wrapper:hover .swiper-button-next,
#swiper-wrapper:hover .swiper-button-prev{
	opacity:1;
}

/* Navi */

.navi-960 {
	width: 961px;
	margin: 0 auto;
}

ul.navi-main {
	float: right;
	display: block;
}

ul.navi-main li a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 100;
	color:#FFFFFF;
	text-decoration: none;
	line-height: 70px;
}

ul.navi-main li p {
	/*bottom: 10px;*/
	position: absolute;
	width: 100%;
	text-align: center;
}

/* Navi-big */

#navi-container {
	width: 100%;
	z-index: 1000; 
}

#navi-container.navi-big {
	position: absolute;
	margin-top: 586px;
}

.navi-big .navi-960 {
	height: 64px
}

.navi-big ul.navi-main li {
	display: inline-block;
	position: relative;
	float: left;
	width: 137px;
	text-align: center;
	color: #000000;
	height: 64px;
}

.navi-big ul.navi-main li:hover,
.navi-big ul.navi-main li.active {
	background-color: #fff;
	color: #000000;
}

.navi-big ul.navi-main li p {
	bottom:10px;
}

.navi-big ul.navi-main li:hover p.oneline,
.navi-big ul.navi-main li.active p.oneline {
	color: #000000;
}

.navi-big ul.navi-main li p.oneline {
	bottom:22px;
	color: #FFFFFF;
}


/* Navi-min
-----------------------------------------------------------------------------------------------------------*/
#navi-container-min {
	width: 100%;
	z-index: 1000;
	display: none;
}

.navi-fixed {
	position: fixed;
	margin-top: 0px;
	top:0;
	left:0;
}

.navi-fixed .navi-960 {
	height: 70px
}

.navi-fixed #logo-navi {
	position: absolute;
	display: block;
	margin: 14px 0 0 14px;
}

.navi-fixed #icon-navi {
	float: right;
	display: block ;
	display: none;
	cursor: pointer;
}

.navi-fixed ul.navi-main li {
	display: inline-block;
	position: relative;
	float: left;
	height:70px;
	width: 116px;
	text-align: center;
	color: #1c3740;
}

.navi-fixed ul.navi-main li:hover,
.navi-fixed ul.navi-main li.active {
	background-color: #FFFFFF;
}

.navi-fixed ul.navi-main li a:hover,
.navi-fixed ul.navi-main li.active a{
	background-color: #000000;
}

.navi-fixed ul.navi-main li p {
	bottom: 12px;
}

.navi-fixed ul.navi-main li p:last-of-type {
	display: none;
}

.navi-fixed ul.navi-main li p.oneline {
	bottom: 25px;
}

.navi-fixed .transparent {
	background-color: rgba(0, 0, 0, 0.9);
	-webkit-box-shadow: 0px 5px 25px -6px rgba(0,0,0,0.225);
	-moz-box-shadow: 0px 5px 25px -6px rgba(0,0,0,0.225);
	-o-box-shadow: 0px 5px 25px -6px rgba(0,0,0,0.225);
	box-shadow: 0px 5px 25px -6px rgba(0,0,0,0.225);
}

/* Content
-----------------------------------------------------------------------------------------------------------*/
#container-content {
	width: 959px;
	height:auto;
	overflow: hidden;
	background: #fff;
	margin: 0 auto;
	border-left: solid 1px #c1c1c1;
	border-right: solid 1px #c1c1c1;
	border-bottom: solid 1px #c1c1c1;
}

.content-inner-text h1 {
	margin-bottom: 5px; 
}

.content-inner-text h2 {
	margin-bottom: 40px;
	color: #7C7C7C;
}

.content {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(../img/template/bg_content.jpg) repeat-x bottom #fff;
}

.content-inner {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.content-inner-text {
	padding: 80px 410px 80px 80px ;
	/*text-align: justify;*/
    width: 470px;
	display: block;
	font-size: 14px;
	line-height: 150%;
	font-family: 'myriad pro', arial, sans-serif;
}

.text-full {
	width:799px;
	padding: 100px 80px 100px 80px ;
}

.text-right {
	padding: 100px 80px 100px 410px ;
}

.text-one {
	padding-bottom: 30px;
}

.text-second {
	padding-top: 10px;
}

.text-three {
	padding: 80px 80px 20px 80px ;
	width: 799px;
	height: auto;
	overflow: hidden;
}

.text-three div {
	float: left;
	display: block;
	width: 130px;
	padding: 0 25px 0 0;
}

.text-three div:first-of-type {
	width: 484px;
}

.text-three div:last-of-type {
	padding-right: 0; 
}

.container-prev {
	margin: 35px 0 0 0;
	/*overflow: hidden;*/
	display: inline-block;
	height: auto;
	width: 470px;
}

.container-prev a {
	margin: 10px 10px 0 0; 
}

.container-prev a:last-of-type {
	margin-right: 0px 
}

#preview5{
	display:inline-block;
}

#preview5 > img {
    box-shadow: 0 0 2px #666666;
}

.logos{
	margin:10px 10px 0 0;
	height:71px;
	width:120px;
	box-shadow:0 0 2px #666666;
	background-repeat:no-repeat;
	transition: all 0.5s ease-out 0s;
	float:left;
}

.logo-1{
	background-image:url(/assets/img/referenzen/galileo.png);
}
.logo-1:hover{
	background-image:url(/assets/img/referenzen/galileo-hover.png);
}

.logo-2{
	background-image:url(/assets/img/referenzen/abenteuerleben.png);
}
.logo-2:hover{
	background-image:url(/assets/img/referenzen/abenteuerleben-hover.png);
}

.logo-3{
	background-image:url(/assets/img/referenzen/servustv.png);
}
.logo-3:hover{
	background-image:url(/assets/img/referenzen/servustv-hover.png);
}

.logo-4{
	background-image:url(/assets/img/referenzen/nolan.png);
}
.logo-4:hover{
	background-image:url(/assets/img/referenzen/nolan-hover.png);
}

.logo-5{
	background-image:url(/assets/img/referenzen/redbullmedia.png);
}
.logo-5:hover{
	background-image:url(/assets/img/referenzen/redbullmedia-hover.png);
}

.logo-6{
	background-image:url(/assets/img/referenzen/ehrmann.png);
}
.logo-6:hover{
	background-image:url(/assets/img/referenzen/ehrmann-hover.png);
}

.logo-7{
	background-image:url(/assets/img/referenzen/bmw.png);
}
.logo-7:hover{
	background-image:url(/assets/img/referenzen/bmw-hover.png);
}

.logo-8{
	background-image:url(/assets/img/referenzen/purplus.png);
}
.logo-8:hover{
	background-image:url(/assets/img/referenzen/purplus-hover.png);
}

.logo-9{
	background-image:url(/assets/img/referenzen/kaiserwerft.png);
}
.logo-9:hover{
	background-image:url(/assets/img/referenzen/kaiserwerft-hover.png);
}

/* Hintergründe */
#content-ll { background: url(/assets/img/hintergrund/hg_ll.png) no-repeat right top; background-size:contain;}
#content-highspeed{ background: url(/assets/img/hintergrund/hg_highspeed.png) no-repeat left top; background-size:inherit;}

#content-reinigung { background: url(../img/bg_content_strasse.jpg) no-repeat left bottom;}
/*#content-reinigung .content-inner-text { padding-bottom: 400px; }*/
#content-reinigung .container-prev { position: absolute; margin: -185px 0 0 429px; }
#content-reinigung ul { margin:15px 0 0px 15px; }
#content-reinigung ul li { list-style-type: disc; padding-left:10px; }



#content-bauwerk {
	background: #000 url(../img/bg_content_bauwerk.jpg) no-repeat;
	-moz-background-size: cover;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-color: transparent;
}

#content-bauwerk .container-prev { position: absolute; margin: -165px 0 0 -429px; }

#content-maehen { background: url(../img/bg_content_unterhaltung.jpg) no-repeat left bottom; }
#content-maehen ul { margin:15px 0 15px 15px; }
#content-maehen ul li { list-style-type: disc; padding-left:10px;}



#content-winter { background: url(../img/bg_content_winter.jpg) no-repeat left bottom; }
#content-winter .content-inner-text { padding-top:125px; height: 395px; padding-bottom: 80px } /*600*/

#content-kontakt #kontakt-map { width: 500px; height:300px; float: left; margin-bottom: 100px; }
#content-kontakt #kontakt-info { width: 249px; padding:0 0 0 50px; float: left; margin-bottom: 100px; }
#kontakt-info span { font-weight: bold; }
#kontakt-info .kontakt-info-block { margin: 10px 0 20px 0;}

/*===============================================
	BOTTOM
===============================================*/
.bottom-container {
	width: 959px;
	height:35px;
	overflow: hidden;
	margin:0 auto;
	padding-top: 15px;
	text-align: right;
	color:#ffffff;
}

.bottom-container a {
	margin-right: 25px;
}

.bottom-container a:last-of-type {
	margin-right: 0px;
	margin-left: 25px;
}

/*===============================================
	IMPRESSUM
===============================================*/
.container-impress-kontakt {
	height: auto;
	overflow: hidden;
	width: 100%;
	margin-bottom: 50px;
}
.impress-kontakt {
	width: 50%;
	float: left;
}

.impress-kontakt p { font-weight: bold; }

h2.gray { margin-top: 25px;}

/*===============================================
	Retina-Auflösung
===============================================*/
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	.navi-big ul.navi-main li div {
		background-image: url(../img/template/bg_navi@2x.png);
		background-size: 462px 132px;
	}

	#logo-big {
		background-image: url(../img/template/logo-big@2x.png);
		background-size: 214px 139px;
	}
}
*/

/*===============================================
	 959px
===============================================*/
@media screen and (max-width: 959px) {
	#header-bg-street, #logo-big { display: none; }
	#header-container {height: auto; overflow: hidden;}
	#container-slider {position: relative; margin-top:0;}


	/* Navi  959px
	--------------------------------------------*/	
	#navi-container { display: none; }
	#navi-container-min { display: block; }
	.navi-fixed #icon-navi {
		display: block;
		top:0;
		right:0;
		position:fixed;
	}
	.navi-960.transparent > a {
    	display: block;
    	text-align: center;
		min-height: 70px;
	}
	
	.navi-fixed #logo-navi {
    	padding: 14px 0 0;
    	text-align: center;
		display: inline;
		margin: 0;
		position: inherit;
		/*
		padding:14px 0 0;
		position: absolute;
		display: block;
		right: 43%;
		top: 14px;
		margin:0;
		*/
	}

	#navi-container-min .navi-960 {
		width: 100%;
		height: 70px;
	}

	#navi-container-min ul.navi-main {
		display: none;
		width: 100%;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);;
		-webkit-box-shadow: 0px 5px 25px -6px rgba(0,0,0,0.225);
		-moz-box-shadow: 0px 5px 25px -6px rgba(0,0,0,0.225);
		-o-box-shadow: 0px 5px 25px -6px rgba(0,0,0,0.225);
		box-shadow: 0px 5px 25px -6px rgba(0,0,0,0.225);
	}

	#navi-container-min ul.navi-main li { 
		display: block;
		float: none; 
		width: 50%;
		float:left;
		font-size: 16px;
		height: 50px
	}
	
	#navi-container-min ul.navi-main li a{ 
		line-height:50px;
	}

	.navi-fixed ul.navi-main li p:first-of-type { display: none; }
	.navi-fixed ul.navi-main li p:last-of-type { display: block; }

	#navi-container-min ul.navi-main li p.oneline { bottom:15px; }


	/* Slider  959px
	-----------------------------------------------*/
	.swiper-container {
		width: 100%;
		height: auto;
		overflow: hidden;
		z-index: 150;
		margin-top: 70px; 
	}

	.swiper-slide { height:auto; overflow: hidden;}

	.pagination {
		width: 100%;
		margin-top: -25px;
	}

	.pagination span:last-of-type {margin-right: 15px;}

	/* Content  959px
	-----------------------------------------------*/
	#container-content {
		width: 100%;
		border: solid 0px #c1c1c1;
	}

	.text-three div {
		width: 45%;
		padding: 0 10% 0 0;
	}

	.text-three div:last-of-type { padding-right: 0; }
	.text-three div:first-of-type {width: 100%; padding: 0; padding-bottom: 25px; }
	
	/* BOTTOM  959px
	-----------------------------------------------*/
	.bottom-container { width: 100%; }

	
}

/*===============================================
	 865px
===============================================*/
@media screen and (max-width: 865px) {
	.content-inner-text,
	.content-inner-text.text-right,
	.content-inner-text.text-three {
		width: 80%;
		display: block;	
		font-size: 16px;
		line-height: 26px;
		height: auto;
		overflow: hidden;
	}

	.container-prev {
		width: 100%;
	}

	#content-reinigung .container-prev,
	#content-bauwerk .container-prev,	
	#content-maehen .container-prev  {
		position: relative;
		margin: 35px 0 0 0;

	}
	
	#content-ll, #content-highspeed {
		background: none;
	}
	
	#content-reinigung,
	#content-bauwerk,
	#content-maehen,
	#content-bagger,
	#content-winter,
	#content-hochdruck
	 { background: transparent; }
	
	#content-reinigung .content-inner-text,
	#content-bauwerk .content-inner-text,
	#content-maehen .content-inner-text,
	#content-bagger .content-inner-text,
	#content-winter .content-inner-text,
	#content-hochdruck .content-inner-text,
	.content-inner-text { padding: 80px 10%; height: auto; overflow: hidden; }

	#content-bauwerk .text-second { padding-top: 10px; }

	#content-kontakt #kontakt-map { width: 100%; height:300px; float: none; margin-bottom: 25px; }
	#content-kontakt #kontakt-info { width: 100%; padding:0; float: none; margin-bottom: 0px; }
	#kontakt-info span { font-weight: bold;}
	#kontakt-info .kontakt-info-block {display: block; width: 50%; float: left; margin: 10px 0 20px 0;}

	.bottom-container { text-align: center;}
}

/*===============================================
	 400px
===============================================*/
@media screen and (max-width: 400px) {

	.pagination span { width:15px; }

	.text-three div {
		width: 100%;
		padding: 0;
	}

	.text-three div:first-of-type {
		padding: 0;
		margin-bottom: 30px; 
	}

	#kontakt-info .kontakt-info-block {display: block; width: 100%; float: none; margin: 10px 0 20px 0;}

	.impress-kontakt {
		width: 100%;
		float: none;
	}

}


/*===============================================
	TABS
===============================================*/

ul.tabs {
    float: left;
    height: 32px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}

ul.tabs li {
    cursor: pointer;
    float: left;
    height: 31px;
    line-height: 31px;
    margin: 0;
    overflow: hidden;
    padding: 0 19px;
    position: relative;
}

ul.tabs li:hover {
	border-bottom: 1px solid #7c7c7c;
	border-top: 1px solid #7c7c7c;
}

ul.tabs li.active {
	border-bottom: 1px solid #7c7c7c;
	border-top: 1px solid #7c7c7c;
	display: block;
}

.tab_container {
	clear: both;
	float: left;
	width: 100%;
	overflow: auto;
}

.tab_content {
	padding: 20px;
	display: none;
}

.tab_drawer_heading { display: none; }

@media screen and (max-width: 480px) {
	.tabs {
		display: none;
	}
	.tab_drawer_heading {
		background-color: #ccc;
		color: #fff;
		border-top: 1px solid #333;
		margin: 0;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.d_active {
		background-color: #666;
		color: #fff;
	}
}