/*
colors dhl:
yellow:    ffcc00
red:        cc0000
Flash banner: 706px * 205px 



colors used:
olive for text-color and backgroundcolor header
limegreen for the mouseover of the links and text-color h1-h6
white for the links in the footer

*/

* { margin: 0px;    padding: 0px; outline-style: none; }

html{
    height: 100%;
    min-width: 990px; 
}

body {
    height: 100%;
    width: 100%;
    background-color: #ffcc00;
    background: #ffcc00 url(pics/back_site.gif) center top repeat-y; 
}

#site {
    position: relative;
    margin: 0px auto;
    padding: 0px;
    width: 990px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    font: 12px arial, verdana, sans-serif;
    line-height: 16px;
    color: #000;    
}

/* ------------------------------------------------------------------------- Header */

#print_header {
    display: none;
}

#header {
    width: 990px;
    height: 115px;
    background-color: #ffcc00;
}

#header .logo {
width: auto; 
    float: left;
}

#header .logo a img {
    margin: 50px 0px 0px 20px;
    width: auto;
    float: left;
    border: 0px solid #fff;
}

#header .slogan {
    width: auto; 
    float: right;
    margin-right: 36px;
    display: inline;
}

#header .slogan a img {
    width: auto;
    margin: 0px;
    float: right;
    border: 0px solid #fff;
}

/* ------------------------------------------------------------------------- Navigation */ 

#navigation {
    padding-left: 30px;
    width: 960px;
    height: 35px;
    background: #ffcc00 url(pics/back_navigation.gif) left top repeat ;
}

#navigation ul {
    margin: 0px;
    list-style-type: none;
}

#navigation li {
    width: auto;
    margin-right: 117px;
    float: left;
}

#navigation li a:link, #navigation li a:visited {
    margin: 0px;
    padding: 0px;
    width: auto;
    float: left;
    display: block;
    letter-spacing: 2px;
    text-decoration: none;
    line-height: 35px;
    color: #202020;
}

#navigation li a:hover, #navigation li.current a:link, #navigation li.current a:visited, #navigation li.current a:hover {
    display: block;
    background: url(pics/hover_navigation.gif) left top repeat ;
}

/* ------------------------------------------------------------------------- Header */

#shadow_header {
    width: 990px;
    height: 15px;
    background: url(pics/shadow_header.png) left top repeat;
}

/* ------------------------------------------------------------------------- Content */ 

#content {
    position: relative;
    padding: 14px 0px 70px 29px;
    width: 961px;
}

span.radio {
   width: 19px;
   height: 12px;
   background: url(pics/radio.gif) no-repeat;
   margin: 3px 0px 0px 0px;
   display: block;
   float: left;
} 

#content .content-left{
    width: 732px;
    float: left;
}

#content .content-right{
    width: 210px;
    float: right;
    padding-left: 17px;
}

#content .content-left .blocks-left{
    position: relative;
    min-height: 200px;
    height: auto !important;
    height: 100%;
    width: 424px;
    float: left;
    margin-right: 31px;
}

#content .flash{
    width: 706px;
    height: 205px;
    margin-bottom: 20px;
}

#content .flash img{
    padding: 0px;
    margin: 0px;
    width: 706px;
    height: 205px;
}


#content .submit{
    background: url('pics/arrow-yel-red-big.png') top left no-repeat;
    border: none;
    width: 38px;
    height: 38px;
    cursor: pointer;
}

#content .submit.pollSubmit{
    position: absolute;
    right: 10px;
    top: 65px;
}

/*-------------------------------------------------------------------------------------------------------------- BLOCKS */
/* ----------------------------------------------------- Block 250 property's */
#content .block250{position: relative; width: 251px; min-height: 50px; height: auto !important; height: 50px; float: left; margin-bottom: 20px;}
#content .block250 .block-top{position: absolute; width: 251px; height: 13px; top: 0; background: url(pics/block-top.gif) top left no-repeat;}
#content .block250 .head{position: relative; width: 227px; height: 25px; background: url(pics/block-head.gif) top left no-repeat; z-index: 5; text-transform: uppercase; color: #fff; 
                         font-weight: bold; font-size: 16px; padding: 9px 0px 0px 8px; margin-bottom: 4px;}
