@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * @copyright       Copyright 2005-2010, 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)
 * @version         3.2.1
 */
 
 /*
  * Changed, extended by simplicity gmbh, 2010-01-20
  */

@media screen, projection
{

  body { overflow-y:scroll; }

  body { background-color: #d3d3d3; }

  .page_margins, .popup_page_margins { 
  min-width: 994px;
  max-width: 994px;
  margin: 0 auto 0 auto;
  }
  .popup_page_margins { 
    margin-top: 20px;
  }
  
  .page, .popup_page { 
    padding: 0px;
  }

 
  #header, #popup_header { 
  /* height: 50px; */
  margin: 0px 30px;
  font-size: 12px;
  }
  
  #header #langnav {
    padding-top: 10px;
    padding-bottom: 20px;
  }
  
  #header #topnav { 
  position: relative;
  float: right;
  top: 0px;
  right: 0px;
        color: #00a3ae;
    padding-top: 10px;
    padding-bottom: 20px;
  }
   
  #themeimg {
  }
  #popup_main #themeimg {
    padding-bottom: 20px;
  }
  
  #themeimg a {
      display: block;
      height: 120px;
  }
   
  #subheader { 
    clear: left;
  }
  #subheader .clickpath {
    font-size: 12px;
    color: #333;
    margin: 10px 30px 20px;
  }
  #subheader .clickpath a { 
    font-size: 12px;
    color: #333; 
  }

  #main, #popup_main {
    /* padding-top: 200px; */
    /*  background: #fff url('/fileadmin/images/themes/theme_1.jpg') no-repeat; */
    border: 2px dotted #00a3ae;
    
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  border-radius: 30px;
  }
  #popup_main {
    background: #ffffff;
    padding-top: 20px;
  }
  
  }

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

  #col2 {
    width: 350px;
  }
  #col2_content { 
    margin-left: 20px;
    margin-right: 30px;
  }

  #col3  {
    margin-left: 0px;
    margin-right: 350px;
  }
  #col3_content {
    margin-left: 30px; 
    min-height: 400px;
  }
  #col4  {
    margin-left: 0px;
    margin-right: 30px;
  }
  #col4_content {
    margin-left: 30px; 
    min-height: 400px;
  }
  
  #main .boxwhite {
    margin-top: 10px;
    height: 100%;
    padding: 10px 5px;
    border: 1px dotted #00a3ae;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  }
  
  #main .boxdark {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 100%;
    background-color: #d3d3d3;
    padding: 10px 5px;
    border: 1px dotted #00a3ae;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  }
  
  #main .boxwhite h4,
  #main .boxdark h4 {
    color: #333;
  }
    
  #main .subcl .boxwhite, #main .subc .boxwhite, #main .subcr .boxwhite {
    min-height: 400px;
  }
  
 /*------------------------------------------------------------------------------------------------------*/

  #bottomarea {
    margin: 20px 0px 0px;
    height: 150px;
    background: #fff url('../../templates/img/bg_bottom.jpg') no-repeat;
    background-position: bottom;
    
  -moz-border-radius-bottomleft: 30px;
  -moz-border-radius-bottomright: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -khtml-border-radius-bottomleft: 30px;
  -khtml-border-radius-bottomright: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  }
  #bottomarea .bottomarealine {
    margin: 0px 30px 0px;
    padding-top: 10px;
    border-top: 2px dotted #00a3ae;
    color: #333;
  }
  #bottomarea .bottomarealine a {
    color: #333;
  }
  
  
  #bottomarea #leftcol {
      width: 30%;
      float: left;
      font-size: 12px;
  }
  
  #bottomarea #centercol {
      margin-left: 31%;
      margin-right: 21%;
      width: 46%;
      font-size: 12px;
      line-height: 1.5;
  }
  
  #bottomarea #rightcol {
      width: 20%;
      float: right;
      font-size: 12px;
      line-height: 1.5;
  }
  #bottomarea .navtitle {
       padding-bottom: 3px;
      font-size: 12px;
  }

  #footer {
    font-size: 12px;
  }
  #footer .copyright, #popup_footer .copyright {
    padding-top: 5px;
    text-align: center;  
  }
  
  /* Abstand zu t3 admin panel */
  #footerclear {
    clear: both;
    margin-bottom: 5px;
  }
  #footersitemap {  
    font-size: 12px;
    background-color: #F8F8F8;
    color: #999;
    padding: 1em;
  }
  #footersitemap a { 
    color: #999;
  }
  #footersitemap ul { 
    list-style-type: none;
    margin-bottom: 0px;
  }
  #footersitemap ul li.first { 
    font-weight: bold;
  }
  #footersitemap ul li.second { 
    margin-leftt: 1em;
  }
  
 /* -------------------------------------------------------------------------------------------------  */
  
  #skiplinks a.skip:focus,
  #skiplinks a.skip:active { 
  color:#fff; 
  background:#333; 
  border-bottom:1px #000 solid;
  padding:10px 0;
  text-decoration:none;
  }  

  .browsebox {
    list-style-type: none;
  }
  .browsebox li {
    display: inline-block;
  }
}