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:63px;
}

#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(/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;
}

#content_header img
{
    float: right;
    margin-top: -88px;
}

#content_header h1 img
{
    float: none;
    margin-top: 0;
}

/* =============================[ 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(/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(/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:center;
    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(/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;
}