/**********************************
Body
**********************************/
body {
scrollbar-arrow-color: #0033cc;
scrollbar-base-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #0033cc;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #0033cc;
} 

p.blichtblauw {
color:#000000;
text-align:justify;
line-height:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:11px;
font-weight:normal;
margin-right:10px
}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0033cc;
font-style:normal;
font-weight:bold;
text-align:left;
line-height:18px;
font-size:18px
}

h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0033cc;
font-style:normal;
font-weight:bold;
text-align:left;
font-size:12px;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0033cc;
font-style:normal;
font-weight:bold;
text-align:left;
line-height:25px;
font-size:15px;
}

a, ul {
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.caption{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:7px;
height: auto;
}

/**********************************
LIST
**********************************/
ul {
list-style-type:square;
list-style-position:outside;
color:#000000;
text-align:left;
line-height:20px;
font-style:normal;
font-size:11px;
font-weight:normal;
margin-right:15px;
margin-top:0px;
margin-left:20px;
}

/**********************************
Tekst links
**********************************/
a.blichtblauwlink {
color:#0033cc;
text-align:left;
text-decoration:none;
line-height:18px;
font-size:11px;
font-weight:bold
}

a:hover.blichtblauwlink {
color:#ff6600;
text-align:left;
text-decoration:none;
line-height:18px;
font-size:11px;
font-weight:bold;
}

/**********************************
Links InBox
**********************************/
a.boxlink {
color:#0033cc;
text-align: left;
line-height:18px;
text-decoration:none;
font-style:normal;
font-size:11px;
font-weight:normal;
}

a:hover.boxlink {
color:#ff6600;
text-align:left;
line-height:18px;
text-decoration:none;
font-style:normal;
font-size:11px;
font-weight:normal;
}

/*H3 in box */
h3.boxtitle {
color:#ffffff;
line-height:normal;
text-align:left;
font-style:normal;
font-size:11px;
font-weight:bold;
margin:0;
padding-bottom: 3px;
padding-left: 6px;
padding-top: 3px;
padding-right: 3px;
}

/**linker kolom**/
#left, #right{						/**Settings left + right bigbox**/
position:absolute;
width:161px;
height:500px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:solid 1px #ffffff
}

#left{ 								/**position leftbox**/
top:35px;
left:10px;
}

#right {							/**position rightbox**/
left:725px;
top:35px;
}

#leftbluebox, #leftbluebox2,			/**left and right bluebox 1+2**/
#rightbluebox1,#rightbluebox2 {
float:left;
position:absolute;
background-image:url(../images/bckgrnkln.jpg);
top:0;
left:0;
width:159px;
height:20px;
border:solid 1px #0033cc;
}

#leftbox, #rightbox1,
#rightbox2, #rightbox3  {			/**Design left and right box**/	
background-color:#ffffff;
float:left;
position:absolute;
width:149px;
height:auto;
border:solid 1px #0033cc;
padding-bottom:5px;
padding-top:3px;
padding-left:5px;
padding-right:5px;
margin-left:0px;
}

#leftbluebox, #rightbluebox1{			/**position left and right bluebox 1**/
top:0;
left:0;
}
#leftbox{							/**position lefbox**/				
top:221px;
left:0px;
}

#leftbluebox2 {						/**position leftbluebox2**/
top:200px;
left:0;
}

#rightbox1{							/**position rightbox1**/	
top:21px;
left:0;
}

#rightbluebox2{						/**position rightbluebox2**/	
top:97px;
left:0;
}

#rightbox2{							/**position rightbox2**/	
top:118px;
left:0;
}

#rightbluebox3{						/**position rightbluebox3**/	
top:200px;
left:0;
}
#rightbox3{							/**position rightbox3**/	
top:220px;
left:0;
}

/** hover leftbox + links pijltjes **/
#leftbox ul{
list-style: none;

margin:0;
padding: 0px;
}