#content .block250 .block-content{width:240px; border-left: 1px solid #f39996; border-right: 1px solid #f39996; padding: 7px 2px 15px 7px; display: inline-block; cursor: pointer; min-height: 5px; height: auto !important; height: 50px;}
#content .block250 .block-content.poll {height: 10px; padding-bottom: 10px; display: block;}
#content .block250 .block-bottom{float: left; width: 251px; height: 13px; bottom: 0; background: url(pics/block-bottom.gif) top left no-repeat; font-size: 0px; line-height: 0px; overflow: hidden;}

#content .block250 .head .yellow{ color: #ffcc00; }
#content .block250 .female{position: absolute; bottom: -1px; right: -1px; width: 96px; height: 121px; background: url(pics/female.png) top left no-repeat; z-index: 5;}
#content .block250 .head .white{ background-color:#fff; color: #cc0000; text-transform: uppercase; padding: 0px 4px 0px 1px;}
#content .block250 .head.arrow{background: url(pics/block-head-arrow.gif) top left no-repeat;}
#content .block250 .head .non-capital{text-transform:none; float: left; width: auto;}
#content .block250 .block-content .small{font-size: 10px; float: right; width: auto;}
#content .block250 .block-content .answer {float: left; width: auto;}
#content .block250 .we {color: #cc0000; font-weight: bold; font-style: italic;}
#content .block250 .bold {font-weight: bold;}
#content .block250 .number {position: absolute; left: 9px; margin-top: 3px;}
#content .block250 .number.firstnumber {position: absolute; left: 9px; margin-top: 0px;}
#content .block250 ol li.opsomming {padding-left: 35px; margin-bottom: 5px; width: 128px; height: 32px;}
#content .block250 ol li.opsomming.last {margin-bottom: 0px;}
#content .block250 ol li.opsomming.first {margin-bottom: 5px; line-height: 24px;}
#content .block250 img.arrow-work {position: absolute; right: 18px; margin-top: 20px;}


#content .block250 .block-content .small{font-size: 10px; float: right; width: auto;}
#content .block250 .block-content .answer {display: inline-block;}
#content .block250 .block-content .answer.pollAnswer {width: 140px;}


#poll {position: relative; z-index: 10;}
#poll .answer {}
#poll .pollblock {margin-bottom: 0px; color: #cc0000;}
#poll .pollrow {margin: 0px; padding: 0px; }
/* ----------------------------------------------------- Block 500 property's */
#content .block500{ position: relative; width: 424px; min-height: 50px; height: auto !important; height: 50px; float: left; margin-bottom: 20px;}
#content .block500 .block-top{position: absolute; top: 0; width: 424px; height: 13px; background: url(pics/block-grey-top.gif) top left no-repeat;}
#content .block500 .head{position: relative; width: 400px; height: 32px; background: url(pics/block-head-medium.gif) top left no-repeat; z-index: 5; text-transform: uppercase; color: #fff;
                         font-weight: bold; font-size: 16px; padding: 12px 0px 0px 8px;}
#content .block500 .block-content{width:410px; padding: 9px 7px 9px 7px; background: url(pics/block-grey-back.gif) top left repeat-y;}
#content .block500 .block-content .txt{ width: 240px; float: left; padding: 10px 0px 0px 10px;}
#content .block500 .block-content .image img{ width: 133px; float: left;}
#content .block500 .block-content .image.right{ width: 133px; float: right; margin-right: 3px;}
#content .block500 .block-content .red{color: #cc0000;}
#content .block500 .block-bottom{position: absolute; bottom: 0; width: 424px; height: 13px; background: url(pics/block-grey-bottom.gif) top left no-repeat;}

#content .block500 .head .yellow{background-color:#ffcc00; color: #cc0000; padding: 0px 4px 0px 1px;}
#content .block500 .head .yellow-plain{color: #ffcc00;}
#content .block500 .lees-verder{position: absolute; right: 4px; bottom: 1px; z-index: 10;}
#content .block500 .lees-verder a img {border: none; text-decoration: none; margin: 0px; padding: 0px;}

