html,body{
      margin:0;
      padding:0;
      height:100%;
      border:none
   }

body{
background-color: #666;
font: 11px/22px Trebuchet MS, Verdana;
color: #000;
margin: 0;
padding: 0;
text-align: center;
}

p, table, td, ul, ol, li{font: 11px/145% Trebuchet MS, Verdana;}

p{
	padding: 0 16px;
	margin: 10px 10px 0;
}

input{border: 1px solid #666;}

a{text-decoration: none; color: #390;}
a:hover{
	color: #f60;
	text-decoration: underline;
}

#forms{
position: absolute;
top: 10px;
left: 561px;
}
#forms ul{
width: 160px !important;
width: 168px;
padding: 0;
margin: 0;
}
#forms li{
padding: 4px 0 4px 8px;
margin: 0 0 0px 0;
display: block;
line-height: 26px;
}
#forms li.b{
background: transparent url(pix/greendots.gif) repeat-x bottom left;
}
#forms a{
color: #fff;
padding: 0 0 0 26px;
}
#forms a:hover{
color: #f60;
}
a.zoek{
	background-repeat:  no-repeat;
	background-position:  top left;
background-image: url(pix/picto_search.gif);
}    
a.flag{
	background-repeat:  no-repeat;
	background-position:  top left;
background-image: url(pix/picto_flag.gif);
}
a.contact{
		background-repeat:  no-repeat;
	background-position:  top left;
background-image: url(pix/picto_mail_top.gif);
}

a.contactCo{
padding: 0 0 0 26px;
background-repeat:  no-repeat;
background-image: url(pix/picto_mail_top.gif);
background-position:  bottom left;
color: #f60;
}

a.zoek:hover, a.contact:hover, a.flag:hover{
background-position:  bottom left;
}

a.contactCo{
padding: 0 0 0 26px;
color: #f60;
}

.topheader{
position: relative;
height: 75px !important;
height: 76px;
left: 0px;
margin: 0 2px 12px 2px;
top: 0px;
z-index: 667;
background: transparent url(pix/greydots.gif) repeat-x bottom left;
}

#rightside .topheader{
margin-bottom: 12px;
}

.topheader h1{
	color: #ff6600;
	font: 22px georgia, times new roman, times;
	margin: 7px 80px 0px 2px;
	padding: 0 0 16px 38px;
	letter-spacing: 2px;
	line-height: 24px;
	position: absolute;
}

.topheader p, #rightside .topheader p{
	padding: 6px 0 0 12px;
	font-size: 11px;
	line-height: 10px;
	color: #666;
	margin: 0;
}

ul, ol{
margin: 5px 0 5px 0px; padding: 0 14px 0 42px;
}

ul{
list-style-type: none;
}


li{
	margin: 0 0 2px 0;
}

/*, #rightside ol*/

#rightside ul{
padding: 0 24px 0 32px;
list-style-type: none;
}

#rightside ol
{
   padding: 0 40px 0 48px;
}

#rightside ol span.title
{
   margin: 12px 0 12px -24px;
   font-weight: bold;
   display: block;
}

#rightside ul li{
	/*list-style-type: none;*/
	padding-left: 16px;
	background: transparent url(pix/bullet_orange_s.gif) no-repeat top left;
	
}

img{padding: 0; margin: 0;}

a.icon, a.iconorange{
	height: 15px;
	line-height: 15px;
	color: #390;
	font: 11px georgia, times new roman, times;
	font-style: italic;
	display: block;
	position: relative;
	text-decoration: none;
	letter-spacing: 1px;
	padding: 0 26px 0 0;
	margin: 0px 15px 0 0;
}
a.iconorange{ color: #f60; padding: 0 0 0 26px; }
a.icon:hover, a.iconorange:hover{text-decoration: underline;
color: #f60;
  }

a.right{text-align: right; }
a.print {
	background-image: url(pix/picto_print.gif);
	background-repeat:  no-repeat;
	background-position:  top right;
}
a.contact_form{
background-repeat:  no-repeat;
	background-position:  top right;
background-image: url(pix/picto_mail.gif);
display:block;
width: 58px;
}
a.zoek_form{
background-repeat:  no-repeat;
	background-position:  top right;
background-image: url(pix/picto_search_green.gif);
display:block;
width: 24px;
}

a.zoek_form:hover, a.contact_form:hover, a.print:hover{
	background-position: bottom right
}

#container{
	top: 0;
	width: 975px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	position: relative;
	height: 100%;
	z-index:1;
 }

#over1{
position: relative;
height: 100%;
width: 100%;
z-index: 1;
background:none;
}

#over2{
position: relative;
height: 100%;
width: 100%;
z-index: 2;
background:none;
}

#over3{
position: relative;
height: 100%;
width: 100%;
z-index: 3;
background:none;
}

#tbl{
height: 100%;
}

#tbl td{height: 100%;}

td#C2{
width: 163px;
height: 100%;
background-color: #000;
}

td#C2 #overC2{
position: relative;
height: 100%;
}

td#C2 img#b{
position: absolute;
bottom: 0;
margin: 0 0 0 13px;
}

.content{  padding:0 0 20px 0; margin: 0; top: 0;}


.topborder{
	margin: 0; padding: 0;
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	position: absolute;
	top: 0; left:0;
	z-index: 666;
}

.bottomborder{
	margin: 0; padding: 0;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: top left;
	bottom: 0; left:0;
	z-index: 666;
}


#logo{
	position: absolute;
	left: 10px;
	top: 30px;
}

