@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-2009, 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.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@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: #fff; overflow-y:scroll;}

	/* (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: 60em; max-width: 100em; background: #fff; }
	.page { padding: 5px 0px 0px 0px; }

	/* (en) Designing main layout elements */
	/* (de) Gestaltung der Hauptelemente des Layouts */

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

    /**
    * (en) Repositioning nav container
    * (de) Neupositionierung der Nav Container
    *
    * |-------------------------------|
    * | #header                       |
    * |-------------------------------|
    * | #nav                       |
    * |-------------------------------|
    * | #breadcrumb                   |
    * |-------------------------------|
    * | #content                       |
    * |-------------------------------|
    * | #footer                       |
    * |-------------------------------|
    */
	
	#main { background: #fff;padding:10px 0; }

	/*----------------*/
    /*     FOOTER     */
    /*----------------*/    
	
	#footer {
		color:#9EA49E;
    	padding: 5px 10px;
    	border-top: 1px #ec870e solid;
    	line-height: 1.5em;
    	clear: both;
    	font-size: 75%;
    	
	}

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

	/**
	* (en) Repositioning nav container
	* (de) Neupositionierung der Nav Container
	*
	* |-------------------------------|
	* | #header                       |
	* |-------------------------------|
	* | #nav                       |
	* |-------------------------------|
	* | #breadcrumb_placeholder| breadcrumb_nav| breadcrumb_content |
	* | flexible                | 22% |
	* |-------------------------------|
	* | #content                       |
	* |-------------------------------|
	* | #footer                       |
	* |-------------------------------|
	*/


	#col1 { width: 18%; }
	#col1_content { padding: 0px 10px 0px 0px; min-height: 25em;}

	#col2 { width: 18%; }
	#col2_content { padding: 0px 10px 0px 10px; min-height: 25em;}

	#col3 { min-width: 50%; width: auto; margin: 0 18% 0 18%; min-height: 25em;}
	#col3_content { padding: 0px 10px 0px 10px; min-height: 25em; background: url("../../grafiken/col3.background.punktewolke.gif") no-repeat 50% 350px; background-attachment: fixed;}
  
  
	/**
  * (en) Repositioning nav container
  * (de) Neupositionierung der Nav Container
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #nav                       |
  * |-------------------------------|
  * | #breadcrumb_placeholder| breadcrumb_nav| breadcrumb_content |
  * | flexible                | 20% |
  * |-------------------------------|
  * | #content                       |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  #breadcrumb {width: 100%; height: 1em; clear: both; border-top: 1px #fff solid; border-right: 1px #fff solid;}

  /* #breadcrumb_left becomes the left column | #breadcrumb_left wird zur linken Spalte */
  #breadcrumb_left { width: 18%; margin: 0; float: left; background: transparent; }
  #breadcrumb_left_content { padding: padding: 0px 20px 0px 10px; }
	  
  /* #breadcrumb_nav becomes the middle column | #breadcrumb_nav wird zur mittleren Spalte */
  #breadcrumb_nav { min-width: 50%; width: auto; margin: 0; float: left; background: transparent; }
  #breadcrumb_nav_content { padding: 0px 10px 0px 10px; }

  /* #breadcrumb_right becomes the right column | #breadcrumb_right wird zur rechten Spalte */
  #breadcrumb_right { width: 18%; float:right; background: transparent; }
  #breadcrumb_right_content { padding: 0px 20px 0px 10px; }
  
  

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

  /**
   * (en) Styling of layout specific elements
   * (de) Gestaltung layoutabhängiger Elemente
   */

  #header h1 {
    font-weight:bold;
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
    color:#000;
  }

  #header span { color:#999; }

  #topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color: transparent;}

  #footer a { color: #999; background:transparent; font-weight: bold;}
  #footer a:focus,
  #footer a:hover,
  #footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}


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

    /* (en) adjustment of main navigation */
    /* (de) Anpassung der Hauptnavigation */
    #nav .hlist {
        background: url("../../grafiken/topnav.background.gif") repeat-x bottom left #ec870e;
        border: 1px transparent;
        float: left;
        height: 2.8em;
    }
    #nav .hlist ul {
        border-left: 1px solid #FEE6C3;
        border-top: 0px transparent;
        border-right: 0px transparent;
        border-bottom: 0px transparent;
        float: left;
        margin: 0px 0px 0px 82%;
        padding-left:5px;
    }
    #nav .hlist ul li {
        border: 0px transparent;
        font-size: 0.9em;
        line-height: 1.2em;
    }

    #nav .hlist ul li a {
        font-weight: normal;
        color: #fee6c3;
        padding:0.5em 0.4em;         
    }

    #nav .hlist ul li a:focus,
    #nav .hlist ul li a:hover,
    #nav .hlist ul li a:active  { 
        background: url("../../grafiken/topnav.active-sign.png") no-repeat top center; 
        color: #fff; 
        text-decoration: none; 
    }   

	
    /*----------------*/
    /*     HEADER     */
    /*----------------*/    
    #header {
        color: #000;
        background: #fff repeat-x top left;
        padding: 25px 0em 0em 0px;
    }
    #header .rocon-it-logo {
        /*margin: 0px 0px 0px 80%;*/
        z-index: 1;
        position: absolute;
        top: 40px;
        left: 72.5%;
    }

    #header .rocon-it-header {
        margin: 0px;
    }
	

}