/**
 * YAML CSS Framework
 * @version         v4.0.1
 */

@media screen {

	/* force vertical scrollbar */
	body { overflow-y: scroll; }

	/* Layout Module Configuration */
	.ym-wrapper { width: 100%; margin: 0 auto; }

	.mpsn-gcm { width: 100%; }
	.mpsn-gcm .ym-gcbox { padding: 28px 2em 2em 35px; }
	body.wide-content .mpsn-gcm .ym-gcbox { padding: 0; }

	.ym-wbox { padding: 0; }


	/* Element Styling */

  body { background: #fff; } 


	#logo { margin: 14px 0 13px 32px; }

	#header .ym-wrapper { height: 153px; background: #e6e6e6; position: relative; }
	#header .ym-grid .ym-gbox { padding: 0; }
	#header #header-links { height: 76px; text-align: right; background: #373737; padding-right: 2em; }
	#header #header-links a { color: #cdcdcd; font-weight: 700; font-size: 120%; display: inline-block; margin-left: 1em; margin-top: 26px; }
	#header #header-links a:hover, 
	#header #header-links a:active, 
	#header #header-links a:focus  { text-decoration: none; color: #E7D879; }
	#header #header-buttons { height: 77px; text-align: center; background: #5d5d5d; }
	#header #header-buttons a { color: #fff; font-weight: 300; }
	#header #header-buttons .social { background: #ffffff; }
	#header #header-buttons .social a { display: block; width: 77px; height: 77px; background-color: #019dc3; }
	#header #header-buttons .social a.facebook { background-color: #019dc3; }
	#header #header-buttons .social a.instagram { background-color: #d60060; }
	#header #header-buttons .social a img { margin: 19px; width: 39px; height: 39px; }
	#header #header-buttons .spenden { width: 65%; }
	#header #header-buttons .spenden a { font-size: 180%; display: block; height: 37px; padding: 20px 0; }
	#header #header-buttons .spenden a:hover, 
	#header #header-buttons .spenden a:active, 
	#header #header-buttons .spenden a:focus  { text-decoration: none; color: #E7D879; }

	#nav .ym-wrapper { height: auto; background: #019dc3; }

	#main .ym-wrapper { background: #fff8c9; }
	#main .ym-wbox { min-height: 350px; }

	#footer .ym-wrapper {
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
		background: url(../images/m-logo.png) no-repeat right bottom #e6e6e6;
		font-size: 93.33%;
		line-height: 1.5em;
		text-align: left;
		color: #868686;
  }
	#footer .ym-wbox { padding-left: 35px; }
  #footer .ym-gbox { padding: 0; }
  #footer p {
    margin: 0 0 1em 0;
  }
	#footer .col2 .ym-gbox { padding-right: 0; }
	#footer .col3 .ym-gbox { padding-left: 50px; }
	/*#footer .col4 .ym-gbox { padding-top: 85px; padding-right: 110px; }*/
	
	#footer a, #footer a:visited { font-weight: bold; color: #868686; }
	#footer a:hover,
	#footer a:active,
	#footer a:focus  { text-decoration: none; color: #019DC3; }

	/*#footer .col4 a { font-weight: bold; }*/
	#footer .col4 a:hover,
	#footer .col4 a:active,
	#footer .col4 a:focus  { text-decoration: none; color: #ff6600; }
	#footer .col4 a:focus  { color: #bababa; }





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

}



/* 1px background-image centering bug in Safari und Chrome */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
/*	.ym-wrapper, .ym-wbox, #header, #main, #footer, #nav-hlist {
		background-position: 49.999% top;
	}
	html {
		margin-left: 1px;
}

}*/

/* iframe border bug in Chrome */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
	iframe {
		padding-right: 2px;
}

}*/



@media print
{
#header { height: auto; }
}