.sectionyWrap{
	margin-top:10px;
	margin-bottom: 10px;
	padding: 5px 5px 15px 5px;
	background-color: white;
	box-shadow: 0px 1px 4px 0px rgba(175,175,175,0.5);
	max-width: 1080px;
}


/*side nav*/
.sideNav{
	background-color: #f0f0f0;
	color: #0050B6;
	margin: 0px;
	margin-top: 10px;
	border: 1px solid #AAA;
	font-size: 90%;
	margin: 0px 0px 0px 10px;
	
	float:right;
	
	max-width: 417px;
	min-width: 200px;
}

.sideNavBack{
	text-align: right;
}

.sideNav h3, .sideNav h2{
	margin: 0px;
	padding: 0px;
}

.sideNav ul{
	display: block;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.sideNav ul li{
	padding: 0px;
	margin: 0px;
}


.sideNavBack a, .sideNavBack a:link, .sideNavBack a:visited,
.sideNav ul li a, .sideNav ul li a:link, .sideNav ul li a:visited{
	display: block;
	text-decoration:none;
	background-color: #f0f0f0;
	color: black;
	padding-bottom: 5px;
	padding-top:5px;
	padding-left: 22px;
	padding-right: 15px;
}

.sideNavBack a:hover, .sideNavBack a:active,
.sideNav ul li a:hover, .sideNav ul li a:active{
	background-color: #0050B6;
	color: white;
}


.sideNav ul li a.currentVideo, .sideNav ul li a.currentVideo:link, .sideNav ul li a.currentVideo:visited{
	font-weight: bold;
}

.sideNav ul li a.currentVideo:hover, .sideNav ul li a.currentVideo:active{
	font-weight: bold;
}



a.playlistHeading, a.playlistHeading:link, a.playlistHeading:visited{
	display: block;
	text-decoration: none;
	background-color: #f0f0f0;
	color: #0050B6;
	padding: 6px;
	padding-left: 12px;
	padding-top: 8px;
}

a.playlistHeading:hover, a.playlistHeading:active{
	background-color: #0050B6;
	color: white;
}

#playlistHeadingDropDownSymbol{
	display: none;
}





/*Playlists*/

ul.playlist{
	list-style-type: none;
}

table.playlist, .playlist td{
	border: 1px solid #bbb;
	border-collapse: collapse;
}

.playlist li{
	padding: 1px 5px 1px 5px;
}
.playlist a{
	/*color: 0050B6;*/
}

/*.playlist tr:nth-child(even){
	background-color: #f0f0f0;
}*/

.withSideNav{
	padding-right: 15px;
}

.paddingLeft{
	padding-left: 10px;
}

span.buttonBoldLetters{
	font-weight: bold;
	line-height: 26px;
}

#LQPlayer{
	display: none;
}

h2.playlistHeading{font-size: 133%;}
h1.videoHeading{font-size: 145%; font-weight:normal;}



#videoDefaultWrapper{
	border: none;
	cursor: pointer;
	margin: 0;
	background-color: black;
}


	
	.container16zu9{
		width: 100%;
		position: relative
	}
	
	.container16zu9:before{
		content:"";
		display:block;
		padding-top:56.25%;
	}
	
	.aspectContent{
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
		width:100%;
		height:100%
	}

	#videoDefaultIMG{
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-35px;
		margin-left:-50px;
	}




.getFailVidDefaultContainer{
	width: 100%;
	background-color: black;
	padding:25px;
	text-align: center;
	overflow-y: auto;
}


.getFailVidDefaultContent{
	position: absolute;
	top:12%;
	width: 100%;
	background-color: inherit;
	color: #ddd;
	font-size: 125%;
	line-height:200%;
	text-align: center;
	vertical-align: middle;
	padding: 0px 3% 0px 3%;
}




















/*       NEUE  STYLES      */

header, nav, #dropdownBar{
	max-width: 1280px;
	margin: 0 auto 0 auto;
}

.playerColumn{
	display:block;
	float:none;
	width: 100%;
	margin-bottom:10px;
}

.playlistColumn{
	display:block;
	float:none;
	width: 100%;
	max-width:500px;
	margin: 0 auto 0 auto;
}

.bigPlayerDescription{display: none;}
.smallPlayerDescription{display: block;}
	
i.vidControlButton{font-size:160%;}

.vidPageWrapper{
	width: 100%;
	max-width:1280px;
	background-color: inherit;
	margin: 10px auto 10px auto;
}

span.videoHeading{font-size: 145%;}


.vidDescriptionContainer{
	background-color: white;
	box-shadow: 0px 1px 4px 0px rgba(175,175,175,0.5);
	padding: 10px 15px 10px 15px;
	margin:0px auto 0px auto;
}

.vidContainer{
	display: block;
	background-color: white;
	box-shadow: 0px 1px 4px 0px rgba(175,175,175,0.5);
	padding: 0;
	margin-bottom:10px;
}





.vidControls{
	padding: 10px 15px 10px 15px;
	display: block;
	text-align:right;
}

.vidControls a, .vidControls a:link, .vidControls a:visited{
	display: inline-block;
	vertical-align:middle;
	text-align: center;
	
	cursor: pointer;
	
	min-width: 45px;
	height: 26px;
	line-height:26px;
	
	text-decoration: none;
	background-color: inherit;
	color: #004299;
	padding: 0px 10px 0px 10px;
	margin: 0;
}

