/**
 * "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 {

/* FOR DEBUGGING */

/*
	body {
		background-color:#fee;
	}
	.page_width {
		background-color:#ccc !important;
	}
	#logo{
		width:243px;
		height:88px;
		background-color:#fee !important;
	}
	.ce_block_rl_overflow {
		background-color:black !important;
	}
	.ce_block_rl_overflow .left {
		background-color:yellow !important;
	}
	.ce_block_rl_overflow .content {
		background-color:red !important;
	}
	.ce_block_rl_overflow .right {
		background-color:blue !important;
	}
*/

	/* GLOBAL FONT SETTINGS */
		* {
			font-family:'Roboto','Arial' !important;
			/*font-weight:lighter;*/
			color:#424242;
		}
		a {color: #424242;}

		a:hover, a:active, a:focus {
			/*color: #fa9900;*/
			color:#32a3b8;
			text-decoration:none;
			background-color:transparent;
		}	

	.jumper {
		clear: both;
		height: 0px;
		position: relative;
		top: 0px;
		width: 0px;
/*
		height:10px;
		width:10px;
		background-color:red;
*/
	}
	.jumper#leistungen {
		top: 0px;
	}

	/* HEADER */
		#header {
			background-color:white;
			/*fixed*/
			position:absolute;
			margin:0 auto;
			width:100%;
			z-index:1000;
		}

		#header_background_layer {
			position:absolute;
			top:0px;
			left:0px;
			width:100%;
			height:123px;
			background-color:white;
			margin:0px;
			padding:0px;
		}


	/* LOGO */
		#logo{
			padding-top:52px;
			padding-bottom:54px;
			width:243px;
			height:88px;
		/*	margin: 0 auto; */
		/*	margin:10px 0 0 10px;*/
		/*	float:left;*/
			/*background-color:#fee;*/
		}

		#logo img {
			width:auto;
			/*padding-left:10px;*/
		}
	/* direct_contact */
		#direct_contact {
			width:300px;
			background-color: #474b4d;
			position:absolute;
			top:0px;
			/*right:0px;*/
			right:30px;
			padding-top:28px;
			overflow:hidden;
			height:64px;
			cursor:pointer;
		}

			#direct_contact h1 {
				font-size:16px;
				line-height:12px;
				padding:0px;
					color:#fff;
					margin:0px;
			}
			#direct_contact p {
				/*font-size:1.1em;*/
				font-size:16px;
				line-height:36px;
					/*color:#32a3b8;*/
					color:#66c5d7;
					margin:0px;
			}
			#direct_contact .element {
				width:300px;
				/*height:93px;*/
				position:relative;
				/*padding-top:28px;*/
				margin-bottom:33px;
			}
			#direct_contact .element_1,
			#direct_contact .element_2 {
				/*display:none;*/
			}
			#direct_contact .element_3 .icon {
				margin-bottom:20px;
			}
			#direct_contact .element_3 h1 {
				line-height:20px;
				top:-3px;
			}

				#direct_contact .icon {
					width:38px;
					height:38px;
					/*background-color:transparent;*/
					float:left;
					margin-left:20px;
					margin-right:16px;
					border:1px solid #777a7c;
					background-size:20px 20px;
					background-repeat:no-repeat;
					background-position:center center;
				}

				#direct_contact .icon.phone 	{background-image:url("../css_images/icons/phone.svg");}
				#direct_contact .icon.fax 		{background-image:url("../css_images/icons/fax.svg");}
				#direct_contact .icon.email 	{background-image:url("../css_images/icons/email.svg");}
				#direct_contact .icon.address 	{background-image:url("../css_images/icons/address.svg");}


	/* NAV */
		#nav {
			margin-bottom:50px;
		}
		#nav .active {
			color:#32a3b8;
			cursor:default;
		}

		#nav p {
			margin:0;
			padding:0;
		}

		#nav a,
		#nav li {
			color: #000;
			text-decoration:none;
		}

		#nav a:hover, #nav a:active, #nav a:focus {
			/*color: #fa9900;*/
			color:#32a3b8;
			text-decoration:none;
			background-color:transparent;
		}
		.active{
			color:#ff0000;
			cursor:default;
		}

		#nav a {
			margin:0px;
			margin-left:0px;
			margin-right:60px;
			font-size:1.1em;
			white-space: nowrap;
			/*font-family: 'Adobe Caslon';*/
		}			




