@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-2007, 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.3
 * @revision        $Revision: 118 $
 * @lastmodified    $Date: 2007-08-18 16:03:42 +0200 (Sa, 18 Aug 2007) $
*/


/*slimbase*/
@media all{*{margin:0;padding:0}option{padding-left:0.4em}select{padding:1px}* html body *{overflow:visible}* html iframe,* html frame{overflow:auto}* html frameset{overflow:hidden}body{font-size:100.01%;background:#fff;color:#000;text-align:left}div{outline:0 none}fieldset,img{border:0 solid}ul,ol,dl{margin:0 0 1em 1em}li{line-height:1.5em;margin-left:0.8em}dt{font-weight:bold}dd{margin:0 0 1em 0.8em}blockquote{margin:0 0 1em 0.8em}blockquote:before,blockquote:after,q:before,q:after{content:""}.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}.clearfix{display:block}.floatbox{overflow:hidden}#ie_clearing{display:none}.skip,.hideme,.print{position:absolute;top:-32768px;left:-32768px}.skip:focus,.skip:active{position:static;top:0;left:0}#skiplinks{position:absolute;top:0px;left:-32768px;z-index:1000;width:100%;margin:0;padding:0;list-style-type:none}#skiplinks a.skip:focus,#skiplinks a.skip:active{left:32768px;outline:0 none;position:absolute;width:100%}}
@media screen,projection{#header{position:relative}#topnav{text-align:right}#header #topnav{position:absolute;top:10px;right:10px}#header,#nav,#main,#footer{clear:both}#col1{float:left;width:200px}#col2{float:right;width:200px}#col3{width:auto;margin:0 200px}#col1_content,#col2_content,#col3_content{position:relative}.subcolumns{width:100%;overflow:hidden}.subcolumns_oldgecko{width:100%;float:left}.c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c60l,.c62l,.c66l,.c75l,.c80l{float:left}.c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c60r,.c66r,.c62r,.c75r,.c80r{float:right;margin-left:-5px}.c20l,.c20r{width:20%}.c40l,.c40r{width:40%}.c60l,.c60r{width:60%}.c80l,.c80r{width:80%}.c25l,.c25r{width:25%}.c33l,.c33r{width:33.333%}.c50l,.c50r{width:50%}.c66l,.c66r{width:66.666%}.c75l,.c75r{width:75%}.c38l,.c38r{width:38.2%}.c62l,.c62r{width:61.8%}.subc{padding:0 0.5em}.subcl{padding:0 1em 0 0}.subcr{padding:0 0 0 1em}.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}.equalize >div{display:table-cell;float:none;margin:0;overflow:hidden;vertical-align:top}}
@media print{.subcolumns >div,.floatbox{display:table;overflow:visible}.print{position:static;left:0}.noprint{display:none !important}}



@media all
{
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Formatting YAML's  basic layout elements
   * (de) Gestaltung des YAML Basis-Layouts
  */

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  *{margin:0;padding:0}
  body { background:url("../img/page_bg.jpg") repeat scroll 0 0 #000000; width:1240px;text-align: center}

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  #page_margins {margin: 10px auto; border: 0px #889 solid; }
  #page_margins { text-align:left; float:left; margin-left:50px}

  #page{padding:10px 15px;;background:#fff;float:left;width:960px;}
  
  /* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */
  #header {height:110px; color:#fff;background:url("../img/home_header_bar.jpg") no-repeat scroll 0 bottom transparent;margin:0 0 10px;}
  #header img.headImg1 {position:absolute; bottom:15px; left:10px; font-size:208%;}
  #header h1 span {display:block; height:1px; width:1px; overflow:hidden; line-height:105px;}
  #header div.tx-macinasearchbox-pi1 {position:absolute; top:40px; right:10px; font-size:11px;}
  #header div.tx-macinasearchbox-pi1 input {margin-left:0;background:#F6F6F6;}
  #header div.tx-macinasearchbox-pi1 form span {display:block; font-weight:bold; color:#aaa;}
  #header div.tx-macinasearchbox-pi1 form input {width:147px; height:23px;line-height:23px;}
  #header #banner {position:absolute; top:25px; right:10px; z-index:10;}
  #header #topnav {top:2px; font-size:0.9em; color:#aaa; background:transparent;}
  #header #topnav span.accessKey {text-decoration:underline;}
  #header #topnav span.showAccessKey {font-size:80%; font-style:italic;}

  /* (en) adjustment of main navigation */
  /* (de) Anpassung der Hauptnavigation */
  #nav{margin-bottom: 15px}
  #nav ul {margin-left:0;z-index: 100}
  #nav_main {}

  #main { background: #fff;padding:0 0; min-height:756px;}

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

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


  #col1_content { padding: 0 24px 0 0; }

  #col2_content { padding: 0 0 0 0; margin: 30px 10px 0 0; border: 1px dashed #c9c9c9;}
  #col2_content .csc-default p, 
  #col2_content .csc-default img, 
  #col2_content .csc-default ul { padding: 0 10px; }

  #col3_content { padding: 0; margin: 30px 0 0 0;}

  /* ####################################
  ** ### Teaser #########################
  ** ####################################
  */
  #teaser {margin:0; padding:0; background:#eee; color:#888;}
  #teaser div {float:left; width:auto; font-size:0.9em;}

  #teaser .rootline {margin:6px 0 4px 10px;}
  #teaser .rootline a {color:#888; text-decoration:underline;}
  #teaser .rootline a:hover {background:transparent;}

  #teaser .langMenu {float:right; margin:3px 10px 0 0;}
  #teaser .langMenu a:hover {background:transparent;}
  #teaser .langMenu img {margin-top:5px;padding-right:3px;}
  #teaser .langMenu .tx-srlanguagemenu-pi1 .CUR img {padding-right:1px;}
  #teaser .langMenu .tx-srlanguagemenu-pi1 .CUR img.tx-srlanguagemenu-pi1-flag {padding-right:3px;}
  #teaser .langMenu .tx-srlanguagemenu-pi1 form#sr_language_menu_form fieldset legend {display:none;}
  #teaser .langMenu .tx-srlanguagemenu-pi1 form#sr_language_menu_form fieldset label {display:none;}

  #teaser .selectFontSize {float:right; margin:6px 10px 0 0;}
  #teaser .selectFontSize a {color:#fff;}
  #teaser .selectFontSize a:hover {background:transparent;}

  #teaser .aktDatum {float:right; margin:6px 20px 4px 0;}
  #topAds {border: 0 solid #000000; padding: 5px 0 0 0; text-align: center; width: 990px; float:left}
  #sideAds {float:left;width:160px;margin:-207px 0 0 994px; position:absolute;top:340px;}
  /*#sideAds {float:left;width:160px;margin:-300px 0 0 994px; position:fixed;top:10%;}*/
  /* -316px 0 0 994px */
  .hidden {display:none;}
  #loginbox{margin:0 0 10px 0;}
  .datetime{border-bottom:1px dashed #c9c9c9;margin:0 0 25px 0;}
  .datetime h1,
  .datetime h2,
  .datetime h3,
  .datetime h4,
  .datetime h5{text-transform:uppercase;font-family: 'Georgia', Times, Times New Roman, serif; font-weight: normal; font-size: 11px; color: #666; line-height: 30px; margin: 0; text-indent: 10px;}

  .tx-odsajaxmailsubscription-pi1 {background:#E3DFD4;padding:10px;}
  .tx-odsajaxmailsubscription-pi1 h3{color:#B00F1F;text-transform:uppercase;text-align:center;}
  .tx-odsajaxmailsubscription-pi1 p{color:#666;font-weight:bold;text-transform:uppercase;}
  .tx-odsajaxmailsubscription-pi1 input {margin:0;color:#666;}
  .tx-odsajaxmailsubscription-pi1 input#subscMail {width:160px;}

  #register {margin:0 0 10px 0;}
  #register ul{margin:0 0 1em;text-transform:uppercase;}
  #register ul li a{color:#ff0000;}
  #register ul li a:hover,
  #register ul li a:focus,
  #register ul li a:active{text-decoration:underline;}

  #footer {float: left; width:100%;color:#666; margin-top:20px;}
  #footer .footer_navigation{ display: none;float: left; width:50%;margin:0 10%; padding:15px 10% 15px 20%; background: url('../img/agefi_footer.jpg') no-repeat left center}
  #footer .footer_navigation div.footeritem{visibility: hidden;}
  #footer ul {list-style-type:none;}
/*  #footer img{margin:20px 0 0 20px;}*/
  #footer .footeritem{float:left;width:30%; margin-right: 3%; overflow: hidden}
  
  #footer2 {border-top: solid 5px #B11020}
  #footer2, #footerExtLinks, #footerNavLinks{width:100%;float:left}
  #footer2 .crossSelling{float:left; border-bottom: 3px solid #6B6A69; height: auto;background: #f9f9f9; width:100%}
  #footer2 .crossSelling .crossSellingTitle{margin:0;background: #c9c9c9;text-align:center; line-height: 40px; font-size: 17px;}
  #footer2 .crossSelling DIV:hover{background: #c9c9c9}
  #footer2 .crossSelling A{color:#222222; float: left;width: 110px;height: 220px; overflow:hidden; display: block; margin:10px 25px;font-size: 12px}
  #footer2 .footeritem, #footerExtLinks .footeritem{float:left}
  #footerExtLinks .footeritem{width:110px; padding:10px 25px; text-align: left}
  #footerExtLinks .footeritem A{text-decoration: underline; font-size: 10px}
  #footerExtLinks .footeritem A:hover{text-decoration: none}
  #footerExtLinks, #footerNavLinks{background: none;text-align: left;color:#505050; padding:10px 0}
  #footerExtLinks A, #footerNavLinks A{color: #505050; font-size: 10px;}
  #footerNavLinks A:hover{text-decoration: underline}
  #footerExtLinks{border-bottom:3px solid #D5D5D5}
  #footerNavLinks { font-size: 10px; padding: 10px 0 30px 0;}


  /*MAIN NAVIGATION MENU*/
  ul.menu, ul.menu ul {list-style-type: none; background: #f9f9f9; float: left; width: 100%; text-align: left;}
  ul.menu{height: 30px;}
  ul.menu a {display: block; padding: 0px 10px; font-weight:bold; color: #000; font-family: Georgia, Times, Times New Roman, Serif; font-size: 12px; line-height: 30px;}
  ul.menu a:hover, #footer ul.menu a:hover {background: #c9c9c9;}
  ul.menu ul li a {padding: 0px 10px; color: #666677; background: #f9f9f9;}
  ul.menu ul li a:hover, ul.menu li.rightalign ul li a:hover, #footer ul.menu li.rightalign ul li a:hover {background: #c9c9c9; color: #000;}
  ul.menu li {padding:0; margin:0; float:left; height: 30px;}
  ul.menu>li{border-left: 1px solid #000;}
  ul.menu > li.act{background: #c9c9c9;}
  ul.menu>li:first-child{border: none;}
  ul.menu ul {margin:0; padding: 0; position: absolute; background-color: #f9f9f9; display:none; width:auto;}
  ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {display:block; float:left;}
  ul.menu ul li {float:none; border-bottom: 1px solid #E5E0DC; background-color: transparent; width:100%;}
  
  ul.menu li.rightalign {float: right !important; width: 143px; display: inline;}
  ul.menu li.rightalign a {text-align: center;}
  ul.menu li.rightalign ul li a {text-align: left; color: #666677;}
  #footer ul.menu li.rightalign ul li a {text-align: left; color: #666677;}


  /*SUB NAVIGATION MENU*/
  ul#submenu {border-top: 1px solid #FFFFFF; list-style-type: none; margin: 2.5em 0 1.5em; overflow: hidden; width: 100%;}
  ul#submenu li {float: left; margin: 0; padding: 0; width: 100%;}
  ul#submenu li#title {background-color: #F1E1E1; border-bottom: 1px solid #FFFFFF; color: #444444; font-weight: bold; padding: 1px 0 1px 10%; width: 90%;}
  ul#submenu li a {background-color: transparent; color: #444444; padding-left: 10%; width: 90%;}
  ul#submenu li a:focus, #submenu li a:hover, #submenu li a:active {background-color:#AA1124; color: #fff;}
  ul#submenu a, #submenu strong {background-color: #FFFFFF; border-bottom: 1px solid #FFFFFF; color: #444444; display: block; padding: 1px 0 1px 10%; text-decoration: none; width: 90%;}
  ul#submenu { display: none; }

  /*BASE LAYOUT*/
  #col3 {float:right; width:15%;}
  #col1, #col2, #col3{margin:0}
  /*1 - 3*/
  .layout1 #col1 {width: 75%; padding: 0 5%; float:left}
  .layout1 #col2, .layout1 #col2_content {display:none; float:left}
  .layout1 #col3_content form select {margin-bottom:1em; width:100%;}

  /*1-2-3*/
  .layout2 #col1 {width: 50%; float:left;}
  .layout2 #col2 {width: 35%; float:left;}

  /*2-1-3*/
  .layout3 #col1 {width: 30%; float:left;}
  .layout3 #col2 {width: 55%; float:left;}
  
  /*12-3*/
  .layout2 #col12 {width: 85%; float: left;}

    /*1-2*/
    .layout5 #col2 {
        width: 35%;
        float: left;
    }
    .layout5 #col1 {
        width: 65%;
        float: left;
    }

/*2-1-3*/
.layout4 #col1 {width: 100%; float:none;}

  .clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}
  .clearfix{display:block}
  
  /** single elements: newspaper images */
  div#c313, div#c319, div#c325, div#c326, div#c327  { background-color: #e3dfd4; padding-top: 10px;}
  #footerExtLinks {
    display: none;
  }
}