/* ----------------------------------------------------- Video Block property's */
#content .yellow-block-head{position: relative; width: 191px; margin-bottom: 38px; color: #cc0000; font-weight: bold; font-size: 15px; min-height: 10px; height: auto !important; height: 53px; float: left;} 
#content .yellow-block-head.click{cursor: pointer;} 
#content .yellow-block-head .yellow-top{position: absolute; top: 0; width: 193px; height: 10px; background: url(pics/video-block-top.gif) top left no-repeat;}
#content .yellow-block-head .yellow-content{width: 190px; padding: 15px 0px 15px 1px; border-left: 1px solid #cc0000; border-right: 1px solid #cc0000; background-color: #ffcc00; }
#content .yellow-block-head .yellow-content a{text-decoration: none; border: none; color: #cc0000;}
#content .yellow-block-head .arrow{position: absolute; width: 193px; height: 27px; bottom: -20px; z-index: 5; background: url(pics/arrow-red-white-down.png) center top no-repeat;}
#content .yellow-block-head .yellow-bottom{position: absolute; bottom: 0; width: 193px; height: 10px; background: url(pics/video-block-bottom.gif) top left no-repeat;}
#content .yellow-block-head img{padding-left: 10px;}

#content .video-block{position: relative; width: 191px; border: 1px solid #ffcc00; height: 78px; float: left; margin-bottom: 20px; overflow: hidden;}
#content .video-block .preview{position: relative; float: left; width: 93px; height: 78px;}
#content .video-block img.play-btn{position: absolute; right: 8px; top: 28px; width: 31px; height: 22px; cursor: pointer;}
#content .video-block .preview a img, #content .video-block .preview a{border: none; text-decoration: none;}
#content .video-block .txt{font-size: 10px; width: 89px; float: right; font-weight: bold; padding: 16px 0px 0px 8px;}

/* ----------------------------------------------------- JobOffers property's */
#content .joboffers{position: relative; width: 193px; min-height: 50px; height: auto !important; height: 50px; float: left;}
#content .joboffers.margin{margin-top: 150px; cursor: pointer;}
#content .joboffers.click{cursor: pointer;}
#content .joboffers .joboffers-top{position: absolute; width: 193px; height: 10px; top: 0; background: url(pics/block-top-small.gif) top left no-repeat;}
#content .joboffers .joboffers-head{position: relative; width: 180px; height: 27px; background: url(pics/block-head-yellow.gif) top left no-repeat; z-index: 5; text-transform: uppercase; 
                                    color: #cc0000; font-weight: bold; font-size: 14px; padding: 5px 0px 0px 4px; margin-bottom: 4px;}
#content .joboffers .joboffers-head img.apple{position: absolute; right: 3px; top: -15px; width: 44px; height: 54px;} 
#content .joboffers .joboffers-content img.bus{position: absolute; right: -4px; bottom: 0px; width: 90px; height: 59px; z-index: 1;} 
#content .joboffers .joboffers-content .txt{position: relative; z-index: 3;} 
#content .joboffers .joboffers-content .race{color: #939598; text-align: center; font-size: 14px;margin-bottom: 10px; padding-bottom: 10px; font-style:italic;} 
#content .joboffers .joboffers-content .bus{color: #000;} 
#content .joboffers .joboffers-content .join{position: absolute; width: 121px; height: 27px; z-index: 3; bottom: -14px;} 
#content .joboffers .joboffers-content .join a img{text-decoration: none; border: none; margin-left: 32px;} 
#content .joboffers .joboffers-content{width:187px; border-left: 1px solid #E7332C; border-right: 1px solid #E7332C; padding: 5px 0px 8px 4px; color: #cc0000; 
                                       font-weight: bold; }
#content .joboffers .joboffers-content.wanted{width:191px; border-left: 0px solid #E7332C; border-right: 0px solid #E7332C; padding: 0px 0px 0px 0px; color: #cc0000; 
                                       font-weight: bold; }
