/********************* ALGEMEEN *********************/

@charset "utf-8";
* {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

html, body{ 
    height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
}
#container {
    width: 988px;
    height: 100%;
	margin-left: auto;
	margin-right: auto;
}

a {
    color: #00548E;
}
a:focus {
    outline: none;
}
images {
    border: none;

}

form {
    padding: 0px;
    margin: 0px;
}

#footer {
    position: absolute;
    bottom: 0;
}

/********************* HEADER *********************/

.header{
    width: 988px;
    height: 137px;
    background-color: #FFFFFF;
}
.headerbloklinks{
    width: 170px;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    float: left;
    height: 136px;
    background-image: url(../images/bg_logo.gif);
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
}
.headerbloklinks img{
    padding-top: 10px;
    padding-left: 20px;
}
.headerblokmidden{
    width: 600px;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    float: left;
}
.headerblokrechts{
    width: 216px;
    height: 137px;
    float: left;
    background-image: url(../images/bg_rechtstop.gif);
    background-position: bottom;
    background-repeat: no-repeat;
}

.headerblokrechts .keurmerk{
    float: left;
    padding-left: 10px;
    padding-top: 48px;
} 

.headerblokrechts .keurmerk a{
    float: left;
}
	
	.headerblokrechts .keurmerk img{
	padding-right: 5px;
	}

.headerblokrechts .disclaimer{
    float: left;
    padding-top: 111px;
    padding-left: 5px;
    float: left;
}
.headerblokrechts .disclaimer a{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}

.letters{
    padding-top: 110px;
    padding-left: 9px;
    float: left;
}

.letters  span.mediumtext a{
    color: #00548E;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;

}

.letters  span.mediumtext a:hover, .letters  span.mediumtext a:active{
    color: #FFFFFF;
    }

.letters   span.largetext a{
    color: #00548e;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;

}

.letters  span.largetext a:hover, .letters  span.largetext a:active{
    color: #FFFFFF;
    }

.letters span.xlargetext a{
    color: #00548e;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;

}
.letters  span.xlargetext a:hover, .letters  span.xlargetext a:active{
    color: #FFFFFF;
    }


/********************* Menu Top *********************/

.menutop{
    border-bottom: 1px solid white;
    float: left;

}
.menutoplinks{
    width: 170px;
    height: 25px;
    border-right: 1px solid white;
    float: left;
    background-image: url(../images/bg_wit_donkerblauw.gif);
    background-repeat: repeat-x;
}
.menutopmidden{
    width: 600px;
    height: 25px;
    border-right: 1px solid white;
    float: left;
    /*background-color: #00548e;*/
    background-image: url(../images/bg_topmenu.gif);
    background-repeat: repeat-x;

}
ul.menu{
    padding: 0px;
    margin: 0px;
    background-color: #63aad8;
}
ul.menu li{
    list-style:none;
    margin: 0px;
    padding: 0px;
    float: left;

}
ul.menu li.lastChild ul {
    margin-left:-64px !important;
    _margin-left:-74px !important;
}
ul.menu li a{
    background-color: #63aad8;
    border-right: 1px solid white;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 3px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    display: block;
    /* color: #FFFFFF; */
	color: black;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
}
ul.menu li a:hover{
    background-color: #3a87ba;
}


ul.menu li.lastChild a{
    border: none;
    padding-right: 7px;
    padding-left: 6px;
}
ul.menu li ul{
    list-style:none;
    padding: 0px;
    margin: 0px;
    position: absolute;
    visibility: hidden;
    width: 180px;
}
ul.menu li ul li{
    float: none;
}
ul.menu li ul li a{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 11px;
    border:0 none !important;
    font-weight: normal !important;
    background-color: #3a87ba;
    padding-left: 5px;
    padding-right: 5px;
    _width: 180px;
    margin: 0px;
}

ul.menu li ul li a:hover {
    background-color: #63aad8;
}

ul.menu li ul li a:active {
}

ul.menu li ul li a:visited {
}

ul.menu li ul li.firstChild a {
    _padding-right: 5px;
}

ul.menu li ul li.lastChild a {
    padding-bottom: 10px;
    padding-right: 4px;
}

.menutoprechts{
    width: 216px;
    height: 25px;
    background-color: #c2deef;
    float: left;
}

