@charset "utf-8";
/* CSS Document */

body
{
    margin:0px;
    padding:0px;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#666666;
    background:url(/templates/img/bg.gif) left top  repeat-x;
    background-color:#e0ecf7;
}

strong
{
    font-weight:bold;
}

h1, h2, h3
{
    font-size:14px;
    padding:0px;
    margin:0px;
}

h2
{
    color:#f39a02;
    font-size:12px;
    margin-left:20px;
}

img
{
    border:none;
}

a
{
    color:#f39a02;
    text-decoration:none;
    cursor:pointer;
}

a:hover
{
    color:#666666;
}

.container
{
    width:985px;
    margin:0px auto;
    position:relative;
    overflow:hidden;
    background:url(/templates/img/bg.gif) left top  no-repeat;
}

.header
{
    width:985px;
    height:155px;
    position:relative;
}

.logo
{
    width:156px;
    height:112px;
    position:absolute;
    top:64px;
    left:0px;
}

.info
{
    position:absolute;
    top:70px;
    right:50px;
    color:#00457d;
    font-size:12px;
}

.info a
{
    color:#00457d;
    text-decoration:none;
}

.info a:hover
{
    text-decoration:underline;
}

.slogan
{
    position:absolute;
    top:35px;
    right:6px;
    font-size:16px;
    color:#00457d;
}

.menu
{
    position:absolute;
    right:2px;
    top:95px;
    width:700px;
    height:41px;
    background:url(/templates/img/bg-menu-ul.gif) right top  no-repeat;
}

.submenu
{
    color:#00457d;
    font-size:12px;
    position:absolute;
    bottom:0px;
    left:280px;
    padding-left:3px;
}

.submenu a
{
    color:#00457d;
    text-decoration:none;
}

.submenu a:hover, .submenu a.active
{
    text-decoration:underline;
}

.innercontainer
{
    overflow:hidden;
    width:985px;
    position:relative;
    background:#e0ecf7;
    margin-top:20px;
}

.leesmeer, .leesmeerwit
{
    position:relative;
    text-align:right;
}

.leesmeer a
{
    padding-right:13px;
    background:url(/templates/img/plus-oranje.gif) right 4px no-repeat;
    color:#666666;
    text-decoration:none;
}

.leesmeerwit a
{
    padding-right:13px;
    background:url(/templates/img/plus-wit.gif) right 4px no-repeat;
    color:#666666;
    text-decoration:none;
}

.leesmeer a:hover
{
    color:#f59703;
}

.left
{
    position:relative;
    float:left;
    overflow:hidden;
    width:625px;
}

.right
{
    position:relative;
    float:right;
    width:345px;
    overflow:hidden;
}

/*invulling left*/
.banner
{
    width:624px;
    height:206px;
    position:relative;
    background:url(/templates/img/bg-banner.gif) no-repeat;
    margin:0px 0px 5px 1px;
}

.banner-slogan
{
    position:absolute;
    right:50px;
    top:70px;
    font-size:24px;
    color:#ffffff;
}

.oranje 
{
    color:#FFFFFF;
}
.zwart 
{
    color:#000000;
}

.blok-verloop
{
    background:url(/templates/img/blok-verloop.gif) bottom left no-repeat;
}

.blok-grijs .top, .blok-verloop .top
{
    position:relative;
    width:624px;
    height:22px;
    overflow:hidden;
    padding:5px 0px 0px 20px;
    background:url(/templates/img/bg-blok-grijs-kop.gif) top left no-repeat;
}

.blok-grijs .middle, .blok-verloop .middle
{
    position:relative;
    width:624px;
    color:#ffffff;
    overflow:hidden;
    padding-bottom:20px;
}

.blok-grijs .middle
{
    background:url(/templates/img/bg-blok-grijs-top.gif) bottom left no-repeat;
}

.blok-grijs_bottom
{
    position:relative;
    clear:both;
    width:624px;
    height:14px;
    background:url(/templates/img/bg-blok-grijs-bottom.gif) bottom left no-repeat;
}

.blok-grijs h1, .blok-verloop h1
{
    width:624px;
    color:#ffffff;
    font-weight:normal;
    margin:0px;
}

