﻿/*******Main Layout*******/
p {
    padding: 0px;
    margin: 0px;
}

a {
    color:#006a94;
}

a:visited {
    color:#006a94;
}

h1 {
    color:#006a94;
    font-size:24px;
    font-weight:normal;
    font-family:Times New Roman;
    margin-top:16px;
    margin-bottom:16px;
}

h2 {
    color:#5F5F5F;
    font:11px verdana;
    font-weight:bold;
}

h3 {
    font-size:16px;
    font-weight:normal;
    color:#006a94;
    color:Black;
    margin-top:13px;
    margin-bottom:13px;
}

div.newsletterDetailText h3 {
    font-weight:bold;
}

input.button {
    width:auto;
    border:none;
}

div.readMoreLink a {
    color:#006a94;
    text-decoration:none;
    font-size:18px;
    font-weight:bold;
    font-family:Times New Roman;
}

body {
    padding:0px;
    margin:0px;
}

div.site {
    width:100%;
    font: 11px verdana;
    color:#5f5f5f;
    background-image:url(../../Img/site-bg-pixel.gif);
    background-repeat:repeat-x;
    background-color:#DAE9F0;
}

/*body.home */
div.site 
{
    background-image:url(../../Img/home-bg-pixel.gif);
    background-color:#FFF;
}

/*body.home*/ div.site div.footer 
{
    background-image:none;
}

div.headerContent {
    /*width:70%;*/
    width:957px;
    margin-left:auto;
    margin-right:auto;
    /*border: 1px solid red;*/
}

div.menu {
}

div.content {
    /*width:70%;*/
    width:957px;
    margin-left:auto;
    margin-right:auto;
    height:auto;
    min-height:442px;
    margin-bottom:13px;
    /*border: 1px solid blue;*/
    line-height:21px;
    /*border: 1px solid #eef2f3;
    background-color: White;*/
    /*overflow:auto;*/
}

div.contentpage {
    border: 1px solid #eef2f3;
    background-color: White;
    min-height:442px;
    padding:15px; 
    padding-top:0px; /* Anders teveel ruimte bovenaan door margin van H1 */
    overflow:auto;
}

div.contentpage .contentLeft {
    width:610px;
    float:left;
}

div.contentpage .contentRight {
    width:300px;
    float:right; 
}



div.contentpage .contentRight img {
    max-width:300px;
    padding-top:53px;
    /* compensate for the padding */
    position:relative; left: 15px;
}

div.inschrijvenContent {
    width:957px;
    margin-left:auto;
    margin-right:auto;
    height:auto;
    min-height:442px;
    margin-bottom:13px;
    line-height:21px;
    border: 1px solid #eef2f3;
    background-color: White;
    overflow:auto;
}

div.inschrijvenContentpage {
    min-height:442px;
    /*padding:15px;*/
    padding-top:0px; /* Anders teveel ruimte bovenaan door margin van H1 */
    overflow:auto;
}

div.footer {
    width:100%;
    /*border-top:1px solid black;*/
    background-image:url(../../Img/footer-bg-pixel.gif);
    background-repeat:repeat-x;
    height:263px;
}

div.footerContent {
    /*width:70%;*/
    width:957px;
    margin-left:auto;
    margin-right:auto;
    /*border:1px solid red;*/
    background-color:White;
    height:100%;
}

div.footerContent h1 {
    margin-bottom:10px;
}

table.footerLinks td {
    width:145px;
    vertical-align: top;
}

/*******Header********/

div.header {
    padding-top:29px;
    width:100%;
}

div.headerImage {
    width:957px;
    height:158px;
    margin-left:auto;
    margin-right:auto;
}

div.divHeaderImage {
    width: 793px;
    height: 158px;
    overflow:hidden;
    float:left;
}
div.divHeaderImage img {
    width: 793px;
    height: 158px;
}

/*
div.headerImage img {
    margin-left:auto;
    margin-right:auto;
}*/


/********Menu*********/
div.menu {
    width:957px;
    margin-left:auto;
    margin-right:auto;
    clear:both;
}

div.mainmenudiv {
    width:100%;
    height:52px;
}

