/*
FF9900 : strepen oranje  138DEC
FFAD33 : strepen geel 42A4F0

FFBB61 : content main 6CBCF3
FFAA39 : menu vlakken 47ABF0

E56700 : randen van input 138DEC

*/


body,html {width:100%;height:100%;margin:0;padding:0;}
body,html {font-family:Arial,Verdana,Helvetica,sans-serif;font-size:100%;color:#000;}
body {background: #47ABF0 url(images/body_bg.gif) repeat top left;text-align:center;}

a img {border: 0px;}
b, strong {font-weight:bold;}
i, em {font-style:italic;}
p, h1, h2, h3 {margin:0 0 20px 0;}
p.intro, li.intro {font-size:80%;color:#000;}

hr { height: 1px; border: 0px solid #138DEC; color: #138DEC; background-color: #138DEC; margin: 0px; }

input.text, textarea {border:1px solid #138DEC;font-family:courier,"courier new",monospace;font-size:12px;line-height:16px;}
input.text {width:100px;border:1px solid #138DEC;height:21px; vertical-align: middle;}
textarea {width:100%;height:60px;border:1px solid #138DEC;}
input.radio {margin:3px 10px;vertical-align:middle;}


/* main blocks */
div#mainContainer {width:100%;height:100%;margin:0 auto;text-align:center;}

table#mainTable {width:780px;font-size:14px;line-height:18px;text-align:left;margin:0 auto;}
  table#mainTable td.c1 {width:544px;background:#6CBCF3 url(images/td1_bg.gif) repeat-y top left; vertical-align:top;}
  table#mainTable td.c2 {width:236px;background:#47ABF0 url(images/td2_bg.gif) repeat-y top left; vertical-align:top;}
  table#mainTable td.c1login {width:544px;background:#6CBCF3 url(images/td1_bg_2.gif) repeat-y top left; vertical-align:top;}
  table#mainTable td.c2login {width:236px; background:#47ABF0 url(images/td2_bg_2.gif) repeat-y top left;vertical-align:top;}
  table#mainTable td.td1bottom {height:20px;background:transparent url(images/td1bot_bg.gif) no-repeat 0 0;}
  table#mainTable td.td2bottom {height:20px;background:transparent url(images/td2bot_bg.gif) no-repeat 0 0;}

div#td1OuterBox {width:100%;height:100%;background:transparent url(images/top1_bg.gif) no-repeat top left; }
  div#titleOuterBox {padding:22px 0 0 17px;text-align:left;}
    div#titleInnerBox {width:400px;text-align:right;height:25px;}
      div#titleInnerBox img {float:left;}
		  div#titleInnerBox span {vertical-align:top;font-size:14px; line-height:25px;color:#FFF;margin:0 10px;}
  div#contentOuterBox {margin:4px 0 0 36px;}
    div#contentInnerBox {margin:25px 0 4px 25px;}
      div#contentInnerBox img {border:1px solid #000;}
		  /* q&a boxes: available resulting width = 457px. */
      /* take of pos. scrollbar's & img borders -> img max 435px */
	    div#qOuterBox {width:460px; } /*set height to 200px if content is long to use overflow */
	    div#aOuterBox {margin-top:20px;width:460px;}
disabled        div#aOuterBox input[type="text"] {border:2px solid green;height:30px !important;}


div#td2OuterBox {width:100%;height:100%;background:transparent url(images/top2_bg.gif) no-repeat 0 0;}
  div#topRightButtons {position:relative;height:250px;}
	  div#topRightMenu {position:absolute;top:29px;left:135px;width:98px;height:77px;background:transparent url(images/btn1_bg.gif) no-repeat top left;}

  div#rightPanel {position:relative;padding:0;height:192px;width:100%;}
	  div#rightPanelContent {margin:0 15px 0 30px;padding:5px 5px 5px 0;font-size:12px;}
		  div#rightPanelContent h2 {font-size:14px;font-weight:bold;margin:0 0 10px 0;}
		  div#rightPanelContent ul {list-style:none;padding:0;margin:0 0 0 -9px;}
		  div#rightPanelContent li {padding:0;}
		  div#rightPanelContent li span {padding:0 0 0 30px;}
		  div#rightPanelContent li span.s {font-weight:bold;background:transparent url(images/list_selected.gif) no-repeat top left !important;}
	div#btmRightButtons {position:relative;height:60px;width:100%;background:transparent url(images/btn2_bg2.gif) no-repeat top left;}
    div#tijd {width:66px;height:20px;line-height:20px;text-align:center;margin-left:88px;}
		div#vragenBox {position:relative;width:198px;height:20px;margin-left:21px;}
      div#vragenBox img#btn2_0 {position:absolute;left:0;top:0;}
      div#vragenBox img#btn2_1 {position:absolute;left:126px;top:0;}
			div#vragenBox div {position:absolute;left:75px;top:0;width:50px;height:20px;line-height:20px;text-align:center;}


div.radioList { }
original div.radioListItem { margin: 0 0 5px 40px; text-indent: -40px;}
div.radioListItem { margin: 0 0 10px 0;padding_left:30px;position:relative;}
  div.radioListItem  input { float:left; clear:left;margin:0 0 0 0;}
  div.radioListItem  label { display:block;margin-left:25px;order:1px solid red;}
  div.radioListItem  label sup {font-size:12px;}
  div.radioListItem  label sub {font-size:12px;}

div.tekst { width: 100%; border: 1px solid #138DEC; margin: 0; padding: 5px 5px; font-size:12px; background-color: #7BC3F4; margin-bottom: 20px; }
div.afbeelding { width: 100%; text-align:left; margin: 5px 0 0 0; }

span.nowrap { white-space: nowrap;}

div.tbl50p {width:50%;margin:0 0 25px 0;}
div.tbl50p table {width:100%;border:1px solid #138DEC;font-size:12px;}

div.tbl75p {width:75%;margin:0 0 25px 0;}
div.tbl75p table {width:100%;border:1px solid #138DEC;font-size:12px;}

div.tbl100p {width:100%;margin:0 0 25px 0;}
div.tbl100p table {width:100%;border:1px solid #138DEC;font-size:12px;}

table table td, table table th {padding:3px 5px;height:30px;text-align:left;vertical-align:top;}
table table th {xbackground-color:#C0C0C0;color:#000000;font-weight:bold;font-size:14px;}

td.b_r, th.b_r {border-right:1px solid #138DEC;}
td.b_b, th.b_b {border-bottom:1px solid #138DEC;}
td.b_rb, th.b_rb {border-width:0 1px 1px 0;border-style:solid;border-color:#138DEC;}
td.b_t, th.b_t {border-top:1px solid #138DEC;}
td.b_tr, th.b_tr {border-width:1px 1px 0 0;border-style:solid;border-color:#138DEC;}

a { color: #000000; }

div#aOuterBox table { border: 1px solid #138DEC; border-collapse: collapse; margin-top: 10px; font-size:12px;}
div#aOuterBox table th { border: 1px solid #138DEC; background-color: #FFB34D; }
div#aOuterBox table td { border: 1px solid #138DEC; }


body.help table#mainTable {width:585px;font-size:14px;line-height:18px;text-align:left;margin:0 auto;}
  body.help table#mainTable td.c2 {width:41px;height:100%; background:#47ABF0 url(images/td2help_bg.gif) repeat-y top left;}


span.antwoord {font-family:courier,"courier new",monospace; font-size:12px; border:1px solid #138DEC; line-height:17px; height: 21px; margin: 5px 1px 4px 1px; padding: 0 2px; vertical-align: middle; background-color: #F0F0F0;  }

div#qOuterBox { font-size: 13pt; line-height: 15pt; }
div#aOuterBox { font-size: 13pt; line-height: 15pt; }

table#mainTable td.tdOnder1 {width:544px;background:transparent url(images/tdleeg1_bg.gif) repeat-y top left;}
table#mainTable td.tdOnder2 {width:236px;background:transparent url(images/tdleeg2_bg.gif) repeat-y top left;}
div#divOnder { width: 470px; xheight: 55px; font-size: 9pt; border: 1px solid #FFF; padding: 5px; margin:4px 0 25px 61px; background-color: #47ABF0; font-style: italic; }
div#divOnder img { border: 0; margin: 0 0 0 10px; float: right;}