#content .joboffers .joboffers-bottom{position: absolute; width: 193px; height: 10px; bottom: 0; background: url(pics/block-bottom-small.gif) top left no-repeat;}
#content .joboffers .joboffers-content ul {margin: 0px; padding: 0px;}
#content .joboffers .joboffers-content ul li{list-style-type: none; margin: 0px; padding: 0px; display: inline; 
}
#content .joboffers .joboffers-content ul li a:link, #content .joboffers .joboffers-content ul li a:visited {
    text-decoration: none; 
    border: none;
    color: #cc0000; 
    font-size: 10px;
    display: block;
    font-weight: bold;
    font-family: tahoma;
    line-height: 20px; 
    padding-left:18px;
    background: url(pics/arrow-yel-red.gif) 0px 3px no-repeat; 
}

#content .joboffers .joboffers-content ul li a:hover {text-decoration: underline;}
/* ----------------------------------------------------- BigBlock property's */
#content .big-block{height: 402px; width: 706px; position: relative; overflow: hidden;}
#content .big-block .big-head .yellow{text-transform: uppercase; color: #ffcc00;}
#content .big-block .big-head-arrow .yellow{text-transform: uppercase; color: #ffcc00;}
#content .big-block .big-head.sub a:link, #content .big-block .big-head.sub a:visited{color: #fff; text-decoration: none; border: none; font-size: 12px;}
#content .big-block .big-head.sub a:hover {color: #ffcc00; text-decoration: none; border: none;}
#content .big-block .big-head.sub a:link span.actief,z
#content .big-block .big-head.sub a:visited span.actief {color: #ffcc00; text-decoration: none; border: none;}
#content .big-block .big-head{position: relative;font-weight: bold; padding: 12px 0px 0px 15px; margin-bottom: 15px; width: 675px; height: 28px; 
                              background: url(pics/block-head-large.gif) top left no-repeat; z-index: 5; font-size: 14px; color: #fff;}
#content .big-block .big-head-arrow{position: relative;font-weight: bold; padding: 12px 0px 0px 15px; margin-bottom: 15px; width: 675px; height: 28px; 
                              background: url(pics/block-head-large-arrow.gif) top left no-repeat; z-index: 5; font-size: 14px; color: #fff;}
#content .big-block .big-head-arrow span.yellow-right {position: absolute; right: 50px; color: #fff;}
#content .big-block .big-head-arrow span.yellow-right a:link, #content .big-block .big-head-arrow span.yellow-right a:visited {color: #fff; text-decoration: none;}
#content .big-block .big-top{position: absolute; top: 0; width: 706px; height: 13px; background: url(pics/block-grey-top-large.gif) top left no-repeat; z-index: 3;}
#content .big-block .big-content{width:708px; height: 382px; padding: 8px 7px 3px 8px; background: url(pics/block-grey-back-large.gif) top left repeat-y;}
#content .big-block .big-content .scroll-container .item{width:630px; height: 80px; overflow: hidden; padding: 8px 7px 3px 8px; background-color: #fff; margin-bottom: 15px; }
#content .big-block .big-content .scroll-container .item.large{position: relative; z-index: 11; width:610px; height: 311px; padding: 0px 7px 3px 18px; background-color: #fff; margin-bottom: 5px;}
#content .big-block .big-content .scroll-container .item.large.news {height: auto;}
#content .big-block .big-content .scroll-container .item.large.newssmall {height: 160px;}
.datum{float: none; clear:right; color: #939598; margin-bottom: 4px;  font-weight: bold;}
#content .big-block .big-content .scroll-container .item.large .float{width: 440px; height: 134px; overflow: hidden; float: left;}
#content .big-block .big-content .scroll-container{width:715px; height: 327px; overflow: auto;}

#content .big-block .big-content .scroll-container .whiteblock{position: relative; width: 635px; min-height: 315px; height: auto!important; height: 315px; background-color: #fff;}

#content .big-block .big-content .scroll-container .whiteblocknews{position: relative; width: 635px; background-color: #fff;} 

#content .big-block .big-content .white-bottom{position: absolute; bottom: 8px; background: url(pics/bottom-white.png) top left no-repeat; 
                                                                 width:656px; height: 10px; z-index: 10;}