div.mainmenudiv div.mainmenuMenu {
    width:880px;
    float:left;
    line-height:30px;
}

div.mainmenudiv div.mainmenuOranjewoud {
    float:right;
}

div.menu ul.submenu li.selected a {
    background-image:url(../../Img/pijltje.gif);

    background-position: center bottom;
    background-repeat:no-repeat;
}

div.menu ul.submenu li a {
   display:inline-block;
    padding-bottom:12px;
}

div.menu ul.mainmenu {
    margin-top:22px;
    margin-bottom:0px;
    height:27px;
    width:880px;
    float:left;
    margin-left:0px;
    padding-left:0px;
}

div.menu ul.homeSubmenu li {
    font-family:Times New Roman;
    font-size:16px;
    font-weight:bold;
    color:White;
    padding:0px;
    margin-right:10px;
    float:right;
}
    
/*div.menu ul.homeSubmenu {
    background-image:url(../../Img/pijltje.gif);
    background-position: center bottom;
    background-repeat:no-repeat;
}*/

/*div.menu div.homePijltje {
    position:absolute;
    width:10px;
    height:10px;
    z-index:1000;
    top:1px;
    left:1px;
    background-color:Red;
}*/

div.menu ul.submenu {
    margin:0px;
    height:41px;
}

div.menu ul.submenu li {
    /*padding-top:5px;*/
    padding-top:0px;
    padding-bottom:0px;
}

div.menu ul li {
    list-style-type:none;
    display:inline;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
}

div.menu ul.mainmenu li:hover {
    background-color:#006a94;
}
div.menu ul.mainmenu li:hover a {
    color:White;
}

div.menu ul.submenu {
    /*padding-top:6px;*/
}

div.menu ul.mainmenu li.selected {
    background-color:#006a94;
}

div.menu ul.mainmenu li.selected a {
    color:White;
}

div.menu ul {
    padding:0px;
}

div.menu ul li a {
    font-family:Times New Roman;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
}

div.menu ul.submenu {
    background-image:url(../../Img/blauwe_balk.gif);
    background-repeat:no-repeat;
}

div.menu ul.homeSubmenu {
   background-image:url(../../Img/blauwe_balk_home.gif);
}

div.menu ul.submenu a {
    color: White;
}

div.menu ul.submenu li {
   /*border-right: 1px solid #14769B;
   border-left: 1px solid #14769B;*/
}

div.menu ul.submenu li.selected {
    /*border:none;*/
}

div.submenudiv {
    line-height:30px;
}


/*******Breadcrums******/
div.breadcrumbsSearchContainer {
    width:957px;
    margin-left:auto;
    margin-right:auto;
    color:#006a94;
    /*padding-top:10px;*/
    height:40px;
    position:relative;
    clear:both;
}

div.linkedInShareButton {
    position:absolute;
    right:250px;
    top:5px;
}

div.breadcrumbs {
    float:left;
    padding-top:8px;
    padding-left:15px;
}

div.breadcrumbs a {
    color:#006a94;
}
div.breadcrumbs a:visisted {
    color:#006a94;
}

/*******Searchbox******/
div.search {
    float:right;
    height:100%;
}

div.search input {
    border: 1px solid #d2d2d2;
    height:18px;
}
div.search input.button {
    border:none;
    height:auto;
}

/*******Homepage******/
div.divHomeTopBlocks {
    width:100%;
    clear:both;
    height:225px;
    /*padding-bottom:13px;*/
    margin-bottom:13px;
}
div.divHomeBottomBlocks {
    /*padding-top:13px;*/
    width:100%;
    clear:both;
    height:203px;
    padding-bottom:0px;
}
div.divHomeTopLeftBlock {
    width:632px;
    height:225px;
    float:left;
    /*border:1px solid #eef2f3;*/
    /*margin-bottom:13px;*/
    background-color:White;
}
div.divHomeTopRightBlock {
    width:309px;
    height:225px;
    margin-left:12px;
    float:right;
    border:1px solid #eef2f3;
    background-color:White;
}
div.divHomeBottomLeftBlock {
    /*width: 278px;*//*308px;*/
    /*height: 170px;*//*200px;*/
    float:left;
    margin-right:14px;
    /*padding:15px;*/
    
    height: 203px; /*173px;*/
    /*padding:15px;*/
    border:1px solid #eef2f3;
    background-color:White;
    
}
div.divHomeBottomCenterBlock {
    width: 308px;
    height: 203px;
    float:left;
    margin-right:12px;
    border:1px solid #eef2f3;
    background-color:White;
    /*padding:15px;*/
}
div.divHomeBottomRightBlock {
    width:309px;
    height:203px;
    float:left;
    border:1px solid #eef2f3;
    background-color:White;
}

