/*	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/*	||																								|| */
/*	||		movingline																				|| */
/*	||																								|| */
/*	||		Am Stachelauer Berg 7			Fon: +49 2761 - 83549 9			info@movingline.de		|| */
/*	||		57462 Olpe						Fax: +49 2761 - 83549 8			www.movingline.de		|| */
/*	||																								|| */
/*	||		Copyright � 2015 by movingline															|| */
/*	||																								|| */
/*	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */


/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	Globals
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

	html, body {
		margin: 0;
		padding: 0px;
		font-size: 12px;
		font-family: arial, 'Roboto', Tahoma, Verdana, sans-serif;
		color: #fff;
		height: 100%;
		}

	html, p, ul, h1, h2, h3, h4, h5, h6, figure{
		padding: 0;
		margin: 0;
		list-style: none;
		font-size: 12px;
		font-weight: normal;
		}

	a{
		outline-style: none;
		color: #333;
		text-decoration: none;
		}

	img{
		border: none;
		display: block;
		}

	.info{
		position: fixed;
		background: #000;
		color: #fff;
		padding: 20px;
		z-index: 9999;
		}

/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	FONTS
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

	/* open-sans-300 - latin */
	@font-face {
	  font-family: 'Open Sans';
	  font-style: normal;
	  font-weight: 300;
	  src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
	  src: local(''),
	       url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	       url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
	       url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
	}

	/* open-sans-regular - latin */
	@font-face {
	  font-family: 'Open Sans';
	  font-style: normal;
	  font-weight: 400;
	  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
	  src: local(''),
	       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
	       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
	}

	/* open-sans-700 - latin */
	@font-face {
	  font-family: 'Open Sans';
	  font-style: normal;
	  font-weight: 700;
	  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
	  src: local(''),
	       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
	       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
	}


/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	Containter
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

	#wrapper{
		position: relative;
   		height: 100%;
		width: 100%;
		}

	.c_main{
		position: relative;
		width: 100%;
		min-height: 100%;
		}

	.c_out{
		position: relative;
		margin: 0 auto;
		left: 0;
		right: 0;
		max-width: 1200px;
		width: 70%;
		overflow: hidden;
		}

	.c_in{
		position: relative;
		width: 100%;
		overflow: hidden;
		padding: 200px 0 150px 0;
		}

/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	Pages
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */


	#c_startseite{
		background: url("../img/page_startseite.jpg") no-repeat 50% 50%;
		background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		}

	/* Sonder-Deklassion */
	#c_startseite .c_out{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		}

	/* Sonder-Deklassion */
	#c_startseite .c_in{
		height: 100%;
		padding: 0 0;
		}

	#c_wasser{
		background: url("../img/page_wasser.jpg") no-repeat 50% 50% fixed;
		background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		}

	#c_wasserspender{
		background: url("../img/page_wasserspender.jpg") no-repeat 50% 50%;
		background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		}

	#c_testen{
		background: url("../img/page_wasser.jpg") no-repeat 50% 50% fixed;
		background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		}

	#c_kontakt{
		background: url("../img/page_kontakt.jpg") no-repeat 50% 50%;
		background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		color: #4C4C4C;
		}

	#c_imprint{
		background: #eee;
		color: #4C4C4C;
		}
/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	Header
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

	#header{
		height: 80px;
		width: 100%;
		z-index: 999;
		-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.4);
		-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.4);
		box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.4);
		background: url("../img/bg_header.jpg") repeat-x;
		}

	.header_scroll{
		position: absolute;
		bottom: 0;
		}

	.header_fixed{
		position: fixed;
		top: 0;
		}

/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	Header für feste Contentseiten
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

	#header_content{
		position: fixed;
		top: 0;
		height: 80px;
		width: 100%;
		z-index: 999;
		-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.4);
		-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.4);
		box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.4);
		background: url("../img/bg_header.jpg") repeat-x;
		}

	#logo_content{
		position: absolute;
		top: 0px;
		margin: 0 auto;
		left: 0;
		right: 0;
		width: 141px;
		z-index: 999;
		}

	#logo_content a{
		display: block;
		position: relative;
		top: 0px;
		width: 141px;
		height: 120px;
		text-indent: -9999px;
		background: url("../img/logo_b.png") no-repeat center center;
		}

