/**
 * "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 {

	/* force vertical scrollbar */
	body {
		overflow-y: scroll;
		background-color: #CAD5D9;
	}

	/* Layout Module Configuration */
	.ym-wrapper {
	  position:relative;
	}

  #bgImage {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -952px;
	  z-index: -1;
  }

  #bgImage img {

    
  }

  .ym-col1 {
    width: 610px;
    padding-left: 40px;
    margin-left: 140px;
  }

	.ym-wbox {
		width: 960px;
		margin: 0;
		padding: 0 ;
		z-index: 3;
	}


  .ym-cbox {
      padding: 0 10px 20px; 
      margin: 15px 0 30px;
  }
	
	#main {
    
	}

  

  .ym-column {

	}

	/* fallback for missing media queries support*/
	body > header,
	body > nav,
	body > #main,
	body > footer {
		min-width: 760px;
	}

	/* Basic Element Styling */
	div.topheader {
	   height: 139px;
	  
	}

	h1 {
		background: transparent;
		color: #fff;
	}
	
	div.topheader img {
	  position: fixed;
	}

	nav {
	  position: fixed;
	  display: table-cell;
	  width: 150px;
	  padding-top: 20px;
	  float: left;
	  background: #2d2e2c;
 	  opacity:0.7;  
    filter:alpha(opacity=70);  
    -moz-opacity:0.7;  
    /*behavior: url(fileadmin/templates/css/screen/PIE.htc); */

	}



	#main .info {
		margin-bottom: 1.5em;
	}

	footer {
		background: #eee;
		color: #444;
	}

	footer p {
		margin: 0;
	}

	header .ym-wbox,
	footer .ym-wbox {
		padding: 1.5em;
	}

	.ym-gbox { padding: 0 1.5em; }
	.ym-gbox-left { padding: 0 1.5em 0 0; }
	.ym-gbox-right { padding: 0 0 0 1.5em; }

	section.box { padding: 0 1.5em 1.5em 1.5em; }

	#main aside  {display: none;	}

	/* skip links styling */
	.ym-skiplinks a.ym-skip:focus,
	.ym-skiplinks a.ym-skip:active {
		color:#fff;
		background:#333;
		border-bottom:1px #000 solid;
		padding:10px 0;
		text-align: center;
		text-decoration:none;
	}
}

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

	body > header,
	body > nav,
	body > #main,
	body > footer {
		min-width: 0;
	}


    .video-js .vjs-big-play-button {
        top: 50% !important;
        left: 50% !important;
        margin-top: -25px;
        margin-left: -50px;
    }

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) ,
only screen and (   min--moz-device-pixel-ratio: 2) and (orientation: landscape) ,
only screen and (     -o-min-device-pixel-ratio: 2/1) and (orientation: landscape) ,
only screen and (        min-device-pixel-ratio: 2) and (orientation: landscape) ,
only screen and (                min-resolution: 192dpi) and (orientation: landscape) ,
only screen and (                min-resolution: 2dppx) and (orientation: landscape) {
  
  nav {
    position: static;
  }
  

  header img {
      position: static;
  }  
  
  .navbottom {
    position: static;
    bottom: auto;
  }
  
  .ym-col1 {
    margin-left: 0;
  }  

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) ,
only screen and (   min--moz-device-pixel-ratio: 2) and (orientation: portrait) ,
only screen and (     -o-min-device-pixel-ratio: 2/1) and (orientation: portrait) ,
only screen and (        min-device-pixel-ratio: 2) and (orientation: portrait) ,
only screen and (                min-resolution: 192dpi) and (orientation: portrait) ,
only screen and (                min-resolution: 2dppx) and (orientation: portrait) {

    
  nav {
    position: static;
  }
  

  header img {
      position: static;
  }  
  
  .navbottom {
    position: static;
    bottom: auto;
  }
  
  .ym-col1 {
    margin-left: 0;
  }  

  
}

@media
only screen and (device-aspect-ratio: 1024/768) and (orientation: landscape),
only screen and (device-aspect-ratio: 800/600) and (orientation: landscape) {

  #c170 {display:block; position:absolute; bottom:0;}
  #c170 .ceBg {padding:0 20px;}
}  

@media
only screen and (device-aspect-ratio: 1024/768) and (orientation: landscape),
only screen and (max-height: 768px) and (orientation: landscape) {

  
  nav {
    position: static;
  }
  

  header img {
      position: static;
  }  
  
  .navbottom {
    position: static;
    bottom: auto;
  }
  
  .ym-col1 {
    margin-left: 0;
  }  

  
}

@media
only screen and (device-aspect-ratio: 1280/720) and (orientation: portrait) {

  #bgImage {
    height: 1200px;
  }
  
  #bgImage img {
    height: 1200px;

    
  }  
	body {
		background-color: #000;
	}
  
  
}