#content .big-block .big-content .white-bottom.down{position: absolute; bottom: -5px; background: url(pics/bottom-white.png) top left no-repeat; 
                                                                 width:656px; height: 10px; z-index: 10;}
#content .big-block .big-content .white-top{width:635px; height: 10px; top: 0px; background: url(pics/top-white.png) top left no-repeat; line-height: 0px; font-size: 0px;}
#content .big-block .big-content .spacer20{width: 520px; float: right; margin-right: 40px; font-size: 12px;}
#content .big-block .big-bottom{position: absolute; bottom: 0; width: 706px; height: 13px; background: url(pics/block-grey-bottom-large.gif) top left no-repeat; z-index: 3;}

/* ----------------------------------------------------- Red Block property's */
#content .red-block{position: relative; width: 191px; margin-bottom: 25px; color: #cc0000; font-weight: bold; font-size: 15px; min-height: 10px; height: auto !important; height: 70px; float: left; cursor: pointer;} 
#content .red-block.click{cursor: pointer;} 
#content .red-block .red-top{position: absolute; top: 0; width: 193px; height: 10px; background: url(pics/block-red-top.gif) top left no-repeat;}
#content .red-block .red-content{width: 190px; padding: 2px 0px 4px 1px; border-left: 1px solid #FFCC00; border-right: 1px solid #FFCC00; background-color: #cc0000;}
#content .red-block .red-content .txt{position: relative; z-index: 3;}
#content .red-block .red-content .open{color: #fff; font-size: 12px; padding-left: 10px;}
#content .red-block .red-content a{text-decoration: none; border: none; color: #cc0000;}
#content .red-block .arrow{position: absolute; width: 22px; height: 22px; bottom: 3px; right: 3px; z-index: 5; background: url(pics/arrow-white-red.png) top left no-repeat;}
#content .red-block .red-bottom{position: absolute; bottom: 0; width: 193px; height: 10px; background: url(pics/block-red-bottom.gif) top left no-repeat;}
/*-----------------------------------------------------------------------------------------------------------------------*/

#content .big-content .container {width: 640px; float:left; height: auto;}
#content .big-content .container .txt-block {width: 640px; float: none; min-height: 100px; height: auto !important; height: 100px; margin-bottom: 10px;}
#content .big-content .container .subsub {color: #cc0000;}
#content .big-content a.linkBig {font-weight: bold; font-size: 14px;}
#content .big-content .container .subsub a:link, #content .big-content .container .subsub a:visited {color: #cc0000; text-decoration: none;}
#content .big-content .container .subsub a.subactive, #content .big-content .container .subsub a:hover {color: #cc0000; text-decoration: none; border-bottom: 1px solid #cc0000;}
#content .big-content .container.space {padding-left: 15px; width: 625px;}
#content .big-content .container ul li {background: url(pics/li_bg.png) 0px 5px no-repeat; padding-left: 10px; list-style-type: none;}
#content .big-content ol li.opsomming {padding-left: 10px; margin-bottom: 10px; width: 450px;}
#content .big-content ol li.opsomming .text {float: left; width: 450px;  padding: 0px; margin-left: 35px;}
#content .big-content .arrow {float: left; width: 38px; height: 38px; margin-left: 15px;}
#content .big-content img.number {float: left; margin-right: 10px;}
#content .big-content ol li.opsomming.last {margin-bottom: 0px;}
#content .big-content .head{position: relative; width: 227px; height: 25px; background: url(pics/block-head.gif) top left no-repeat; z-index: 5; text-transform: uppercase; color: #fff; 
                         font-weight: bold; font-size: 16px; padding: 9px 0px 0px 8px; margin: 0px 0px 20px 45px; float: left; display: inline;}
 #content .big-content .head .yellow{ color: #ffcc00; }
