@font-face{
	font-family: "NPO Sans";
	src:url(//www-assets.npo.nl/assets/sans/npo_sans_regular.eot);
	src:url(//www-assets.npo.nl/assets/sans/npo_sans_regular.eot?#iefix) format("embedded-opentype"),
		url(//www-assets.npo.nl/assets/sans/npo_sans_regular.woff) format("woff"),
		url(//www-assets.npo.nl/assets/sans/npo_sans_regular.ttf) format("truetype"),
		url(//www-assets.npo.nl/assets/sans/npo_sans_regular.svg#npo_sansregular) format("svg");
	font-weight: normal;
	font-style: normal;
}

body { margin: 0; padding: 0; }

#npo_centraalnav * {
	box-sizing: content-box;
}

#npo_centraalnav {
	box-sizing: content-box;
	position: relative;
	
	font-family: "NPO Sans", "NPOSans", "NPO", sans-serif;
	font-size: 16px;
	
	background: #272727;
	color: #d3d3d3;
}

#npo_centraalnav.npo-centraalnav-option-absolute {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
}

#npo_centraalnav a {
	color: #d3d3d3;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#npo_centraalnav_items {
	height: 43px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#npo_centraalnav_items_list {
	float: right;
	margin: 5px 0;
	padding: 0;
	list-style: none;
}

#npo_centraalnav_items_list li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

#npo_centraalnav_items_list li a {
	display: block;
	
	width: 150px;
	height: 33px;
	line-height: 33px;
	padding: 0 5px;
	
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	
	border-left: 1px solid #525252;
	color: #d3d3d3;
}

#npo_centraalnav_items_list li a:hover, #npo_centraalnav_items_list li.active a {
	color: #65696a;
}

#npo_centraalnav_item_nponl a {
	background: url('img/npo-logos-sprite.png') no-repeat 30px -4px;
}

#npo_centraalnav_foldouts {
	background: #494a4a;
}

#npo_centraalnav_foldouts_inner {
	margin: 0 auto;
	overflow: hidden;
}

#npo_centraalnav_foldouts_inner > * {
	overflow: hidden;
}

/** FOLDOUT: SHARED **/
.npo-centraalnav-foldout-channels-list, .npo-centraalnav-foldout-channels-list li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.npo-centraalnav-foldout-channels-list {
	float: right;
	overflow: hidden;
	margin-right: 30px;
}

.npo-centraalnav-foldout-channels-list li {
	display: inline-block;
	margin: 0;
	padding: 55px 19px;
}

.npo-centraalnav-foldout-channels-list li:last-child { padding-right: 0; }

.npo-centraalnav-foldout-channels-list a {
	display: block;
	width: 85px;
	height: 60px;
	overflow: hidden;
	text-indent: -9999px;
	
	background: url('img/npo-logos-sprite.png?20150623');
}

.npo-centraalnav-foldout-channels-list a:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.npo-centraalnav-foldout-links-list, .npo-centraalnav-foldout-links-list li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.npo-centraalnav-foldout-links-list a {
	text-transform: uppercase;
	text-decoration: none;
	line-height: 26px;
}

.npo-centraalnav-foldout-links-list a:hover {
	text-decoration: underline;
}

.npo-centraalnav-foldout-announcements-list, .npo-centraalnav-foldout-announcements-list li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.npo-centraalnav-foldout-announcements-list {
	margin: 50px 0;
}

.npo-centraalnav-foldout-announcements-list li {
	display: block;
	float: left;
	width: 260px;
	margin: 0 20px 0 0;
	padding: 0;
}

.npo-centraalnav-foldout-announcements-list a {
	text-decoration: none;
}