/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	Logo
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

	#logo{
		position: absolute;
		top: -25px;
		margin: 0 auto;
		left: 0;
		right: 0;
		width: 141px;
		z-index: 999;
		}

	#logo a{
		display: block;
		position: relative;
		top: 0px;
		width: 141px;
		height: 120px;
		text-indent: -9999px;
		background: url("../img/logo_b.png") no-repeat center center;
		}

	#logo_mobil{
		display: none;
		}

/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	Hotline
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

	#hotline{
		position: absolute;
		margin: 0 auto;
		right: 0;
		top: 80px;
		z-index: 990;
		-webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.4);
		-moz-box-shadow:    0px 0px 12px 0px rgba(50, 50, 50, 0.4);
		box-shadow:         0px 0px 12px 0px rgba(50, 50, 50, 0.4);
		}

	#hotline .phone{
		float: left;
		width: 240px;
		height: 60px;
		background: #019FD4 url("../img/hotline.jpg") no-repeat center left;
		}

	#hotline .phone div{
		padding-top: 10px;
		padding-left: 80px;
		}

	#hotline .phone .strong{
		font-size: 17px;
		color: #fff;
		}

	#hotline .phone .strong a{
		color: #fff;
		}

	#hotline .price{
		float: left;
		width: 240px;
		height: 60px;
		text-align: center;
		background: #0163A0;
		cursor: pointer;
		}

	#hotline .price{
		display: block;
		line-height: 60px;
		background: #0163A0;
		color: #fff;
		font-size: 17px;
		}

	#hotline .price:hover{
		background: #297BAF;
		}

/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	Inprint Button
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

	.imprint_button{
		position: absolute;
		top: 0;
		right: 0;
		padding: 10px 20px;
		color: #1E7CB2;
		z-index: 9999;
		}

	.imprint_button p a{
		font-size: 12px;
		font-weight: bold;
		color: #1E7CB2;
		}

	.imprint_button span{
		color: #888;
		padding: 0 10px;
	}

	.inbox{
		background-color: #fff;
		padding: 40px;
		margin-bottom: 50px;

	}

/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	Navigation
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

	#nav{
		position: absolute;
		left: 0;
		right: 0;
		width: 100%;
		vertical-align: middle;
		line-height: 80px;
		}

	#nav li{
		display: inline;
		width: 25%;
		}

	#nav li a{
		display: inline-block;
		margin-right: -4px;
		width: 25%;
		height: 80px;
		text-align: center;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		font-size: 18px;
		text-transform: uppercase;
		color: #fff;
		background: url("../img/bg_navi.jpg") no-repeat top right;
		}

	#nav li a:hover{
		background: url("../img/bg_navi.jpg") no-repeat bottom right;
		}

	#nav li:last-child a{
		background: url("../img/bg_navi.jpg") no-repeat top left;
		}

	#nav li:last-child a:hover{
		background: url("../img/bg_navi.jpg") no-repeat bottom left;
		}