.blok-verloop p
{
    color:#00457d;
}

.blok-verloop p img
{
    padding:0px 10px 0px 10px;
}

.blok-verloop a
{
    color:#f39a02;
    text-decoration:none;
}

.blok-verloop a:hover
{
    text-decoration:underline;
}

.blok-grijs p, .blok-verloop p
{
    margin:20px 26px 10px 20px;
}

.blok-verloop h2
{
    font-size:14px;
}

.blokje-oranje .top
{
    position:absolute;
    height:27px;
    width:309px;
    padding:5px 16px 5px 10px;
    top:0px;
    left:0px;
    background:url(/templates/img/blokje-oranje-top.gif) top left no-repeat;
    z-index:3;
}

.blokje-oranje 
{    
    width:285px;
    _width:282px;
    overflow:hidden;
    float:left;
    padding:40px 16px 20px 10px;
    position:relative;
    background:url(/templates/img/blokje-oranje.gif) repeat-y;
    margin:10px 5px 0px 0px;
    _margin:10px 4px 0px 0px;
    z-index:1;
    font-size:12px;
}

.blokje-oranje_bottom
{
    position:relative;
    clear:both;
    background:url(/templates/img/blokje-oranje-bottom.gif) no-repeat;
    height:15px;
    width:309px;
}

.blokje-oranje h2 
{
    color:#ffffff;
    font-weight:normal;
    margin:0px 0px 10px 0px;
}

.blokje-oranje ul 
{
    margin:0px;
    padding:0px;
    width:275px;
}

.blokje-oranje ul li 
{
    list-style-type:none;
    margin:10px 0px;
    padding:0px 0px 5px 0px;
    border-bottom:1px solid #ffffff;
}

.blokje-oranje ul li a 
{
    color:#666666;
    text-decoration:none;
}

.blokje-oranje ul li a:hover
{
    color:#ffffff;
    text-decoration:none;
}

.blokje-wit 
{
    position:relative;
    width:283px;
    padding:10px 16px 15px 10px;
    margin:10px 0px 0px 0px;
    background:url(/templates/img/blokje-wit-top.gif) top left no-repeat;   
    overflow:hidden;
    display:block;
}

.blokje-wit .img, .middle .img
{
    position:relative;
    float:left;
}

.middle .img
{
    padding:22px 10px 10px 22px;
}

.blokje-wit_bottom
{
    position:relative;
    clear:both;
    background:url(/templates/img/blokje-wit-bottom.gif) no-repeat;
    height:7px;
    width:309px;
}

.blokje-wit .titel
{
    position:relative;
    margin-bottom:5px;
}

.blokje-wit .titel h2
{
    font-size:12px;
    color:#00447d;
}

.blokje-wit a
{
    color:#f39a02;
    background:url(/templates/img/plus-oranje.gif) 100% 55% no-repeat;
    padding-right:10px;
}
.blokje-wit a:hover
{
    color:#00447d;
}

.blokje-wit .leesmeer a
{
    background:url(/templates/img/plus-oranje.gif) 100% 55% no-repeat;
    padding-right:10px;
}

.blokje-wit .kreet, .blokje-wit .kreet a 
{
    position:relative;
    color:#00447d;
    font-weight:bold;
    text-decoration:none;
    font-size:14px;
    background:none;
}

.blokje-wit .kreet a:hover 
{
    color:#666666;
}

.blokje-wit .img a
{
    background:none;
}

/*invulling rechts*/
.blok-rechts, .blok-rechts-oranje, .blok-rechts-grijs
{
    width:314px;
    _width:314px;
    overflow:hidden;
    position:relative;
    background:url(/templates/img/bg-rechts-top.gif) top left no-repeat;
    padding:2px 16px 0px 15px;
    z-index:1;
}

.blok-rechts-oranje
{
    background:url(/templates/img/bg-rechts-oranje-top.gif) top left no-repeat;
    padding:2px 16px 20px 15px;
}

.blok-rechts-grijs
{
    background:url(/templates/img/bg-rechts-grijs-top.gif) top left no-repeat;
    padding:15px 16px 25px 15px;
}

