/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen tbstylesheet - PAGE-layout type layout
 *
 * @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
 * @package         yaml
 * @version         v4.0.1
 * @revision        $Revision: 733 $
 * @lastmodified    $Date: 2012-03-04 19:15:48 +0100 (So, 04 Mrz 2012) $
 */

@media screen {

	/* Basic Element Styling */
	body {
		background: -webkit-linear-gradient(#fff 0%, #004052 100%); 
		background: -moz-linear-gradient(#fff 0%, #004052 100%); 
		background: -o-linear-gradient(#fff 0%, #004052 100%); 
		background: linear-gradient(#fff 0%, #004052 100%);
		filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#004052'); /* IE6 & IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#004052')"; /* IE8 */
	} 

	.editmode-info, .toplink, .small-teaser, .hidden { display: none; }

	#wrapper-navigation { position: fixed; left: 0; top: 0; width: 100%; height: 65px; border-top: 10px solid #74B122; background-color: #004052; z-index: 1000; }
	.ym-wrapper { position: relative; max-width: 980px; margin: 0 auto; border: 0px solid orange; }
	.spacer { height: 64px; }

	/* skip links styling */
	.ym-skiplinks a.ym-skip:focus,
	.ym-skiplinks a.ym-skip:active {
		color:#fff;
		background:#333;
		border-bottom:1px #000 solid;
		padding:10px 0;
		text-align: center;
		text-decoration:none;
	}


	/**
	 * Navigationen
	 */
	 
	.nav ul { margin: 0; padding-left: 60px; list-style: none; overflow: hidden; }
	.nav li { display: block; float: left; position: relative; margin: 0; padding: 0; line-height: 45px; list-style: none outside none; }
	.nav li a { display: block; padding: 10px 42px; text-decoration: none; }
	.nav li a:hover { color: #D0007D; text-decoration: underline; }


	/* sidr */
	#mobile-header { display: none; margin: 20px 20px; line-height: 25px; }
	#responsive-menu-button { display: block; width: 75px; background: url("../images/icons.png") no-repeat right -100px; }
	.sidr.left { top: 75px; }


	/**
	 * Formatierung der FAQs
	 */
 
	.faq-question { margin-top: 10px; line-height: 1.5em; cursor: pointer; cursor: hand; font-family: "Roboto Slab Regular"; }
	.faq-question span { padding-right: 20px; background: url('../images/icons.png') no-repeat right .2em; }
	.faq-question:hover span { color: #74B122; background-position: right -20px; }
	.faq-open:hover span,
	.faq-open span { color: #74B122; background-position: right -38px; text-decoration: underline; }
	.faq-answer { padding: 10px 0 25px 20px; line-height: 1.5em; }


	/**
 	 * Formatierung des Contents
   */

	article { position: relative; padding-top: 70px; overflow: hidden; }
	article .headlines { padding-bottom: 30px; text-align: center; }
	article .headlines .image { width: 164px; height: 164px; margin: 0 auto 70px auto; background: url('../images/icons_section.png') no-repeat;  }
	article .headlines h1 { margin-bottom: 20px; line-height: 1.0em; font-size: 70px; font-family: "Museo Sans W01 700"; }
	article .headlines h2 { margin-bottom: 30px; line-height: 1.0em; font-size: 35px; color: #74B122;   }
	article .content { padding: 0 10px; text-align: left; }
	article .content h1,
	article .content h2 { margin-bottom: 30px; line-height: 1.0em; font-size: 30px; }

	/* .story { padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; } */


	/**
 	 * Formatierung der Sections
   */

	/* First Section - Logo & News */
	#s1 article .image { width: 260px; height: 42px; margin-bottom: 35px; background: url('../images/logo_small.png') no-repeat; }
	#s1 article .ym-gbox  { position: relative; min-height: 350px; margin: 10px; padding: 0; border-radius: 15px; background-color: #fff; }
	#s1 article .ym-gbox .inside  { padding: 25px 20px 70px 20px; }
	#s1 article a.newslink { position: absolute; left: 20px; bottom: 20px; }
	#s1 article a:hover {  }


	/* Second Section - Unternehmen */
	#s2 { background: #fff; border-top: 10px solid #74B122; }
	#s2 article { position: relative;  text-align: center;  }
	#s2 article .image { background-position: 0 0; }


	/* Third Section - Kompetenzen */
	#s3 article { position: relative;  text-align: center;  }
	#s3 article .image { display: none; }
	#s3 article .ym-g33 { overflow: hidden; }
	#s3 article .ym-gbox { display: inline-block; clear: left; margin: 10px; padding: 25px 20px; border-radius: 15px; background-color: #fff; overflow: hidden; }


	/* Second Section - Referenzen */
	#s4 { background: #fff; border-top: 10px solid #74B122; }
	#s4 article .image {  background-position: 0 -166px; }
	#s4 article { position: relative; }
	#s4 .text { padding-bottom: 20px; }


	/* Last Section - Footer */
	#s5 { border-top: 10px solid #74B122; }
	#s5 article .content { color: #fff; text-align: center; font-family: "Roboto Slab Regular"; }
	#s5 article .content h2 { color: #fff; text-align: center; font-family: "Museo Sans W01 300"; }
	#s5 article .content a,
	#s5 article .content a:hover { color: #fff; }

	#s5 article .ym-gbox {  }
	#s5 article .ym-gbox .image { height: 50px; margin-bottom: 35px; background: url('../images/icons_footer.png') no-repeat center 0; }
	#s5 article .ym-gbox .icon1 { background-position: center 0px; }
	#s5 article .ym-gbox .icon2 { background-position: center -50px; }
	#s5 article .ym-gbox .icon3 { background-position: center -100px; }


	/**
	 * Page - Impressum
	 */
	 
	body.page_impressum { background: url(../images/slide02.jpg) 100% 100% no-repeat fixed; background-size: cover; }
	body.page_impressum #impressum { padding-bottom: 20px; }

	body.page_impressum .ym-g50 .ym-gl .ym-gbox  { padding-right: 10px; }
	body.page_impressum .ym-g50 .ym-gr .ym-gbox  { padding-left: 10px; }
	body.page_impressum .ym-g50 .ym-inside  { padding: 20px; border-radius: 15px; background-color: #fff; }


}




/**
 * Responsive : Breite > 640px
 */

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

	#s1 { background: #fff url(../images/slide01.jpg) 50% 0 no-repeat fixed; background-size: cover; }
	#s3 { background: #fff url(../images/slide02.jpg) 50% 0 no-repeat fixed; background-size: cover; }
	#s5 { background: #fff url(../images/slide03.jpg) 50% bottom no-repeat fixed; background-size: cover; }

}

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

	#s1 article .image { width: 349px; height: 57px; margin-bottom: 35px; background: url('../images/logo_large.png') no-repeat; }

}



/**
 * Responsive : Breite < 980px
 */

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

	#teaser, .startseite #teaser { height: auto; }

	img, figure {
		max-width: 100% !important;
		height: auto !important;
	}
	
	.ym-g33 { width: 50%; }
	.ym-g33.ym-gr { width: 100%; }

	#s1 article .ym-g33.ym-gr .ym-gbox { padding-right: 52%; }
	#s3 .ym-g33.box3 { width: 100%; }
	#s3 .ym-g33.box3 .ym-gbox { float: left; }
	#s5 .ym-g33 { width: 33.33%; }

	.nav ul { margin: 0 6.12%; padding-left: 0px; }
	.nav li.sm { width: 17%; }
	.nav li.lg { width: 22%; }
	.nav li a { padding: 10px; text-align: center; }

}


/**
 * Responsive : Breite < 768px
 */

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

	.nav ul { margin: 0 10px; }
	
}

/**
 * Responsive : Breite < 640px
 */

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

	#mobile-header { display: block; }
	#navigation { display: none; }

	#s1, #s3, #s5 { background: none; background-color: transparent; }

	#s1 .ym-g33,
	#s2 .ym-g50,
	#s3 .ym-g33,
	#s4 .ym-g50 { width: 100%; }

	#s1 article .ym-gbox { min-height: auto; }
	#s1 article .ym-g33.ym-gr .ym-gbox { padding-right: 20px; }

	#s2 article .ym-gbox { padding: 20px 30px; }

	#s3 article .headlines h2 { color: #fff; }

	#s4 article .content { padding-top: 20px; }
	#s4 article .ym-gbox { padding: 0px 30px; }
	
	#s5 article .ym-g33 { width: 100% }
	#s5 article .ym-gl { float: none; }
	#s5 article .ym-gbox { position: relative; padding: 0px 30px 40px 100px; }
	#s5 article .content { text-align: left; }
	#s5 article .content h2 {  font-size: 120%; font-family: "Museo Sans W01 300"; text-align: left; }
	#s5 article .content .image { position: absolute; left: 20px; top: 0px; width: 60px; height: 50px; margin-bottom: 0px; }
	#s5 article .content .icon1 { top: -14px; }
	#s5 article .content .icon2 { top: -10px; }
	#s5 article .content .icon3 { top: -12px; }
	#s5 .spacer { height: 24px; }

	article .content { padding: 0; }

	article .headlines h1 {	margin-bottom: 15px; font-size: 50px; line-height: 1.1em; }
	article .headlines h2,
	article .content h1,
	article .content h2 {	margin-bottom: 10px; font-size: 30px; line-height: 1.3em; }

}


/**
 * Responsive : Breite < 480px
 */

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

	article .headlines h1 {	margin-bottom: 15px; font-size: 40px; line-height: 1.2em; }
	article .headlines h2 { padding: 0 10px; }
	article .headlines h2,
	article .content h1,
	article .content h2 {	margin-bottom: 10px; font-size: 24px; line-height: 1.5em; }

	/**
	 * Formatierung des Formulars
	 */
 
	.formular { width: auto; }
	.formular label { width: auto; float: none; }
	.formular input.submit { margin-left: auto; }
	.formular input.textfield,
	.formular textarea.textfield { width: auto; }
	.formular label.error { width: auto; margin-left: auto; }

}



/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default print stylesheet
 *
 * @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
 * @package         yaml
 * @version         v4.0.1
 * @revision        $Revision: 724 $
 * @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
 */


@media print {

	* { margin: 0; padding: 0; }

	body { font-size: 10pt; padding: 0 5px; }

	#wrapper-navigation, .newslink { display:none;	}


  /* Positionieren der Inhaltselemente */
	.wrapper { position: relative; width: 940px; margin: 0 auto; border: 0px solid red }


 .headlines h1 { padding-top: 50px; text-align: center; }
 .headlines h2 { padding-bottom: 10px; text-align: center; }
 .ym-gbox {  padding: 20px 0; }
  
  /*------------------------------------------------------------------------------------------------------*/

	/* (en) Avoid page breaks right after headings */
	/* (de) Vermeidung von Seitenumbr�chen direkt nach einer �berschrift */
	h1,h2,h3,h4,h5,h6 {
		page-break-after:avoid;
	}

	/*------------------------------------------------------------------------------------------------------*/

	/* (en) optional output of acronyms and abbreviations*/
	/* (de) optionale Ausgabe von Auszeichnung von Abk�rzungen */

	/*
	abbr[title]:after,
	acronym[title]:after {
		content:'(' attr(title) ')';
	}
	*/

	/*------------------------------------------------------------------------------------------------------*/

	/* (en) optional URL output of hyperlinks in print layout */
	/* (de) optionale Ausgabe der URLs von Hyperlinks */
	/*
	a[href]:after {
		content:" <URL:"attr(href)">";
		color:#444;
		background:inherit;
		font-style:italic;
	}
	*/
	
	
}