/*
##################################################################
ALGEMENE TAG STYLES
##################################################################
*/
/*main container */
#container{background:#fff;margin:auto;min-height:100%;text-align:left;width:771px;}
* html #container{height:100%;}
/*topbar met de tabs en links*/
.topbar{display:block;height:41px;overflow:hidden;padding:0;position:relative;width:771px;}
.topbar ul#topbartabs{display:block;float:left;list-style:none;margin:0;z-index:20;padding:20px 0px 0 0;position:relative;}
.topbar ul#topbartabs li{background:url(gfx/maintableft.png) no-repeat left top;float:left;margin:0;padding:0px 0px 0px 10px;}
.topbar ul#topbartabs li a{background:url(gfx/maintabright.png) no-repeat right top;color:#003874;display:block;font-size:11px;font-weight:bold;padding:4px 8px 3px 0;text-align:center;white-space:nowrap;}
.topbar ul#topbartabs li a:hover{background:url(gfx/maintabright_over.png) no-repeat right top;color:#fff;text-decoration:none;}
.topbar ul#topbartabs li.actief{background:url(gfx/maintableft_over.png) no-repeat left top;}
.topbar ul#topbartabs li.actief a{background:url(gfx/maintabright_over.png) no-repeat right top;color:#fff;text-decoration:none;}
.topbar ul#topbartabs li.over{background:url(gfx/maintableft_over.png) no-repeat left top;}
.topbar ul#topbartabs li.over a{background:url(gfx/maintabright_over.png) no-repeat right top;color:#fff;text-decoration:none;}