.vidControls a:hover, .vidControls a:active{
	color: black;
}







.vidDescription{
	font-size: 90%;
}




.sidePlaylist{
	background-color: white;
	box-shadow: 0px 1px 4px 0px rgba(175,175,175,0.5);
	margin:0px auto 0px auto;
}


.playlistInfo{
	padding:10px 15px 0px 15px;
}


.playlistSmallInfo{
	font-size: 75%;
	color: #333;
	margin:0;
	padding:0;
}


.playlistSmallInfo::after{
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #DDD;
}



.sidePlaylist ol{
	list-style-type: none;
	padding:0px;
	margin:0px;
	max-height:650px;
	overflow: auto;
}

.sidePlaylist ol li{
	display:table;
	padding:7px 10px 7px 8px;
	border-left: 3px solid white;
	width:100%;
}



.sidePlaylist ol li.currentVid{
	border-color: #444;
}

.sidePlaylist ol li.currentVid span.videoNumber{
	color: #333;
}





.sidePlaylist ol li:hover, .sidePlaylist ol li:active{
	border-color: #0050B6;
}

.sidePlaylist ol li:hover .playlistVidName, .sidePlaylist ol li:active .playlistVidName{
	color:#0050B6;
}

.sidePlaylist ol a{
	display:table-row;
	padding:0;
	margin:0;
	text-decoration:none;
}

.sidePlaylist ol a:visited, .sidePlaylist ol a:link, .sidePlaylist ol a:visited
.sidePlaylist ol a:hover, .sidePlaylist ol a:active{
	color:black;
}

.playlistThumbnail{
	display:table-cell;
	width:100px;
	min-width:100px;
	vertical-align: middle;
}
.sidePlaylist ol img{
	width:100%;
	min-width:100px;
	padding:0;
	margin:0;
	background-color:black;
}

.sidePlaylist ol span.playlistVidName{
	display:table-cell;
	font-size: 90%;
	padding:0px 0px 0px 10px;
	margin:0;
	vertical-align: top;
}

.sidePlaylist ol span.videoNumber{
	display:table-cell;
	width:32px;
	background-color:inherit;
	margin:0;
	vertical-align: middle;
	text-align: right;
	padding: 0;
	padding-right:15px;
}

.sidePlaylist ol span.nowPlaying{
	padding: 0;
	margin:0;
	width:32px;
	padding-right:10px;
}

.sidePlaylist ol span.nowPlaying i{
	font-size: 145%;
	padding: 0;
	margin:0;
}











@media only screen and (min-width: 768px){
	/*kleiner/normaler Player mittelbreites Fenster*/
	.sidePlaylist{
		display:inline-block;
		float:none;
	}

	.vidDescriptionContainer{
		width: 100%;
		float:none;
	}

	.vidContainer{
		width: 100%;
	}

	.vidPageWrapper{
		
	}
	
	.playerColumn{
		float:left;
		width: 58%;
		margin-bottom:0px;
	}
	
	.playlistColumn{
		float:right;
		width:41%;
		margin:0;
	}
	
	.bigPlayerDescription{display: none;}
	.smallPlayerDescription{display: block;}
	/*show appropriate button*/
	#smallPlayer{display:none;}
	#largePlayer{display:inline-block;}
}



@media only screen and (min-width: 1024px){
	/*kleiner/normaler Player breites Fenster*/
	.playerColumn{
		float:left;
		width: 66.6%;
	}
	
	.playlistColumn{
		float:right;
		width:32.4%;
		margin:0;
	}
}




























.collapsablePlaylist{
	width: 100%;
	margin:0px 0% 10px 0%;
	display: block;
	max-width:none;
	padding:0;
}

.collapsablePlaylist:hover, .collapsablePlaylist:active{
	box-shadow: 0px 1px 6px 1px rgba(175,175,175,1);
}




.clickAblePlaylistHeader{
	width:100%;
	border:none;
	padding:10px;
	margin:0;
}

.clickAblePlaylistHeader:hover, .clickAblePlaylistHeader:active{
	cursor: pointer;
	color: #0050B6;
}

.clickAblePlaylistHeader:hover *, .clickAblePlaylistHeader:active *{
}

img.bigThumbnail{
	width:100%;
	max-width:275px;
}
.thumbnailDiv{
	width:49%;
	max-width:275px;
	display:inline-block;
	vertical-align:middle;
	margin:0;
}
.infoDiv{
	width:49%;
	display:inline-block;
	vertical-align:middle;
	margin:0;
}
.collapsablePlaylist .playlistInfo{
	padding:10px 15px 10px 15px;
}
/*onclick eventuell intra-Seiten-Link zu #ID der Playlist (nach Aufklappen), sodass diese direkt gut sichtbar ist*/

.collapsablePlaylist ol{
	max-height:none;
}

.playlistSmallInfoNothingAfter{
	font-size: 75%;
	color: #333;
	margin:0;
	padding:0;
}



.playlistDropdown::before{
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	margin: 0px auto 3px auto;
	background-color: #DDD;
}

.playlistDropdown{
	display: block;
}