* {font-family: Trebuchet MS, Verdana, Arial; font-size: 13px; color: #000000;}

$blauw='#00A9DB';
$rood='#E23232';
$roze='#E67FAA';
$geel='#F9EB12';
$groen='#59B326';
$wit='#FFFFFF';

a:active  {text-decoration: underline}
a:link    {text-decoration: underline}
a:visited {text-decoration: underline}
a:hover   {text-decoration: underline; color: #59B326}

input, textarea {background-color:#FFFFFF;
border-color: #000000 #000000 #000000 #000000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
padding:2px;
}

html, body {margin: 0px; padding: 0px; text-align: center; font-weight:normal; font-style: normal; text-decoration: none}

div#stek {width:750px;margin:0 auto;text-align:left;padding-bottom: 70px; font-weight:normal}
div#header {width:750px;display:inline}
div#content table{width:100%;font-size:18px;font-weight:normal;text-align:left;}
div#footer {clear:both;bottom:0px;width:100%;height:50px;visibility:hidden;}
div#footer table{font-size:12px;color:#CCCCCC;font-weight:bold;text-align:right;}

#language {font-family: Comic Sans MS, Arial, Helvetica;color:#CCCCCC;font-weight:bold;padding-top: 5px; height: 20px}
#language a:active {font-family: Comic Sans MS, Arial, Helvetica; font-size:10px; color: #000000; text-decoration: none}
#language a:link {font-family: Comic Sans MS, Arial, Helvetica; font-size:10px; color: #000000; text-decoration: none}
#language a:visited {font-family: Comic Sans MS, Arial, Helvetica; font-size:10px; color: #000000; text-decoration: none}
#language a:hover {font-family: Comic Sans MS, Arial, Helvetica; font-size:10px; color: #00000; text-decoration: none}

div#form table {width:100%;border:none;padding:0px;margin:0px;border-collapse: collapse; font-size: 12px;}
div#form table td {padding:4px;}
div#form table tr.cat1 {background-color:#FFFFFF; border-bottom: font-size: 12px;}
div#form table tr.cat2 {background-color:#FFFFFF; font-size: 12px;}
div#form table tr.cat3 {background-color:#FFFFFF; font-size: 12px;}

.header{text-align:left; vertical-align:middle;}
.label {background:  url(../style/groen/dot.jpg) 0 100% repeat;padding:10px;font-size:12px;font-weight:bold;}
.sublabel {background-color:#00A9DB;padding:10px;font-size:12px;font-weight:bold;}
input.btn {background:  url(../style/groen/dot.jpg) 0 100% repeat; width:100px; height:24px;
border-color: #000000 #000000 #000000 #000000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
font-weight:bold;
}

input.btnOn {background:  url(../style/groen/dot.jpg) 0 100% repeat; height:24px;
border-color: #000000 #000000 #000000 #000000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
font-weight:bold;
}

input.btnOff {background: #CCCCCC 0 100% repeat; height:24px;
border-color: #000000 #000000 #000000 #000000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
font-weight:bold;
}

div#content h1 {font-size:16px;color:#000000;font-weight:bold;text-align:right;margin-top:10px;margin-bottom:10px}
div#content h2 {font-size:13px;color:#000000;font-weight:bold;letter-spacing:6px;margin-top:5px;margin-bottom:10px}
div#content h3 {font-size:13px;color:#000000;font-weight:bold;margin:0px;margin-top:10px;margin-bottom:5px}
div#content h4 {font-size:13px;color:#000000;font-weight:normal;text-decoration:underline;margin-top:10px;margin-bottom:3px}
div#content h5 {font-size:12px;font-style: italic}

#contentc ul {list-style: none; padding:0px; margin:0px; float:left;white-space:nowrap;margin-bottom:12px;}
#contentc li {padding: 0px; margin: 0px; margin-bottom:12px;}


.t {background:  url(../style/dot2.gif) 0 0 repeat-x; float:left;display:inline;margin: 10px;}
.b {background:  url(../style/dot2.gif) 0 100% repeat-x}
.l {background:  url(../style/dot2.gif) 0 0 repeat-y}
.r {background:  url(../style/dot2.gif) 100% 0 repeat-y}
.bl {background: url(../style/bl2.gif) 0 100% no-repeat}
.br {background: url(../style/br2.gif) 100% 100% no-repeat}
.tl {background: url(../style/tl2.gif) 0 0 no-repeat}
.tr {background: url(../style/tr2.gif) 100% 0 no-repeat; padding:10px} 

.t {background:  url(../style/groen/dot.jpg) 0 0 repeat-x; float:left;display:inline; margin: 10px;}
.b {background:  url(../style/groen/dot.jpg) 0 100% repeat-x}
.l {background:  url(../style/groen/dot.jpg) 0 0 repeat-y}
.r {background:  url(../style/groen/dot.jpg) 100% 0 repeat-y}
.bl {background: url(../style/groen/bl2.jpg) 0 100% no-repeat}
.br {background: url(../style/groen/br2.jpg) 100% 100% no-repeat}
.tl {background: url(../style/groen/tl2.jpg) 0 0 no-repeat}
.tr {background: url(../style/groen/tr2.jpg) 100% 0 no-repeat; padding:10px} 

.empty {float:left;display:inline; margin: 5px;}
.empty .clear {font-size: 1px; height: 1px} 

.solid .t {background:  url(../style/groen/dot.jpg) 0 0 repeat-x; float:left;display:inline; margin: 10px;}
.solid .b {background:  url(../style/groen/dot.jpg) 0 100% repeat}
.solid .l {background:  url(../style/groen/dot.jpg) 0 0 repeat-y}
.solid .r {background:  url(../style/groen/dot.jpg) 100% 0 repeat-y}
.solid .bl {background: url(../style/groen/bl.jpg) 0 100% no-repeat}
.solid .br {background: url(../style/groen/br.jpg) 100% 100% no-repeat}
.solid .tl {background: url(../style/groen/tl.jpg) 0 0 no-repeat}
.solid .tr {background: url(../style/groen/tr.jpg) 100% 0 no-repeat; padding:10px} 
.solid .clear {font-size: 1px; height: 1px} 

.outline .t {background:  url(../style/groen/dot.jpg) 0 0 repeat-x; float:left;display:inline; margin: 10px;}
.outline .b {background:  url(../style/groen/dot.jpg) 0 100% repeat-x}
.outline .l {background:  url(../style/groen/dot.jpg) 0 0 repeat-y}
.outline .r {background:  url(../style/groen/dot.jpg) 100% 0 repeat-y}
.outline .bl {background: url(../style/groen/bl2.jpg) 0 100% no-repeat}
.outline .br {background: url(../style/groen/br2.jpg) 100% 100% no-repeat}
.outline .tl {background: url(../style/groen/tl2.jpg) 0 0 no-repeat}
.outline .tr {background: url(../style/groen/tr2.jpg) 100% 0 no-repeat; padding:10px} 
.outline .clear {font-size: 1px; height: 1px} 

#subnavigation * {margin-top: 0; margin-bottom: 0;}
#subnavigation {float:left;display:inline;  margin-top: 10px;}
#subnavigation .solid .t {margin-bottom: 2px;  margin-top: 0px;}
#subnavigation .solid .tr {padding:5px}
#subnavigation .solid .t {margin-bottom: 2px;  margin-top: 0px;}
#subnavigation .solid .tr {padding:5px}

#subnavigation .outline .t {margin-bottom: 2px;  margin-top: 0px;}
#subnavigation .outline .tr {padding:5px}
#subnavigation .outline .t {margin-bottom: 2px;  margin-top: 0px;}
#subnavigation .outline .tr {padding:5px}

#subnavigation a:active {  font-family: Comic Sans MS, Arial, Helvetica; font-size: 15px; font-weight: normal; color: #000000; text-decoration: none}
#subnavigation a:link {  font-family:  Comic Sans MS, Arial, Helvetica; font-size: 15px; font-weight: normal; color: #000000; text-decoration: none}
#subnavigation a:visited {  font-family:  Comic Sans MS, Arial, Helvetica; font-size: 15px; font-weight: normal; color: #000000; text-decoration: none}
#subnavigation a:hover {  font-family:  Comic Sans MS, Arial, Helvetica; font-size: 15px; font-weight: normal; color: #00000; text-decoration: none}

#extra * {margin-top: 130; margin-bottom: 120;}
#extra a:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: underline}
#extra a:link {  font-family:  Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: underline}
#extra a:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: underline}
#extra a:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #00000; text-decoration: underline}

#navigation a:active {  font-family: Comic Sans MS, Arial, Helvetica; font-size: 13px; font-weight: normal; color: #000000; text-decoration: none}
#navigation a:link {  font-family:  Comic Sans MS, Arial, Helvetica; font-size: 13px; font-weight: normal; color: #000000; text-decoration: none}
#navigation a:visited {  font-family:  Comic Sans MS, Arial, Helvetica; font-size: 13px; font-weight: normal; color: #000000; text-decoration: none}
#navigation a:hover {  font-family:  Comic Sans MS, Arial, Helvetica; font-size: 13px; font-weight: normal; color: #00000; text-decoration: none}

a.p1:hover {background-color:#ffffff;}
a .large {display:block; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
a.p1:hover .large {display:block; width:67px; height:50px;}

.pageTitle {background-color:#59B326;padding:10px;font-size:12px;font-weight:bold;color:#FFFFFF;letter-spacing:6px;text-align:right}
.questionTitle {background-color:#00A9DB;padding:10px;font-size:12px;font-weight:bold;}
.selectedTR * {background-color:#ECE9D8;}
.questionText1 {background-color:#FFFFFF;padding-bottom: 70px;}
.questionText2 {background-color:#ECE9D8;padding-bottom: 70px;}