/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	Fonts
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

	h1{
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		font-size: 40px;
		text-transform: uppercase;
		}

	h2{
		font-family: Arial, sans-serif;
		font-size: 18px;
		}

	h3{
		font-family: Arial, sans-serif;
		font-size: 18px;
		}

	h4{
		font-family: Arial, sans-serif;
		font-size: 18px;
		font-weight: bold;
		color: #019FD4;
		margin-bottom: 20px;
		}

	h5{
		font-family: Arial, sans-serif;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 20px;
		}

	p{
		font-family: Arial, sans-serif;
		font-size: 14px;
		}

	#c_imprint p{
		font-size: 12px;
	}

	#c_imprint p a{
		color: #83B4D2;
	}


	.footnote{
		font-family: Arial, sans-serif;
		font-size: 11px;
		color: #83B4D2;
		}

	.title{
		text-align: center;
		padding-bottom: 30px
		}

	.bottom{
		padding-bottom: 10px
		}

	.b10{padding-bottom: 10px}
	.b20{padding-bottom: 20px}
	.b30{padding-bottom: 30px}
	.b40{padding-bottom: 40px}
	.b50{padding-bottom: 50px}
	.b60{padding-bottom: 60px}
	.b70{padding-bottom: 70px}
	.b80{padding-bottom: 80px}
	.b90{padding-bottom: 90px}
	.b100{padding-bottom: 100px}
	.b110{padding-bottom: 110px}
	.b120{padding-bottom: 120px}
	.b130{padding-bottom: 130px}
	.b140{padding-bottom: 140px}
	.b150{padding-bottom: 150px}
	.b160{padding-bottom: 160px}
	.b170{padding-bottom: 170px}
	.b180{padding-bottom: 180px}
	.b190{padding-bottom: 190px}
	.b200{padding-bottom: 200px}

	.center{text-align: center;}


	.blue{color: #30537B;}
	.grey{color: #4C4C4C;}

/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	Content
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

/*	Globals */

	.left, .right{
		position: relative;
		float: left;
		width: 50%;
		}

	.left .content{
		margin-right: 50px;
		}

	.right .content{
		margin-left: 50px;
		}

	.full .w100{
		clear: both;
		width: 100%;
		}

	.w10{width: 10%}
	.w20{width: 20%}
	.w30{width: 30%}
	.w40{width: 40%}
	.w50{width: 50%}
	.w60{width: 60%}
	.w70{width: 70%}
	.w80{width: 80%}
	.w90{width: 90%}

/*	Startseite */

	.box_blue{
		position: absolute;
		bottom: 200px;
		width: 100%;
		background: #015B9A url("../img/bg_box.jpg") repeat-x;
		}

	.box_blue_content{
		padding: 100px 100px 150px 100px;
		width: 50%;
		}

	#button_test a{
		position: absolute;
		bottom: 150px;
		right: 300px;
		height: 295px;
		width: 295px;
		z-index: 100;
		text-indent: -9999px;
		background: url("../img/button_test.png") no-repeat;
		}

	#spender img{
		position: absolute;
		bottom: 0px;
		right: 0;
		height: auto;
		width: 30%;
		z-index: 99;
		}

/*	Unser Wasser */

	.pros{

		}

	.pros li{
		padding: 20px;
		background: #fff;
		font-size: 14px;
		color: #4C4C4C;
		margin-bottom: 2px;
		border-left: 8px solid #019FD4;
		}

	#button_quali{
		position: absolute;
		bottom: 0px;
		left: 0px;
		height: 186px;
		width: 176px;
		z-index: 100;
		background: url("../img/button_quali.png") no-repeat;
		text-indent: -9999px;
		}

/*	Wasserspender  */

	.wasserspender{
		position: relative;
		top: -150px;
		}

	.wasserspender_list li{
		padding: 10px 0 10px 40px;
		background: url("../img/icon_radio.png") no-repeat center left;
		font-size: 14px;
		color: #000;
		}

/* Testen */

	.test_list{
		padding: 60px;
		background: #015B9A url("../img/bg_box.jpg") repeat-x;
		}

	.test_list ul{
		margin-bottom: 50px;
		}

	.test_list ul li{
		padding: 10px 0 10px 40px;
		background: url("../img/icon_check.png") no-repeat center left;
		font-size: 16px;
		}

	.frame1{
		background: #015B9A url("../img/bg_box.jpg") repeat-x;
		padding: 20px 0;
		width: 100%;
		margin-bottom: 0px;
		border: 2px solid #299FCE;
		box-sizing: border-box;
		text-align: center;
		}

	#button_risk{
		position: absolute;
		bottom: 10px;
		right: 30px;
		height: 132px;
		width: 124px;
		z-index: 100;
		background: url("../img/button_risk.png") no-repeat;
		}

/*	Kontakt / Impressum */

	.block{
		position: relative;
		text-align: justify;
		padding: 20px 0;
		border-bottom: 1px solid #e1e1e1;
		}

	.block h4{
		font-weight: bold;
		margin-bottom: 10px;
		}

	.block p{
		font-size: 12px;
		}

	.region li{
		float: left;

		}

	.region li:after{
		content: "|";
		padding: 0 5px;
		}


