/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * screen stylesheet - layout example "custom grids"
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 */

@media screen {
	/* GLOBAL PAGE SETTINGS */

		.page_width {
			/*background-color:#ccc;*/
			
			/*min-width:960px;*/
			
			max-width:1200px;
			margin:0 auto;
			padding-left:20px;
			/*opacity:0.5;*/
		}
				.ce_block_rl_overflow.area_01 .left img {
					width:1090px;
					height:auto;
				}
}


@media screen and ( min-width: 600px )  {

}

@media screen and ( max-width: 900px )  {
		.page_width {
			/*background-color:#ccc;*/
/*			min-width:960px;
			max-width:1200px;
*/
			margin:0;
			padding:0;
			min-width:auto;
/*			min-width:650px;*/
			max-width:auto;
			width:100%;
			/*
			width:95%;
			padding-left:5%;
			*/
			/*opacity:0.5;*/
		}
		#header {
			/*background-color:red;*/
		}
		#header .page_width {
			padding-left:5%;
			width:95%;
			
		}
		.ce_block_rl_overflow {
			display:block;
			margin:0;
			padding:0;
		}

			.ce_block_rl_overflow.area_01 .left,
			.ce_block_rl_overflow.area_02 .left,
			.ce_block_rl_overflow.area_03 .left,
			.ce_block_rl_overflow.area_04 .left {
				margin:0;
				padding:0;
				width:100%;
				height:500px;
				background-repeat:no-repeat;
				/*background-size:100% auto;*/
				
			}
			.ce_block_rl_overflow.area_01 .left {
/*				background-image:url('../css_images/photos/strom_001.jpg');*/
				background-image:url('../css_images/photos/strom_003m.jpg');
				/*
				background-image: url('../css_images/photos/strom_003.jpg');
				background-size: 180%;
				background-position: -400px;
				*/
			}

			.ce_block_rl_overflow.area_02 .left {
				height:auto;
			}
			.ce_block_rl_overflow.area_03 .left {
				height:400px;
			}

			.ce_block_rl_overflow.area_01 .right,
			.ce_block_rl_overflow.area_02 .right,
			.ce_block_rl_overflow.area_03 .right,
			.ce_block_rl_overflow.area_04 .right {
				margin:0;
				padding:0;
				width:100%;
			}
			.ce_block_rl_overflow.area_02 .right {
				height:500px;
			}
	
	.ce_block_rl_overflow .left .content,
	.ce_block_rl_overflow .right .content {
		/*left:50px;*/
		left:0px;
		/*padding-left:50px;*/
		
	}

	.ce_block_rl_overflow.area_03 .right .legend {
		margin-top:50px;
	}
	.ce_block_rl_overflow.area_03 .right form {
		padding-bottom:30px;
	}

	.ce_block_rl_overflow.area_03 input#email_user,
	.ce_block_rl_overflow.area_03 textarea {
		width:90%;
	}
	.content_global {
		padding-bottom:5px;
	}
	#footer .content_text {
		padding-left:50px;
	}
	#footer .content_text p {
		font-size: 0.8em;
	}

	.ce_block_rl_overflow .left .content {
		width:90%;
	}
    body {
		/*overflow-x: auto;*/
	}
	.ce_block_rl_overflow .left .content,
	.ce_block_rl_overflow .right .content {
		padding-left:5%;
	}
	.ce_block_rl_overflow.area_01 .right .lower .description {
		width: 380px;
	}
	.ce_block_rl_overflow ul li {
		/*margin-left: 50px;*/
		margin-right: 100px;
		margin-bottom:10px;
	}
	.ce_block_rl_overflow ul li:before {
		margin-right: 6px;
	}
		#direct_contact {
			right:0px;
		}