/* Blue ColorScheme
   #eaeaea:Sgi grey
   #507ea1:Medium-dark blue
   #406480:Dark blue
   #4f81bd:Medium blue
   #006699:Clear blue
   #f4f4f4:Very light grey
   #3082bd:Medium-light blue
   #555555:Medium-Dark grey
   #595959:Dark grey
   #666699:Dark turquoise
   #003333:Dark green
   #999999:Grey
   #cfdce6:Pale blue
*/

* {box-sizing:border-box;}

.row:after {content:""; clear:both; display:block;}

[class*="col-"] {float:left; padding:15px 0px 15px 15px;}

body {margin:0px; padding:0px; border:0px;}
body,p,li,td  {font-family:verdana, arial, helvetica, sans-serif; font-size:14px; color:#000000;}

.w3-table-all {width:100%; border:1px solid #ccc; padding:4px; margin:16px 0; border-collapse:collapse;}
.w3-table-all tr {border-bottom:1px solid #ccc; height:17px;}
.w3-table-all tr:nth-child(odd)  {background-color:#ffffff}
.w3-table-all tr:nth-child(even) {background-color:#f2f2f2}
.w3-table-all th {padding:6px 8px; text-align:left; vertical-align:top; font-family:verdana, arial, helvetica, sans-serif; font-size:14px; color:#ffffff; background-color:#4f81bd;}
.w3-table-all td {padding:6px 8px; text-align:left; vertical-align:top; font-family:verdana, arial, helvetica, sans-serif; font-size:14px; color:#000000;}
.w3-table-all th.duur {text-align:center;}
.w3-table-all td.duur {text-align:center;}
.w3-table-all td.verwijs {color:#006699;}

.headerpg {width:100%; height:100px; background:#ffffff; color:#000000; padding:0px; border:0px;}
.aside {background-color:#f4f4f4; height:450px; padding:0px; color:#ffffff; text-align:center; font-size:14px;}
.aside h2 {font-size:24px; font-style:italic; color:#f4f4f4; text-align:left; margin:0px 0px 12px 0px; border-bottom:4px double #CFDCE6; width:100%;}
.aside h3 {font-size:14px; font-weight:bold; color:#006699; text-align:left; margin-top:4px;}
.footer {background-color:#f4f4f4; color:#ffffff; text-align:center; font-size:14px; padding:15px 0px;}

img {max-width:100%; height:auto;}

/* For mobile phones:*/
[class*="col-"] {width:100%; padding-right:15px;}

@media only screen and (min-width:600px) {
/* For tablets:*/
.col-m-1 {width:8.33%;}
.col-m-2 {width:16.66%;}
.col-m-3 {width:25%;}
.col-m-4 {width:33.33%;}
.col-m-5 {width:41.66%;}
.col-m-6 {width:50%;}
.col-m-7 {width:58.33%;}
.col-m-8 {width:66.66%;}
.col-m-9 {width:75%;}
.col-m-10 {width:83.33%;}
.col-m-11 {width:91.66%;}
.col-m-12 {width:100%;} }

@media only screen and (min-width:768px) {
/* For desktop:*/
.col-1 {width:8.33%;}
.col-2 {width:16.66%;}
.col-3 {width:25%;}
.col-4 {width:33.33%;}
.col-5 {width:41.66%;}
.col-6 {width:50%;}
.col-7 {width:58.33%;}
.col-8 {width:66.66%;}
.col-9 {width:75%;}
.col-10 {width:83.33%;}
.col-11 {width:91.66%;}
.col-12 {width:100%;} }

/* overall container */
.divmain {background-color:#f4f4f4; padding:0px; border-collapse:collapse; border:0px; margin:0px;}

/* header container */
.grad {height:100px; background:#324B64;}
div.leftheader {height:100px; border:0px; float:left;}
div.leftheader img {float:left; width:100%; height:auto; max-width:219px; border:0px; margin-left:4px;}
div.leftheader h1 {position:relative; top:6px; text-align:right; margin:4px 0px 4px 3px; font-family:Tahoma; font-size:24px; color:#99e6ff; font-weight:bold;}
div.leftheader p {position:relative; top:17px; text-align:right; margin:4px 0px 4px 3px; font-family:Arial; font-size:16px; color:#eaeaea;}
div.rightheader {height:100px; float:left; text-align:right; border:0px;}

/* column container */
.colmask {position:relative; float:right; background:#f4f4f4; overflow:hidden;}

/* common column settings */
.colmid  {position:relative; float:left; background:#ffffff; border-left:1px solid #cccccc; border-right:1px solid #cccccc; }
.colleft {position:relative; float:left; background:#f4f4f4;}
.divnav, .divright {position:relative; float:left;}

/* special column settings */
.divnav {width:100%; height:580px; vertical-align:top; padding-top:0px; text-align:left; background:#f4f4f4;}
.divright {width:180px; vertical-align:top; padding:0px 5px 5px 0px; text-align:justify; overflow:hidden;}

a.navstyle {text-decoration:none; color:#006699;}
a.navstyle:hover {text-decoration:underline; color:#3082BD;}

h2.navh {font-size:24px; font-style:italic; color:#f4f4f4; text-align:left; margin:0px 0px 12px 0px; border-bottom:4px double #CFDCE6; width:97%;}

ul.crossbrowser {list-style-type:none; padding:0px; margin:0px; word-wrap:break-word;}
li.nav {direction:rtl; position:relative; font-weight:bold; width:100%; letter-spacing:-1px;
        padding:3px 3px 5px 5px;}
li.nav:first-letter {font-family:Wingdings; font-size:14px; text-decoration:none; color:#006699;}
li.nav ul {list-style-type:none; position:absolute; left:50px; top:0; display:none; padding:2px 0px 0px 5px;
           border:1px solid #006699;}
li.nav:hover ul {display:block; background-color:#ffffff; z-index:99; word-wrap:break-word;}
li.nav li {width:175px; padding:0px 0px 8px 5px;}

h2 {font-size:24px; font-style:italic; color:#406480; direction:rtl; text-indent:0px; margin-top:0px; margin-bottom:14px; border-bottom:4px double #CFDCE6; width:100%;}

p.koptekst {text-align:justify; margin-bottom:0px; font-weight:bold; color:#555555;}

p.subtekst {margin-bottom:0px; color:#595959;}

p.list {margin:0px 0px 0px 17px; text-indent:-17px; color:#595959;}
p.list:first-letter {font-family:Wingdings; font-size:14px;}

p.hyperlink {margin-top:12px; margin-bottom:0px; font-weight:bold; color:#006699; line-height:150%;}

p.special {margin:3px 0px 0px 14.25px; text-indent:-14.25px;}

p.kennismaking {font-family:"arial black", arial, helvetica, sans-serif; font-size:18px; margin-top:-1px;
   color:#006699; font-weight:normal;}

.film {width:20000px; height:136px;}

.imgbox {float:left; text-align:center; width:180px; height:133px; border:1px solid #f4f4f4; margin:0px 8px 8px 0px; padding:0px; font-size:16px;}

.imgbox a img {border:0px;}
.imgbox a:hover img {border:1px solid #0000ff; opacity:0.7; /* For IE8 and earlier */}

.thumbnail {width:170px; height:103px; margin:3px;}
.box {width:170px; padding:0px;}

div.extra {width:100%; height:124px; float:right; padding:0px; border:0px; margin:0px;}

div.adrot {width:100%; height:60px; float:right; text-align:right; border:0px; position:relative; top:-5px; margin:0px 30px 0px 0px;}
div.adrot img {width:120px; height:60px; direction:rtl; border:0px; margin:0px;}

div#column {width:100%; padding-top:76px; background:#f4f4f4; position:relative; text-align:center;}

.imgcolumn {height:75px; width:auto; border:1px solid #f4f4f4; padding:0px;}
.imgcolleft {height:100px; width:auto; border:1px solid #f4f4f4; padding:0px;}

a.columnstyle {text-decoration:none; text-align:center; font-weight:bold; color:#555555;}
a.columnstyle:hover {text-decoration:underline; text-align:center; font-weight:bold; color:#555555;}

/* Headline style */
h3 {font-size:14px; font-weight:bold; color:#006699; text-align:left; margin-top:4px;}

/*Heading 4 */

h4 {font-size:14px; font-weight:bold; color:#006699; text-align:left;}

/*Heading 5 */
h5 {font-size:11px; font-weight:bold; color:#000000; background-color:#eaeaea;
   text-align:left; margin-left:0px; padding:2px;}

/*Heading 6 */
h6 {font-size:10px; font-weight:normal; color:#000000; text-align:justify;
   margin-left:0; border:1px solid #999999; padding:3px;}

.clear { clear: both; } 

/*      FORMULIEREN      */

input, select, textarea { font: 12px verdana; } 
.cursusform { margin-bottom: 10px; } 
.cursusform fieldset { background: #fff url(../img/Gradient-2.png) top repeat-x; margin-bottom: 10px; } 
.cursusform legend { font-weight: bold; padding: 5px 10px; margin-bottom: 10px; background: #fff; font-size: 1.2em; } 
.cursusform h3 { font-weight: bold; padding: 5px 10px; margin-bottom: 10px; background: #fff; font-size: 1.2em; } 
.cssgradients .cursusform fieldset { background-image: -webkit-linear-gradient(top, #dae1e7, #fff ); background-image: -moz-linear-gradient(bottom, #dae1e7, #fff 75%); background-image: linear-gradient(to bottom, #dae1e7, #fff 75% ); } 
.cursusform fieldset .input { padding: 5px 10px; border-bottom: 1px solid #ccc; } 
.cursusform span.mandatory { color: #e21838; font-weight: bold; } 
.cursusform textarea { width: 400px; } 
.cursusform label { display: inline-block; width: 200px; } 
.cursusform label.error { color: #e21838; } 
.cursusform .checkbox.single label, .cursusform .checkbox label, .cursusform .radio label, .cursusform li label { display: inline-block; width: 400px; } 
.cursusform .textarea label { display: block; width: auto!important; } 
.cursusform fieldset div.submit { border-bottom: none; margin-bottom: 10px; } 
.cursusform li { list-style: none; margin-left: 0; } 
.cursusform .input.single input { display: inline; } 
.cursusform .input.single label { margin-left: 10px; width: auto; display: inline; } 
.cursusform .input.otherfield label { position: absolute; left: -10000px; } 
.cursusform .input.otherfield { padding-left: 30px; } 
.cursusform .input.noborder { border-bottom: none!important; } 
.cursusform .input.noborder ol { margin-bottom: 0; } 
.input.phone input { width: 10em; } 
.input.postal input { width: 5em; } 
.input.normal input, .input.normal select { width: 22em; } 
.cursusform .radio li { min-height: 1%; overflow: hidden; } 
.cursusform .radio input { float: left; } 
.cursusform .radio li label { margin-left: 10px; } 
.cursusform .regel li input { display:inline; margin-left:2px; margin-right:2px; } 
.cursusform .regel ol li label { display:inline; margin-left:2px; margin-right:15px; width:8px; }