@charset "UTF-8";

@media all

{

  /**

   * (en) Formatting YAML's  basic layout elements

   * (de) Gestaltung des YAML Basis-Layouts

   */



  /* (en) Marginal areas & page background */

  /* (de) Randbereiche & Seitenhintergrund */

  body {background:#343434 url("../Images/bg_gray.png") repeat-x top left fixed; padding:0px;}/* changed to 0px from 20px*/



  /* (en) Layout: width, background, borders */

  /* (de) Layout: Breite, Hintergrund, Rahmen */

  #page_margins {min-width:842px;  margin:0 auto; border:0px #889 solid;} /* removed max-width:1014px;*/

  #page{background:#fff; border:0px #C8DDF3 solid;}



  /* (en) Centering layout in old IE-versions */

  /* (de) Zentrierung des Layouts in alten IE-versionen */

  body {text-align:center;}

  #page_margins {

  background:url("../Images/bfk/pcb-pattern-side-lg1.png");

	padding-left:75px;

	text-align:left;


  }

  

  #nav, #main {

    margin-right:75px;

  }

  

  #nav {

  background:url("../Images/shiny_buttons/nav_bg.png") repeat-x scroll right top transparent;

	height:38px;

  }



  /* (en) Designing main layout elements */

  /* (de) Gestaltung der Hauptelemente des Layouts */

  #header {

  background:url("../Images/bfk/header_bg.png") repeat-x scroll 0 0 #F3F3F3;

	color:#FFFFFF;

	height:127px;

	margin-right:75px;

  }

  #header img.headImg1 {position:absolute; top:41px; left:24px; font-size:208%; z-index:31;}

  #header h1 span {display:block; height:1px; width:1px; overflow:hidden; line-height:105px;}

  #header div.tx-macinasearchbox-pi1 {position:absolute; top:138px; right:10px; font-size:11px; z-index:20 }

  /*

  #header div.tx-macinasearchbox-pi1 input {margin-left:0;}

  #header div.tx-macinasearchbox-pi1 form span {display:block; font-weight:bold; color:#aaa;}

  #header div.tx-macinasearchbox-pi1 form input {width:170px; height:13px;}

  */

  #header #banner {position:absolute; right:10px; top:24px; z-index:10;}

  #header #topnav {right:12px; top:108px; font-size:0.9em; color:#333; background:transparent;}

  #header #topnav span.accessKey {text-decoration:underline;}

  #header #topnav span.showAccessKey {font-size:80%; font-style:italic;}

  

  #header .langMenu {position:absolute;top:133px;left:-68px;}

  #header .langMenu a:hover {background:transparent;}

  #header .langMenu img {margin-top:5px;padding-right:3px;}

  #header .langMenu .tx-srlanguagemenu-pi1 div { display:inline; margin-left:5px; }

  #header .langMenu .tx-srlanguagemenu-pi1 div.CUR {position:relative;}

  #header .langMenu .tx-srlanguagemenu-pi1 div.CUR img:first-child { left:-9px;position:absolute;bottom:6px; }

  #header .langMenu .tx-srlanguagemenu-pi1 .CUR img {padding-right:1px;}

  #header .langMenu .tx-srlanguagemenu-pi1 .CUR img.tx-srlanguagemenu-pi1-flag {padding-right:3px;}

  #header .langMenu .tx-srlanguagemenu-pi1 form#sr_language_menu_form fieldset legend {display:none;}

  #header .langMenu .tx-srlanguagemenu-pi1 form#sr_language_menu_form fieldset label {display:none;}

  

  #header #menu2 ul li { line-height:1em; }

  

  #topnav { z-index:50 }



  /* (en) adjustment of main navigation */

  /* (de) Anpassung der Hauptnavigation */

  #nav_main {border-bottom:0;}

  #nav ul {margin-left:2em;}



  #main {background:#fff;padding:0 0; height: 527px; overflow-y:scroll;} 


  

  #footer {

   
    /* content: url("../Images/bfk/footer_bg.png") repeat-x;  */

    background: url("../Images/bfk/pcb-pattern-side-cropped-1.png") no-repeat, url("../Images/bfk/footer_bg.png") no-repeat,  url("../Images/bfk/pcb-pattern-side-cropped.png") no-repeat;

    border-top:0 solid #EFEFEF;

    color:#666666;

    left: 0; /*additionally added*/

    right: 0; /*additionally added*/

    bottom: 0; /*additionally added*/
  
    margin: 0 1px 0 0;/*removed (0 0) */

    position:fixed; /* changed from relative to fixed*/

    height: 19px;

    background-position: left, center, right;

    background-size: auto, calc(100% - 149px) 19px, auto;

    /* background-blend-mode: hard-light; */



  }



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



  /**

   * (en) Formatting content container

   * (de) Formatierung der Inhalts-Container

   *

   * |-------------------------------|

   * | #header                       |

   * |-------------------------------|

   * | #col1   | #col3     | #col2   |

   * | 25%     | flexible  | 25%     |

   * |-------------------------------|

   * | #footer                       |

   * |-------------------------------|

   */





  #col1 {width:25%}

  #col1_content {padding:10px;}



  #col2 {width:25%; border-left:2px solid #EFEFEF; }

  #col2_content {padding:10px;}



  #col3 {margin:0 25%}

  #col3_content {

  background:none repeat scroll 0 0 white;

	padding:14px 2em 13px;

	overflow-y:auto;

  }



  /* ####################################

  ** ### Teaser #########################

  ** ####################################

  */

  #teaser {

  	position:relative;

  	padding-left:2em;

  	background:white url(../Images/bfk/teaser_bg.png) repeat-x scroll left bottom;

  	color:#888;

  	height:28px;

  }

  #teaser div {float:left; width:auto; font-size:0.9em;}



  #teaser .rootline {margin:6px 0 4px 0;}

  #teaser .rootline a {color:#888; text-decoration:underline;}

  #teaser .rootline a:hover {background:transparent;}



  #header .selectFontSize {bottom:11px;position:absolute;right:14px;}

  #header .selectFontSize a {color:#fff;}

  #header .selectFontSize a:hover {background:transparent;}



  #teaser .aktDatum {float:right; margin:6px 8px 4px 0;}

}