.npo-centraalnav-foldout-announcements-list a:hover img {
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.npo-centraalnav-foldout-announcements-list img {
	float: left;
	width: 130px;
	height: 74px;
}

.npo-centraalnav-foldout-announcements-list .npocn-content {
	display: block;
	overflow: hidden;
	padding: 0 0 0 6px;
	
	font-size: 14px;
	line-height: 19px;
}

.npo-centraalnav-foldout-announcements-list .npocn-icon-uitzendinggemist {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 4px;
	
	background: url('img/icon-uitzendinggemist.png');
}

.npo-centraalnav-foldout-announcements-list .npocn-broadcaster {
	display: block;
	color: #272727;
}
.npo-centraalnav-foldout-announcements-list .npocn-time {
	display: block;
	color: #898989;
}

/** FOLDOUT: TV **/
#npo_centraalnav_foldout_tv_channel_npo1 { background-position: 0 -520px; }
#npo_centraalnav_foldout_tv_channel_npo2 { background-position: 0 -580px; }
#npo_centraalnav_foldout_tv_channel_npo3 { background-position: 0 -640px; }
#npo_centraalnav_foldout_tv_channel_npozapp { background-position: 0 -700px; }
#npo_centraalnav_foldout_tv_channel_npozappelin { background-position: 0 -760px; }

/** FOLDOUT: RADIO **/
#npo_centraalnav_foldout_radio_channel_radio1 { background-position: 0 -40px; }
#npo_centraalnav_foldout_radio_channel_radio2 { background-position: 0 -100px; }
#npo_centraalnav_foldout_radio_channel_3fm { background-position: 0 -220px; width: 127px; }
#npo_centraalnav_foldout_radio_channel_radio4 { background-position: 0 -280px; }
#npo_centraalnav_foldout_radio_channel_radio5 { background-position: 0 -340px; }
#npo_centraalnav_foldout_radio_channel_funx { background-position: 0 -460px; width: 110px; }
#npo_centraalnav_foldout_radio_channel_soulenjazz { background-position: 0 -400px; }

/** FOLDOUT: NPO.NL **/
#npo_centraalnav_foldout_nponl_links_list { float: right; margin: 25px 60px 15px 0; }
#npo_centraalnav_foldout_nponl_links_list li { text-align: right; }

#npo_centraalnav_foldout_nponl_uitgelicht_list { float: right; }

@media (max-width: 640px) {
	#npo_centraalnav_items_list li a { width: auto; padding: 0 10px; border: 0; }
	#npo_centraalnav_items_list li#npo_centraalnav_item_nponl a { text-align: left; padding-right: 40px; background-position: right -4px; }
	
	#npo_centraalnav_foldout_nponl_links_list { margin: 0 15px 15px 0; }
	.npo-centraalnav-foldout-channels-list { float: none; text-align: center; margin-right: 0; }
	.npo-centraalnav-foldout-channels-list li, .npo-centraalnav-foldout-channels-list li:last-child { padding: 15px 9px; }
	.npo-centraalnav-foldout-channels-list a { background-size: auto 410px; width: 42px; height: 30px; }

	#npo_centraalnav_foldout_nponl_uitgelicht_list { float: none; margin: 20px 0 20px 15px; }
	.npo-centraalnav-foldout-announcements-list img { width: 70px; height: 40px; margin-bottom: 10px; }
	.npo-centraalnav-foldout-announcements-list li { width: 225px; margin: 0; }
	
	/** FOLDOUT: TV **/
	#npo_centraalnav_foldout_tv_channel_npo1 { background-position: 0 -260px; }
	#npo_centraalnav_foldout_tv_channel_npo2 { background-position: 0 -290px; }
	#npo_centraalnav_foldout_tv_channel_npo3 { background-position: 0 -320px; }
	#npo_centraalnav_foldout_tv_channel_npozapp { background-position: 0 -350px; }
	#npo_centraalnav_foldout_tv_channel_npozappelin { background-position: 0 -380px; }

	/** FOLDOUT: RADIO **/
	#npo_centraalnav_foldout_radio_channel_radio1 { background-position: 0 -20px; }
	#npo_centraalnav_foldout_radio_channel_radio2 { background-position: 0 -50px; }
	#npo_centraalnav_foldout_radio_channel_3fm { background-position: 0 -110px; width: 63px; }
	#npo_centraalnav_foldout_radio_channel_radio4 { background-position: 0 -140px; }
	#npo_centraalnav_foldout_radio_channel_radio5 { background-position: 0 -170px; }
	#npo_centraalnav_foldout_radio_channel_radio6 { background-position: 0 -200px; }
	#npo_centraalnav_foldout_radio_channel_funx { background-position: 0 -230px; width: 55px; }
}

#npo_centraalnav.npo-centraalnav-style-light { background: #efefef; }
#npo_centraalnav.npo-centraalnav-style-light #npo_centraalnav_items a { color: #364245; }
#npo_centraalnav.npo-centraalnav-style-light #npo_centraalnav_items_list li a:hover, #npo_centraalnav.npo-centraalnav-style-light #npo_centraalnav_items_list li.active a { color: #a8a8a8; }

#npo_centraalnav.npo-centraalnav-style-white { background: #ffffff; }
#npo_centraalnav.npo-centraalnav-style-white #npo_centraalnav_items a { color: #666666; }
#npo_centraalnav.npo-centraalnav-style-white #npo_centraalnav_items_list li a:hover, #npo_centraalnav.npo-centraalnav-style-white #npo_centraalnav_items_list li.active a { color: #a8a8a8; }