#leftbox ul li{
margin:0;
padding:0px
}

#leftbox ul li a{
color:#0033cc;
text-align:left;
line-height:18px;
text-decoration:none;
font-style:normal;
font-size:11px;
font-weight:normal;
background-repeat: no-repeat;
padding-left:10px;
padding-right:0;
margin: 0;
}

#leftbox ul li a:hover{
background-image:url(../images/pijl.gif);
background-position: left;
background-repeat: no-repeat;
padding-right:0;
padding-left:10px;
margin:0px;
}

#pageadres a#linkadres,
#pageale a#linkale,
#pagebelconsult a#linkbelconsult,
#pagecom a#linkcom,
#pagecon a#linkcon,
#pagefinalg a#linkfinalg,
#pagefinprod a#linkfinprod,
#pagefinproj a#linkfinproj,
#pageict a#linkict,
#pageictproj a#linkictproj,
#pageinspec a#linkinspec,
#pageinsprod a#linkinsprod,
#pageinsproj a#linkinsproj,
#pagenieuws a#linknews,
#pageprosof a#linkprosof,
#pagepubli a#linkpubli,
#pagerisk a#linkrisk,
#pageriskprod a#linkriskprod,
#pageriskproj a#linkriskproj,
#pagewet a#linkwet,
#pagewetproj a#linkwetproj,
#pagework a#linkwork,
{
background-image:url(../images/pijlora.gif);
background-position: left;
background-repeat: no-repeat;
padding-right:0;
padding-left:10px;
margin:0px;
}

#main {
	position:absolute;
	left:188px;
	width:530px;
	height:510px;
	top:35px;
	background-color:#ffffff;
	overflow:auto;
}



/**********************************
IMAGES
**********************************/

#imglaw {
background-image:url(../images/justitia.jpg);
background-repeat:no-repeat;
position:absolute;
top:30px;
left:0;
height:160px;
width:160px
}
#imgcompliance {
background-image:url(../images/constable.jpg);
background-repeat:no-repeat;
position:absolute;
top:30px;
left:0;
height:160px;
width:160px
}
#imgcath {
background-image:url(../images/vuurtoren.jpg);
background-repeat:no-repeat;
position:absolute;
top:30px;
left:0;
height:160px;
width:160px
}
#imgcmc {
background-image:url(../images/cmc.jpg);
background-repeat:no-repeat;
position:absolute;
top:30px;
left:0;
height:160px;
width:160px
}

#imgoverbelc{
background-image:url(../images/bosrainbow.jpg);
background-repeat:no-repeat;
position:absolute;
top:30px;
left:0;
height:160px;
width:160px
}

#imgwelcome {
background-image:url(../images/lichtwater.jpg);
background-repeat:no-repeat;
position:absolute;
top:30px;
left:0;
height:160px;
width:160px
}

#imgabout {
background-image:url(../images/signs.jpg);
background-repeat:no-repeat;
position:absolute;
top:30px;
left:0;
height:160px;
width:160px
}

#imgbelconsult {
background-image: url(../images/belconsult.jpg);
background-repeat:no-repeat;
position:absolute;
top:30px;
left:0;
height:160px;
width:160px
}

#imgrisk {
background-image: url(../images/blondin.jpg);
background-repeat:no-repeat;
position:absolute;
top:30px;
left:0;
height:160px;
width:160px
}
#imgrisk1 {
background-image: url(../images/blondin1.jpg);
background-repeat:no-repeat;
position:absolute;
top:30px;
left:0;
height:160px;
width:160px
}
#imgict1 {
background-image: url(../images/londonug.jpg);
background-repeat:no-repeat;
position:absolute;
top:30px;
left:0;
height:160px;
width:160px
}
#imgict2 {
background-image: url(../images/rainbowtrain.jpg);
background-repeat:no-repeat;
position:absolute;
top:30px;
left:0;
height:160px;
width:160px
}