div.divStaticProductBlock {
    width:309px;
    height:202px;
    background-image:url(../../Img/catcher.jpg);
}

div.divStaticProductText {
    margin-left:15px;
    margin-right:15px;
}

div.divStaticProductText h1 {
    margin-top:0px;
    padding-top:16px;
}

div.divStaticProductText div.divReadMore {
    margin-top:18px;
}

div.divStaticProductText div.divReadMore a {
    text-decoration:none;
    font-size:18px;
    font-weight:bold;
    font-family:Times New Roman;
    color:White;
}

/*******Laatste nieuws (homepage)********/
div.divHomeNews {
    width:632px;
    width:633px;
    height:225px;
    overflow:hidden;
}

div.divHomeNews div.readMoreLink a {
    margin-right:35px;
}

div.divHomeNewsImage {
    float:left;
    width:308px;
    height:225px;
    margin-right:30px;
    margin-right:5px;
    overflow:hidden;
}

div.divHomeNewsImage img {
    max-width:308px;
    max-height:225px;
}

div.divHomeNewsRight {
    float:right;
    overflow:hidden;
    height:225px;
    height:223px;
    width:279px;
    width:278px;
    padding-right:15px;
    padding-left: 15px;
    border:1px solid #eef2f3;
    background-color:White;
}

div.divHomeNewsText {
    height:197px;
    overflow:hidden;
}

/******Blok aanmelden nieuwsbrief*******/
div.divAanmeldenNieuwsbriefTop {
    height:166px;
    width:278px; /*308px;*/
    margin-left:15px;
    margin-right:15px;
}

div.divAanmeldenNieuwsbriefTop h1 {
    margin-top:0px;
    padding-top:16px;
}

div.divAanmeldenNieuwsbriefBottom {
    width:308px;
    height:28px;
    padding-top:10px;
    background-color:#f4f9fd;
}

div.divAanmeldenNieuwsbriefTop input {
    border: 1px solid #d2d2d2;
    width:180px;
}

.divAanmeldenNieuwsbriefBottom .readMoreLink a {
    margin-left:15px;
}
.HomeNieuwsBriefImg
{
    margin-left:-15px;
}
div.divAanmeldenNieuwsbriefTop img
{
    border-width:0px;
}
/*******************oog van meester ***/
.oogMeesterBlock
{
    width:308px;
    height:203px;
    /*background-image:url(../../Img/Blokjemaker.jpg);*/
}

/******Blok 'Vragen?'*******/
div.divHomeVragenBlok {
    height:188px;
    width:308px;
}

div.divHomeVragenBlok div.divVragenBlokTop {
    height:159px;
    width: 278px;  /*308px;*/
    margin-left:15px;
    margin-right:15px;
}

div.divHomeVragenBlok div.divVragenBlokTop h1 {
    margin-top:0px;
    padding-top:16px;
}

div.divHomeVragenBlok div.divVragenBlokBottom {
    width:308px;
    height:34px;
    padding-top:10px;
    /*background-color:#f4f9fd;*/
}

div.divHomeVragenBlok .readMoreLink a {
    margin-left:15px;
}



/******Statisch produktblok*******/


/******Roterend produktblok*******/
div.divRotatingProductBlock {
    height:225px;
    width:309px;
    display:none;
}

div.divRotatingProductBlock .divRotatingProductText {
    height:187px;
}

div.divRotatingProductBlock .divRotatingProductLink {
    height:28px;
    padding-top:10px;
    /*background-color:#F4F9FD;*/
    background-image:url(../../Img/link-bg.png);
    background-repeat:repeat;
}

