/* COMMON ELEMENTS */
body { background: #ffffff url(../images/bg.jpg) repeat-x; }

body {
	margin:0px;padding:0px;
	scrollbar-face-color : #ffffff;
	scrollbar-highlight-color : #666666;
	scrollbar-shadow-color : #eeeeee;
	scrollbar-3dlight-color : #ffffff;
	scrollbar-arrow-color : #eeeeee;
	scrollbar-track-color : #ffffff;
	scrollbar-darkshadow-color : #eeeeee;
	scrollbar-base-color : #ffffff;
}

body,td,li,div,a,p {
  font-size: 12px;
  font-family: "Trebuchet MS",Arial;
  line-height:130%;
  color: #000000;
}

td { text-align:left; vertical-align:top; }

p { margin:0px;padding:0px;padding-bottom:12px; }

ul { margin:0px;padding:0px; }
li { list-style-image:url(/img/li.jpg);margin:3px;margin-left:25px;list-style-position:outside; }
.error li { list-style-image:url(/img/spacer.gif);none;margin-left:0px; }

a:link,a:visited,a:active,a:hover {
 	text-decoration:none;
	color:#da0000;
}

h1 {
  font-family: Verdana;
  margin:0px;
  padding:0px;
  padding-bottom:30px;
  font-weight:bold;
  font-size: 22px;
  color:#00638f;  
  line-height:120%;
}

h2 {
  font-family: Verdana;
  margin:0px;
  padding:0px;
  padding-top:5px;
  padding-bottom:10px;
  font-weight:bold;
  font-size: 12px;
  color:#00638f;  
}

h3 {
  font-family: Verdana;
  margin:0px;
  padding:0px;
  padding-bottom:10px;
  font-weight:bold;
  font-size: 16px;
  color:#ffffff;
}

h4 {
  margin:0px;
  padding:0px;
  padding-bottom:12px;
  font-weight:bold;
  font-size: 14px;;
  color:#da0000;
}

h5 {
  margin:0px;
  padding:0px;
  padding-top:10px;
  font-weight:bold;
  font-size: 110%;
  color: #bddcff;
}

.bgbl { background-color:#448dad; }
.bgw { background-color:#ffffff; }
.bgy { background-color:#ffd607; }
.wtxt { color: #ffffff; }
.btxt { color: #000000; }
.bltxt { color: #00638f; }
.gtxt { color: #5d5b5b; }
.space12 { padding:12px; }
.space30 { padding:30px; }
.brdr { border:1px solid #cccccc; }

.small { font-size: 90%; }
.large { font-size: 110%; }

b, strong, .bld { font-weight: bold; }
.upp { text-transform: uppercase; }

a.wlink:link,a.wlink:visited,a.wlink:active,a.wlink:hover {
 	color:#ffffff;
	text-decoration:none;
}

.rght { float:right; }
.lft { float:left; }
.clr { clear:both; }
.pos-rght { right:0px; }
.pos-lft { left:0px; }
.no-bottom { padding-bottom:0px;margin-bottom:0px; }

td { margin:0px;padding:0px; }
.rimt { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/rim_t.png'); }
.rimb { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/rim_b.png'); }
.rimrt { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/rim_rt.png'); }
.rimrb { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/rim_rb.png'); }
.rimlt { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/rim_lt.png'); }
.rimlb { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/rim_lb.png'); }
.riml { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/rim_l.png'); }
.rimr { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/rim_r.png'); }
.rimlt[class] {	filter:none;background: url(/images/rim_lt.png) bottom left no-repeat transparent; }
.riml[class] { filter:none;background: url(/images/rim_l.png) top left repeat-y transparent; }
.rimlb[class] { filter:none;background: url(/images/rim_lb.png) top left no-repeat transparent; }
.rimrt[class] { filter:none;background: url(/images/rim_rt.png) bottom left no-repeat transparent; }
.rimr[class] { background: url(/images/rim_r.png) top left repeat-y transparent; }
.rimrb[class] { filter:none;background: url(/images/rim_rb.png) top left no-repeat transparent; }
.rimt[class] { filter:none;background: url(/images/rim_t.png) bottom left repeat-x transparent; }
.rimb[class] { filter:none;background:transparent url(/images/rim_b.png) repeat-x top left; }

/* PAGE SPECIFIC ELEMENTS */
#site { position:relative;display:block;width:988px; }
#top { position:relative;display:block;height:111px; }
/* 
#nav {
  position:relative;
  z-index:1;
  display:block;
  height:30px;
  margin-left: 12px;
  text-align:left;
}

#nav a:link,#nav a:active,#nav a:visited,#nav a:hover {
	display:inline;
	font-family: Verdana;
	text-decoration:none;
	color:#00638f;
	font-weight:bold;
	font-size:12px;
	line-height:30px;
	margin-left:28px;
	margin-right:28px;
}

#nav a:hover, #nav a.on:link,#nav a.on:active,#nav a.on:visited,#nav a.on:hover {
	color:#000000;
}

#subnav {
  position:absolute;
  z-index:5;
  top:135px;
  left:0px;
  display:block;
  text-align:left;  
}

#subnavclose { position:absolute;left:0px;top:140px;display:block;width:988px;height:200px;z-index:4; }

#subnav .subnav { display:block;border:1px solid #cccccc;background-color:#fff; }
#subnav00 { margin-left:126px; }
#subnav01 { margin-left:277px; }
#subnav02 { margin-left:392px; }
#subnav03 { margin-left:521px; }
#subnav10 { margin-left:250px; }
#subnav11 { margin-left:393px; }
#subnav12 { margin-left:501px; }
#subnav13 { margin-left:668px; }

#subnav .subnav a:link,#subnav .subnav a:active,#subnav .subnav a:visited,#subnav .subnav a:hover {
	display:block;
	width:180px;
	text-align:left;
	text-decoration:none;
	color:#00638f;
	font-size:11px;
	font-weight:bold;
	padding:10px;
	padding-top:2px;
	padding-bottom:2px;
	background-color:#ffffff;
}

#subnav .subnav a:hover,#subnav .subnav a.on:link,#subnav .subnav a.on:active,#subnav .subnav a.on:visited,#subnav .subnav a.on:hover {
	background-color:#ffd607;
}
 */



#content { position:absolute;left:0px;top:141px;display:block;text-align:left; }
#main { position:relative;left:0px;top:0px;display:block;width:600px;min-height:600px;z-index:1; }
#main h2 { padding-top:0px; }
#manual { position:relative;left:0px;top:0px;display:block;width:800px;min-height:600px;z-index:1; }
#chooseimages { position:relative;left:0px;top:15px;display:block;z-index:1;height:500px; }
#bg-bedrijven { position:absolute;left:0px;top:0px;display:block;width:484px;z-index:1; }
#bg-particulieren { position:absolute;left:486px;top:0px;display:block;width:484px;z-index:1; }
#chooseleft { position:absolute;top:135px;left:224px;z-index:2;display:block;width:260px;height:250px; }
#chooseright { position:absolute;top:135px;left:486px;z-index:2;display:block;width:260px;height:250px; }
#chooseleft h2,#chooseright h2 { font-size:16px; }
#side { position:absolute;left:557px;top:24px;display:block;width:422px;z-index:2; }
#manualside { position:absolute;left:783px;top:34px;display:block;width:193px;z-index:2; }
#randomImage,#sideImage { position:absolute;left:30px;top:0px;z-index:1;display:block;width:380px;height:255px;background-image:url(/images/img_sidefrst.jpg); }
#sidebox1 { position:absolute;left:44px;top:137px;z-index:2;display:block;width:193px;height:238px; }
#sidebox2 { position:absolute;left:238px;top:137px;z-index:2;display:block;width:193px;height:238px; }
#bluebox { position:absolute;left:0px;top:344px;z-index:1;display:block; }
#bluebox .newsitem {
	color:#ffffff;
	font-weight:bold;
	padding-bottom:10px;
}
#bluebox a:link,#bluebox a:visited,#bluebox a:active,#bluebox a:hover {
	color:#ffd607;
	text-decoration:underline;
}

#search { float:right;display:block;width:199px;border:1px solid #006f97;margin-top:4px;text-align:left; }

#footer { 
	position:relative;
	display:block;
	width:988px;
	top:12px;
	left:0px;
	z-index:0;
	display:block;
	text-align:left; 
}

#footer a:link,#footer a:visited,#footer a:active,#footer a:hover, #footer .bltxt {
	text-align:right;
	color:#00638f;
}

a.homenav:link,a.homenav:visited,a.homenav:active,a.homenav:hover {
	float:left;
	display:block;
	width:80px;
	height:46px;
	color:#fff;
	font-size:10px;
	text-decoration:none;
	background-color:black;
	text-align:center;
	vertical-align:middle;
	margin-right:2px;
	padding-top:12px;
}

a.red:link,a.red:visited,a.red:active,a.red:hover {	
	background:#e42c2b url(/images/hb_rounded_red.gif) no-repeat left top; 
}
a.bluelight:link,a.bluelight:visited,a.bluelight:active,a.bluelight:hover {	
	background:#00aeef; 
}
a.purple:link,a.purple:visited,a.purple:active,a.purple:hover {	
	background:#8e53a1; 
}
a.bluedark:link,a.bluedark:visited,a.bluedark:active,a.bluedark:hover {	
	background:#006f97; 
}
a.green:link,a.green:visited,a.green:active,a.green:hover {	
	background:#85c557 url(/images/hb_rounded_green.gif) no-repeat right top;
	margin-right:0px;
}

/* styles for forms */
form,input { margin:0px;padding:0px; }
.box1 { font: 11px Arial;  color: #000000; border:1px solid #999999; background-color: #ffffff; width:175px; }
.box2 { font: 11px Arial;  color: #000000; border:1px solid #999999; background-color: #ffffff; width:100px; }
.box3 { font: 11px Arial;  color: #000000; border:1px solid #999999; background-color: #ffffff; width:70px; }
.boxbut { cursor: pointer; font: 14px Arial;font-weight:bold;  color: #000000; border:0px solid #cccccc; background-color: #c5c5c5;width:64px; }
.sendbut { cursor: pointer; border:0px solid #cccccc; background: transparent url(/images/but_submit.jpg) no-repeat;width:68px;height:27px; }
.srch { margin:0px;padding:0px;font: 11px Arial;  color: #000000; border:0px solid #999999; background-color: #ffffff; width:132px;height:18px;vertical-align:top;padding-left:3px; }
/* .srchbut { margin:0px;padding:0px;cursor: pointer; border:1px solid #ffffff; background: transparent url(/images/srch_but.gif) no-repeat;width:19px;height:18px;vertical-align:middle; } */
.srchbut { margin:0px;padding:0px;background-color:#006f97;color:#fff;cursor: pointer; border:1px solid #ffffff;width:59px;height:18px;vertical-align:middle;line-height:100%; }
.inputitem { margin-bottom:5px; }
.error1 { font: 11px Arial;  color: #000000; border:1px solid #999999; background-color: #ffffff; width:175px; }
.error2 { font: 11px Arial;  color: #000000; border:1px solid #999999; background-color: #ffffff; width:100px; }
.error3 { font: 11px Arial;  color: #000000; border:1px solid #999999; background-color: #ffffff; width:70px; }

.error {
    color: red;padding:0px;
}