h1, td h1 {font: 19px arial, verdana, sans-serif; font-weight: bold; color: #cc0000; line-height: 18px; margin-bottom: 7px;}
h2, td h2 {font: 17px arial, verdana, sans-serif; font-weight: bold; color: #cc0000; margin-bottom: 7px;}
h3, td h3 {font: 19px arial, verdana, sans-serif; font-weight: bold; color: #cc0000; margin: 0px; line-height: 19px;}
h4, td h4 {font: 18px arial, verdana, sans-serif; font-weight: bold; color: #ffcc00; padding-left: 10px;}
h5, td h5 {font: 12px arial, verdana, sans-serif; font-weight: bold; color: #cc0000; }
h6, td h6 {font: 14px arial, verdana, sans-serif; font-weight: bold; color: #cc0000; text-transform: uppercase; padding-top: 5px;}

/*#content a:link, #content a:visited {text-decoration: none; color: olive ;  border-bottom: 1px solid olive;}
#content a:hover { color: limegreen;  border-bottom: 1px solid limegreen; }*/

table {margin: 5px 0px;}
td {
    font: 12px arial, verdana, sans-serif;
    line-height: 16px;
    color: #000;
}

#content .item.large ul.sitemap{
    margin: 0px 0px 8px 30px;
}

#content img { margin: 0px 0px 0px 0px;}
#content img.left {    margin: 0px 10px 10px 0px; float: left; }
#content img.right { margin: 0px 0px 0px 10px; float: right; }




#content .image-border{
    float: left;
    width: 145px;
    height: 155px;
    background: url(pics/red-white-border.png) top left no-repeat;
    margin-right: 15px;
}
#content .image-border img{
    position: relative;
    z-index: 5;
}

#content .image-border.right{
    float: right;
    margin-right: 0px;
}

#content .image-border-color{
    position: absolute;
    width: 145px;
    height: 155px;
    z-index: 6;
}
#content .image-border-color.grey-right{background: url(pics/grey-right-border.png) top left no-repeat;}
#content .image-border-color.yellow-border{background: url(pics/yellow-white-border.png) top left no-repeat;}
#content .image-border-color.red-border{background: url(pics/red-white-border.png) top left no-repeat;}
#content .image-border-color.grey-left{background: url(pics/grey-left-border.png) top left no-repeat;}

p { margin-bottom: 9px;}

#content a:link, #content a:visited{color: #cc0000; text-decoration: underline; border-bottom: 0px solid #cc0000;}
#content a:hover{color: #000; border-bottom: 0px solid #000;}

#content ul { margin: 8px 0px 8px 30px; list-style-type: disc;}
#content li { margin: 0px;}
#content ol { margin: 0px; list-style-type: none;}

#content #downloads ul { margin: 0px 0px 0px 30px; list-style-type: disc; color: #cc0000;}
#content #downloads li { margin: 0px 0px 15px 0px; line-height: 19px;}
#content #downloads ol { margin: 0px; list-style-type: none;}

#content #downloads li span.text {color: #000;}

#blok1 {width: 290px; float: left;}
#blok2 {width: 300px; float: right;}

/* ------------------------------------------------------------------------- Footer */ 

#footer {
    position: absolute;
    bottom: 0;
    padding: 0px;
    width: 100%;
    height: 50px;
    font: 10px arial, verdana, sans-serif;
    color: white;
    text-align: right;

}

#footer .footer-left{
    width: 735px;
    height: 35px;
    padding: 15px 30px 0px 0px;
    float: left;
    background: url(pics/footer_left_bg.gif) top left repeat-y;
}

#footer .footer-right{
    width: 225px;
    height: 50px;
    background-color: #cc0000;
    float: left;
}

#footer .left-footer-txt{
    padding-top: 3px;
    margin-left: 29px;
    width: auto;
    float: left;
    font-size: 12px;
}

#footer .bold{
    font-weight: bold;
}

#footer a:link, #footer a:visited {
    text-decoration: none;
    line-height: 20px;
    color: white;
}

#footer a:hover { text-decoration: underline; }

br.clear { height: 0px; font: 0px arial, verdana, sans-serif; line-height: 0px; clear: both; }


 /* ========================= invulformulier ========================= */
 
#invulformulier {
	width: 460px;
	float: left;
} 