div.divRotatingProductBlock a {
    color:#006A94;
    font-family:Times New Roman;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
    margin-left:15px;
}

.block1 {
    background-image:url(../../Controls/CmsHandlerShowImage.ashx?documentId=791BA593-BB6E-48C5-93D3-1084402F3BC7&amp;file=image.jpg);
}

.block2 {
    background-image:url(../../Controls/CmsHandlerShowImage.ashx?documentId=FBD014B6-337A-4C79-8872-4A0BCC4DB650&amp;file=image.jpg);
}

.block3 {
    background-image:url(../../Controls/CmsHandlerShowImage.ashx?documentId=C017D5B7-C20B-4E11-9A70-A05CBE6CD552&amp;file=image.jpg);
}


.usbootblock1 {
/*    background-image:url(../../Controls/CmsHandlerShowImage.ashx?documentId=994d12be-bb95-4858-9c5a-406bc18bd7f5&amp;file=image.jpg);
    background-image:url(../../img/NLVB_wallpaper_VPROnlvanboven.jpg);*/
    background-image:url(../../img/roterende-blocks/dreamstime_18700343-Lightning.jpg);
}

.usbootblock2 {
/*    background-image:url(../../Controls/CmsHandlerShowImage.ashx?documentId=0e858cfb-cb3a-4f8e-b74d-c5a79d3d92eb&amp;file=image.jpg);*/    
    background-image:url(../../img/roterende-blocks/dreamstime_2929242-Rij-opslagtanks.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    background-color:#1e7fb4;
}

.usbootblock3 {
/*    background-image:url(../../Controls/CmsHandlerShowImage.ashx?documentId=bfc838c5-5dab-407e-b619-27be73347250&amp;file=image.jpg);*/
    background-image:url(../../img/roterende-blocks/dreamstime_2953072-Operatiekamer.jpg);
}

/*******Landingpage*******/
div.divLandingLeftBlocks {
    width: 310px;
    margin-right:13px;
    float:left;
}
div.divLandingRightBlocks {
    width: 630px;
    float:right;
}
div.divLandingTopLeftBlock {
    height: 391px; /*421px;*/
    padding: 15px;
    margin-bottom:13px;
    border:1px solid #eef2f3;
    background-color:White;
    overflow:hidden;
}
div.divLandingTopLeftBlock h1 {
    margin-top:0px;
}

div.divLandingBottomLeftBlock {
    height: 203px; /*173px;*/
    /*padding:15px;*/
    border:1px solid #eef2f3;
    background-color:White;
    overflow:hidden;
}

div.divLandingTopRightBlock {
    height:203px;
    margin-bottom:13px;
    border:1px solid #eef2f3;
    background-color:White;
    padding-left:15px;
    overflow:hidden;
}

div.divLandingTopRightBlock h1 {
    margin-top:0px;
    padding-top:15px;
}

div.divLandingTopRightBlock img {
    padding-left:10px;
}

div.divLandingCenterRightBlock {
    height:203px;
    margin-bottom:13px;
    border:1px solid #eef2f3;
    background-color:White;
    padding-left:15px;
    overflow:hidden;
}
div.divLandingCenterRightBlock h1 {
    margin-top:0px;
    padding-top:15px;
}
div.divLandingCenterRightBlock img {
    padding-left:10px;
}
div.divLandingBottomRightBlock {
    height:203px;
    border:1px solid #eef2f3;
    background-color:White;
    padding-left:15px;
    overflow:hidden;
}
div.divLandingBottomRightBlock h1 {
    margin-top:0px;
    padding-top:15px;
}
div.divLandingBottomRightBlock img {
    padding-left:10px;
}

/*****BliksemInslagService*****/
.lightningForms input {
    border: 1px solid #d2d2d2;
    width:200px;
}

.lightningForms input.noWidth {
    width:auto;
    border: none;
}


/******* FAQ *********/

div.questions .clickable, div.vacancyOverview .clickable, div.divNewsletterOverview .clickable
{
    /*text-decoration:underline;*/
    cursor:pointer;
    cursor:hand;
    font-weight:normal;
}

.divNewsOverview a, .divNewsOverview a:visited, .divNewsletterOverview a,divNewsletterOverview a:visited {
    text-decoration: none;
    color: #4c4c4c;
}

.divFaqQuestion, .divVacancyOverview, .divNewsOverview, .divNewsletterOverview
{
    line-height:21px;
    font-weight:bold;
}

.divFaqAnswer, .divVacancyDetail, .divNewsDetail
{
    color:#4C4C4C;
    display:none;
    font-weight:normal;
    text-decoration:none;
    cursor:default;
}

.divNewsletterDetail 
{
    color:#4C4C4C;
    font-weight:normal;
    text-decoration:none;
    cursor:default;
}

.divFaqAnswer h3, .divVacancyDetail h3, .divNewsDetail h3, .divNewsLetterPage h3 {
    margin-top:0px;
}

.questions {
    width:450px;
    /*border: 1px solid Gray;*/
    float:left;
}

.answers {
    width:450px;
    /*border: 1px solid Gray;*/
    float:right;
}

.divFaqPage, .divNewsPage, .divVacancyPage, .divNewsLetterPage {
    overflow:auto;
}

div.vacancyOverview {
    width:300px;
    float:left;
}

div.vacancyDetail {
    width:600px;
    float:right;
}

div.vacancyDetailText {
    width:370px;
    float:left;
}

div.vacancyDetailImage {
    width:220px;
    text-align:right;
    float:right;
    padding-left:10px;
}

/********Nieuws***********/

.itemOverview {
    width:370px;
    /*border: 1px solid Gray;*/
    float:left;
}

.itemDetail {
    width:530px;
    /*border: 1px solid Gray;*/
    float:right;
}

div.newsDetailText {
    /*width:300px;*/
    /*border: 1px solid Gray;*/
    float:left;    
}

div.newsDetailImage {
    width:220px;
    text-align:right;
    /*border: 1px solid Gray;*/
    float:right;
    display:none;
}

div.newsDetailImage img, div.vacancyDetailImage img {
    max-width:220px;
}

div.itemOverview .clickable
{
    /*text-decoration:underline;*/
    cursor:pointer;
    cursor:hand;
    font-weight:normal;
}

/************Nieuwsbrieven**********/
.divNewsLetterPage div.itemOverview {
    width:300px;
    float:left;
}
.divNewsLetterPage .itemDetail {
    width:600px;
    float:right;
}
div.newsletterDetailText img {
    padding:10px;
}

/*********Footer**********/
.footerLeftBlock {
    width:298px;
    padding-left:10px;
    /*margin-left:15px;*/
    float:left;
    background-image:url(../../img/footer/Realisatieafbeelding.JPG);
    overflow:hidden;
    height:203px;
    color:#ffffff;
    line-height:21px;
    cursor:pointer;
}
.footerLeftBlock p
{
   padding-right:10px;
}
.footerLeftBlock h1
{
    color:#e77515;
}
.footerOranjeLink
{
    margin-top:20px;
}
.footerOranjeLink a
{
    color:#ffffff;
    font-family:Times New Roman;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
}
.footerCenterBlock {
    width:285px;
    padding-left:15px;
    float:left;
    /*text-align:center;*/
    height:203px;
}
.footerCenterBlock h1 {
    margin-left:15px;
}
.fottercontent a, .fottercontent td
{
    font-family:Times New Roman;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
}
.footerRightBlock {
    width:298px;
    float:right;
    padding-left:10px;
    /*margin-left:13px;*/
    background-image:url(../../img/footer/Header-nieuwbrief-1-VDHG.jpg);
    height:203px;
    line-height:21px;
    color:#000000;
}
.footerRightBlock strong
{
    color: #006A94;
}
.footerBottomLinks {
    text-align:center;
    clear:both;
    padding-top:20px;
}
.footerBottomLinks a {
    color:#5f5f5f;
}
.footerBottomLinks a:visited {
    color:#5f5f5f;
}

span.footerContactLetter {
    color:#006a94;
    font-weight:bold;
}
/********Contactpagina***********/

div.contactForm input, div.contactForm textarea
{
    border: 1px solid #d2d2d2;
    width:330px;
}

div.contactForm input.button {
    border:none;
    width:auto;
    margin-right:3px;
}

/********Cursusoverzicht**************/
div.filterBox {
    background-color:#ECF4F7;
    width:auto;
    padding:15px;
}

div.filterBox input {
    border: 1px solid #d2d2d2;
}

div.filterBox table {
    width:100%;
}

div.cursusoverzicht {
    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px;
}

div.cursusLijst table td {
    width:310px;
}

span.cursusoverzichtCategory {
    color:Black;
    font-weight:bold;
}

div.filterBox table.filterSearchTable input {
    height:18px;
}
div.filterBox table.filterSearchTable input.button {
    height:auto;
}

div.filterBox table.filterSearchTable {
    width:auto;
}

div.filterBox table.noBorder input {
    border:0px;
}

.oddRow {

}

.evenRow {
    background-color:#f5f9fb;
}

/*********Curusinschrijvingen**********/
div.divInschrijfFormulier {
    padding-bottom:15px;
    padding-left:15px;
    padding-right:15px;
    overflow:auto;
}

div.divInschrijfFormulier input {
    border: 1px solid #d2d2d2;
    width: 200px;
}

div.divInschrijfFormulier span.noWidth input {
    width:auto;
}

div.divInschrijfFormulier span.noBorder input {
    border:none;
}

div.divInschrijfFormulier div.formDiv {
    width:490px;
    float:left;
}
div.divDeelnemers {
    float:left;
}

input.invalid {
    background-image:url(../../Img/icon_fout.png);
    background-position:right;
    background-repeat:no-repeat;
}

div#fancyContent {
    font: 11px verdana;
    color:#5f5f5f;
    line-height:21px;
}

