/* CSS Document */

/* colours:
bg-grey:#cecec6
light-grey (tab): #e5e5e0
blue: #36a7e9
blue 2: #1c85e8
pink: #ec008c
green: #22b14c
red: #ed1c24
purple:#b047a0

*/

body#txt {margin:0;padding:0;background:#cecec6 url(../imgswop/bg-man-bar.gif) left 26px repeat-y;font-family:Verdana;font-size:small;}
body.wz1 {margin:0;padding:0;background:#fff url(../imgswop/bgw1.gif) no-repeat;font-family:Verdana;font-size:small;}
body#wz, body.wz {margin:0;padding:0;background:#fff url(../imgswop/bgw.gif) no-repeat;font-family:Verdana;font-size:small;}
body#frm {overflow:hidden;}

div#logo {background:#fff;}
	div#logo img {margin:13px 0 8px 26px;}
div#tabs {display:block;height:35px;background:#fff;padding-left:153px;}
	div#tabs a {display:block;float:left;width:107px;height:22px;background:#e5e5e0 url(../imgswop/tb.gif) no-repeat;text-decoration:none;color:#000;padding:13px 5px 0 13px;}
		div#tabs a.active {background:#cecec6 url(../imgswop/ta.gif) no-repeat;}
		div#tabs a:hover {background:#000 url(../imgswop/tc.gif) no-repeat;color:#fff;}
a#lnk {display:block;position:absolute;left:659px; top:13px;}
	a#lnk:hover {color:#000;text-decoration:none;}
/* navigation column */
ul#main-navigation {list-style-type:none;position:absolute;left:0;top:89px;margin:0;padding:0;line-height:1em;}
	ul#main-navigation li {}
		ul#main-navigation li a {display:block;width:145px;margin-bottom:4px;background:#cecec6;padding:6px 0 9px 8px;color:#000;text-decoration:none;}
					ul#main-navigation li a:hover, ul#main-navigation li a.active:hover {background:#000;color:#fff;}
					ul#main-navigation li a.active {background:#fff;width:144px;}
						ul#main-navigation li a.active:hover {background:#fff;width:144px;color:#000;}
/* vertaling */
	/* NL */
	a#vertaling {position:absolute;left:28px;top:66px;z-index:50;color:#36a7e9;text-decoration:none;}
	a#vertaling:hover {color:#000;}
	/* EN */
	a#translate {position:absolute;left:28px;top:66px;z-index:50;color:#36a7e9;text-decoration:none;}
	a#translate:hover {color:#000;}
/* text page content */
div#content {margin:72px 0 0 218px;width:601px;height:398px;overflow:auto;background:#fff;padding:20px;line-height:1.4em;}
	div#content h1 {margin:0 0 1em 0; font-size:140%;}
	div#content p {width:95%;}
		p a {color:#00adef;text-decoration:none;}
			p a:hover {color:#ed1c24;text-decoration:none;}
	p.knop {margin-top:2em;}
		p.knop a {display:block;background:#00adef;color:#fff !important;text-decoration:none;padding:2px 2px 2px 10px;width:200px;}
			p.knop a:hover {background:#000;text-decoration:none !important;}
	
	
	div#content div.left, div#content div.right {float:left;width:270px;}
	div#content div.left {margin-right:15px;}
		div#content div ul {margin-top:0;padding:0;list-style-type:none;}
			div#content ul.aansluit {margin:0;}
			div#content div ul li {background:#fff url(../imgswop/blk.gif) no-repeat 2px 8px;padding-left:14px;}
		div#content div.kader {background:#e5e5e0;padding:0px 12px 2px 12px;}
			div#content div.kader ul  {background:#e5e5e0;}
				div#content div.kader ul li {background:#e5e5e0 url(../imgswop/blk.gif) no-repeat 2px 8px;padding-left:14px;}
/* tabellen */
	table, td, th { border-collapse:collapse; }
	table tr, table tr td, table tr th {vertical-align:top;text-align:left;}
	table caption {text-align:left;display:none;}
	div#content table tr td, div#content table tr th {padding:2px 10px 3px 0;border-bottom:2px solid #cecec6;}
		div#content table tr td.r {text-align:right;}
		
		
/* flash */
div#f {
	margin:10px 0 0 220px;
	width:640px;
	height:281px;
	padding-top:26px;
}
	#frmCalc {margin-left:67px;}
	div#f img#fi {margin-top:0px;}
	form#calcFrm {margin-left:67px;}


/* form */
div#form {margin:0 0 0 220px;}
/* frame */
#if {margin-left:67px;}

/* page in iframe */
body#log {margin:0;padding:20px 0 0 20px;background:#fff;font-family:Verdana;font-size:small;}	
body#frm {margin:0;padding:0;background:#fff;font-family:Verdana;font-size:small;}	
	body#frm form {padding-top:15px;width:80%}
		body#frm form p {margin-top:0;}
		form input.psa {border:1px solid #333;float:left;width:200px;;padding:2px 2px 3px 3px;}
		form a {display:block;color:#fff;text-decoration:none;padding:3px 2px 4px 10px;width:200px;margin:0 0 2px 0;}
			a.b1 {background:#ec008c;}
			a.b2 {background:#36a7e9;}
			a.b3 {background:#ed1c24;}
			a.b4 {background:#000;width:100px;float:left !important;}
				a.b4:hover {background:#ed1c24;}
			a.b5 {background:#fff;color:#000;width:246px;}
				a.b5:hover {background:#000;color:#fff;}
				a.b1:hover, a.b2:hover, a.b3:hover {background:#000;cursor:hand;}
	body#frm p span {display:block;float:left;width:23px;height:20px;text-align:center;background:#cecec6;color:#000;margin:8px 3px 6px 0;font-weight:bold;padding-top:3px;}	
	body#frm p span.a {background:#ed1c24;color:#fff;}
		form div {clear:both;}
		div.d6 {background:#b047a0;border:2px solid #b047a0;color:#fff;width:246px;line-height:20px;margin-bottom:2px;padding-left:8px;}
		div.d5 {background:#22b14c;border:2px solid #22b14c;color:#fff;width:246px;line-height:20px;margin-bottom:2px;padding-left:8px;}
		div.d4 {background:#ec008c;border:2px solid #ec008c;color:#fff;width:246px;line-height:20px;margin-bottom:2px;padding-left:8px;}
		div.d3 {background:#36a7e9;border:2px solid #36a7e9;color:#fff;width:246px;line-height:20px;margin-bottom:2px;padding-left:8px;}
		div.d2 {background:#ed1c24;border:2px solid #ed1c24;color:#fff;width:246px;line-height:20px;margin-bottom:2px;padding-left:8px;}
		div.d1 {background:#cecec6;border:2px solid #cecec6;color:#000;width:246px;line-height:20px;margin-bottom:2px;padding-left:8px;}
			span.w3b {display:block;background:#000;color:#fff;float:right;padding:1px 2px 3px 8px;width:42px;line-height:16px;}
			input.i3 {width:50px;border:1px solid #000;float:right;display:block;}
			select {width:53px;border:1 px solid black;float:right;display:block;}
			select#choose {width:70px !important;border:1 px solid black;float:right;display:block;}
/*			select.mnd {margin-right:12px;}
			select.yr {width:200px !important;border:6px solid red} */
	p#eMsg {margin:4px 0 0 0;color:#000;background:#fff url(../imgswop/bg-error-red-up.gif) no-repeat 0px 0px;padding:0 0 0 18px;}
	a#re {position:absolute;left:458px;top:12px;color:#36a7e9;text-decoration:none;}
		a#re:hover {color:#ed1c24;text-decoration:none;}
	a#w2 {display:inline;text-decoration:none;color:#36a7e9;margin:0;padding:0;}
		a#w2:hover {color:#ed1c24;text-decoration:none;}
	.hidden {display: none;}

/* Legenda's */
    div#riskResult {width:420px;}

	div#leg1 {position:absolute;left:460px;top:50px;}
	div#leg3, div#leg4 {position:absolute;left:680px;top:456px;}
		div#leg1 p, div#leg3 p, div#leg4 p {margin:0;color:#000;padding:2px 0 2px 28px;}
		p.pink {background:url(../imgswop/bg-l-pink.gif) no-repeat 0px 0px;}
		p.blue {background:url(../imgswop/bg-l-blue.gif) no-repeat 0px 0px;}
		p.red {background:url(../imgswop/bg-l-red.gif) no-repeat 0px 0px;}
		p.green {background:url(../imgswop/bg-l-green.gif) no-repeat 0px 0px;}
		p.purple {background:url(../imgswop/bg-l-purple.gif) no-repeat 0px 0px;}

	/* wijzer 2 */
	input#btn2 {padding:2px 48px 3px 10px;margin:0;background:#000;color:#fff;border:0;text-align:left;font-family:Verdana;}
		input#btn2:hover {background:#ed1c24;cursor:default;}
	form.f2 {margin-left:65px;}
	a#re2 {position:absolute;left:680px;top:418px;color:#36a7e9;text-decoration:none;}
		a#re2:hover {color:#ed1c24;text-decoration:none;}

	/* wijzer 3 */
	input#btn3 {padding:2px 187px 3px 10px;margin:0;background:#fff;color:#000;border:0;text-align:left;font-family:Verdana;}
		input#btn3:hover {background:#000;color:#fff;cursor:default;}


/* order */
		div.d {background:#36a7e9;border:2px solid #36a7e9;color:#fff;width:346px;line-height:20px;margin-bottom:2px;padding-left:8px;}
input.i {width:200px;border:1px solid #000;float:right;display:block;}
input.i2 {width:200px;border:1px solid #ccc;float:right;display:block;background:#ccc;}
a.b {background:#fff;color:#000;width:142px;}
a.b:hover {background:#000;color:#fff;}
	p.knop-order {margin-top:2em;}
		p.knop-order a {display:block;background:#36a7e9;color:#fff;text-decoration:none;padding:2px 2px 2px 10px;width:142px;}
			p.knop-order a:hover {background:#000;}

form.o {margin:0;padding:0;}
form.o label {font-family:Verdana;font-size:small;}
form.o label span { font-style:italic;padding-left:30px;display:block;}
span.blue {color:#0000FF;}

/* editie */
div#ed {color:#36a7e9;position:absolute;left:7px;top:428px;width:100px;height:50px;}