/*topbar links*/
.topbar .topbarlinks{font-size:11px;height:41px;z-index:10;left:0px;padding:20px 3px 0 3px;position:absolute;text-align:right;width:560px;}
.topbar .topbarlinks a{color:#545c5f;}

html{height:100%;}
body{background:#FFFFFF;/*color:#71797c;*/ color:#545c5f;font:.75em Arial,Helvetica,sans-serif;height:100%;margin:0;padding:0;text-align:center;}
h1{color:#cc0202;font-family:Arial,Helvetica,sans-serif;}
h1 a:hover{text-decoration:none;}
h1 a{color:#cc0202;font-family:Arial MS,Arial,Helvetica,sans-serif;}
h2{clear:both;color:#003875;font-size:1.5em;margin:0 0 3px 0;}
h2.een{background:url(gfx/bg_1.png) no-repeat 0px 0px;font-size:1.2em;margin:0 0 5px 10px;padding:0 0 10px 24px;}
h2.twee{background:url(gfx/bg_2.png) no-repeat  0px 0px;font-size:1.2em;margin:20px 0 5px 10px;padding:0 0 10px 24px;}
h2.drie{background:url(gfx/bg_3.png) no-repeat  0px 0px;font-size:1.2em;margin:20px 0 5px 10px;padding:0 0 10px 24px;}
h2.vinkje{background:url(gfx/bg_vinkje.png) no-repeat 0px 2px;font:1.5em 'Trebuchet MS';margin:0 0 3px 0px;padding:0 0 0 28px;}
h2.vinkjegroen{background:url(gfx/bg_vinkjegroen.png) no-repeat 0px 2px;font:1.5em 'Trebuchet MS';margin:0 0 3px 0px;padding:0 0 0 28px;}
h2.kruis{background:url(gfx/bg_kruis.png) no-repeat  0px 2px;color:#9cb4cc;font:1.5em 'Trebuchet MS';margin:0 0 3px 0;padding:0 0 0 28px;}
h3{clear:both;color:#286cb2;font-size:1.2em;margin:0 0 3px 0;}
h4{color:#286cb2;font-size:1.1em;margin:0 0 3px 0;}
h5{color:#003875;font-size:1.1em;margin:0 0 3px 0;}
h6{color:#286cb2;font-size:1em;margin:0 0 0px 0;}
p{font-size:110%;line-height:140%;margin:10px 0 10px 0;padding:0;}
img{border:0px;}
hr{border:none;border-top:1px solid #cad7e0;clear:both;height:1px;margin:6px 0 10px 0;}
/*anchors*/
a{color:#286cb2;text-decoration:none;}
a:active{}
a:visited{}
a:hover{text-decoration:underline;}
.content a,.contentbestellen a{text-decoration:underline;}
a.verder{background:url(gfx/bg_verder.png) no-repeat 0px 4px;color:#286cb2;padding:0 0 0 10px;text-decoration:none;}
a.verder:hover{text-decoration:underline;}
a.terug{background:url(gfx/bg_terug.png) no-repeat center left;padding:0 0 0 10px;text-decoration:none;}
a.terug:hover{text-decoration:underline;}
.button{background:url(gfx/but_left.png) no-repeat top left;clear:both;color:#fff;float:right;font:12px 'Trebuchet MS';height:20px;margin:2px 0 10px 0;padding:0px 0 0 8px;}
.button a{background:url(gfx/but_right.png) no-repeat top right;color:#fff;float:left;float:left;height:20px;padding:1px 10px 0 5px;text-align:center;text-decoration:none;}
.button a:hover{text-decoration:underline;}
.button input{
        background:url(gfx/but_right.png) no-repeat top right;
        color:#fff;
        float:left;
        float:left;
        height:20px;
        padding:1px 10px 0 5px;
        text-align:center;
        border:0px;
        text-decoration:none;}
.buttonrood{background:url(gfx/butrood_left.png) no-repeat top left;clear:both;color:#000;float:right;font:12px 'Trebuchet MS';height:20px;margin:2px 0 10px 0;padding:0px 0 0 8px;}
.buttonrood a{background:url(gfx/butrood_right.png) no-repeat top right;color:#fff;float:left;float:left;height:20px;padding:1px 10px 0 5px;text-align:center;text-decoration:none;}
.buttonrood a:hover{text-decoration:underline;}
.rss{color:#286cb2;font-size:.8em;padding:0 0 0 0;text-align:right;text-decoration:none;}
.rss img{margin:0 0 0 4px;vertical-align:top;}
.rss a{padding:0 0 0 0;text-align:right;text-decoration:none;}
.rss a:hover{text-decoration:underline;}
/*formulier styles*/
form{margin:0;padding:0px;}
input,select,textarea{font:1em Arial,Helvetica,sans-serif;}
fieldset{border:none;}
.displayforprint{display:none}


/*
##################################################################
ALGEMENE LAYOUT STYLES
##################################################################
*/
.line1 {border-right:1px solid #cad7e0;}

/*top visual en logo*/
#header{border-bottom:1px solid #ccd7e3;margin-bottom:1px;overflow:hidden;position:relative;width:771px;}
#header h1{color:#fff;font-size:30px;font-weight:normal;left:15px;margin:0;padding:0;position:absolute;top:38px;}
#header img{float:left;}
#header img.logo{float:right;}

/*de hoofdnavigatie balk*/
.nav{background:#cad3df url(gfx/bg_nav.png) repeat-x left top;clear:both;height:24px;overflow:hidden;width:771px;}
.nav ul{display:block;list-style:none;margin:auto;padding:0 0 0 0px;}
.nav li{float:left;margin:0;padding:0;}
.nav li a{background:url(gfx/bg_nav.png) repeat-x top left;color:#003874;display:block;float:left;font-size:12px;font-weight:bold;height:20px;padding:5px 20px 0 20px;}
.nav li a.first{padding:5px 25px 0 20px;}
.nav li a:hover{background:#33508e url(gfx/bg_navhover.png) repeat-x top left;color:#fff;text-decoration:none;}
.nav li.actief a{background:#33508e url(gfx/bg_navhover.png) repeat-x top left;color:#fff;}

/*de algemene header */
.header{background:#fff url(gfx/bg_navgradient.png) repeat-x top left;border-bottom:1px solid #ccd7e3;clear:both;display:block;height:60px;position:relative;}
.header h1{float:left;font-size:24px;margin:0;padding:25px 0 0 15px;width:675px;}
.hp{border:none;}
.nobg{background:none;}

/*footer styles*/
.footerspacer{clear:both;height:4em;}
#footer{height:4em;margin:auto;margin-top:-4em;overflow:hidden;position:relative;text-align:right;width:771px;}
#footer ul{display:block;float:right;list-style:none;margin-left:auto;margin-top:20px;position:relative;width:370px;}
#footer li{background:none;float:left;font-size:12px;margin:0;padding:0 3px 0 3px;}
#footer li a{color:#545c5f;display:block;font-size:11px;}

/*algemene lijst styles*/
ul{display:block;list-style:none;margin:auto;padding:10px 0 10px 0;clear:both;position:relative;}
ul.verder li{background:url(gfx/bg_verder.png) no-repeat 0px 6px;}
ul.verder li a{color:#286cb2;}
ul li{background:url(gfx/bg_bulletcontent.png) no-repeat 0px 8px;display:block;margin:0;padding:2px 0 2px 16px;}
li.word{background:url(gfx/bg_bulletdoc.png) no-repeat 0px 3px;display:block;margin:0;padding:2px 0 2px 18px;}
li.pdf{background:url(gfx/bg_bulletpdf.png) no-repeat 0px 3px;display:block;margin:0;padding:2px 0 2px 18px;}
li.download{background:url(gfx/bg_bulletdownload.png) no-repeat 0px 3px;display:block;margin:0;padding:2px 0 2px 18px;}
li.newwindow{background:url(gfx/bg_bulletnewwindow.png) no-repeat 0px 3px;display:block;margin:0;padding:2px 0 2px 16px;}
li span.dokument{color:#71797c;}
li a{color:#05396E;}
li a:hover{text-decoration:underline;}
.rood{color:#DC1211;}
.blauw{color:#059aee;}

.csaformulier div.spallservicecontent{
    background:#FFFFFF;
    color:#003875;
    font:12px arial;
}
.csaformulier div.spallservicecontentpart{
    padding:8px;
}
.csaformulier span.spallfoutmelding{
    color:#FF0000;
}
.csaformulier td.spallpakketrij0{
    background-color:#ffffff;
    font:12px arial;
}
.csaformulier td.spallpakketrij1{
    background-color:#eff3f7;
    color: #05396E;
    font:12px arial;
}
.csaformulier td.spallpakketrij2{
    background-color:#ffffff;
    color: #05396E;
    font:12px arial;
}
.csaformulier input.submit{
    background:url(/portal/page/portal/Images/gfx/but_smallblue.png) no-repeat bottom left;
    margin:10px 10px 0 0;
    font-family:Arial,Trebuchet MS,Helvetica,sans-serif;
    border:none;
    color:#fff;
    float:right;
    height:20px;
    padding:0;
    text-align:center;
    width:75px;
}
.csaformulier input{
    border:1px solid #93a8be;
    font-family:Arial,Trebuchet MS,Helvetica,sans-serif;
    font-size: 12px;
    width:150px;
}
.csaformulier input.spallinputnoborder {
    border:none;
    width:15px;
    vertical-align:middle;
}
.csaformulier td.spallformstepselected {
    width:126px;
    height:26px;
    background-color:#cc0202;
    color:#ffffff;
    font-weight:bold;
    padding-left:8px;
}
.csaformulier td.spallformstep {
    width:126px;
    height:26px;
    background-color:#eff3f7;
    color:#003875;
    padding-left:8px;
}

/*
##################################################################
RECHTER VLAK STYLES
##################################################################
*/
div.menu{float:left;margin:33px 0 0 0;overflow:hidden;padding:0;width:205px;}
.menu h3{color:#DC1211;padding:0 0 0 20px;}
.menu a{margin:0 0 0 20px;}
.menu img{margin:20px 0 20px 0;}
/*rechter navigatie*/
.menu ul{border-top:0px solid #cad7e0;display:block;list-style:none;margin:1px 0 1px 20px;padding:0;}
.menu li{background:url(gfx/bg_bulletstreepjelang.png) no-repeat 4px 2px;border-bottom:1px solid #cad7e0;display:block;margin:0;padding:4px 0 4px 13px;}
.menu li a{color:#286cb2;display:block;margin:0;padding:0;text-decoration:none;}
.menu li a:hover{background:#eff3f7;font-weight:bold;}