/* KLEUREN */
/*
donkerblauw: #063577;
*/
/* Force scrollbars */
html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
    height: 100%;
}
/* Disable outline */
a:active, a:focus {
    outline: none;
}
html body {
    height: 100%;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:11px;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #666;
    line-height: 16px;
    /*background: url(../img/bg.jpg) repeat-x top #93c2e3;*/
}
#container {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    background:#FFF;
}
#top {
    width: 95%;
    height: 111px;
}
#top .logo{
    position:absolute;
    z-index: 1;
    width: 200px;
    background:#FFF;
    padding: 0 0 0 28px;
}
#top .nav{
    width: 95%;
    min-width: 990px;
    margin: 70px 0 0 0;
    position:absolute;
    border-top: 1px solid #CCC;
    padding: 0;
}
#top .externalLinks {
    min-width: 990px;
    text-align: right
}
#imgBrochure span { display: none; }
#imgBrochure {
    background: url(../img/img_brochure.png) no-repeat -25px  -20px;
    display: block;
    height: 250px;
    width: 400px;
    /*margin: -50px 0 0 0;*/
}
#imgBrochure:hover {
    background: url(../img/img_brochure_2.png) no-repeat -25px  -20px;
    display: block;
    height: 250px;
    width: 400px;
    /*margin: -50px 0 0 0;*/
}

#header { height: 350px; }
#header2 { height: 300px; }

.headerImg {
    position:absolute;
    width: 100% !important;
    position:absolute;
    z-index: 1;
    background:#000;
}
.headerImg div{
    display: none;
}

#header .headerImg { height:350px; }
#header2 .headerImg { height: 300px; }


#header .headerImg .bgImg_1 {
    //background:url(../img/bg_img1.jpg) bottom center repeat-x;
    width: 100% !important;
    height: 350px;
}
#header .headerImg .bgImg_2 {
    width: 100% !important;
    height: 350px;
}
#header .headerImg .bgImg_3 {
    width: 100% !important;
    height: 350px;
}
#header .headerImg .bgImg_4 {
    width: 100% !important;
    height: 350px;
}


#header2 .headerImg .bgImg_1 {
    //background:url(../img/bg_img1.jpg) bottom center repeat-x;
    width: 100% !important;
    height: 300px;
}
#header2 .headerImg .bgImg_2 {
    width: 100% !important;
    height: 300px;
}
#header2 .headerImg .bgImg_3 {
    width: 100% !important;
    height: 300px;
}
#header2 .headerImg .bgImg_4 {
    width: 100% !important;
    height: 300px;
}


#FlashID {
    position:absolute;
    z-index: 2;
}
#content {
    text-align: left;
    width: 990px;
}
#content .mainContent {
    width: 550px;
    padding: 0 20px 0 0;
    margin: 20px 50px 20px 50px;
    border-right: #CCC solid 1px;
}
#content .mainContent:hover {
    //border-right: #063577 solid 1px;
}
#content .kolomRight {
    position: absolute;
    margin: 0 0 0 570px;
    padding: 0 0 0 0;
    z-index: 3;
}
#footer {
    font-size:10px;
    color: #CCC;
    background:#fff;
    border-top: 1px dotted #999;
    padding: 5px 0;
    clear:both;
    height: 50px;
    width: 95%;
    min-width: 990px;
}
#footer .copyright {
    width: 95%;
    min-width: 990px;
    text-align:right;
}
#footer div {
    position:absolute;
}
#footer div a{
    color: #CCC;
}
#footer div a:hover{
    color: #063577;
}
/* NAVIGATIE */
.zoeken{
    color:#666;
    position:absolute;
    width: 990px;
    text-align:right;
}
.zoeken input{
    color:#666;
}
/* OVERIG */
a {
    color: #45494C;
    text-decoration:none;
}
a:hover {color: #063577;}
a img {    border:none;}
.floatLeft {float: left;}
.floatRight {float: right;}
.noBorder {    border:none;}
#form {
    border:#CCCCCC solid 1px;
    padding: 10px 20px 10px 20px;
}
#formZoeken {
    float:right;
    margin: 5px 0 0 0;
}
#formZoeken input{
    background:#E7E7E8;
    border: #CCC solid 1px;
    padding:3px;
    color: #666;
}

/* normalize font-size for headers */
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

/* TEXT */
h1 {
    font-size: 16px;
    font-style:normal;
    padding-top:0;
    margin-top:0;
    color: #666;
}

.h3Adres{ color: red; margin-bottom: 0px; }
.nieuwsItem{ margin: 0px 0px 20px 30px; width: 300px; }
.adresItem{ margin: 0px 0px 10px 30px; width: 300px; }
.nieuwsItem:hover{ border-right: 1px solid #063577; background: #F4F4F4; }
.pagination:hover{ border: 0px; background: none; }
.nieuwsArchiefH{ margin: 0 0 0 30px; font-size: 14px; }
.nieuwsItem h2, .adresItem h2{ margin-bottom: 5px; }
.nieuwsItem p,.adresItem p{ margin: 0px 0px 0px 0px; }
.leesVerder{ white-space:nowrap; }
.related{ display: block; clear: both; }
#navTekst{ padding-top: 3px; }
#navTekst a{ padding:3px 5px; background: #DDD none repeat scroll 0 0; margin-left: 2px; }
#navTekst a:hover{ background: #BBB; }
.activeSlide{ background: #BBB; }
#contentItem{ margin: 0px; padding: 0px; }
.column{ margin: 0px; padding: 0px 10px 0px 0px; }
#single_image img{ margin: 5px; }