@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @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: url("../../img/bg_body_top.jpg") repeat-x top center; padding: 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 {
	width: auto;
	min-width: 740px;
	max-width: 80em;
	max-width: 1000px;
	border: 0px solid red;
}
  #page{
	padding: 0px;
	position:relative;
	z-index: 0;
}
  
  /* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */
  
  
div#header {
	background: url(../../img/bg_header.png) no-repeat left top;
	height: 165px;
	width: 670px;
	margin: 0 auto;
	margin: 0 auto 0 180px;
	padding: 0;
	border: 0px solid red;
}
div#logowrap {
	padding: 0;
	height: 100%;
	width: 100%;
}

div#logo {
  float: left;
	padding: 0;
	width: 100%;
	border: 0px solid blue;
}
#header #headerimg {
	padding: 0 20px;
	width: 100%;
	height: 135px;
	background: url(../../img/header/rotate.php) no-repeat 20px top;
	position:relative;
	z-index: 999;
}



  #topnav { color: #aaa; background: transparent; }

  /* (en) adjustment of main navigation */
  /* (de) Anpassung der Hauptnavigation */
  #nav ul { margin-left: 20px; }
  #nav_main {background-color: #336; }

  #nav-bar {background-color: none; 
  border: none;
margin: 15px 0 0 0;
     clear: both;
    width: auto;
    background: transparent;
    font-size: 83.33%; /* 10px */
    height: 1.2em; /* fixes collapsing block - if no content */
}
  .breadcrumb {
  font-size: .85em;
	position: relative;
    padding: 0 0 0 70px;
	bottom: -29px;
    margin: 0 0 -10px 0;
  	color: #336699;
	border: 0px solid red;
	}
  .fontsize {
  font-size: .9em;
  display:block;
	position: absolute;
	float: right;
    padding: 0 1.2em 0 0;
	bottom: -15px;
	right: 5px;
    margin: 0 0 -3px 0;
  	color: #336699;
	border: 0px solid red;
	}
/*
  .fontsize {
  font-size: 1em;
	position: absolute;
	right: 10%;
	top: 200px;
    padding: 0 1.2em 0 0;
    margin: 0 0 -3px 0;
  	color: #336699;
	border: 1px solid red;
	}
*/
	
  #main {padding:10px 0; }

  #slogan {
	color:#7791A8;
	padding: 13px 0;
	margin: -14px 0 .6em 0;
	text-align: right;
  }

  #footer {
 	color: #76A4D1;
	font-size: .85em;
   margin-top: 20px;
   padding: 10px 20px;
	text-align:center;

  }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 25%     | flexible  | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */

  #col1 { width: 25%;
  	margin: 0 10px 0 0;
  	padding: 35px 0 0 0;
	width: 180px;
	font-size: 116.67%;
	border: 0px solid red;
 }
  #col1_content { padding: 0 .5em; }

  #col2 { width: 25%; 
  	margin: 0 0 0 0px;
  	padding: 61px 0 0 0;
	width: 140px;
	min-height: 420px;
    font-size: 84.33%;
}
  #col2_content { padding: 0; }

  #col3 { 
	margin: 0 150px 0 180px;
	padding: .4em 0 0 0;
	background: url(../../img/bg_main.png) no-repeat left top;
    font-size:100%;
	border: 0px solid red;
}
  #col3_content { 
  padding: 30px 40px; 
  	min-height: 720px;
	background: url(../../img/bg_footer.png) no-repeat center bottom;

}
  
  
  
  

}