html,body{color:#333;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:22px;margin:0;}
body{border-top:5px solid #562873;}
h1,h2,h3{color:#562873;font-family:'Days One', sans-serif;}
hr{border:0;border-bottom:1px solid #E3E3E3;}
hr.paars{border:0;border-bottom:1px solid #562873;}
a{color:#009BEF;}
a:hover{text-decoration:none;}
table{width:100%;}

fieldset{background-color:#F7F7F7;border:1px solid #DEDEDE;-moz-box-shadow:0 0 3px #DEDEDE;-webkit-box-shadow:0 0 3px #DEDEDE;box-shadow:0 0 3px #DEDEDE;border-radius:6px;padding:15px 15px 0 15px;}
fieldset h2{border-bottom:1px solid #E3E3E3;font-size:20px;line-height:24px;padding:0 0 10px;margin:10px;}

ul.check{padding:0;margin:0;}
ul.check li{background:url('../images/li_check.png') no-repeat 0 3px;padding-left:25px;list-style-type:none;}

header{border-bottom:1px solid #CCCCCC;padding:15px 0;background-color:#F0F0F0;}
header h1{margin:15px auto 20px;display:inline-block;}
header h1 a{color:#562873;text-decoration:none;}

#container{border-top:1px solid #E2E2E2;}
article{max-width:960px;margin:0 auto;}
footer{min-height:30px;}

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.fleft{float:left;}
.fright{float:right;}
/*.hidden{display:none;}*/

.w960{max-width:960px;margin:0 auto;}
.w720{width:720px;}
.w300{width:300px;}
.w230{width:230px;}
.w150{width:150px;}
.w100{width:100px;}
.w10{width:10px;}

.loading{margin-top:20px;visibility:hidden;}

/* Home */
.home-image-box{height:350px;width:960px;background:url('../images/home.jpg') no-repeat 0 0;margin:30px 0;}
.home-image-textbox{background-color:#F5F5F5;width:430px;height:250px;float:right;margin:35px 0;border-bottom-left-radius:6px;border-top-left-radius:6px;border:1px solid #562873;border-right:0;opacity:.94;padding:15px;transition:opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;}
.home-image-textbox:hover{opacity:1;}
.home-image-textbox p{font-size:15px;}
.box{border-radius:3px;border:1px solid #E1E1E1;width:49%;min-height:220px;margin-bottom:30px;}
.box-header{background-color:#F0F0F0;border-bottom:1px solid #E1E1E1;padding:15px;font-weight:bold;font-size:18px;font-family:'Days One', sans-serif;}
.box-content{padding:15px;}
#imagecloud{clear:both;text-align:center;}
#imagecloud img{margin:10px 15px;}

/* Vragen */
.vraag{border:1px solid #F7F7F7;border-radius:10px;clear:both;margin-bottom:5px;padding:8px 14px 10px 14px;position:relative;cursor:default;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;}
.vraag:hover{background-color:#FFFFE0;border-color:#E5E5A6;}
.vraag p{font-weight:bold;margin:0 0 7px 0;}

/* Button */
.button-green{-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;box-shadow:inset 0px 1px 0px 0px #d9fbbe;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));background:-moz-linear-gradient(top, #b8e356 5%, #a5cc52 100%);background:-webkit-linear-gradient(top, #b8e356 5%, #a5cc52 100%);background:-o-linear-gradient(top, #b8e356 5%, #a5cc52 100%);background:-ms-linear-gradient(top, #b8e356 5%, #a5cc52 100%);background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52',GradientType=0);background-color:#b8e356;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #83c41a;display:inline-block;color:#ffffff;font-family:Arial;font-size:18px;font-weight:bold;padding:12px 18px;text-decoration:none;text-shadow:0px 1px 0px #86ae47;cursor:pointer;}
.button-green:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356));background:-moz-linear-gradient(top, #a5cc52 5%, #b8e356 100%);background:-webkit-linear-gradient(top, #a5cc52 5%, #b8e356 100%);background:-o-linear-gradient(top, #a5cc52 5%, #b8e356 100%);background:-ms-linear-gradient(top, #a5cc52 5%, #b8e356 100%);background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356',GradientType=0);background-color:#a5cc52;}
.button-green:active {position:relative;top:1px;}

.button-grey {-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;box-shadow:inset 0px 1px 0px 0px #ffffff;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);background-color:#ededed;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;cursor:pointer;color:#777777;font-family:arial;font-size:16px;padding:12px 24px;text-decoration:none;text-shadow:0px 1px 0px #ffffff;cursor:pointer;}
.button-grey:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);background-color:#dfdfdf;}
.button-grey:active {position:relative;top:1px;}

.button-small{font-size:14px;font-weight:bold;padding:8px;}

/* Stappenbalk */
ol.progtrckr {margin:0;padding:0;list-style-type:none;font-weight:bold;height:100px;/*float:right;*/}
ol.progtrckr li {display:inline-block;text-align:center;line-height:3em;float:left;font-size:20px;/*min-width:150px;*/}
ol.progtrckr a {font-size:13px;vertical-align:bottom;margin-left:-15px;}
ol.progtrckr span{font-size:13px;vertical-align:bottom;margin-left:-15px;}
ol.progtrckr[data-progtrckr-steps="2"] li {width:49%;}
ol.progtrckr[data-progtrckr-steps="3"] li {width:33%;}
ol.progtrckr[data-progtrckr-steps="4"] li {width:24%;}
ol.progtrckr[data-progtrckr-steps="5"] li {width:19%;}
ol.progtrckr[data-progtrckr-steps="6"] li {width:16.666666667%;}
ol.progtrckr[data-progtrckr-steps="7"] li {width:14.285%;}
ol.progtrckr[data-progtrckr-steps="8"] li {width:12%;}
ol.progtrckr[data-progtrckr-steps="9"] li {width:11%;}
ol.progtrckr li.progtrckr-done {color:black;border-bottom:4px solid yellowgreen;}
ol.progtrckr li.progtrckr-todo {color:silver;border-bottom:4px solid silver;}
ol.progtrckr li:after {content:"\00a0\00a0";}
ol.progtrckr li:before {position:relative;bottom:-2.5em;float:left;left:41%;line-height:1em;}
ol.progtrckr li.progtrckr-done:before {content:"\2713";color:white;background-color:yellowgreen;height:1.2em;width:1.2em;line-height:1.2em;border:none;border-radius:1.2em;}
ol.progtrckr li.progtrckr-todo:before {content:"\039F";color:silver;background-color:#FFF;font-size:1.5em;bottom:-1.6em;}

/* Modal dialog */
.modal-close{text-decoration:underline;font-weight:bold;cursor:pointer;}
.modal-bg{position:fixed;height:100%;width:100%;background:#000;z-index:100;top:0;left:0;display:none;}
.modal{visibility:hidden;top:11%;left:50%;margin-left:-375px;width:750px;background:#F7F7F7;position:absolute;z-index:101;padding:0px 40px 10px 20px;border-radius:10px;border:4px solid #bdbdbd;color:#333;font-size:.9em;}
.modal-close-cross{font-size:28px;position:absolute;top:10px;right:11px;color:#aaa;font-weight:bold;text-decoration:none;}

/* Forms */
input[type=text],select,textarea{font-size:14px;outline:none;transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;border:1px solid rgba(0,0,0,.2);}
input[type=text]:focus,select:focus,textarea:focus{box-shadow:0 0 5px rgba(86,40,115,1);-webkit-box-shadow:0 0 5px rgba(86,40,115,1);-moz-box-shadow:0 0 5px rgba(86,40,115,1);border:1px solid rgba(86,40,115,.8);}
input,textarea{padding:4px 5px;}
select{padding:4px 3px 4px 3px;min-width:170px;}
.help{margin-left:12px;}
.help img{margin:5px 0 -5px;}
.validatie_fout{background-color:#F3D8D8;border:1px solid #CC0000;border-radius:10px;}

/* Table overzicht */
.overzicht{border:1px solid #CCC;font-size:13px;border-spacing:5px;border-collapse:collapse;}
.overzicht th{background-color:#EFEFEF;text-align:left;font-weight:bold;}
.overzicht thead th{text-align:center;padding:15px 0;}
.overzicht tbody th{border-bottom:1px solid #FFF;padding:4px 8px;}
.overzicht tbody tr:first-child th{border-top:1px solid #FFF;}
.overzicht tbody tr:last-child th{border:none;}
.overzicht tbody tr:last-child td{border:none;padding:20px 0;}
.overzicht td{background-color:#FFF;border-bottom:1px solid #F0F0F0;padding:0 4px;}
.overzicht tr{border:1px solid #CCCCCC;}

.ja{background:url('../images/sprite.png') no-repeat 0 0;height:16px;width:20px;display:inline-block;vertical-align:text-bottom;color:transparent;}
.nee{background:url('../images/sprite.png') no-repeat -23px 0;height:16px;width:16px;display:inline-block;vertical-align:text-bottom;color:transparent;}

/* Kleurtjes in vergelijkingstabel */
.negatief{background-color:#F3D8D8;border:1px solid #CC0000;padding:15px;font-weight:bold;display:inline-block;}
.positief{background-color:#ECF7C8;border:1px solid #B1D95C;padding:15px;font-weight:bold;display:inline-block;}

#print{display:none;}

/* Print */
@media print{
	nav{display:none;}
	#noprint{display:none;}
	#print{display:block;}
}

#console{display:none;background-color:#FFCCCC;border:1px solid #CCC;padding:1em;font-family:"Courier New", Courier, monospace;font-size:12px;}