@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; padding: 0; }

  /* (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 { width: 990px; background: #fefffc; }
  .page { padding: 0 30px; }

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

  #header {
    color: #000;
    padding: 0 20px;
    padding-bottom: 50px;
  }
#logo {margin-left:-20px;}



  #main { }

  #footer {
    margin: 80px 0 80px 0;
    padding: 10px 0px;
  }

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

  /**
   * (en) Repositioning content container
   * (de) Neupositionierung der Content Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col2   | #col1     | #col3   |
   * | 25%     | 50%       | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */

  #main { width: 100%; float:left; }

  /* #col1 becomes the middle column | #col1 wird zur mittleren Spalte */
  #col1 { width: 75%; float:left; margin-left: 0%; }
  #col1_content { padding-left: 0px; padding-right: 40px }

  /* #col2 becomes the left column | #col2 wird zur linken Spalte */
  #col2 { display: none;}
  #col2_content { padding-left: 20px; padding-right: 10px }

  /* #col3 becomes the right column | #col3 wird zur rechten Spalte */
  #col3 {  float:right; width: 25%; margin-left: -5px; margin-right: 0%; }
  #col3_content { padding-left: 0px; padding-right: 0px }

  /*------------------------------------------------------------------------------------------------------*/
  
  #topnav {
    color: #929391;
  }
  
  #topnav a {
    color: #929391;
    text-transform:uppercase;
    padding: 0 5px;
  }
  
  #topnav div {
    display: inline-block;
  }
  
  #menu_top {
    color: #525351;
    padding-bottom: 10px;
  }
  
  #menu_top ul{
    padding: 0; margin: 0;
  }
  
  #menu_top li {
    padding: 0; margin: 0;
    list-style: none;
    float: left;
    padding-right: 20px;
  }
  
  #menu_top .level1 a{
    color: #525351;
    text-transform:uppercase;
  }
  
  #menu_top .level1 .act a{
    color: #cd001c;
  }
  
  #menu_top .level2 .act a{
    text-decoration: underline;
    text-transform:uppercase;
  }
  
  #menu_top ul.level2 {
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
  }
  
  #menu_top .level2 a{
    color: #CD001C;
    text-transform:uppercase;
  }
  
  #teaser img {
    padding-bottom: 50px;
  }
  
  .mainbox {
    background: #CD001C;
    color: #F8D5DB;
    font-weight: normal;
    padding: 10px;
    margin-bottom: 10px;
  }
  
  .mainbox h2 {color: #fff;}
  .mainbox h1  {color: #fff; font-weight: bold;}
  .mainbox  a{color: #fff;}
  .mainbox  a:hover {color: #fff;}

h1, csc-firstHeader {color: #CD001C;}
  
  .subbox {
    background: #e36e56;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
  }
  .subbox h1, csc-firstHeader  {color: #fff; font-weight: bold;}
  .subbox  a{color: #fff;}
  .subbox  a:hover {color: #fff;}
    /*---------------------------------News (Ju)------------------------------*/
  
  .newsstart { font-size: 12px; font-weight: normal; padding-top: 0.5em; margin-left: 105px; } 
  .news-list-date{ font-size: 12px; font-weight: normal; padding-top: 0.5em; font-family:  "Open Sans", Arial, Helvetica, sans-serif;}
  .news-latest-container {
    border-top: 1px solid #CD001C;
    /*border-bottom: 1px solid #F0B5BC;*/
    border-bottom: 1px solid #ccc;
  }
  .news-latest-item {
    padding: 10px 0 20px 0;
    border-top: 1px solid #F0B5BC;
    /*border-bottom: 1px solid #CD001C;*/
  }
  
.news-list-item-rechts {width: 233px;}
.veranstaltung-rechts h2, a.veranstaltung-rechts{ padding: 0 0 ;}
  .img_float_left {float:left; padding-right: 15px; padding-bottom: 15px;}
  
  
  #topnav input[type="text"]{background-color: #fff; color:#cd001c; border: 1px solid #cd001c; padding-left: 4px;}
  input[type="submit"]{margin-top: 4px; padding: 2px 4px;}
  input[type="text"]{background-color: #fff; color:#666; }
    input[type="password"]{background-color: #fff}
  span.powermail_mandatory {color: #525351;}
input.validation-failed,textarea.validation-failed {
  background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
  background-repeat: no-repeat;
  background-position: 98% 1px;
}
div.powermail_mandatory_js {
  color: #064767;
  margin: 2px 0 5px 200px;
}
fieldset.tx-powermail-pi1_fieldset {
  border: 1px solid #aaa;
  background-color: #fff;
  padding: 8px;
  margin: 5px;
}
fieldset.tx-powermail-pi1_fieldset legend {
  font-weight: normal;
  
  color: #fff;
  font-weight: bold;
  padding: 3px 3px;  
  background-color: #cd001c;  
}
fieldset.tx-powermail-pi1_fieldset label {

  display: block;
  width: 200px;
  float: left;
  clear: both;
  font-weight: normal;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text, fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea
 {
  padding: 2px 2px;
  width: 200px;
}

fieldset.tx-powermail-pi1_fieldset select.powermail_select {
  width: 206px;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
  margin: 5px;
}
div.tx_powermail_pi1_fieldwrap_html {

  margin: 10px;
  padding: 2px 2px;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {

  margin: 20px 0 10px 0px;
  color: #004870;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
  margin: 0;
  padding: 25px 0 10px 0;
  color: #004870;
  font-weight: bold;
}
div.countryzone {
  margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label a,
div.tx_powermail_pi1_fieldwrap_html p a {
  cursor: help;
  text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn,
div.tx_powermail_pi1_fieldwrap_html p a dfn {

  display: none;
  text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html p a:hover dfn {

  display: block;
  position: absolute;
  width: 250px;
  padding: 5px;
  background-color: #ddd;
  border: 1px solid #064767;
  color: black;
  text-decoration: none;
  font-size: 0.8em;
  text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {

  padding: 2px 2px 0 2px;
}
fieldset.tx-powermail-pi1_fieldset div.even {
  background-color: #fff;
}

td.powermail_all_td {
  padding: 3px 10px 3px 0;
}

td.powermail_all p.bodytext {
  margin: 0;
}

input:-webkit-autofill {
background-color: #ddd;
background-image: none;
color: black;
}

 /*----------------------------------LINA POWERMAIL-----------------*/   
  .tx_lo_powermail_leftimg img{
    padding: 2px;
    border: 1px solid #ccc;
  }
  
  .tx_lo_powermail_leftimg a img:hover {
    padding: 2px;
    border: 1px solid #0077C3
  }

  .tx_powermail_pi1_fieldwrap_html_book input {
    width: 50px;
  }
  
  .tx_powermail_pi1_fieldwrap_html_book h3 {
    margin-bottom: 10px;
    font-size: 14px;
  }
  
  .lo_powermail_book_input {
    padding-top: 10px;
  }
  
  .lo_powermail_book_input input {
    margin-right: 10px;
  }
  
  .lo_powermail_book_right {
    margin-left: 111px;
  }
    .lopowermailstyling .form_label{
      text-align:left;
      }
      
  .tx_fechangepassword_pi1_error {
    border-color: red;
    background-color: #FBBEA8;
  }
  
  
/*------------------------------------SLIDER-------------------------------*/
    #wb_slider_wrapper h1 {text-transform:uppercase;}
    #wb_slider_wrapper hr {color:#fff; border-bottom: 1px solid #999;}
    
    #wb_slider_wrapper  a{color:#525351;
    text-decoration:none;
    }
    #wb_slider_wrapper li.selected a{color:#CD001C;
    text-decoration:none;
    
    }
    #wb_slider_wrapper  a:hover{color:#CD001C;
    text-decoration:none;
    }
    
    
  #partnerslider {margin-top:50px;}
  #partnerslider li {
    display:inline;
    list-style:none;
    }
  #partner img {
  margin: 0 5px;
  }
  #partner{
  float:left;
  }
  
  /*PER JSSCRIPT WEGEN IF ABFRAGE
  #teaser {
  }
  */
     /*------------------------------------HEADERSLIDER-------------------------------*/  
 
  #coin-slider-teaser{
    margin-bottom:20px;
    }

  .cs-buttons {
  margin: -26px 0 0 20px;
  width: 100px;
  position: relative;
  left:0;
  }
  .cs-buttons { font-size: 0px; padding: 10px; float: left; }
  .cs-prev, .cs-next { display:none;}
  .cs-buttons a  {
    display:block;
    margin:0 3px;
    width:12px;
    height:0;
    padding-top:12px;
    background-image:url(../img/pagination.png);
    background-position:0 0;
    float:left;
    overflow:hidden;
  }
  a.cs-active {
    background-position:0 -12px;
  }
  .news-list-morelink{
    padding-left:10px;
    }
 h2.veranstaltung{
   padding: 0.5em 0 !important;
   }
}


/*------------tt-news-----------*/

#main .news-single-item dd a {
  text-decoration: underline;
  margin-left: 5px;
}
#main .news-single-item .tt_news-filesize {
  display: none;
}