@charset "UTF-8";
@media all
{
/**
 * "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 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.1
 */

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

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body {background:transparent url("../../images/grauweiss.png") repeat-x scroll 0 134px; }
  div.background1 {background:transparent url("../../images/streifen_oben.png") repeat-x scroll left top;}

  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  /* POSITION RELATIVE WEGEN NAVIGATION POSITIONIERUNG ABSOLUT */
  div.page_margins { width: auto;  min-width: 740px; max-width: 90em; background: #fff; position:relative; }
  /* KOMDES ABSTAND ZU OBEN BITTE SO SCHREIBEN DIV.PAGE_MARGINS ... */
  
  div.ariaslogo { padding:1em 0 0 5px;width:251px; height:90px;}
  div.ariaslogo a:hover  {background:transparent;height:100px ! important;}
  div.schattlinks {
    background: url("../../images/schatten_links.png") no-repeat scroll left top transparent;
    height: 1082px;
    left: -29px;
    position: absolute;
    top: 0;
    width: 30px;
    z-index: 6;
}

div.schattrechts {
    background: url("../../images/schatten_rechts.png") no-repeat scroll right top transparent;
    height: 1082px;
    position: absolute;
    right: -29px;
    top: 0;
    width: 30px;
    z-index: 5;
}
  
  
  

  .page { padding: 0px; }
  div.page {border-right:1px solid #999;border-left:1px solid #999;border-bottom:1px solid #999;}
  div#header { padding: 0px 0px 3em 0px; color: #000; background:transparent url(../../images/streifen_oben.png) repeat-x scroll left top; }
  /* KOMDES :: BRAUCHT ES, DAMIT DAS BILD NICHT DARUEBER LAMPT */
  div#header {overflow:hidden;}
  div#header div.meinBildkopf { border:0px solid #999999;position:absolute; top:2.6em; right:47.2em; z-index:10; width:auto;height:auto; padding:5px; background-color:none; }
  div#header div.meinBildkopf h1,   #header div.meinBildkopf p  {
	  display:inline; 
	  color: #000;
	  letter-spacing:1px; 
	  font-size:1.8em;margin-bottom:0px; 
	  font-weight:normal;
	  }
  #header div.meinBildkopf p {font-size:0.9em;}
  div#topnav {display:none; color: #aaa; background: transparent; width:auto; }
  #header #topnav {right:10px;}
  #header img {margin-right:20px;}
  div#sprachen {font-size:0.9em;position:absolute; top:9.3em; right:1.2em; z-index:11; width:auto;height:20px;background-color:none; }
  div#sprachen ul li {display:inline; }
  #nav { overflow:hidden; }
  div.hlist {display:none; }
  #main { margin: 0px 0; background: #fff; border-bottom:1px dotted #999;}
  /* KOMDES :: DURCH DEN VORANGESTELLTEN DIV PLUS TAG DOMINIERT DIESER TAG */
  div#footer { padding: 10px 20px; color:#666; background: #FFF; border-top: 0px #efefef solid; }

  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul { margin-left: 20px; }
  
  
 

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

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 { float: left; width: 25%;  margin:0 }
  #col2 { float: right; width: 25%;  margin:0 }
  #col3 { width: auto; margin: 0 25% 0 25%}
  #col1_content { padding: 35px 10px 0 10px }
  #col2_content { padding: 41px 20px 0 10px }
  #col3_content { padding: 20px 10px }


  /* set column dividers */ 
  #col3 { border-left: 1px #999 dotted; min-height:590px; }
  #col3 { border-right: 1px #999 dotted }
  
  div#col3_innen {padding: 20px}
	
  /*-------------------------------------------------------------------------*/
  
}