#logoprint{
	position: absolute;
	left: 10px;
	top: 30px;
	width: 294;
	height: 38px;
	display: none;
}

/**********************/
/*  main navigation  */
/********************/
#navigation{
position: absolute;
top: 0;
left: 12px !important;
left: 13px;
width: 137px;
height: 100px;
z-index: 100;
}

#navigation ul{margin: 120px 0 0 0; padding: 0;
background: transparent url(pix/navigation_border.gif) no-repeat top left;
}

#navigation li{
display: block;
padding: 0;
background: transparent url(pix/navigation_border.gif) no-repeat bottom left;
margin: -1px 0 0 0;
}

#navigation li a{
margin: 0; padding: 0;
display: block;
text-align: center;
color: #fff;
width: 100%;
height: 45px;
font: 11px Trebuchet MS, Verdana;
line-height: 45px;
text-decoration: none;
font-weight: bold;
	background: transparent url(pix/navigation_background.gif) no-repeat;
	background-position: bottom left;
}

#navigation li a:hover{
	background-position: -143px bottom ;
}

#navigation li a#mensen:hover{
		background-position: -284px bottom ;
}

#navigation li a#nieuws:hover{
		background-position: -425px bottom ;
}

#navigation li a:active,
body.i0 #navigation li a#home,
body.i0 #navigation li a#home,
body.i1 #navigation li a#ondernemers,
body.i1 #navigation li a#ondernemers:hover,
body.i2 #navigation li a#organisaties,
body.i2 #navigation li a#organisaties:hover,
body.i3 #navigation li a#particulieren,
body.i3 #navigation li a#particulieren:hover,
body.i4 #navigation li a#overheden,
body.i4 #navigation li a#overheden:hover,
body.i8 #navigation li a#tarieven:hover,
body.i8 #navigation li a#tarieven,
body.i7 #navigation li a#faillissementen,
body.i7 #navigation li a#faillissementen:hover  
body.i9 #navigation li a#vacatures,
body.i9 #navigation li a#vacatures:hover
{
	background-position: bottom right;
}



#navigation li a#mensen:active,
body.i5 #navigation li a#mensen,
body.i5 #navigation li a#mensen:hover
{
	background-position: -284px top;
}

#navigation li a#nieuws:active,
body.i6 #navigation li a#nieuws,
body.i6 #navigation li a#nieuws:hover
{
	background-position: -425px top;
	color: #666; /*66CC33;*/
}

#navigation li a#vacatures:active,
body.i9 #navigation li a#vacatures,
body.i9 #navigation li a#vacatures:hover
{
	background-position: -425px top;
	color: #666; /*66CC33;*/
}

#leftside{
	position: relative;
left: 0;
top: 0;
margin: 90px 0 20px 0;
}

#leftside .topborder{
	width: 398px;
	height: 11px;
	background-image: url(pix/top_left.gif);
}

#leftside .bottomborder{
	width: 398px;
	height: 24px;
	background-image: url(pix/bottom_left.gif);
}

#leftside  .content{
	background-color: #fff;
	width: 397px !important;
	width: 398px;
	w\idth: 397px;
border-right: 1px solid #282828;
  color: #000;
}

#leftside .topheader{
	width: 397px !important;
	width: 398px;
	w\idth: 393px;
}




/*#navigation{
position: absolute;
top: 0;
left: 399px;
width: 163px;
background-color: #000;
z-index: 10;
min-height: 100%;
height: 100%;
color: #fff;
}*/

#nav-image{
height: 100%;
width: 137px;
color: #fff;
background-color: #000;
background-image: url(pix/hammer.gif)
background-repeat: no-repeat;
background-position: 13px bottom;
z-index: 12;
}



#nav-pattern{
position: absolute;
top: 0;
left: 0px;
height: 100%;
width: 161px;
background-image: url(pix/navigation.gif);
background-repeat: repeat-y;
background-position: 2px top;
z-index: 15;
}



/* right side */
#rightside{
position: relative;
margin-left: 1px !important;
margin: 90px 0 20px 3px;
width: 408px;
z-index: 10;
}
#rightside h2{
color: #390;
font-size: 12px;
text-transform: uppercase;
padding: 0 0 0 16px;
margin: 0;
letter-spacing: 1px;
height: 14px;
line-height: 14px;
margin: 0 0 12px 0;
width: 380px;
background-color: #fff;

}


#rightside a.list{
color: #390;
line-height: 12px;
display: block;
height: 14px; width: auto;
background-image: url(pix/head_link.gif);
background-repeat: no-repeat;
background-position: left 2px;
padding: 0 0 0 12px;
}


#rightside a.list:hover, #rightside a.list:active, #rightside a.on{
color: #f60;
 background-image: url(pix/head_link_on.gif);
}
#rightside a.nobgpic{
 background-image: none;
}
#rightside a.list:active, #rightside a.on{
text-decoration: none;
}

#rightside .content p{
	margin: 0 0 14px 14px;
}

#rightside .topheader p{
	padding: 6px 0 0 12px;
	font-size: 11px;
	line-height: 10px;
	color: #666;
	margin: 0;
}

#rightside .topborder{
	height: 10px;
	width: 408px;
	background: transparent url(pix/top_right.png) no-repeat top left;

}


#rightside .bottomborder{
	height: 26px;
		width: 408px;
	background: #666 url(pix/bottom_right.png) no-repeat bottom left;
}

#rightside .content{
	width: 408px;

	background: #fff url(pix/shadow_right.png) repeat-y top right;
  color: #000;
}
#netlawlogo{
    position: absolute;
    right: 20px;
    top: 10px;
}