@charset "UTF-8";
/**
 * "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.2
 */

@media screen, projection
{
  /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { overflow-y: scroll; }

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

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #f9f9f9; }

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body {
	background: #f2f2f2 url("../../images/body-background.jpg") repeat-x top left fixed;
  }

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  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: 1000px;*/ max-width: 1000px; background: transparent; }
  #header, #nav, #main { overflow: hidden; min-width: 1000px; }
  
  /* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */
  #header { }
  #header .page { position: relative; padding: 32px 2em 33px 0px; /*padding: 45px 2em 1em 20px;*/ }

  #topnav { color: #00436a; background: transparent; }

  #nav {
	background: transparent url("../../images/main-nav-background.png") no-repeat top center;
	}

  #main { z-index: 0; padding: 0; margin-top: -3px; }

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

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

  #col1 { float: right; width: 228px; }
  #col2 { display: none; }
  #col3 {
	width: auto;
	margin: 0 228px 0 0;
	padding: 72px 0 0 309px;
	height: 529px;
	background: transparent url("../../images/start-content-background_new.png") no-repeat 0 0;
	}
  #col1_content {
	padding: 63px 20px 0 19px;
	background: #eee url("../../images/teaser-right-background.png") repeat-x;
	border-right: 1px solid #fff;
	}
  #col3_content { padding: 0; }
	
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * (en) Modifying "shiny buttons" navigation
  * (en) Anpassung der "Shiny Buttons" Navigation
  */

  #nav * { border: 0px none; }
  .hlist { z-index: 1; overflow: visible; margin-left: 8px; width: 790px; /*background: #e8e8e8;*/ }
  .hlist ul { /*margin-left: 20px;*/ }
  .hlist ul li { height: 51px; line-height: 1.2em; border-bottom: 3px solid transparent !important; }

  .hlist ul li a,
  .hlist ul li strong { color: #fff; font-weight: normal; padding: 18px 12px 20px 12px; font: 14px Verdana, Geneva, sans-serif; }

  .hlist ul li a:focus,
  .hlist ul li a:hover,
  .hlist ul li a:active  { background: none; color: #7eb017; }

  .hlist ul li.active,
  .hlist ul li:hover { background: none; border-bottom: 3px solid #7eb017 !important; }

  .hlist ul li.active strong,
  .hlist ul li.active a,
  .hlist ul li.active a:focus,
  .hlist ul li.active a:hover,
  .hlist ul li.active a:active { color: #7eb017; /*font-weight: bold;*/ }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * (en) Styling of layout specific elements
  * (de) Gestaltung layoutabhängiger Elemente
  */
  
  #topnav ul { margin: 0 40px 0 0; font-size: 10px; }
  #topnav ul li { list-style: none; display: inline; margin: 0; padding: 0 0 0 4px; }
  #topnav a { color: #00436a; font-weight: normal; background:transparent; text-decoration:none; margin-left: 4px; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color: transparent; }

 /**
  *
  */
  
  #search {
	float: left;
	background: transparent url("../../images/search-background.png") no-repeat;
	width: 200px;
	height: 50px;
	/*border: 1px solid red;*/ }
  #search input#searchterm { height: 16px; margin: 16px 0 0 24px; width: 135px; /*border: 1px solid blue;*/ }
  #button-search { margin-left: 3px; margin: 18px 7px 0 7px; /*border: 1px solid green;*/ }

 /**
  *
  */
  
  #col1_content .teaser_right { border-top: 1px solid grey; border-bottom: 1px solid gray; text-transform: uppercase; font-size: 116.67%; font-weight: bold; padding: 7px 0; margin-bottom: 16px; }

 /**
  *
  */
  
  #teaser-right-footer {
	background: transparent url("../../images/footer-teaser-right.png") no-repeat;
	width: 228px;
	height: 72px; }
  #teaser-right-logos { margin: 18px 0 0 20px; }
  #teaser-right-logos img {
	margin-bottom: 12px;
	behavior: url('../../script/iepngfix.htc'); }

 /**
  *
  */
  
  a.print-page {
	background: transparent url("../../images/icon-print.png") no-repeat;
	padding-left: 20px;
	font-size: 10px;
	color: #929291;
	margin-left: 3px; }

 /**
  * (en) Styling of article list
  * (de) Gestalltung für die Artikelliste
  */
  
  .articlelistItem { width: 100%; border-bottom: 1px solid #CCC; margin-top: 10px; }
  .articlelistItem img {
	float: left;
	margin-right: 10px;
	}
  .articlelistItem h4.articlelistHeadline { font-size: 11px; margin: 0 0 10px 0; }
  .articlelistItem a.articlelistHeadline { font-weight: bold; }
  .articlelistItem p.articlelistSubheadline { margin: 0 0 5px 0; font-weight: bold; }
  .articlelistItem p.articlelistContent { font-size: 11px; margin-bottom: 0; }
  .articlelistItem p.articlelistContent img {
	float: right;
	margin-left: 10px;
	}
  .articlelistItem a.articlelistMore { font-size: 11px; padding: 0; margin: 0 0 5px 0; text-transform: lowercase; }
  .articlelistNavigation { width: 100%; text-align: center; margin: 10px 0 20px 0; }
   .articlelistItem .date {
       font-size: smaller;
   }
 /**
  *
  */
  
  .textItem { width: 370px; height: 180px; }
  .textItem h1 { font-size: 24px; }
  .textItem p { font-size: 11px; }
  
  #more_link_home { margin-top: 30px; font-size: 11px; font-weight: bold; }
  
}