html
{
	margin:0;
	padding:0;
}

body
{
	margin:0;
	padding:0;
/* JHx */
	color:#515151;
	background:#FFF;
	font-size:12px;
	font-family:Verdana, sans-serif;
}

#frame
{
	padding:0;
	margin:0;
	width:970px;
	background:#FFF;
}

#frame
{
	width:990px;
	margin:0 auto;
	text-align:left;
}

#content
{
	padding-left:65px;
	padding-right:17px;
	clear:both;
}

#content_body
{
	margin-top:18px;
}

/* =============================[ Header ]============================= */
#header,#topbanner
{
	background-color:#fd8222;
}

body.werkgevers #header,body.werkgevers #topbanner
{
	background-color:#9cbcda;
}

#header
{
	height:3.5em;
}

#topbanner
{
	height:65px;
	width:100%;
	top:5px;
	text-align:center;
}

#topbanner_real
{
	position:absolute;
	width:890px;
	top:5px;
	text-align:center;
}

div#menu
{
	width:990px;
	margin:0 auto;
	height:3.5em;
	position:relative;
	text-align:left;
}

#slogan
{
	position:absolute;
	top:10px;
	left:82px;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}

#logo
{
	position:absolute;
	top:6px;
	left:58px;
}

#logo img
{
	height:86px;
}

#swf
{
	position:absolute;
	top:12px;
	right:200px;
	width:247px;
	color:#c05e13;
}

body.werkgevers #swf
{
	color:#586370;
}

#swf a
{
	margin:0 6px;
}

@media print {
	#swf
	{
		display:none;
	}
}

/* -----[ Werkgever / Werknemer tabs ]----- */
@media print {
	ul#topnav
	{
		display:none;
	}
}

ul#topnav,ul#topnav li
{
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#topnav
{
	width:350px;
	padding-top:1.3em;
	float:right;
}

ul#topnav li
{
	float:right;
	margin-right:4px;
	text-align:center;
}

ul#topnav a
{
	float:left;
	width:8em;
	padding:.6em 0;
	background:#cfd9e5;
	text-decoration:none;
	color:#666;
	font-weight:bold;
}

ul#topnav a:hover
{
	background:#FFF;
	color:#515151;
}

ul#topnav li.activelink a,ul#topnav li.activelink a:hover
{
	background:#FFF;
	color:#003;
}

/* -----[ "Blauwe balk" ]----- */
#content_header
{
	background:transparent url(http://www.nationalevacaturebank.nl/images/newstyle/bg/content_header.gif) 0 0 no-repeat;
	color:#fff;
	margin-left:58px;
	padding:6px 25px;
}

#content_header h1
{
	margin:0;
	padding:0;
	font-size:22px;
	height:30px;
}

/* =============================[ Site Navigation ]============================= */
#site-navigation
{
	margin-top:40px;
	height:40px;
	padding-left:70px;
}

#site-navigation ul
{
	margin:0;
	padding:0;
}

@media print {
	#site-navigation ul
	{
		display:none;
	}
}

#site-navigation ul li
{
	color:#2f5077;
	list-style-type:none;
	font-weight:bold;
	float:left;
}

#site-navigation ul li a
{
	text-decoration:none;
	padding:14px;
	display:block;
}

#site-navigation ul li a:hover
{
	background-image:url(http://www.nationalevacaturebank.nl/images/newstyle/content_nav_arrow.gif);
	color:#f56b00;
	background-repeat:no-repeat;
	background-position:50% 100%;
}

#site-navigation ul li a.selected
{
	color:#f56b00;
	background:url(http://www.nationalevacaturebank.nl/images/newstyle/content_nav_arrow.gif) bottom no-repeat;
}

/* =============================[ Footer ]============================= */
#footer
{
	clear:both;
	background-color:#f1f6fb;
	text-align:center;
	margin-top:40px;
	font-size:11px;
	color:#6a6a6a;
}

#footer a
{
	color:#6a6a6a;
	text-decoration:underline;
}

#footer a:hover
{
	text-decoration:none;
}

#footer_menu
{
	background-color:#e4edf7;
	text-align:left;
}

#footer_menu_content
{
	text-align:left;
	margin:0 auto;
	padding:8px 0 8px 84px;
	width:906px;
}

#footer_menu_content .copyright
{
	text-align:center;
}

#footer_content
{
	text-align:left;
	margin:0 auto;
	background:#f1f6fb url(http://www.nationalevacaturebank.nl/images/newstyle/logo_vnumedia.gif) right top no-repeat;
	width:906px;
	padding-left:84px;
}

#footer_content a
{
	text-decoration:none;
}

#footer_content p
{
	text-align:left;
	width:760px;
	padding:10px 0 40px;
}

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */
b.niftycorners,b.niftyfill
{
	display:block;
}

b.niftycorners *
{
	display:block;
	height:1px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
	border-style:solid;
	border-width:0 1px;
}

/*normal*/
b.r1
{
	margin:0 3px;
	border-width:0 2px;
}

b.r2
{
	margin:0 2px;
}

b.r3
{
	margin:0 1px;
}

b.r4
{
	height:2px;
}

b.rb1
{
	margin:0 8px;
	border-width:0 2px;
}

b.rb2
{
	margin:0 6px;
	border-width:0 2px;
}

b.rb3
{
	margin:0 5px;
}

b.rb4
{
	margin:0 4px;
}

b.rb5
{
	margin:0 3px;
}

b.rb6
{
	margin:0 2px;
}

b.rb7
{
	margin:0 1px;
	height:2px;
}

b.rb8
{
	margin:0;
	height:2px;
}

b.rs1
{
	margin:0 1px;
}

/*transparent inside*/
b.t1
{
	border-width:0 5px;
}

b.t2
{
	border-width:0 3px;
}

b.t3
{
	border-width:0 2px;
}

b.t4
{
	height:2px;
}

b.tb1
{
	border-width:0 10px;
}

b.tb2
{
	border-width:0 8px;
}

b.tb3
{
	border-width:0 6px;
}

b.tb4
{
	border-width:0 5px;
}

b.tb5
{
	border-width:0 4px;
}

b.tb6
{
	border-width:0 3px;
}

b.tb7
{
	border-width:0 2px;
	height:2px;
}

b.tb8
{
	border-width:0 1px;
	height:2px;
}

b.ts1
{
	border-width:0 2px;
}

/* =============================[ Frame privacyverklaring/algemene voorwaarden ]================= */
body#statement .versie
{
	color:grey;
}

body#statement #header
{
	padding:5px;
	height:31px;
	background:#fd8222;
	margin-bottom:41px;
}

body#statement #content
{
	padding-left:2em;
}
