﻿/**
* Yet Another Multicolumn Layout" - YAML CSS Framework
* @scope           PAGE 

* @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)
* @version         v4.0.2
* @revision        $Revision: 743 $
*/


@media screen {

	html {
		position: relative; /* Sticky footer */
		min-height: 100%; /* Sticky footer */
	}
	body {
		overflow-y: scroll; /* Force vertical scrollbar */
		margin-bottom: 125px; /* Sticky footer */
		background: white;
	}

	.ym-outerwrapper {
		position: relative; /* Sticky footer */
		min-height: 100%; height: auto !important; height: 100%; /* Sticky footer */
	}
	.ym-wrapper {
		/* margin: 0 auto; zentriertes Layout  */
		margin: 0; /* linksbündiges Layout  */
	}
	.ym-wbox {
	}



/* Main Content Areas */


	header[role="banner"] {
		height: 125px;
		background-color: white;
		border-bottom: 0px #e8e8e8 solid;
	}
	header .ym-wrapper {
		position: relative;
		background: transparent;
	}


	header .banner {
		height: 125px;
		overflow: hidden;
	}
	header .ym-wrapper .ym-wbox {
		padding: 0;
	}




	#main {
		position: relative;
		top: 0;
		background: white;
	}
	#main .ym-wrapper {
		position: relative;
		min-height: 200px;
		background: transparent;
	}
	#main .ym-wbox {
		padding: 0 3.33% 0 3.33%;
	}


	#main .ym-cbox-left .logo h3 {
		margin: 0; padding: 3px 0 50px 0;
		font-size: 185%; 
		color: #333;
		font-family: 'Trade Gothic LT W01 Roman', sans-serif;
		letter-spacing: 1px;
	}
	#main .ym-cbox-right .nav-utility {
		margin-bottom: 35px;
	}
	#main .ym-cbox-right .nav-social {
		margin-bottom: 35px;
	}



	footer {
		position: absolute;
		left: 0; bottom: 0;
		width: 100%;
		padding: 0 0 0 0;
		background: transparent;
	}
	footer .ym-wrapper {
		position: relative;
		height: 100px;
		background: white;
		border-top: 0px #e8e8e8 solid;
	}

	footer .ym-wbox {
		padding: 5% 0 0 5%;
	}

	footer .nav-service {
		position: absolute;
		left: calc(100% - 200px - 30px); top: 20px;
	}



	body > header, body > nav, body > main, body > footer {
		min-width: 650px; /* fallback for missing media queries support */
	}



/* Lightbox */

	.tos-desktop .tos-wrapper.tos-fixed {
		background-color: rgba(154,154,154,0.95) !important;
	}



/* Column Configurations */

	.ym-column {
		display: block;
		width: auto;
	}

	/* Column-Set Configuration: 1 (no sidebars) */
	.columns-3 .ym-col3 { 
		width: 100%; 
		margin-left: 0; margin-right: 0;
	}




	/* Column-Set Configuration: 1-3-2 (sidebar left, menu right) */
	.columns-132 .ym-column { padding-right: 150px;}
	.columns-132 .ym-col1 { /* side content */
		position: relative;
		width: 300px; float: left;
	}
	.columns-132 .ym-col2 { /* menu content */
		position: relative; 
		width: 150px; float: right;
		margin: 0 -150px 0 0;
	}
	.columns-132 .ym-col3 { /* content */
		position: relative;
		width: auto; 
		margin: 0 0px 0 300px;
	}




	/* Column-Set Configuration: 1-1 (menubar left) */
	.columns-31-left .ym-column { padding-left: 375px;}
	.columns-31-left .ym-col1 { /* content */
		position: relative;
		width: 100%; float: left;
	}
	.columns-31-left .ym-col3 { /* menu */
		position: relative; 
		width: 300px; float: left;
		margin: 0 -300px 0 0;
	}


	.ym-cbox { padding-left: 0%; padding-right: 0%;}
	.ym-cbox-left { padding-left: 0%; padding-right: 0%;}
	.ym-cbox-right { padding-left: 0%; padding-right: 0%;}
	.ym-cbox-right { display: table; table-layout: fixed; width: 100%;} /* like ym-contain-dt */
	#content { padding-right: 50px;}




/* Skip links styling */
	.ym-skiplinks a.ym-skip:focus,
	.ym-skiplinks a.ym-skip:active {
		background-color: #333;
		padding: 0.5em 0;
		text-align: center;
		color: white; text-decoration:none;
	}
	
}



/* reset fallback values in modern browsers */
@media screen and ( min-width: 0px) {
	body > header, body > nav, body > main, body > footer {
		min-width: 0;
	}
}	


