body{margin-top:38px;}

#top_menu_container {
	overflow:hidden;
	width:100%;
	height:40px;
	z-index:495;
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	background:url(http://www.avro.nl/gfx/avro_balk/balk_back.png) repeat-x left top;
	text-align:center;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:normal;
}

.navCenter{height:40px;overflow:hidden;width:100%;padding-left:12px;}

.nav {width:960px;margin:0 auto;height:30px;display:block;}

.nav li	{float: left;list-style: none;display:block;margin:0px 15px 0px 2px;}

.nav li:first-child {margin-left:100px;}

.nav li a:link, .nav li a:visited, .nav li a:active	{	
	color:#fff;	
	font-size:13px;
	float:left;
	text-align:left;
	text-decoration: none;	
	font-weight:100;
	background:url(http://www.avro.nl/gfx/avro_balk/menu_sep_nodown.gif) no-repeat 0px 10px;
	padding:7px 0px 0px 12px;
	height: 33px;
	overflow:hidden;
	display:block;
	outline: none;

}

.nav li a:hover {background:url(http://www.avro.nl/gfx/avro_balk/menu_sep.gif) no-repeat 0px 10px;}

.nav li a.active, .nav li a.right_nav1_actief:link, .nav li a.right_nav1_actief:visited, .nav li a.right_nav1_actief:active, .nav li a.right_nav2_actief:link, .nav li a.right_nav2_actief:visited, .nav li a.right_nav2_actief:active,
.nav li a.right_nav3_actief:link, .nav li a.right_nav3_actief:visited, .nav li a.right_nav3_actief:active, .nav li a.right_nav4_actief:link, .nav li a.right_nav4_actief:visited, .nav li a.right_nav4_actief:active, .nav li a.right_nav5_actief:link, .nav li a.right_nav5_actief:visited, .nav li a.right_nav5_actief:active, .nav li a.right_nav6_actief:link, .nav li a.right_nav6_actief:visited, .nav li a.right_nav6_actief:active
{
	background:url(http://www.avro.nl/gfx/avro_balk/menu_sep_down.png) no-repeat 0px 11px;padding:7px 0px 0px 15px;outline: none;

}

.inlogcontainer_off, .inlogcontainer_on {	width:auto;	height:30px;position:absolute;overflow:hidden;display:block;top:0px;right:90px;}

input.zoeken_site {border:0px;}

.loginoff:link, .loginoff:visited, loginoff:active, .loginon:link, .loginon:visited, loginon:active  {
	width:55px;
	text-align:left;
	background:url(http://www.avro.nl/gfx/avro_balk/loginButton.png) no-repeat top right;
	height:29px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:11px;
	text-decoration:none;
	padding:8px 0px 0px 5px;
	display:block;
	float:left;
	margin:0px 5px 0px 0px;
	outline: none;
}


.loginon:link, .loginon:visited, loginon:active {
 	background:url(http://www.avro.nl/gfx/avro_balk/uitloggenButton.png) no-repeat top right;
	text-indent:-9999px;
	width:20px;outline: none;

 }

.inlognaam:link, .inlognaam:visited, .inlognaam:active{
	width:auto;
	max-width:145px;
	height:16px;
	overflow:hidden;
	float:left;
	padding:7px 0px 0px 6px;
	margin:0px 5px 0px 0px;
	color:#fff;
	font-size:12px;outline: none;

}

.loginoff:hover {background:url(http://www.avro.nl/gfx/avro_balk/loginButtonHover.png) no-repeat top right;}

.loginon:hover {background:url(http://www.avro.nl/gfx/avro_balk/uitloggenButtonHover.png) no-repeat top right;}

#npo_button_container {
	height: 29px;
	width: 80px;
	display:block;
	overflow:hidden;
	position:absolute;
	top:-39px;
	float:right;
	right:5px;
}	

#foldout {
	position:absolute;
	z-index:490;
	height:auto;
	width:auto;
}
.menudown_container {
	width:578px;
	height:auto;
	position:absolute;
	z-index:490;
	top:24px;
	padding:0px 0px 5px 0px;
	background:url(http://www.avro.nl/gfx/avro_balk/menusub_back3.png) no-repeat bottom left;
	overflow:hidden;
}

.menudown_container iframe {
	width:575px;
	height:100%;
	overflow:hidden;
	border:0px;

}

/*
.menudown_container_nosuggestion {
	width:240px;
	height:auto;
	position:absolute;
	z-index:490;
	top:26px;
	padding:0px 10px 20px 20px;
	background:url(http://www.avro.nl/gfx/avro_balk/menunosug.png) no-repeat bottom left;
}
*/
/* modal window css */
.modal-overlay {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#000 url(http://staging.avro.nl/gfx/homepage71/modalwindowLoader.gif) center center no-repeat;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: .7;
	z-index:11001;
}

#modalWindowMaster {
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:11002;

}

* html .modal-overlay, .modal-overlay, #modalWindowMaster {
	/*position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');*/
}
.modal-window {
	position:fixed;
	top:10%;
	background:transparant;
	margin:0 auto;
	padding:0;
	min-height:400px;
	min-width:500px;
	width:auto;
	height:auto;
	display:block;
	left:0 auto;
	padding-left:170px;
}


.close-window {
	position:absolute;
	width:36px;
	height:36px;
	right:170px;
	top:-18px;
	background:url('/gfx/homepage71/loginCloseButton.png') no-repeat scroll right top;
	overflow:hidden;
	text-indent:-9999px;
	cursor:pointer;
}
#modalLogin {
	padding-left:0px;	
}

#modalLogin .close-window  {
	top:4px;
	right:18px;
}

#modalPage .close-window {	left:-20px;	top:-20px;}

#modalPage iframe {min-width:520px;}

#modalPage {min-width:530px;padding:0px;position:fixed;left:30%;top:10%;}

#zapp_button_container {
	display:block;
	position:absolute;
	right:1px;
	top: 0px;
	outline: none;
	z-index:9999;
	overflow:hidden;
	width:80px;
	height:29px;
}


#zapp_button_container a, #zapp_button_container a:link, #zapp_button_container a:visited, #zapp_button_container a:active{
	display:block;
	position:relative;
	outline: none;
	z-index:9999;
	background:url(http://assets.cn.omroep.nl/images/zapp/zapp-dol.png) no-repeat top left;
	width:80px;
	text-indent:-9999px;
	height:29px;
	overflow:hidden;
}
#zapp_button_container a:hover {
	background:url(http://assets.cn.omroep.nl/images/zapp/zapp-dol-hover.png) top left no-repeat;
}

a.zoeken_site, .zoeken_site:link,.zoeken_site:visited, .zoeken_site:active { 
	height:22px;
	width:60px;
	border:0px;
	display:block;
	font-size:11px;
	padding:8px 0px 0px 0px;
	font-size:11px;
	text-align:center;
	color:#fff;
	background:url(http://www.avro.nl/gfx/avro_balk/zoekbutton.png) no-repeat top right;
	float:left;
	font-weight:700;
	margin-left:5px;
	text-decoration:none;
}

a.zoeken_site:hover {background:url(http://www.avro.nl/gfx/avro_balk/zoekbuttonHover.png) no-repeat top right;}
#modalMessage {left:17%;top:30%;}