/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	Preisliste
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

	#c_price{
		display: none;
		position: fixed;
		margin: 0 auto;
		height: auto;
		width: 60vw;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		padding: 150px 0;
		background: #015B9A url("../img/bg_box.jpg") repeat-x;
		z-index: 9999;
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
		}

	#c_price .close{
		position: absolute;
		top: 30px;
		left: 50px;
		padding: 24px 0;
		padding-left: 60px;
		background: url("../img/icon_close.png") no-repeat center left;
		cursor: pointer;
		}

	.overlay{
		display: none;
		position: fixed;
		height: 100%;
		width: 100%;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 9998;
		/*background: url("../img/page_price.png") no-repeat 50% 50%;*/
		background: #015B9A;
		opacity: 0.7;
		-moz-opacity: 0.7;
		filter:alpha(opacity=70);
		background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		}

	#c_price a,
	#c_testen a{
		color: #ffffff;
		text-decoration: underline;
	}

/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	Formular
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

	input[type="text"]{
		padding: 15px 0px;
		text-indent: 20px;
		margin-bottom: 5px;
		margin-right: 0px;
		font-family: Arial, sans-serif;
		font-size: 14px;
		color: #087BB4;
		width: 100%;
		border: 0;
		background: #FFF;
		-webkit-box-shadow: inset 3px 3px 3px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: inset 3px 3px 3px 0px rgba(0,0,0,0.2);
		box-shadow: inset 3px 3px 3px 0px rgba(0,0,0,0.2);
		}

	input:focus {
		background: #D8F0F9;
		}

	#strasse, #ort{
		width: 80%;
		}

	#nr, #plz{
		width: 19%;
		}

	.field_typ, .field_name, .field_adress, .field_communi{
		margin-bottom: 8px;
		}

	.field_typ label{
		position: relative;
		float: left;
		margin-bottom: 10px;
		width: 50%;
		cursor: pointer;
		background: #087BB4;
		}

	.field_typ label div{
		position: relative;
		border: 2px solid #299FCE;
		height: 150px;
		overflow: hidden;
		}

	input[type="radio"] {
		display: none;
		}

	.field_typ label span{
		position: absolute;
		bottom: 0px;
		right: 5px;
		z-index: 2;
		padding: 10px;
		color: #fff;
		font-size: 18px;
		}

	.field_typ label img{
		position: absolute;
		left: 20px;
		top: 20px;
		z-index: 1;
		}

	input[type="radio"]:checked + div{
		border: 2px solid #fff;
		}


	input[type="submit"],
	input[type="reset"]{
		padding: 15px 20px;
		margin-bottom: 5px;
		margin-right: 5px;
		font-family: Arial, sans-serif;
		font-size: 14px;
		text-transform: uppercase;
		color: #FFF;
		border: 0;
		background: #019FD4;
		cursor: pointer;
		-webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.4);
		-moz-box-shadow:    0px 0px 12px 0px rgba(50, 50, 50, 0.4);
		box-shadow:         0px 0px 12px 0px rgba(50, 50, 50, 0.4);
		}

	input[type="submit"]:hover,
	input[type="reset"]{
		color: #019FD4;
		background: #fff;
		}

	#testen_response, #pricelist_response{
		padding: 10px 0;
		font-size: 14px;

		}



/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	Footer
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

	#c_footer{
		background: rgb(0,84,148);
		background: -moz-linear-gradient(top, rgba(0,84,148,1) 0%, rgba(1,122,179,1) 0%, rgba(1,85,149,1) 100%);
		background: -webkit-linear-gradient(top, rgba(0,84,148,1) 0%,rgba(1,122,179,1) 0%,rgba(1,85,149,1) 100%);
		background: linear-gradient(to bottom, rgba(0,84,148,1) 0%,rgba(1,122,179,1) 0%,rgba(1,85,149,1) 100%);
		text-align: center;
		padding: 20px;
		}

	#c_footer span{
		color: #3988B8;
		padding: 0 10px;
	}

	#c_footer a{
		color: #ffffff;
	}







/* END		 */