#searchString{
    width: 130px;
    height: 13px;
    margin-left: 12px;
    font-size: 12px;

}

.zoekveld{
    width: 130px;
    margin-left: 15px;
    margin-right: 5px;
}

.zoekbutton{
    background-image: url(../images/button_zoeken.gif);
    width: 49px;
    height: 18px;
    border: none;
    margin-bottom: 2px;
    nargin-left: 5px;
}


/********************* BLOK LINKS *********************/

.bloklinks{
    width: 170px;
    border-right: 1px solid white;
    background-color: #a1cce7;
    float: left;
}

.bloklinks ul{
    padding: 0px;
    margin: 0px;
    background-color: #FFFFFF;
}
.bloklinks ul li{
    list-style: none;
}
.bloklinks ul li a{
    display: block;
    text-decoration: none;
    padding-left: 18px;
    height: 20px;
    padding-top: 7px;
    border-bottom: 1px solid #63aad8;
    font-weight: bold;
    color: #000000;
    font-size: 12px;
}
.bloklinks ul li a:hover, .bloklinks ul li.active a {
 background-color: #e7f2f9;
}

.bloklinks img{
    padding-left: 40px;
    padding-top: 30px;
}



/********************* BLOK MIDDEN *********************/

.blokmiddencontentpageempty{
    width: 600px;
    border-right: 1px solid white;
    background-color: #FFFFFF;
    float: left;
}

.blokmiddencontentpage{
    width: 429px;
    border-right: 1px solid white;
    background-color: #FFFFFF;
    float: left;
}
.blokmidden{
    width: 355px;
    border-right: 1px solid white;
    background-color: #FFFFFF;
    float: left;
}

.blokmiddencontent{
    margin: 10px  20px  20px  20px;
}

.blokmiddencontent h1{
    color:#00548E;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}

.blokmiddencontent h2{
    color:#00548E;
    font-size: 12px;
    margin: 0px;
    padding: 0px;   
}
.blokmiddencontent h3{
    color:#00548E;
    font-size: 12px;
    margin: 0px;
    padding: 0px;   
}
.kruimelpad{
    padding-left: 15px;
    padding-top: 10px;
}

.kruimelpad .pageTitle{
    font-size: 11px;
}
.kruimelpad span.pageTitle{
    padding-left: 5px;
}

.kruimelpad a{
    padding-right: 8px;
    font-size: 11px;
    background-image: url(../images/icon_kruimelpad.gif);
    background-repeat: no-repeat;
    background-position: right 5px;
}

#nieuwsBerichtenContent{
	padding-bottom: 10px;
}

#nieuwsBerichtenContent a{
}

#nieuwsBerichtenContent p
{
padding: 0 0 10px 0;
margin: 0;
}


/********************* BLOK MIDDEN 2 *********************/

.blokmidden2{
    width: 170px;
    border-right: 1px solid white;
    background-color: #dcecf6;
    float: left;
}

.blokmidden2 ul{
    padding: 0px;
    margin: 0px;
    padding-top: 25px;
}
.blokmidden2 ul li{
    list-style: none;
}
.blokmidden2 ul li a{
    display: block;
    text-decoration: none;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #FFFFFF;
    font-weight: none;
    color: #000000;
}
.blokmidden2 ul li a:hover, .blokmidden2 ul li.active a {
 background-color: #FFFFFF;
 font-weight: bold;
}

.blokmidden2 .firstchild{
    border-top: 1px solid #FFFFFF;
}

.blokmidden2 address, .blokmidden2 h1, .blokmidden2 h2
{
	padding-left: 10px;
}

/********************* BLOK MIDDEN 3 *********************/

.blokmidden3{
    width: 244px;
    border-right: 1px solid white;
    background-color: #dcecf6;
    float: left;
}

.blokmidden3 .extraitemtitel{
    width:229px;
    height: 50px;
    background-color: #3a87ba;
    float: left;
    border-bottom: 1px solid #FFFFFF;
    padding:0 0 0 15px;
}

.blokmidden3 .extraitemtitel h2{
    padding: 0px;
    margin: 0px;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif;
    font-size: 13px;
    line-height:1.8em;
}
.blokmidden3 .afbeelding{
    width:244px;
    /* height: 77px; */
    background-color: #89b7d6;
    border-bottom: 1px solid #FFFFFF;
	overflow: auto;
}