.blok-rechts .top, .blok-rechts-oranje .top, .blok-rechts-grijs .top
{
    padding:1px 16px 10px 0px;
}
.blok-rechts_bottom, .blok-rechts-oranje_bottom
{
    position:relative;
    clear:both;
    background:url(/templates/img/rechts-bottom.gif) no-repeat;
    width:345px;
    height:9px;
    margin-bottom:10px;
}

.blok-rechts-grijs_bottom
{
    position:relative;
    clear:both;
    background:url(/templates/img/rechts-bottom-grijs.gif) no-repeat;
    width:345px;
    height:9px;
    margin-bottom:10px;
}

.blok-rechts h2, .blok-rechts-oranje h2, .blok-rechts-grijs h2
{
    font-weight:normal;
    color:#FFFFFF;
    margin:0px;
}

.blok-rechts-grijs h2
{
    font-size:16px;
}

.blok-rechts li a:hover
{
    color:#f39a02;
}

.blok-rechts ul, .blok-rechts-oranje ul, .blok-rechts-grijs ul
{
    margin:0px;
    padding:0px;
    width:290px;
    padding:0px 10px 0px 10px;
}

.blok-rechts ul li, .blok-rechts-oranje ul li, .blok-rechts-grijs ul li
{
    margin:5px 0px 5px 0px;
    padding:15px 0px 10px 0px;
    list-style-type:none;
    border-bottom:#ccc 1px solid;
    overflow:hidden;
    _padding-bottom:5px;
    font-size:12px;
}

.blok-rechts ul li a, .blok-rechts-oranje ul li a, .blok-rechts-grijs ul li a
{
    color:#666666;
    text-decoration:none;
}

.blok-rechts ul li .leesmeer a, .blok-rechts-oranje ul li .leesmeer a, .blok-rechts-grijs ul li .leesmeer a
{
    background:url(/templates/img/plus-oranje.gif) right 5px no-repeat;
}

.blok-rechts p, .blok-rechts-oranje p, .blok-rechts-grijs p
{
    margin:10px 0px 0px 0px;
    padding:0px;
}

.blok-rechts .img, .blok-rechts-oranje .img, .blok-rechts-grijs .img
{
    position:relative;
    float:left;
    width:100px;
    margin-right:10px;
    border:1px solid #f39a02;
}

.blok-rechts .inhoud, .blok-rechts-oranje .inhoud, .blok-rechts-grijs .inhoud
{
    position:relative;
    width:280px;
    _width:270px;
    overflow:hidden;
}

.aanmelden
{
    width:240px;
    height:12px;
    color:#666666;
    font-size:10px;
    float:left;
    margin-top:4px;
}


ul.overview, ol.overview
{
    margin:15px 0px 0px 0px;
    padding:0px;
    width:617px;
}

ul.overview li, ol.overview li
{
    list-style:none;
    margin:10px 19px 0px 19px;
    padding:0px 0px 15px 0px;
    clear:both;
}

ul.overview li a, ol.overview li a
{
    color:#666666;
    text-decoration:none;
}

ul.overview li a:hover, ol.overview li a:hover
{
    color:#f39a02;
}

ul.overview li p, ol.overview li p
{
    margin:0px;
    padding:5px 0px;
}

ul.overview li img, ol.overview li img
{
    float:left;
    margin:5px 15px 5px 0px;
}

ul.overview li h2, ol.overview li h2
{
    padding:0px;
    margin:0px 0px 0px 0px;
    font-size:12px;
}

ul.overview li h3, ol.overview li h3
{
    padding:0px;
    margin:0px 0px 0px 0px;
    font-size:12px;
}

ul.overview .archief h3, ol.overview .archief h3
{
    padding:0px;
    margin:0px 0px 0px 0px;
    font-size:12px;
    float:left;
}

.sitemap
{
    color:#00457d; 
}

.sitemap ul
{
    margin:0px;
    padding-left:12px;
}

.footer
{
    width:970px;
    height:20px;
    padding:5px 0px 0px 10px;
    background:url(/templates/img/footer.gif) left bottom  no-repeat;
    color:#ffffff;
    font-size:10px;
    position:relative;
}

li
{
    margin:0px 0px 0px 0px;
    padding:0px;
    color:#00457d;
}

.blok
{
    position:relative;
    float:left;
}