/*	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/*	||																								|| */
/*	||		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															|| */
/*	||																								|| */
/*	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */



@media only screen and (max-width: 1580px) {

	#button_test a{
		right: 200px;
		}
	}


@media only screen and (max-width: 1300px) {

	#button_test a{
		right: 0px;
		}

	#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: 14px;
		text-transform: uppercase;
		color: #fff;
		background: url("../img/bg_navi.jpg") no-repeat top right;
		}


	}

@media only screen and (max-height: 720px) {

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

	.c_out{
		width: 90%;
		}

	.c_in{
		position: relative;
		width: auto;
		overflow: hidden;
		padding: 40px 25px;
		}

	#c_startseite .c_out{
		position: relative;
		bottom: 0;
		left: 0;
		right: 0;
		height: 800px;
		}

	#spender img{
		position: absolute;
		top: 50px;
		margin: 0 auto;
		height: auto;
		width: 250px;
		z-index: 99;
		}

	#c_price{
		width: 80%;
		padding: 20px 0;
		}

	/*	Kontakt / Impressum */

	#c_kontakt{
		background: none;
		}

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

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

	#c_imprint{
		padding-top: 100px;
		}
	.inbox{
		padding: 20px;
		}
	}



@media only screen and (max-width: 1200px) {
	#c_testen .left, #c_testen .right{
		position: relative;
		float: both;
		width: 100%;
		}

	#c_testen .left .content{
		margin-right: 0px;
		}

	#c_testen .right .content{
		margin-left: 0px;
		}

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

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

	.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;
		}
	}


@media only screen and (max-width: 800px) {
	.c_main{
		position: relative;
		width: 100%;
		min-height: auto;
		}

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

	.c_in{
		position: relative;
		width: auto;
		overflow: hidden;
		padding: 40px 25px;
		}


/*	||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	Header
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

	#header{
		display: none;
		}

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


	#logo_mobil{
		display: block;
		position: absolute;
		top: -50px;
		margin: 0 auto;
		left: 0;
		right: 0;
		width: 141px;
		height: 120px;
		text-indent: -9999px;
		background: url("../img/logo.png") no-repeat center center;
		}

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

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

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

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

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

	.b10, .b20, .b30, .b40, .b50, .b60, .b70, .b80, .b90, .b100, .b110, .b120, .b130, .b140, .b150, .b160, .b170, .b180, .b190, .b200{
		padding-bottom: 20px}


	/*	Globals */
	.left, .right{
		position: relative;
		float: both;
		width: 100%;
		}

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

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

	/*	Startseite */
	#c_startseite .c_out{
		position: relative;
		bottom: 0;
		left: 0;
		right: 0;
		height: 600px;
		}

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

	.box_blue_content{
		padding: 80px 25px 40px 25px;
		width: auto;
		}

	#button_test a{
		display: none;
		}

	#spender img{
		position: absolute;
		top: 50px;
		margin: 0 auto;
		height: auto;
		width: 300px;
		z-index: 99;
		}


	/*	Unser Wasser */

	.pros li{
		padding: 10px;
		background: #fff;
		font-size: 12px;
		color: #4C4C4C;
		margin-bottom: 4px;
		border-left: 0px solid #019FD4;
		}

	#button_quali{
		display: none;
		}

	.gallonen{
		width: 100%;
		margin: 0 auto;
		}


	/*	Wasserspender  */

	.wasserspender{
		position: relative;
		top: 0px;
		margin: 0 auto;
		width: 50%;
		}

	.wasserspender_list li{
		font-size: 12px;
		}

	/* Preisliste */
	#c_price{
		display: block;
		position: relative;
		width: auto;
		min-height: auto;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		padding: 40px 25px;
		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{
		display: none;
	}

	/* Testen */

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

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

	.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{
		display: none;
		}

	/*	Kontakt / Impressum */

	#c_kontakt{
		background: none;
		}

	#c_imprint{
		padding-top: 100px;
		}

	.inbox{
		padding: 20px;
	}

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


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

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








	}