/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - FULLPAGE-layout type layout
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @revision        $Revision: 733 $
 * @lastmodified    $Date: 2012-03-04 19:15:48 +0100 (So, 04 Mrz 2012) $
 */


/**************************************************************************************
** media screen standard 
*/
@media screen {

/* force vertical scrollbar */
body {
/*  overflow-y: scroll;
background: #222; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTQxMjEyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDElIiBzdG9wLWNvbG9yPSIjMjIyMjIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);*/

/*background: -moz-linear-gradient(-45deg,  rgba(84,18,18,1) 0%, rgba(34,34,34,1) 41%); /* FF3.6+ */

/*background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(84,18,18,1)), color-stop(41%,rgba(34,34,34,1))); /* Chrome,Safari4+ */

/*background: -webkit-linear-gradient(-45deg,  rgba(84,18,18,1) 0%,rgba(34,34,34,1) 41%); /* Chrome10+,Safari5.1+ */

/*background: -o-linear-gradient(-45deg,  rgba(84,18,18,1) 0%,rgba(34,34,34,1) 41%); /* Opera 11.10+ */

/*background: -ms-linear-gradient(-45deg,  rgba(84,18,18,1) 0%,rgba(34,34,34,1) 41%); /* IE10+ */

/*background: linear-gradient(-45deg,  rgba(84,18,18,1) 0%,rgba(34,34,34,1) 41%); /* W3C */

/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#541212', endColorstr='#222222',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
/*background-color: #222;
background-repeat: no-repeat;
background-position: top left;

*/
} /*
#bg-wrapper{
  background-image: url("../../images/layout/zahlen.png");
  background-repeat: repeat;
  background-position: 0px 0px;  
  }
 */

/* Layout Module Configuration */
.ym-wrapper {
  /*width: 1200px;*/
  margin: 0 auto;
}

.ym-wbox {
  padding:0;
  position:relative;
}

/* fallback for missing media queries support*/
body #tops,
body #header,
body #nav_main,
body #teaser,
body #main,
body #extended,
body #footer {
 /* min-width: 760px;
  clear:both; */
}

/* KOOH */    /*
body #main {
background-image: url("../../images/layout/zahlen.png");
  background-repeat: repeat;
  background-position: 0px 0px;  
}
*/

/*********************************
* main areas 
*/  /*
#tops { }
#tops .ym-wrapper .ym-wbox { }
#tops .ym-wrapper .ym-wbox .inner { }
  */
#header {
    background:#fff;
/*  background:transparent center top repeat-x scroll; */
  /*height: 50px;*/
}
#header .ym-wrapper .ym-wbox {
  color:#ffffff; 
  background:transparent url("") center top no-repeat scroll;
}
#header .ym-wrapper .ym-wbox .inner {
  background:transparent url("") center top no-repeat scroll; 
  /*height:50px;*/ 
} 
/*
#nav_main {
  color:#ffffff;
  background:#000000 url("../../images/dummy-layout/nav_main_background.jpg") center top repeat-x scroll;   
}
#nav_main .ym-wrapper .ym-wbox { }
#nav_main .ym-wrapper .ym-wbox .inner { }

#teaser {
  background:#000000 url("../../images/dummy-layout/teaser_background.jpg") center top repeat-x scroll; 
}
#teaser .ym-wrapper .ym-wbox  {
  padding:5px 0; 
  background:transparent url("") no-repeat scroll center top ; 
  border: 1px solid red;
  border-radius: 10px;
}
#teaser .ym-wrapper .ym-wbox .inner { 
  background:transparent url("") no-repeat scroll center top ;  
}

#main {}    */
/*#main .ym-wrapper .ym-wbox { background: white; padding: 0; }*/
#main .ym-wrapper .ym-wbox { background:  transparent; }
#main .ym-wrapper .ym-wbox .inner { }

#extended {
  background:transparent; 
}
#extended .ym-wrapper .ym-wbox  { 
  background:#fff; 
  padding:0;
}
#extended .ym-wrapper .ym-wbox .inner {
    text-align:center;
   
/*  background:transparent url("") no-repeat scroll center top ;
  padding-bottom: 2em;
  padding-left: 315px;*/
}
#extended .csc-textpic-imagewrap, #extended .csc-textpic-imagewrap figure{ 
    width:100%;
}
#extended img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#footer {
  background:transparent url("") no-repeat scroll center top ; 
}
#footer .ym-wrapper .ym-wbox { 
  color:#666; 
  background:transparent url("") no-repeat scroll center top ; 
  border-top: 0px #efefef solid; 
  line-height: 1.5em; 
}
#footer .ym-wrapper .ym-wbox .inner {
/*  background:transparent url("") no-repeat scroll center top ; 
  min-height:200px; */
}

div.ym-wrapper div.ym-wbox div.ym-column {
  padding-top:65px;
}


} /* end media standard */



/**************************************************************************************
** reset fallback values in modern browsers 
*/
@media screen and ( min-width: 0px ) {

body #tops,
body #header,
body #nav_main,
body #teaser,
body #main,
body #extended,
body #footer {
    min-width: 0;
  }
  
} /* end media reset fallback values in modern browsers */



/**************************************************************************************
** media min-width: 760px 
*/
@media screen and ( max-width: 760px ) {
  /* 
  .secondary {
    border-top: 1px #888 solid;
    margin-top: 1.5em !important;
  }

  #main aside .ym-gbox-right {
    border: 0 none;
  }

  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
/*  .linearize-level-1,
  .linearize-level-1 > [class*="ym-g"],
  .linearize-level-1 > [class*="ym-col"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
  }

  .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
  .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
    overflow: hidden; /* optional for containing floats */
 /*   padding: 0;
    margin: 0;
  }
  
  .ym-searchform {
    display:block;
    float: none;
    width: auto;
    text-align: right;
  }

  .ym-searchform input[type="search"] {
    width: 14%; 
  }
      */
} /* end media min-width: 760px */


/**************************************************************************************
** media min-width: 480px 
*/
@media screen and ( max-width: 480px) {

  header .ym-wbox {
    padding: 0.75em 10px;   
  }

  footer .ym-wbox,
  .ym-wbox,
  .ym-searchform,
  nav .ym-hlist ul {
    padding-left: 10px;
    padding-right: 10px;
  }

  header h1 {
    font-size: 1.5em;
    line-height: 1em;
    margin: 0;
  }

  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
  .linearize-level-2,
  .linearize-level-2 > [class*="ym-g"],
  .linearize-level-2 > [class*="ym-col"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
  }

  .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],
  .linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
    overflow: hidden; /* optional for containing floats */
    padding: 0;
    margin: 0;
  }

  .ym-searchform,
  nav .ym-hlist ul,
  nav .ym-hlist li {
    display:block;
    float: none;
    width: auto;
    text-align: left;
  }

  .ym-searchform input[type="search"] {
    width: 75%;
  }
  
} /* end media min-width: 480px */