/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2.1 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.3
 */

@media screen, projection
{
	/** 
		   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
		   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
		   *
		   * @workaround
		   * @affected IE8, FF, Webkit, Opera
		   * @css-for all
		   * @valid CSS3
		   */
	
	body { overflow-y: scroll; }
	
	/*-------------------------------------------------------------------------*/
	/* (en) Marginal areas & page background */
	/* (de) Randbereiche & Seitenhintergrund */
	body
	{
		background: #DEE1E4 url("/images/bg-main.png") repeat-x top left fixed;
		padding: 1px 0 20px 20px;
	}
	
	/* Layout Properties | Layout-Eigenschaften */
	.page_margins
	{
		width: auto;
		min-width: 970px;
		max-width: 90em;
		padding: 0 20px 10px 6px;
		background: url(/images/dots-vertikal.png) repeat-y;
	}
	
	.page { padding: 0; }
	
	.header
	{
		position: relative;
		padding: 12px 0 0 12px;
		height: 108px;
		background: #fff url("/images/header.jpg") no-repeat top right;
	}
	
	#topnav
	{
		position: absolute;
		top: 10px;
		right: 10px;
		text-align: right;
		color: #aaa;
		background: transparent;
	}
	
	#nav
	{
		overflow: visible;
		width: auto;
	}
	
	#main { margin: 0; }
	
	#footer
	{
		padding: 10px 20px;
		color: #666;
	}
	
	/* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
	#nav ul { margin-left: 20px; }
	
	/*-------------------------------------------------------------------------*/
	
	/**
		   * (en) Formatting content container
		   * (de) Formatierung der Inhalts-Container
		   *
		   */
	
	#col1
	{
		float: right;
		width: 240px;
		background: url(/images/dots-horizonal.png) repeat-x 5px 0px;
		padding-top: 6px;
		margin-bottom: -40px;
}
	
	#col3
	{
		width: auto;
		margin: 0 260px 0 0;
	}
	
	#col1_content { padding: 20px 10px 0 10px; }
	#col3_content { padding: 0 10px 0 20px; }
	
	/* Startseite */
	body.home #col3 { margin: 0; }
	body.home #col3_content { padding: 10px 20px 40px; border: none; }
	
	/*-------------------------------------------------------------------------*/
}

@media screen and ( min-width: 0px )
{
	body > #header,
			body > #nav,
			body > #main,
			body > #footer { min-width: 0; }
}

@media screen and ( max-width: 770px )
{
	.page_margins
	{
		width: 710px;
		max-width: 710px;
		min-width: 710px;
	}
	
	#col1,#col3
	{
		float: none;
		width: auto;
		margin: 0;
		padding: 0;
	}
	
	#col1_content
	{
		border-radius: 0!important;
		-moz-border-radius: 0!important;
		-webkit-border-radius: 0!important;
		border-bottom: none!important;		
border-left: none!important;
		padding: 5px 10px;
		margin: 0 0 0 0;
	}
	#col3_content { z-index: 10; border-top: none!important; padding-top: 10px;}
	#headerpic { display: none; }
	#news h4 { margin-bottom: 0; }
	#news a { display: none; }
}

@media only screen and (device-width: 768px) and (orientation: portrait) {
		body
	{
		padding: 0 0 0 0;
	}
	
	/* Layout Properties | Layout-Eigenschaften */
	.page_margins
	{
		width: 768px;
		max-width: 768px;
		min-width: 768px;
		padding: 0 0 0 0;
		background:none;
		}
	
	#col1,#col3
	{
		float: none;
		width: auto;
		margin: 0;
		padding: 0;
	}
	
	#col1_content
	{
		border-radius: 0!important;
		-moz-border-radius: 0!important;
		-webkit-border-radius: 0!important;
		border-bottom: none!important;		
border-left: none!important;
		padding: 5px 10px;
		margin: 0 0 0 0;
	}
	#col3_content { z-index: 10; border-top: none!important; padding-top: 10px;}
	#headerpic { display: none; }
	#news h4 { margin-bottom: 0; }
	#news a { display: none; }

}

@media only screen and (device-width: 768px) and (orientation: landscape) {

.page_margins
	{
		width: 978px;
		max-width: 978px;
		min-width: 978px;
		padding: 0 0 0 6px;
		}

}