/*
###########################################################
####################### END NEW ###########################
###########################################################
*/










	p { margin:0;}

	/* HELPERS OVERWRITE*/
	.spacer_header {height:270px;clear:both;}




	/* Basic Element Styling
	div.ym-gbox {
	}
	*/
	
	/* colors */


	hr {border-color:#000;color:#000;}
	
	* {position:relative;}
	img {display:block;}

	body {
/*		background-color:#bfefea;*/
		background-color:#fff;
		/*overflow-y:scroll;*/
		overflow-x:hidden;
	}

	body#page_1 {
/*		background-color:#bfefea;*/
		background-color:#fff;
	}

	body h1 {
		/*font-family: 'Adobe Caslon';*/
		font-size:1.1em;
		}

	body h2 {
		/*font-family: 'Adobe Caslon';*/
		font-size:1.1em;
		font-style:italic;}

	body p {
		/*font-family: 'Adobe Caslon';*/
		font-size:1.1em;}

	.content_detail {
		min-height:200px;
		background-color:#bfefea;
	}

	.detail_intro_left hr {width:200px;padding:4px 0 6px 0}
	.detail_intro_left h1 {text-transform: uppercase;}	
	.detail_intro_left h2 {margin:8px 0 0 0}
	.detail_intro_left p {width:288px;}

	.content_detail .detail_intro_left{
/*		margin-left:-20px;*/
		margin-left:0px;
/*		width:340px;*/
		width:310px;
		background-color:transparent;
		min-height:280px;
		clear:none;
		float:left;
	}

	.partner .detail_intro_left{
		margin-left:0px;
		width:310px;
	}
	.partner .detail_intro_left p {width:auto;}

	.content_detail .detail_intro_right{
/*		margin-left:10px;*/
		margin-left:24px;
		width:460px;
		background-color:transparent;
		min-height:280px;
		clear:right;
		float:left;
	}

	.partner .detail_intro_right{
		margin-left:24px;
	}

	.detail_introduction {
		width:804px;
	}

	.content_global {
		min-height:200px;
		background-color:#fff;
		padding-top:40px;
		padding-bottom:36px;
/*		float:left;*/
	}
	#page_1 .content_global {
		height:auto;
		background-color:transparent;
	}
	.ilicube {
		margin:0 auto;
		padding-left:10px;
	}
p {
    line-height: 1.7em;
    margin-bottom: 10px;
    margin-top: 6px;
}
	.content_text {
		/*text-align:center;*/
		/*max-width:540px;*/
		/*margin:0 auto;*/
		background-color:#fff;
		opacity: 0.8;
    	filter: alpha(opacity=80);
		padding-top:5px;
		padding-bottom:8px;
	}
	.content_text p {
		margin-bottom:0px;
	}

.content_text.vita p {
    margin-left: 10px;
    margin-right: 0;
    text-align: justify;
}
.content_text.vita p {
    margin-left: 10px;
    margin-right: 0;
    text-align: justify;
}


	#footer {
/*		height:200px;*/
		position:relative;
		
	}	
	#footer p {
		margin:0px;
		color:#999;
	}
	#footer .content_text {
		padding:0;
		padding-top:0;
		padding-bottom:120px;
	}

	.impressum p {
		/*margin:0;*/
		margin-bottom:10px;
		/*text-align:center;*/
	}



}


@media screen and ( min-width: 600px )  {

	#nav .nowrap{white-space: nowrap;}
/*    .ym-wrapper {
    }
*/

}

@media screen and ( max-width: 2000px )  {

	.content_text {
		padding-left:20px;
		padding-right:20px;
	}

	.slides {width:auto !important;}
	.slides ul {float:none !important;}
	.slides ul li {float:none !important;left:-2px;}
	.slides li div {margin:0 auto !important;}
	.slides .uebersicht_projekte li {height:310px !important;}
		.slides .uebersicht_projekte .spacer_before_text {height:20px !important;}
	.slides .uebersicht_partner li {height:330px !important;}
	.spacer_before_cube {height:50px !important;}

	/*#agentur, #leistungen, #projekte, #virtueller_arbeitsraum, #partner, #kontakt {top:-150px;}*/

/*	#nav .nowrap{white-space: wrap;}*/
/*    .ym-wrapper {
    }
*/

}