.blokmidden3 .afbeelding img{
    width: auto;
    height: auto;
    float: left;
}

.blokmidden3 .afbeelding h2{
    padding: 0px;
    margin: 0px;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif;
    font-size: 13px;
    line-height:1.5em;
    float: left;
    padding-left: 5px;
}

.blokmidden3 .extraitemcontent{
    background-color: #d6ecf7;
    float: left;
    border-bottom: 1px solid #FFFFFF;
    padding:15px 15px 15px 15px;
}
.blokmidden3 .extraitemcontent p{
    font-size: 11px;
}
.blokmidden3 .extraitemcontent h1{
    color:#00548E;
    margin:0;
    padding:0;
}
.blokmidden3 .extraitemcontent .leesmeer a{
    font-size: 12px;
    color:#00548E;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}
.blokmidden3 .extraitemcontent .leesmeer a:hover{
    text-decoration: underline;
}
/********************* BLOK RECHTS *********************/

.blokrechts{
    width: 216px;
    background-color: #dcecf6;
    float: left;
}
.blokrechts p
{
	padding-left: 15px;
}

.blokrechts .titelnieuws{
    width: 201px;
    /* height: 25px; */
    background-color: #00548e;
    /* float: left; */
    border-bottom: 1px solid #FFFFFF;
    padding:0 0 0 15px;
}
.blokrechts .titelnieuws h2{
    padding: 0px;
    margin: 0px;
        color: #FFFFFF;
    font-weight: bold;
    font-family:Verdana ,Arial,sans-serif;
    font-size: 13px;
    line-height:1.8em;
}

.blokrechts .nieuwscontent{
    width: 186px;
    background-color: #c7d9e6;
    border-bottom: 1px solid #FFFFFF;
    float: left;
    padding: 10px 15px 15px 15px;
}
.blokrechts .nieuwscontent p, .blokrechts .activiteitencontent p {
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    font-weight: normal;
}
.blokrechts .nieuwscontent .datum, .blokrechts .activiteitencontent .datum{
    font-size: 10px;
    font-weight: normal;
}
.blokrechts .nieuwscontent h1{
    color: #00548e;
    margin: 0px;
    padding: 0px;

}
.blokrechts .nieuwscontent .leesmeer a{
    font-size: 12px;
    color:#00548E;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}
.blokrechts .nieuwscontent .leesmeer a:hover{
    text-decoration: underline;
}

.blokrechts .meernieuws{
    padding-bottom: 8px;
    width: 216px;
    background-color: #c7d9e6;
    border-bottom: 1px solid #FFFFFF;
    float: left;
    padding-top: 8px;
}
.blokrechts .meernieuws h1{
    color: #00548e;
    text-decoration: none;
    padding-left: 15px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

.blokrechts .meernieuws a{
    color: #3A87BA;
    text-decoration: none;
    padding-left: 15px;
    font-weight: bold;
}

.blokrechts .meernieuws a:hover{
    text-decoration: underline;
}

.blokrechts .meeractiviteiten{
    padding-bottom: 8px;
    width: 216px;
    background-color: #dcecf6;
    border-bottom: 1px solid #FFFFFF;
    float: left;
    padding-top: 8px;
}
.blokrechts .meeractiviteiten h1{
    color: #00548e;
    text-decoration: none;
    padding-left: 15px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

.blokrechts .meeractiviteiten a{
    color: #3A87BA;
    text-decoration: none;
    padding-left: 15px;
    font-weight: bold;
}

.blokrechts .meeractiviteiten a:hover{
    text-decoration: underline;
}



.blokrechts .titelactiviteiten{
    width: 201px;
    height: 25px;
    background-color: #7fbadf;
    float: left;
    border-bottom: 1px solid #FFFFFF;
    padding:0 0 0 15px;
}

.blokrechts .titelactiviteiten h2{
    color: #FFFFFF;
    font-weight: bold;
    font-family:Verdana,Arial,sans-serif;
    font-size: 13px;
    line-height:1.8em;
    padding: 0px;
    margin: 0px;
}

.blokrechts .activiteitencontent{
    width: 186px;
    background-color: #dcecf6;
    border-bottom: 1px solid #FFFFFF;
    float: left;
    padding: 10px 15px 15px 15px;
    font-weight: normal;
}
.blokrechts .activiteitencontent h1{
    color: #00548e;
    margin: 0px;
    padding: 0px;
}

.blokrechts .activiteitencontent .leesmeer a{
    font-size: 12px;
    color:#00548E;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}
.blokrechts .activiteitencontent .leesmeer a:hover{
    text-decoration: underline;
}
.inschrijvennieuwsbrief a{
    padding-left: 15px;
    padding-top: 15px;
    float: left;
}
.formTable{
    border-bottom: 1px solid #CFE5F3;
    border-top: 1px solid #CFE5F3;
    width: 100%;
    background-color: #ecf5fa;
    /* padding: 20px; */
	padding: 10px;
    margin-top: 10px;
}
.formColumnSubmit input{
    border: none;
    background-image: url(../images/button_versturen.gif);
    width: 96px;
    height: 23px;
}
.formColumnSubmit{
    text-align: right;
    padding-right: 108px;
}
.elementText{
    /* width: 300px; */
}
.elementTitle, .elementTitleRequired
{
	font-weight: bold;
	padding-right: 5px;
}

span.elementRequired
{
	color: #00548E;
}

span.elementSeparator
{
	display: block;
	padding-bottom: 5px;
}

.formColumnLeft{
	width: 150px;
}

.formColumnLeft, .formColumnRight {
    padding-bottom: 5px;
    
}

.zoekresultaten {
    border-bottom: 1px solid #CFE5F3;
    border-top: 1px solid #CFE5F3;
    width: 520px;
    background-color: #ecf5fa;
    padding: 20px;
}

        .zoekresultaten p {
            margin-top: 5px;
        }

        div.accuracyOuterBar {
            margin-top: 17px;
            float: right;
            width: 80px;
            border: 1px solid #00548E;
            background-color: #FFF;         
            height: 11px;
        }
        
            div.accuracyText {
                width: 80px;
                position: absolute;
                font-size: 10px;
                color: #00548E;
                text-align: center;
                margin-top: -1px;
            }
        
            div.accuracyInnerBar {
                background-color: #A1CCE7;
                height: 11px;
            }

    div.searchPager {
        clear: both;
        width: 100%;
        height: 20px;
        margin: 0px 0px 15px;
        padding-bottom: 15px;
        border-bottom: 1px dotted #00548E;
    }
    
        div.searchPager span, div.searchPager a {
            float: left;
            text-align: center;
            margin-right: 10px;
            line-height: 20px;
        }
    
        div.searchPager span {
            background-color: #FFF;
            border: 1px solid #CFE5F3;
            color: #000;
            padding: 0px 5px;
            line-height: 18px;
            color: #00548E;
            font-weight: bold;
        }
        
    div.searchPagerBottom {
        padding-top: 15px;
        border-bottom: none;
        border-top: 1px dotted #00548E;
    }


	
/* Submenu content */

div.blokmiddencontent .topcontentmenuContainer ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

div.testmenuContainer
{
	padding: 10px 0 10px 0;
	font-size: 12px;
}

div.blokmiddencontent ul
{
	list-style: square;
	padding: 5px 15px;
	margin: 0;
}

	div.blokmiddencontent ul li
	{
/*		float: left;*/
		line-height: 1.2em;
		margin: 0;
 		padding: 0;


	}
	
	div.blokmiddencontent ul li a
	{
		padding: 3px 20px 3px 10px;
		background-color: #dcecf6;
		display: block;
		width: 12.44em;
		height: auto;
		margin: 0 0 5px 0;
		text-decoration: none;
		color: #000;
		background-image: url(../images/arrow_submenu_hover.gif);
		background-repeat: no-repeat;
		background-position: 152px center;
	}
	
	div.blokmiddencontent ul li a:hover, div.blokmiddencontent ul li.active a
	{
		color: #FFF;
		background-color: #63add6;
		background-image: url(../images/arrow_submenu_normal.gif);
	}
	
	
	
	
#formOutput
{
	padding: 0px 0px 10px 15px;
	font-weight: bold;
	color: #00548E;
}