@import url("https://fonts.googleapis.com/css?family=Open+Sans");
 
html body{ background-color: #E9EEF1;  font-family: "Open Sans"; }


h1.steunKleur { margin-bottom: 5px; }

.steunKleur   , div.menu .item span ,div.menu .item a , .blok h2  { color: #5B0A80; }

nav div.menu div.item.ok:before , nav div.menu div.openItem.ok:before { color:#2E8300;  }

.steunKleurBg , main div.content div.progress .progress-bar { background-color: #702c91; }

nav div.menu div.logo .logoContainer   { text-align: center; background-color: #E9EEF1;  }
.toelichting p { background-color: #fff;}
nav div.menu {background-color: #333;color: #fff;} 

main div.content div.vraag div.devraag {
    background-color: #FFF;
    color: #000;
    font-size: 15px;
    margin: 1px;
    padding-bottom: 0px;
    font-size: 112.5%;
    font-weight: bold;
}

main div.toelichting {  background-color: #fff; } 


nav div.menu div.logo img {
    /* width: 100%; */
    /* height: 100%; */
}

html body h1
{
 line-height: 1.3em;
 color: #5B0A80!important;
}
 .header, .vraag, .contentFull , .blok.item , div.toelichting {border: 0!important;border-top: 3px solid #702c91!important;border-bottom: 3px solid #DFDFDF!important;}
.contentFull.noBackground {border: 0!important;}

nav div.menu div.openItem , nav div.menu div.item , nav div.menu div.logo { border:0; padding: 1px  }
nav div.menu div.item { 
      border-top: 2px solid #702C91;  }
nav div.menu div.item:last-child { border-bottom : 2px solid #702C91;  }
.antwoordveld {border-bottom: 1px solid #CCC;padding-top: 11px;padding-bottom: 26px;}

p {   color: #032E5F;  }


.link { color: #4A90E2!important;}

main div.toelichting p {text-align: left;font-size: 13px;padding: 14px;}

nav div.menu div.item.current {
    text-decoration: none;
}

nav div.menu div.item, nav div.menu div.logo {
  text-transform: none;
}

.contentFull.noBackground a 
{
    color: #2E8300;
}

.item.current
{
    background-color: #702C91;
}

nav div.menu div.openItem a, nav div.menu div.openItem span { 
    background-color: #333;
}

nav div.item span , nav .current a , .item
{
    color: #fff!important;
}


nav div.item{

    color: #fff;
}

main div.toelichting h1 {

text-align: left!important;

margin-left: 10px!important;

position: relative;

top: -2;

z-index: 15;

line-height: 1.4;

padding: 0.125rem 0.3125rem 0.1875rem 0.3125rem!important;

margin: 0;

width: 100px;

background-color: #702c91;

font-weight: 700;

font-size: 0.875rem;

color: #fff!important;

text-transform: uppercase;

padding: 10px 0 10px 0;
}

.linkhouder .linkCta
{
	background-color: #323232;
}





nav div.menu div.logo { padding: 0; }

nav div.menu div.logo div.logoContainer {
    box-sizing: border-box;
    justify-content: center;
    height: 100%;
    border-top: 20px solid #333;
    border-bottom: 20px solid #333;

}

nav div.menu div.logo img {
    width: initial; 
     height: initial; 
}