@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML - ISPConfig 3: default theme
 * (de) Bildschirmlayout fr YAML - ISPConfig 3: default theme
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 */

@media screen, projection
{
	/*------------------------------------------------------------------------------------------------------*/
	
	/**
	* (en) Formatting YAML's  basic layout elements
	* (de) Gestaltung des YAML Basis-Layouts
	*/
	
	/* (en) Marginal areas & page background */
	/* (de) Randbereiche & Seitenhintergrund */
	body { background: #EEEEEE url("../../images/screen_bg.png") repeat-x top left fixed; padding: 10px 0; }
	
	/* (en) Centering layout in old IE-versions */
	/* (de) Zentrierung des Layouts in alten IE-versionen */
	body { text-align: center; }
	#page_margins { text-align:left; margin: 0 auto; }
	
	/* (en) Layout: width, background, borders */
	/* (de) Layout: Breite, Hintergrund, Rahmen */
	/*#page_margins { min-width: 980px; max-width: 80%; background: #fff;}*/
	/* #page_margins { min-width: 980px; max-width: 80%; background: #fff; display: inline-block;}*/
	#page_margins { min-width: 980px; max-width: 80%; background: #fff; display: table;}
	#page{ padding: 10px; }
	
	/* (en) Designing main layout elements */
	/* (de) Gestaltung der Hauptelemente des Layouts */
	#header {
	 color: #faf0e6;
	 padding: 15px 2em 1em 20px;
	 background: #9a9a9a url(../../images/header_bg.png) repeat-x top left;
	}
	
	/* (en) Text Alignment for #topnav content */
	/* (de) Textausrichtung für #topnav Inhalte */
	#topnav { text-align: left; } 
	
	/* (en) Absolute positioning only within #header */
	/* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
	#header #topnav {
	 position: absolute;
	 top: 0px;
	 left: 0px;
	}
	
	/* (en) Text Alignment for #topnav content */
	/* (de) Textausrichtung für #topnav Inhalte */
	#topsubnav { text-align: right; } 
	
	/* (en) Absolute positioning only within #header */
	/* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
	#header #topsubnav {
	 position:absolute;
	 top: 10px;
	 right: 10px;
	}
	
	/* (en) adjustment of main navigation */
	/* (de) Anpassung der Hauptnavigation */
	#nav ul { margin-left: 200px; }
	#nav_main { background: #9a9a9a repeat-x top left; }
	
	#main { background: #fff;padding:10px 0; }
	
	#footer { 
	 color:#666; 
	 background: #f9f9f9;
	 padding: 10px 20px;
	 border-top: 5px #efefef solid;
	 font-size: 0.8em;
	 text-align: center;
	}
	
	/*------------------------------------------------------------------------------------------------------*/
	
	/**
	* (en) Formatting content container
	* (de) Formatierung der Inhalts-Container
	*
	* |-------------------------------|
	* | #header                       |
	* |-------------------------------|
	* | #col1   | #col3     | #col2   |
	* | 25%     | flexible  | 25%     |
	* |-------------------------------|
	* | #footer                       |
	* |-------------------------------|
	*/
	
	
	#col1 { width: 25%; }
	#col1_content { padding: 10px 10px 10px 20px; }
	
	#col2 { width: 25%; }
	#col2_content { padding: 10px 20px 10px 10px; }
	
	#col3 { margin: 0 25%; }
	#col3_content { padding: 10px; }
	
	/*------------------------------------------------------------------------------------------------------*/
}