#invulformulier.taf {width: 320px;}

#invulformulier .omschrijving1 {
	width: 200px;
	float: left;
        font: 12px Arial, Helvetica, sans-serif;
	display: inline;
}
#invulformulier .omschrijving2 {
	width: 220px;
	float: left;
        font: 12px Arial, Helvetica, sans-serif;

}

#invulformulier .invul {
	margin: 2px 5px 2px 5px;
	width: 250px;
	float: left;
        font: 12px Arial, Helvetica, sans-serif;
	display: inline;
}

#invulformulier .invul1 {
	margin: 2px 0px 2px 0px;
	width: 250px;
	float: left;
        font: 12px Arial, Helvetica, sans-serif;
	display: inline;         
}

#invulformulier .invul_box {
	margin: 2px 0px 2px 5px;
	float: left;
	display: inline;
}

#invulformulier .invul_tekst {
	margin: 5px 0px 0px 0px;
	float: left;
	display: inline;
	line-height: 18px;
}

#invulformulier input.extrasmall{
	padding: 0px 2px;
	margin: 2px 5px 2px 0px;
	width: 30px;
	float: left;
	display: inline;
        font: 12px Arial, Helvetica, sans-serif;
}

#invulformulier input.small{
	padding: 0px 2px;
	margin-right: 5px;
	width: 67px;
	float: left;
	display: inline;
        
}

#invulformulier input.medium{
	padding: 0px 2px;
	margin: 0px 0px;
	width: 160px;
	float: left;
	display: inline;
}

#invulformulier input.largeinput{
	padding: 0px 2px;
	margin: 0px 0px;
	width: 240px;
	float: left;
        font: 12px Arial, Helvetica, sans-serif;
	display: inline;
}

#invulformulier textarea{
	padding: 0px 2px;
	margin: 0px 0px;
	width: 240px;
	height: 48px;
	float: left;
	display: inline;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #000;
}

#invulformulier select{
	padding-left: 2px;
	margin: 0px 0px;
	width: 248px;
	float: left;
	display: inline;
}

#invulformulier option{
	padding-left: 2px;
}

#invulformulier input.radio{
	width: 27px;
}

#invulformulier input.button{
	padding: 2px 3px;
	margin-right: 5px;
	float: left;
	cursor: pointer;
	font: 11px Arial, Helvetica, sans-serif;
	color: #fff;
    font-weight: bold;
	line-height: 15px;
	border: 1px solid #ffcc00;
	background-color: #cc0000;
}


/* ------------------------------------------------------------------------- Popup */

#backgroundPopup{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:100;
}
#popupContact{
	display:none;
	position:fixed;
	
	height:344px;
	width:348px;
	background:#FFFFFF url(pics/bg-popup.gif) top left repeat-x;
	border:2px solid #cecece;
	z-index:200;
	padding:12px;
	font-size:13px;
}
#popupContact h1{
	text-align:left;
	color:#cc0000;
	font-size:22px;
	font-weight:700;
	padding-bottom:2px;
	margin-bottom:20px;
}
#popupContact #invulformulier h2 {font-size: 13px;}

#popupContactClose{
	font-family: arial, verdana, sans-serif;
	font-size:18px;
	line-height:14px;
	right:10px;
	top:10px;
	position:absolute;
	color:#cc0000;
	font-weight:700;
	display:block;
	cursor: pointer;
}


/* ------------------------------------------------------------------------- Ronde hoeken afbeeldingen (wit/ rood/ geel) */

#content .image-border1{position: relative; height: auto; width: auto; display: inline-block; float: right; margin: 0px 0px 10px 10px; font-size: 0px; line-height: 0px;}
#content .image-border1.left1{position: relative; height: auto; width: auto; display: inline-block; float: left; margin: 0px 10px 10px 0px; font-size: 0px; line-height: 0px;}


