@charset "utf-8";
* {outline: none; }
body{overflow-y:scroll; padding:0; margin:0; background-image:url(../images/vlag-herhaal.png); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; margin-bottom:9px;font-size:11px; }
body a {color: #940027; text-decoration: none;}
h1 {font-size: 16px; color:#940027; padding: 0; margin: 0 0 10px 0; border-bottom: 1px solid #940027;}

h2{color:#004c87; font-size:13px;}
p {color:#0066b6; font-size:11px;}
#content ul, #content ol {color:#0066b6; font-size:11px;}
p.strong { color:#004c87; font-weight:bold; line-height:13px; margin-left:-6px;}
img{border:0;}
.image{ margin: 0 3px 0 0 ;}
.clear {clear: both;}

#wrapper{position:relative; left:50%; width:1000px; height:100%; margin: 0 0 0 -500px;}
.shine{margin-left:-30px;}
#header{height:150px; width:1000px; background-color:#fff; margin-bottom:20px;}
.logo{padding-top:30px;}
.zoekbalk{ padding-top:110px;text-align:right;}

#left { width:25%; float:left; }
#content { width:48%; margin: 0 1%; float:left; min-height: 457px; background:url('../images/content-achtergrond.jpg') bottom repeat-x; padding-bottom: 70px; line-height: 16px; }
#right { float:right; width:25%; height:534px; background-image:url('../images/right-foto.jpg');}

#content.full {width: 74%; margin: 0 0 0 1%;}
.info{margin-left:-7px;}
.menu ul{padding:0; margin:0; list-style:none;}
.menu {margin-left:-6px; line-height:25px; font-weight:bold; }
.menu a:link, .menu a:visited, .menu a:hover{color:#004c87; font-size:14px; text-decoration:none;}
.menu ul {margin-bottom: 15px !important;}
.menu ul ul {margin-left: 10px;}
.menu ul li li.active { margin-left:-12px; padding-left:12px; padding-top:0px; background-image:url('../images/pijl-rood.jpg'); background-repeat:no-repeat; background-position: center left;}
.menu ul li li.active a {color:#940027;}

.downloadMenu ul {padding:0; margin:0; list-style:none;}
.downloadMenu { line-height:25px; font-weight:bold; }
.downloadMenu a:link, .downloadMenu a:visited, .downloadMenu a:hover{color:#004c87; font-size:14px; text-decoration:none;}
.downloadMenu ul {margin-bottom: 15px !important;}
.downloadMenu ul ul {margin-left: 10px;}
.downloadMenu ul li.active{margin-left:-12px; padding-left:12px; padding-top:0px;}
.downloadMenu ul ul li.active {background-image:url(../images/pijl-rood.jpg); background-repeat:no-repeat; background-position: center left;}
.downloadMenu ul ul li.active a{color:#940027;}


.contacttitle{display: block; margin-left:-6px; line-height:13px; margin-top:20px; font-weight: bold; color: #004c87;}
p.contactinfo{margin-left:-6px; line-height:13px; margin-top:5px; margin-bottom:5px;}


#meerberichten{position:absolute; bottom:0; right:5px;}

.nieuwsbericht{width:430px; margin-bottom:10px;}
h2.titel{line-height:13px; margin: 0px;}
p.intro{line-height:16px; margin-top:5px; margin-bottom:5px;}
a.leesmeer:link, a.leesmeer:visited, a.leesmeer:hover{font-style:italic; font-size:11px; padding-left:12px; color:#999999; text-decoration:none; background-image:url(../images/pijl.jpg); background-repeat:no-repeat; background-position:center left;}


.downloadUl{list-style:none; margin-left:-20px; color:#0066b6; font-size:11px;}
.downloadUl li img {float: left;}
.downloadUl li span {margin-left: 20px; display: block;}
.downloadUl a{color:#0066b6; font-size:11px; text-decoration:none;}

#paginas{text-align:center; width:100%;}
#paginas a{color:#0066b6; font-size:11px; text-decoration:none;}

#submenu li {display:inline;}
#submenu ul {padding:5px; text-align:center;}

.vgv {list-style:none; background-image:url(../img/html.jpg); background-repeat:no-repeat; margin-left:-20px; padding-left:19px;}
.vgv a{color:#0066b6; font-size:11px;}

.form { background: #cddae7; padding: 20px; border-radius: 10px; margin: 0 0 20px }
.form h2 { color: #92062b; margin: 0 0 15px }
.form ul { margin: 0; padding: 0; list-style: none; line-height: 22px }
.form ul li { margin-bottom: 5px }
.form .success-message { color: #fff }
.form .error { color: red; font-size: 13px; margin: 0 0 0 20px }
.form label { display: block; min-width: 70px; color: #004c87; font-weight: bold }
.form .input-text { height: 22px; width: 200px }
.form .input-textarea { width: 201px }
.form .input-submit { margin: 10px 0 0; }

#ditto_pages li { display: inline-block }
#ditto_pages .control { padding: 0 3px }
#ditto_pages .active { color: #000 }

.login fieldset {border: 0; padding: 0}
.login label {display: block; width: 100%; clear: both; margin-bottom: 10px; line-height: 32px;}
.login label input {float: right; line-height: 20px; width: 50%; margin-bottom: 10px; padding: 5px;}
.login .Button input {float: right; line-height: 20px; width: 53%; height: 35px; padding: 5px; margin-bottom: 10px; background: #004c87; color: #fff; font-size: 14px; font-weight: bold; border: none;}
.login .forgotPassword {display: block; clear: both; float: right; }

span a {color: #0066B6; text-decoration: none; }
.span { font-size: 16px; display: block; position:absolute; top:-60px; width:460px; font-family:Arial, Helvetica, sans-serif; }
#bgbox { background-image:url('../images/img/quoteachter.jpg'); background-repeat:no-repeat; width:580px; height:80px; padding: 14px; margin-left:40px; margin-top:30px; float: left; }
#scrollup { overflow:hidden; position: relative; padding-left:55px; width:500px; height: 70px; }



/* VRAGENLIJST */

#vragenlijst .chapters .active {font-weight: bold;}
#vragenlijst ul.chapters li {list-style: none;}

#vragenlijst #questionnaire {background: #eee; border-radius: 5px; width: 96%; margin: 1%; padding: 1%; border: 1px solid #ccc;}
#vragenlijst #questionnaire .question {border-bottom: 1px solid #ccc; }
#vragenlijst #questionnaire .question .left { width: 75%; float: left; }
#vragenlijst #questionnaire .question .right { width: 25%; float: right; line-height: 45px; text-align: right;}
#vragenlijst #questionnaire .question .right input { background: none; background: #fff; border-radius: 0;}


#vragenlijst #questionnaire input[type="radio"]{ display:none; }

#vragenlijst #questionnaire input[type="radio"] + label { line-height: 30px; height: 30px; width: 45px; margin-right:20px; display: inline-block; padding: 0 0 0 0px; background-repeat: no-repeat; background-size:contain; }
#vragenlijst #questionnaire input[type="radio"] + label.no {width: 55px;} 
#vragenlijst #questionnaire input[type="radio"] + label.correct { background-image: url('../images/smiley-correct.png'); }
#vragenlijst #questionnaire input[type="radio"] + label.incorrect { background-image: url('../images/smiley-incorrect.png'); }
#vragenlijst #questionnaire input[type="radio"]:checked + label.correct {background-image: url('../images/smiley-correct-selected.png');}
#vragenlijst #questionnaire input[type="radio"]:checked + label.incorrect {background-image: url('../images/smiley-incorrect-selected.png');}

#vragenlijst #questionnaire .question h3 span {display: block; width: 95%; float: left; margin-bottom: 10px;}
#vragenlijst #questionnaire .question h3 a.moreinfo {float: right; background: #fff; border-radius: 10px; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #c00; font-weight: bold; border: 1px solid #ccc; display: inline-block; font-size: 15px; cursor: pointer;}
#vragenlijst #questionnaire div.moreinfo {display: none; padding: 1%; background: #fff; border-radius: 5px; width: 98%; margin: 10px 0;}

#vragenlijst #navigation {margin: 10px 0;;}
#vragenlijst #navigation .button { background: #c00; border-radius: 2px; padding: 10px 30px; color: #fff; font-weight: bold; cursor: pointer; }
.redbutton { background: #c00; border-radius: 2px; padding: 10px 30px; color: #fff; font-weight: bold; cursor: pointer; }

#vragenlijst #navigation .button.prev { float: left; margin-right: 10px; }
#vragenlijst #navigation .button.reset { float: left; background: #0066b6;}
#vragenlijst #navigation .button.export { float: right; background: #329c04; }
#vragenlijst #navigation .button.next { float: right; margin-left: 10px; }

#vragenlijst input[type="text"] { width: 96%; margin: 1% 0; height: 30px; padding: 0 1%;}