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


/*	DUMMY_CLASS */

/***********************************************/	


/*	BASICS */


/* TODO TODO TODO Struktur von Baed Arch übernehmen */
		.content_global .slides .image_text {margin:0 auto;text-align:center;top:-42px;}

		.ce_block_rl_overflow.area_01 .left {
			/*background-image:url('../css_images/general/79284407.jpg');*/
			background-image:url('../css_images/photos/strom_003.jpg');
			width:1090px;
			
		}
		.ce_block_rl_overflow.area_01 .right{
			width:1310px;
		}

		.ce_block_rl_overflow.area_01 .right .upper{
			height:312px;
			background-color:#32a3b8;
		}
			.ce_block_rl_overflow.area_01 .right .upper h1{
				color:#fff;
				padding-top:90px;
			}
			.ce_block_rl_overflow.area_01 .right .lower{
				/*padding-top:110px;*/
				/*height:198px;*/
			}
				.ce_block_rl_overflow.area_01 .right .lower .circle {
					float:left;
					position:relative;
					/*top:-50px;*/
					background-color: #474b4d;
					border: 0px solid black;
					height: 200px;
					width: 200px;
					border-radius: 100px;
					margin-top:70px;
					margin-bottom:64px;
					/*background-image:url('../css_images/photos/photo.png');*/
					/*					
					background-size: 160% auto;
					background-position: -50px -20px;
					*/
					background-repeat: no-repeat;
					/*background-size: 200% auto;
					background-position: -85px -40px;*/

					background-image:url('../css_images/photos/photo.jpg');
					background-size: 200% auto;
					background-position: -73px -47px;
				}
				.ce_block_rl_overflow.area_01 .right .lower .description {
					float:left;
					/*
					top:-10px;
					left:250px;
					*/
					margin-left:35px;
					margin-top:110px;
					width:400px;
					margin-bottom:50px;
				}

		.ce_block_rl_overflow.area_02,
		.ce_block_rl_overflow.area_02 .left {
			background-color:#f3f4f4;
		}
		.ce_block_rl_overflow.area_02 .right {
			background-image:url('../css_images/photos/strom_003_cam_b__s.jpg');
			background-size:cover;
			margin-right:-600px;
			margin-left:420px;
			background-position:-200px;
		}

		.ce_block_rl_overflow.area_03 .left {
			/*margin-left:0px;*/
			padding-left:600px;
			background-color: #474b4d;
			width:300px;
		}
			.ce_block_rl_overflow.area_03 .left .content {
				width:300px;
				left:0px;
			}

			.ce_block_rl_overflow.area_03 .left #direct_contact {
				right:auto;
				/*left:-600px;*/
				overflow:visible;
				height:auto;
				position:relative;
				margin-top:0px;
				padding-top:48px;
			}
			.ce_block_rl_overflow.area_03 .left #direct_contact #karte {
				margin-top:75px;
				margin-left:20px;
				margin-bottom:20px;
			}

		.ce_block_rl_overflow.area_03 .right {
			background-color:#eceded;
			width:1500px;
			padding-bottom:50px;
		}
		
		.ce_block_rl_overflow.area_03 fieldset {
			margin-left:40px;
		}
		.ce_block_rl_overflow.area_03 .legend {
			color:#474b4d;
			padding:0px;
			margin:10px;
			margin-top:60px;
			font-size: 2.5em;
			line-height: 1.2em;
		}
		.ce_block_rl_overflow.area_03 input,
		.ce_block_rl_overflow.area_03 textarea,
		.ce_block_rl_overflow.area_03 button {
			color:#888;
			padding:10px;
			border:0px solid #000;
			display:block;
			margin:10px;
			float:left;
		}
/*		.ce_block_rl_overflow.area_03 input:hover,
		.ce_block_rl_overflow.area_03 textarea:hover,
*/
		.ce_block_rl_overflow.area_03 input:focus,
		.ce_block_rl_overflow.area_03 textarea:focus {
			/*background-color:red;*/
			border:1px solid #66c5d7;
			padding:9px;
			
		}
		.ce_block_rl_overflow.area_03 input {
			width:230px;
		}
		.ce_block_rl_overflow.area_03 input#email_user {
/*			display:block;*/
			width:770px;
		}
		.ce_block_rl_overflow.area_03 textarea {
			width:770px;
		}
		.ce_block_rl_overflow.area_03 button.button {
			width:230px;
			background-color:#32a3b8;
			color:#fff;
			cursor:pointer;
		}
		.float_left {float:left;}



}


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

	
}

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


}