/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - 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 {

	/* force vertical scrollbar */
	body {
		overflow-y: scroll;
		background-color: #fffff;
	}
		
	.ym-wrapper {
		min-width:1103px;
		max-width:1103px;
		margin:0;
	}
	
	.ym-wbox {
		padding:0 0 0 20px;
	}
	
	.ym-cbox {
		padding:0;
	}
	
	.search-results .ym-cbox {
		padding:0 0 20px 0;
	}

	#main {
		margin:0;
		padding:0 0 60px 0;
		position:relative;
	}
	
	.ym-column {
		display:block;
		overflow:hidden;
		padding-bottom:100px;
		width:auto;
		padding:0;
		margin:0;
	}
	
	.ym-col1 {
		width: 220px;
		background-image: url(../../images/header_logo.png);
		background-repeat: no-repeat;
		background-position: 2px 42px;
		border-top:25px solid #9ac61e;
	}
	
	.ym-col1 .ym-cbox {
		padding:0;
	}
	
	.rand01 {
		margin-bottom:34px;
		padding:0 0 10px 3px;
	}
	
	.rand02 {
		padding:5px 0 10px 3px;
		border-top:6px solid #ef7e26;
	}
	.page-template-verein-php .rand02 {
		border-top:6px solid #84af21;
	}
	
	.rand03 {
		padding:5px 12px 6px 15px;
	}
	
	.ym-col2 {
		width: 123px;
		padding-top:270px;
	}
	
	.suche { padding:0 0 7px 0; }

	.ym-col3 {
		position:relative;
		margin:0 144px 0 239px;
		padding:15px 0 0 0;
		border-top:25px solid #9ac61e;
	}
	
	.page-template-verein-php .ym-col1, .page-template-verein-php .ym-col3 {
		border-top:25px solid #ef7e26;
	}
	
	.page-template-verein-php .ym-col1 {
		background-image: url(../../images/header_logo_verein.png);
	}
	
	.flexslider {
		width:100%;
		border-bottom:25px solid #ffffff;
	}
	
	footer {
		padding:2px 0 10px 0px;
		margin-left:240px;
		margin-right:144px;
	}
	
	.beitrag img {  }
	.beitrag img.respo { width:100%; height:auto; }
		
	.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;
	}	
}

/* reset fallback values in modern browsers */
@media screen and ( min-width: 0px ) {
	.ym-wrapper {
		min-width: 0px;
	}
}

@media screen and ( max-width: 950px ) {
   	table {
		width:95% !important;
	}
}

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

	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
	.linearize-level-1,
	.linearize-level-1 > [class*="ym-g"],
	.linearize-level-1 > [class*="ym-col"] {
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		width: 100% !important;
	}

	.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
	.linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
		overflow: hidden; /* optional for containing floats */
		padding: 0;
		margin: 0;
	}
	
	.ym-wrapper {
		max-width:780px;
		min-width:480px;
		margin:0;
	}
	
	.ym-wbox {
		padding:0 1em 0 1em;
	}
	
	.ym-col1 {
		background-position: 10px 10px;
	}
	
	#navigation {
		padding-bottom:1em;
	}
	
	a.logolink {
		height:128px;
	}
	
	.ym-vlist li ul li a,
    .rand02 .ym-vlist ul ul li a {
    	padding-left: 1.5em !important;
    }
	
	#main {
		padding-bottom:1em;
	}
	
	table {
		width:100% !important;
	}
	
	footer {
		margin-left:0em;
		margin-right:0em;
	}
}

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

	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
	.linearize-level-2,
	.linearize-level-2 > [class*="ym-g"],
	.linearize-level-2 > [class*="ym-col"] {
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		width: 100% !important;
	}

	.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],
	.linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
		overflow: hidden; /* optional for containing floats */
		padding: 0;
		margin: 0;
	}

	.ym-wrapper {
		max-width:480px;
		min-width:300px;
	}
	
	.ym-col1 {
		background-position: 10px 10px;
	}
		
	a.logolink {
		height:145px;
	}
}