#content .image-border1 img {border: 1px solid #e9312d; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; float: left;}
#content .image-border1 .lefttop-red {position: absolute; top: 0px; left: 0px; width: 6px; height: 6px; background: url(pics/rood-hoek-lb.png) top left no-repeat; font-size: 0px; line-height: 0px;}
#content .image-border1 .righttop-red {position: absolute; top: 0px; right: 0px; width: 6px; height: 6px; background: url(pics/rood-hoek-rb.png) top right no-repeat; font-size: 0px; line-height: 0px;}
#content .image-border1 .bottomleft-red {position: absolute; bottom: 0px; left: 0px; width: 6px; height: 6px; background: url(pics/rood-hoek-bl.png) bottom left no-repeat; font-size: 0px; line-height: 0px;}
#content .image-border1 .bottomright-red {position: absolute; bottom: 0px; right: 0px; width: 6px; height: 6px; background: url(pics/rood-hoek-br.png) bottom right no-repeat; font-size: 0px; line-height: 0px;}


#content .image-border1 img.yellow {border: 1px solid #fdd241; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; float: left;}
#content .image-border1 .lefttop-yellow {position: absolute; top: 0px; left: 0px; width: 6px; height: 6px; background: url(pics/geel-hoek-lb.png) top left no-repeat; font-size: 0px; line-height: 0px;}
#content .image-border1 .righttop-yellow {position: absolute; top: 0px; right: 0px; width: 6px; height: 6px; background: url(pics/geel-hoek-rb.png) top right no-repeat; font-size: 0px; line-height: 0px;}
#content .image-border1 .bottomleft-yellow {position: absolute; bottom: 0px; left: 0px; width: 6px; height: 6px; background: url(pics/geel-hoek-bl.png) bottom left no-repeat; font-size: 0px; line-height: 0px;}
#content .image-border1 .bottomright-yellow {position: absolute; bottom: 0px; right: 0px; width: 6px; height: 6px; background: url(pics/geel-hoek-br.png) bottom right no-repeat; font-size: 0px; line-height: 0px;}


/* ------------------------------------------------------------------------- Google Map */

#menuitems {float: left;}

#googlemap {
	width: 410px;
  position: absolute;
  right: 0px;
  top: 10px;
}
 
#googlemap .omschrijving {
	margin: 0px 15px 0px 0px;
	padding: 5px 0px 0px 0px;
	width: 50px;		
	height: 25px;
	float: left;
	font: 11px "trebuchet ms", arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 11px;
	color: #fff;
}

#googlemap .invul {
	margin: 0px 5px;
	padding: 0px 0px;
	width: 300px;	
	height: 25px;
	float: left;
	font: 11px "trebuchet ms", arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 11px;
	color: #393947;
}

#googlemap input{ margin: 0px 2px 0px 0px; padding: 1px 3px; font: 11px 
"trebuchet ms", arial, verdana, sans-serif;	}

#googlemap input.map_small {
	width: 15px;
	float: left;
	display: inline;
	font: 11px "trebuchet ms", arial, verdana, sans-serif;
}

#googlemap input.map_medium {
	width: 138px;
	float: left;
}

#googlemap input.button {
	margin: 1px 0px 0px 0px;
	padding: 1px 3px 1px 3px;
	line-height: 16px;
    height: 21px;
	width: 110px;
	float: left;
	color: #002C5B;
	font-weight: normal;
	border: 0px solid #fff;
}

/* Routedescription Popup */ 

#site_map{
	margin: 0px auto;	
	padding: 0px 25px;
	width: 600px;	
	background: #fff;
}

#site_map #directions {
	font: 11px "trebuchet ms", arial, verdana, sans-serif;
}

#site_map #directions td {
	font: 11px "trebuchet ms", arial, verdana, sans-serif;
}

#site_map #directions td a:link, #site_map #directions td a:visited{
	text-decoration: none;
	color: #000;
}

#header_map{margin: 0px auto; width: 990px;}
#site_map .header_map h1{ margin: 0px 0px 0px 25px; line-height: 125px; }
#site_map .header_map img, #site_map .header_map h1{ float: left; display: inline; }


#map1 {
    margin:  0px 0px 0 5px;
} 

#map {
    width: 290px;
    height: 200px;
    float: right;
    margin:  0px 0px 0 0;
}

#map #copyright span {display: none;}