html, body {
		//height: 100%;
		//width: 100%;
		padding: 0;
		margin: 0;
		overflow-x: hidden;
height: 100%;
	}

	html { 
overflow: hidden;
	}

  body {
          background: url('../img/bg.jpg') no-repeat center center fixed;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
min-height: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;

//		font: 16px Arial, Verdana, sans-serif;
		font-size: 16px;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: bold;

  }

.dvdHeaderRow {
	background-color: rgba(50, 50, 50, 0.1);
}

.simpleShadow {
    -webkit-filter: drop-shadow(1px 1px 25px rgba(0,0,0,0.5));
    filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='drop-shadow'><feGaussianBlur in='SourceAlpha' stdDeviation='4'/><feOffset dx='1' dy='1' result='offsetblur'/><feFlood flood-color='rgba(0,0,0,0.5)'/><feComposite in2='offsetblur' operator='in'/><feMerge><feMergeNode/><feMergeNode in='SourceGraphic'/></feMerge></filter></svg>#drop-shadow");
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#444')";

}

.shadowed {
    -webkit-filter: drop-shadow(-6px 6px 25px rgba(0,0,0,0.5));
    filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='drop-shadow'><feGaussianBlur in='SourceAlpha' stdDeviation='4'/><feOffset dx='-6' dy='6' result='offsetblur'/><feFlood flood-color='rgba(0,0,0,0.5)'/><feComposite in2='offsetblur' operator='in'/><feMerge><feMergeNode/><feMergeNode in='SourceGraphic'/></feMerge></filter></svg>#drop-shadow");
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=-6, OffY=6, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=-6, OffY=6, Color='#444')";
}


.shadowed:hover{
    -webkit-filter: drop-shadow(-7px 3px 25px rgba(0,0,0,0.7));
    filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='drop-shadow'><feGaussianBlur in='SourceAlpha' stdDeviation='4'/><feOffset dx='-7' dy='3' result='offsetblur'/><feFlood flood-color='rgba(0,0,0,0.7)'/><feComposite in2='offsetblur' operator='in'/><feMerge><feMergeNode/><feMergeNode in='SourceGraphic'/></feMerge></filter></svg>#drop-shadow");
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=-7, OffY=3, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=-7, OffY=3, Color='#444')";
}

  a:hover {
	text-decoration: none;
	color: #124;
  }

  #menu {
	position: relative;
	top: 0px;
	vertical-align: top;
	width: 240px;
	margin: 0 auto;
	//margin-left: 50px;
	list-style-type: none;
	font-weight: normal;
	//float: right;
	padding: 0px;
	padding-left: 23px;
	white-space: nowrap;
  }
  #menu li {
		//font-family: 'ostrich_sansmedium', Arial, Verdana, sans-serif;
		//font-family: 'Open Sans Condensed', sans-serif;
		font-size: 2.5em;
		color: white;
//		display: inline;
//		margin-right: 35px;
		margin: 0 auto;
  }

  #menu a {
	white-space: nowrap;
	text-decoration: none;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.65);
  }

  #menu img {
		margin-right: 8px;
  }
  
  .clear {clear:both}
  
  #splayerFrame {
		margin:0 auto;
		position:relative;
		display:inline-block;
		width: 720px;
		height: 404px;
		left: 11%;
		float: bottom left;
  }


	.myWrapper {
	  position: relative;
	  padding-bottom: 56%;
	  padding-top: 20px;
	  height: 0;
	}
	.myWrapper iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	width: 1px;
	  min-width: 100%;
	*width: 100%;
	  height: 100%;
	}

	.bigbox {
	  	-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px;
//		border: 10px solid white;
    		border: 10px solid rgba(255, 255, 255, .4);
//    		background-image:url("/img/white_transparent_20.png");
    		background: rgba(255, 255, 255, .4);
    		background-clip: padding-box;
    		box-shadow: 0 0 1px #555;
	}

	.smallbox {
          	-webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -khtml-border-radius: 3px;
                border-radius: 3px;
                border: 4px solid white;
	    	border: 4px solid rgba(255, 255, 255, .2);
		background:url(img/white_transparent_20.png);
    		background: rgba(255, 255, 255, .2);
    		background-clip: padding-box;
    		box-shadow: 0 0 1px #555;

		margin-bottom: 15px;
        }

	.img-thumbnail {
                -webkit-border-radius: 9px;
                -moz-border-radius: 9px;
                -khtml-border-radius: 9px;
                border-radius: 9px;
		padding: 1px;
                border: 2px solid white;
                border: 2px solid rgba(255, 255, 255, .2);
//                box-shadow: 0 0 3px #555;
	}
	.img-thumbnail:hover {
		box-shadow: 1px 1px 15px #127;
	}

  
  #_shortSchedule {
		display: inline-block;
		width: 177px;
		vertical-align: bottom;
		margin: 0 0 0 7px;
		font-size: 17px;
		color: #112244;
		right: -12%;
    bottom: 15px;
    position: relative;
    float: bottom right;
    //margin: auto;
  }
  
  #shortSchedule span{
		font-size:19px;
  }
  
  #playerContainer {
		//height: 404px;
	  margin: auto;
    width: 720px;
  }



  #news {
    display: block;
//		width: 736px;
		margin: 40px auto;
		text-align: center;
