﻿@charset "UTF-8";
/* Base CSS File - Website spezifisch */
/* "Yet Another Multicolumn Layout" v3.0.5 (c) by Dirk Jesse (http://www.yaml.de) */

@media screen, projection
{
	/*---Gestaltung des YAML Basis-Layouts------------------------------------------------------------------*/

	/* Zentrierung des Layouts in alten IE-versionen */
	html
	{
		height: 100%;
		margin:0px; /* Scrollbar auf dem Body wird in diesem Design nicht benötigt. */
	}
	
	body 
	{
		height: 100%;
		background-repeat: repeat-x;
		background-position: bottom;
		
	}
	
	/* Layout ausrichten auf der Page */
	#page_distance
	{
		height: 50%;
		width: 1px;
		margin-bottom: -350px;  /*half of container's height*/
		min-height: 350px;
	}
	
	#page_margins
	{
		height: 700px;
		width: 775px;
		margin: 0 auto;
		clear: left;
	}

	/* Layout: Breite, Hintergrund, Rahmen */
	#page
	{
		height: 700px;
		width: 775px;
		background-repeat:repeat-x;
		background-position:bottom;
	}

	/* Header */
	#header 
	{
		height: 150px;
		position: relative;
	}

	/* Top Navigation */
	#header #topnav 
	{ 
		position: absolute; 
		top: 6px;
		right: 15px;
		width:740px;
	}	
	
	/* Navigation */
	#nav
	{
		height: 205px;
		position: relative;
		z-index: 30;		
	}
	
	/* Navigation PopUpMenu */
	#nav #popupmenu
	{
		/*width: 150px;	 Braucht IE 6 */
		position: absolute;
		left: 10px;
		top: 21px;
	}

	/* Main Bereich */
	#main 
	{
		position: relative;
		top: 0px;
		height: 294px;
		width: 100%;
	}

  
	/* Footer */
	#footer 
	{
		width:100%;
		padding-top:17px;
		text-align:center;
		height: 34px;
	}  
  
	/*---Spaltenaufteilung----------------------------------------------------------------------------------*/

	/* Fixe Breite für Linke Spalte */
	#col1 
	{
		height: 100%;
		width: 770px;
		padding-right: 5px;
		position: relative; /* Default für Browser welche -y -x nicht kennen */ 
		overflow: scroll;
		overflow-y: auto;
		overflow-x: hidden;
	}
	
	#col1_content 
	{
		padding: 20px 15px 15px 15px; 
	}	

	/* Mittlere Spalte deaktivieren */
	#col2, #col2_content { display:none; }

	/* Rechte Spalte deaktivieren */
	#col3, #col3_content { display:none; }
  
	/*------------------------------------------------------------------------------------------------------*/  
}