div.personForm table.tblPersonForm input {
    border:1px solid #d2d2d2;
}

div.calendar {
    z-index:1102;
}

/*********Cursusdetailpagina**********/
div.cursusDetailLeft {
    width:610px;
    float:left;
    padding-left:15px;
    padding-bottom:15px;
}
div.cursusDetailRight {
    width:265px;
    padding:15px;
    padding-top:47px;
    float:right;
    background-color: #f5f9fb;
}

div.cursusDetailRight ul {
    margin-top:11px;
    margin-bottom:11px;
}

div.cursusDetailLeft td.dataCel {
    width:230px;
}

div.cursusDetailLeft td.locatieCel {
    width:230px;
}

div.cursusDetailLeft td.inschrijvenCel {
    width:200px;
}

/**********stappen inschrijving**********/

div.divInschrijfStappen {
    width:945px;
    height:31px;
    margin:1px;
}

/*********Overzicht inschrijving**********/
div.divInschrijvingOverzicht {
    padding-left:15px;    
    padding-right:15px;
    padding-bottom:15px;
}

.divInschrijvingOverzicht table {
    line-height:15px;
    margin-bottom:21px;
}

/****************************/
.mpFormLabel
{
    vertical-align:top;
}

span.error
{
    font-weight:bold;
    color:Red;
}

div.dottedLine {
    width:100%;
    border-bottom: 1px dotted Black;
}

div.bliksemSpionLeft {
    width:600px;
    float:left;
}

div.bliksemSpionRight {
    width:300px;
    float:right;
}

img {
    border: 0px;
}

div.divEmployeeShortContainer { width:295px; height:110px; padding:12px; float:left; }
div.divEmployeeshortFoto { float:left; width:107px; padding-right:10px; }

div.employees {
    width:957px;
    margin-left:auto;
    margin-right:auto;
    background-color:#f0f6fa;
    
    margin-bottom:15px;
    height:230px;
    /*color: White;*/
    line-height:18px;
}

div.employees h1 {
    color:#006A94;
    margin-left:12px;
    padding-top:15px;
    margin-bottom:10px;
    margin-top:0px;
}

div.employees a, div.employees a:visited {
    /*color:White;
    font-weight: bold;*/
}

div.landingContent {
    height:650px;
}