//		border: 1px solid yellow;
  }
  
  #news img {
		margin-bottom: 10px;
  }
  #mediathekNews {
		width: 850px;
		height: 200px;
		margin: 0 auto;
  }
  #mediathekNews li {
		display: inline;
		list-style-type: none;
		padding-right: 20px;
		width: 280px;
		float: left;
  }
	.video {
		position: relative;
		float: left;
	}

	.video img {
		border-radius: 10px;
		border: 10px solid rgba(255, 255, 255, .2);
		background:url(img/white_transparent_20.png);
		background: rgba(255, 255, 255, .2);
		background-clip: padding-box;
		box-shadow: 0 0 1px #555;
	}

	.video a {
		position: absolute;
		display: block;
		background: url(img/VOD/play-button-overlay_inactive.png);
		background-position: top center;
		background-attachment: absolute;
		height: 84px;
		width: 150px;
		top: 0px;
		left: 0px;
	}
	.video a:hover {
		background: url(img/VOD/play-button-overlay.png);
		background-position: center center;
	}
	.video_description {
		float: left;
		margin-left: 10px;
		margin-top: 25px;
	}

	table{margin:0 auto;padding-top: 2%;}

.navbar-static-bottom {
    border-radius: 0;
    z-index: 1000;
    border-width: 0 0 100px;
    padding-right: 0;
    padding-left: 0;
    margin: 20px 0 0;
}

        .footer {
		padding: 20px 20px 20px 200px;
        //	background-color: #21272d;
	//	background:url("/img/white_transparent_20.png");
        	margin-top:50px;
          	color: black;
          	min-height: 70px;
                background: rgba(255, 255, 255, .2);
		font-size: 1.3em;
        }

	.footer ul {
		float: right;
		bottom: 0;
		white-space: nowrap;
	}

	.footer li {
		display: inline-block;
		margin-right: 20px;
	}

	#footer {
		position: fixed;
		bottom:0;
		
		
		width: 100%;
		margin: 0;
		padding-right: 50px;
		//background: #aaa;
		//background: rgba(255, 255, 255, .2);
		text-align: right;
	}
	#footer a {
		padding: 0 30px;
		margin-right: 20px;
		background: #aaa;
		background: rgba(255, 255, 255, .3);
	}
	a {
		color: black;
		text-decoration: none;
	}
	
	#contentArea {
	//	margin: 0px auto;
		padding: 10px 10px;
		font-size: 0.9em;
	}




	
/* Media queries */



/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */


/* Extra Small devices (cellhones, hochkant) */
@media (min-width: 520px) {
        #menu { width: 480px;}
        #menu li {
                margin-right: 35px;
                display: inline;
        }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
        #contentArea {
         //       margin: 50px auto;
                padding: 20px 50px;
                font-size: 1.2em;
        }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
        #menu { top: 20px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}










/*
@media (min-width: 1200px){
#logo{margin-left: 0%;}
#shortSchedule{right: -3%;bottom: -141px;}

#menu{float:right !important;}

#playerContainer{width: 924px;margin: 0 auto;position: relative;left: 92px;}
.myWrapper{width: 720px;height: 404px;float: left;padding: 0;}
#contentArea {width: 800px}
}



@media (max-width: 1200px){
#shortSchedule{width: 100%;margin: 0 auto;right: 0;bottom: 0px;margin-top: 6%;display: block;}


table{padding-bottom: 5%;}
table td {padding-left: 17%;}
.view{width:37% !important;height: 100% !important;margin: 0 0 0 2% !important;}
.view .mask, .view .content {float:none !important; width:100% !important; height: 100% !important;}
.view img{width:100% !important;}

}


@media (max-width: 1024px){

#header {display: block;width: 100%;margin: 0 auto;position: relative;text-align: center;}
#menu{float: none;position: initial;margin-left: 1%;padding: 0;text-align: center;display: block;width:100%;top: 18%;}
#menu li{font-size: 2rem;margin-right: 5%;}
#menu li{width: 6%;margin-right: 5px;}
#menu li img{width:3%;}

 #logo{width: 38%;margin-left: 0%;}

}


@media (max-width: 768px){
#playerContainer{width: 95%;}
#shortSchedule{width: auto;}
.myWrapper{margin-right: 4%;}
#contentArea {width: 95%;}


 #logo{width: 65%;margin-left: 0%;}

#menu{float: none;position: initial;margin-left: 0%;padding: 0;text-align: center;display: block;width:100%;top: 18%;}
#menu li{font-size: 2rem;margin-right: 5%;}
#menu li{width: 6%;margin-right: 5px;}
#menu li img{width:3%;}

table{width:100%;padding-bottom: 5%;}
table td {padding-left: 0%;}
.view{width:45% !important;height: 100% !important;margin: 0 0 0 2% !important;}
.view .mask, .view .content {float:none !important; width:100% !important; height: 100% !important;}
.view img{width:100% !important;}
}


@media (max-width: 480px){
#header{width:100%;}
#logo{margin-left: 2%;width: 97%;}

#menu{float: none;position: initial;width: 103%;margin: 0 auto;padding: 0;text-align: center;display: block;top: 18%;}
#menu li{font-size: 2rem;margin-right: 5%;}
#menu li{width: 6%;margin-right: 5px;}
#menu li img{width:6%;}

.myWrapper{margin-right: 5%;}
#shortSchedule{margin-top: 10%;}

view{float:none !important; margin: 0 auto !important;width:93% !important;margin-top: 4% !important;}
}



@media (max-width: 320px){
#menu li{font-size: 1.8rem;}

}



@media (max-width: 240px){


}

*/