/**
 * "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.1 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.3
 */

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

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

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: 960px; background: #fff; }
  .page { padding: 0px; }
  #header { 
    /* padding: 45px 2em 1em 20px; */ 
    height:226px;
    color: #000; 
    background: #fff url(../../images/header_bg.jpg) no-repeat 0 0px; }
    
  #header a.logo_gross {
    position:relative;
    top:20px;
    left:270px;
    }
    
  #header #bilderheader {
    position:relative;
    left:131px;
    top:76px;
    width:1000px;
    overflow:hidden;}
  
  #header #bilderheader img{
    margin-left:35px;}    
    
  #nav { overflow:hidden; }
  #main { /* margin: 10px 0; */ background: #fff; padding-bottom: 40px;}
  #footer {
  clear:both;
    color:#666;
    margin-bottom: 100px;
    text-align: center;
    height: 35px;
    background-color: grey; /* For browsers that do not support gradients */
    /* background: -moz-linear-gradient(top, #722374 0%, #722374 16.66%, #f79210 16.66%, #f79210 33.23%, #5db43d 33.23%, #5db43d 49.98%, #0b4d7e 49.98%, #0b4d7e 66.64%, #9c1015 66.64%, #9c1015 83.3%, #e63e41 83.3%,#e63e41 100% ); } */
    }
    
    

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

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

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

  #main { float: left; width: 100%; min-height:500px; }
  #col1 { float: right; width: 75%;  margin: 0 0 0 -50%; border: 0px solid green; }
  #col2 { float: right; width: 23%;  margin: 0; border: 0px solid blue; }
  #col3 { float: left; width: 25%; margin-right: -5px; margin-left: 3px;border: 0px solid red;}
  #col1_content { padding: 0 10px }
  #col2_content { padding: 0 10px 0 38px }
  #col3_content { padding: 90px 25px 0 10px }
  
  /*-------------------------------------------------------------------------*/
  
 }
 
 /*
  ** Menue Links
  */
  
  
  #submenu {
    margin-bottom: 40px;
    margin-top:0px;
    display: block;
  }
  
   #submenu ul li{
  list-style: none;
  margin:6px 0 6px 0;
  }

  
  
  #submenu ul li.subactive a {
    text-decoration: none;
    color:#9fb2bc;
    /* font-weight:bold; */
    
  }
  
  #submenu ul li.subactive ul.ebenezwei li {
    /* list-style-type: circle; */
    /* font-weight:bold; */
    margin-left:-8px;
  }
  
  
  
  #submenu ul li.subactive ul.ebenezwei li a {
    text-decoration: none;
    color:#5b5b5b;
    /* font-weight:bold; */
    padding-left:10px;
    background: url(../../images/list-style.png) no-repeat 0px 5px;
  }
  
  #submenu ul li.subactive ul.ebenezwei li.subsubactive a {
    text-decoration: none;
    color:#80949e;

  }
  
  /*
  ** KONTAKTFORMULAR
  */
  
  .kontaktForm {
    margin:-10px 0px 20px -19px;
    width:380px;
  }
  
  .kontaktForm ol li label em {
    float:left;
    font-size: 12px;
    font-weight:bold;
    color:#000;
    }
  
  .kontaktForm ol {
    padding:0px;
    margin:0px;
     
  }
  
   .kontaktForm ol li {
    padding:0px;
    margin:0px;
    
  }
  
  .kontaktForm ol li label {
    float:left;
    width:13px;

  }
  
  .kontaktForm ol li textarea {
    float:left;
    padding:5px 8px;

  }
  
  .kontaktForm ol li input {
    width:250px;
    padding:5px 8px;
    border:1px solid #787878;
  }
  
  .kontaktForm ol li .kontaktFormbutton {
    width:120px;
    margin-left:19px;
    background: #cdd2d7;
    color:#fff;
  }
  
  .kontaktForm ol li .kontaktFormbutton:hover {
    background: #b3bbc3;
    color:#fff;
    cursor: pointer;
  }
  
  .csc-form-confirmation-false input {
    width:160px;
    padding:5px 8px;
    background: #cdd2d7;
    color:#fff;
    border:1px solid #787878;
  }
  
  .csc-form-confirmation-true input {
    width:120px;
    padding:5px 8px;
    background: #cdd2d7;
    color:#fff;
    border:1px solid #787878;
  }


  /*
  ** FORMULAR SUCHFELD
  */
  
  #suchfeld {
    position: absolute;
   z-index:1;
    margin-bottom:40px;}

   
  /*
  ** Galerieansicht
  */
  
 .tx-yag-theme-perfectlightbox-imagecontainer {
   width:440px !important;
   margin-left:22px !important;  
 }
  
  div.tx-yag-theme-perfectlightbox-thumb {
    float: left;
    height: 112px !important;
    width: 112px !important;
    border: 1px solid;
    margin:  10px !important;
    border-color: #CDD2D7;
}

  /*
  ** SUCHE
  */
  
  .tx-indexedsearch-browsebox .browsebox {
    margin-bottom: 60px;
    margin-left:-9px;
  }
  
  .tx-indexedsearch-browsebox .browsebox li {
    list-style-type: none;
    float:left;
    padding:0px;
  }

  
  /*
  ** KALENDER SELEKTOR
  */
  
  .tx-cal-controller .sideback {
    text-align: left;
  }  
  
  .tx-cal-controller .G10BOLD {
    text-transform: uppercase;
  }
  .tx-cal-controller form button {
    padding:4px 0px 0 19px;
    margin:6px 0px;
    color: #5a5c5d;
    border:none;
  background:none;
    text-align: left;
    width:170px;
    -webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
  background: url(../../images/cal_menu.jpg) no-repeat 0 -23px;
  }
  
  .tx-cal-controller form button:hover {
    cursor: pointer;
    color:#252627;
  }
  
  .tx-cal-controller form button.active {
    color:#9fb2bc;
    
  }
  
  .tx-cal-controller form button.alleKalender {
    background: url(../../images/cal_menu.jpg) no-repeat 0 6px;
    margin-bottom:8px;
    margin-top:0px;
  }

  .textKlein {
    font-size:11px;
  }
  
  /*
  ** Verantstaltungen
  */
  
  #calendar-event .title h1 {
    font-weight:bold !important;
  }
  #calender-event .starttime, #calender-event .endtime {
    color:red !important;
  }
  #calendar-event .desc {
    padding-top:10px;
    
  }

  /*
  ** Chemnitz Logo, twitter und facebook entfernen auf unterseiten
  */

  /*#logos_col2 {
    display:none;
  }*/
}