* { margin: 0px; padding: 0px; outline-style: none; }

html {
	height: 100%;
}

body{
	background: #333333 url(pics/bg_body.jpg) repeat-x;
}

img a, a img{
	border: 0px;
}

#site {
	position: relative;
	margin: 0px auto;
	width: 990px;
	font: 11px arial, verdana, sans-serif;
	color: #034f66;
	line-height: 19px;	
	text-align: justify;
}

/* -------------------- Header -------------------- */

#header{
	height: 95px;
}

#header .left{
	width: 250px;
	height: 95px;
	float: left;
}

#header .middle, #header .right{
	width: 370px;
	height: 95px;
	float: left;
}

#header .middle{
	font-size: 0px;
	line-height: 0px;
	background-color: #00aedb;	
}

#header .right{
	font: 12px arial, verdana, sans-serif;
	font-weight: bold;
	text-align: right;
	color: #c6c6c6;
	background-color: #034f66;	
}

#header .right .tekst{
	margin: 45px 20px 0px 0px;
	float: right;
	display:inline;
	line-height: 20px;
}

#print_header{
	display: none;
}

/* -------------------- Content -------------------- */

#content{
	width: 990px;
	min-height: 375px;
	height: auto !important;
	height: 375px;
	background: url(pics/bg_content_home.jpg) repeat-y;
}

#content.home{
	width: 990px;
	min-height: 135px;
	height: auto !important;
	height: 135px;
	background: url(pics/bg_content_diensten.jpg) repeat-y;
}
/*
#content .content_home{
	padding: 20px;
	width: 700px;
	height: 360px;
	overflow: auto;
	float: left;
}
*/
#content .content_home{
	padding: 20px 20px 10px 20px;
	width: 330px;
	height: 255px;
	overflow: auto;
	float: left;
}

#content p{
	margin: 0px 0px 12px 0px;
}

#content .left{
	min-height: 245px;
	height: auto !important;
	height: 245px;
	float: left;
}

#content .left #menu{
	width: 250px;
	height: 200px;
}

#content .middle{
	width: 370px;
	height: 200px;
	font-size: 0px;
	line-height: 0px;	
	float: left;
}

#content .kantoren{
	padding: 20px;
	width: 330px;
	height: 40px;
	float: left;
	font-weight: bold;
	background: #fff;
}

#content .advocaat_block {
	width: 740px;
	float: right;
}


#content.diensten .advocaat{
	padding: 35px 20px;
	margin: 0px;
	width: 330px;
	height: 130px;
	float: left;
	background: #fff;
	display: inline;
	overflow: hidden;
}

#content.diensten .advocaat_detail{
	padding: 35px 20px;
	margin: 0px;
	width: 330px;
	min-height: 130px;
	height: auto !important;
	height: 130px;
	float: left;
	background: #fff;
	display: inline;
}

#content.diensten .advocaat a:link, #content.diensten .advocaat a:visited, #content.diensten .advocaat a:hover{
	margin: 0px;
	padding: 0px;
	line-height: 5px;
	display: inline;
}

#content .right{
	width: 370px;
	height: 200px;
	font-size: 0px;
	line-height: 0px;
	float: right;	
}


#content.home .right{
	position: relative;
	width: 370px;
	height: 285px;
	font-size: 0px;
	line-height: 0px;
	float: right;	
}

#content.home .right img{
	position: absolute;
	right: 0px;
	top: 0px;
}

#content .right_large{
	width: 370px;	
	min-height: 200px;
	height: auto !important;
	height: 200px;
	font-size: 0px;
	line-height: 0px;	
	float: right;		
}
/*
.home_right{
	position: absolute;
	padding: 20px;
	width: 330px;
	height: 225px;		
	overflow: visible;
	border: 1px solid #ff0000;
	color: #fff;
	right: 0px;
	top: 320px;
}

*/

#content.home .home_right{
	position: absolute;
	padding: 20px;
	width: 330px;
	height: 160px;		
	overflow: hidden;
	color: #fff;
	right: 0px;
	top: 380px;
	background-color: #034f66;
	z-index: 100;	
}
#bottom_home{
	position: relative;
	width: 990px;
	height: 200px;
	float: left;
	background-color: #034f66;	
	overflow: hidden;
	z-index: 90;
}

#bottom_advocaten{
	padding-left: 250px;
	width: 740px;
	height: 200px;
	float: left;
	overflow: hidden;
	background: #034f66;	
}


.pic_left{
	width: 250px;
	height: 200px;
	font-size: 0px;
	line-height: 0px;
	background: #034f66;	
}

.pic_left_home{
	width: 250px;
	height: 215px;
	font-size: 0px;
	line-height: 0px;
}

.pic_bottom{
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 250px;
	height: 200px;
	font-size: 0px;
	line-height: 0px;
}

#content .pic_nieuws{
	width: 370px;
	height: 240px;
	font-size: 0px;
	line-height: 0px;	
	float: right;
}

#nieuws{
	padding: 20px;
	margin: 0px;
	width: 330px;
	height: 200px;
	float: left;
	display: inline;
	overflow: hidden;
}

.nieuws{
	padding: 20px;
	margin: 0px;
	width: 330px;
	height: 200px;
	float: left;
	display: inline;
	overflow: hidden;
}

.nieuws_detail{
	padding: 20px;
	margin: 0px;
	width: 330px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	float: left;
	display: inline;
}

.nieuws_grey {
	padding: 20px;
	margin: 0px;
	width: 330px;
	height: 200px;
	float: left;
	display: inline;
	overflow: hidden;
	background-color: #eee;
}

.nieuws_white{
	padding: 20px;
	margin: 0px; width: 330px; height: 200px; float: left; display: inline;
	overflow: hidden;
	background-color: #fff;
}

#nieuws.blue{
	margin: 20px 0px 0px 0px;
	padding: 0px;
	width: 370px;
	font-weight: bold;
	background-color: #034f66;
}

#nieuws.blue ul{
	margin: 0px;
	padding: 0px 0px;
	list-style-type: none;
}

#nieuws.blue li{
	margin: 0px;
	padding: 0px 40px;
	background:url(pics/listimage_white.jpg) 20px 6px no-repeat; 
	cursor: pointer;
}

#nieuws.blue li a:link, #nieuws.blue li a:visited{
	text-decoration: none;
	color: #fff;
	font: 11px arial, verdana sans-serif;
	font-weight: bold;	
	line-height: 20px;	
	text-align: justify;	
}

#nieuws.blue li a:hover, #nieuws.blue li.current{
	text-decoration: none;
	color: #fff;
	font: 11px arial, verdana sans-serif;	
	font-weight: bold;
	background-color: #727274;
	line-height: 20px;
	text-align: justify;
}

#nieuws.blue .nieuws_nav{
	padding: 20px;
	color: #aab7bb;
	font-weight: bold;
}

* html .pic_bottom{
	bottom:234px;
}

.kantoor_grey{
	padding: 40px 40px 40px 43px;
	width: 167px;
	height: 125px;	
	background: #eee;
}

.kantoor_white{
	padding: 40px 40px 40px 43px;
	width: 167px;
	height: 125px;
	background: #fff;
}
/*
#news{
	width: 990px;
	height: 250px;
	overflow: hidden;
	background: #034f66;
}

#news .pic_left{
	width: 250px;
	height: 250px;
	font-size: 0px;
	line-height: 0px;
	float: left;
}
*/



#bottom_home .pic_left{
	width: 250px;
	height: 200px;
	float: left;
}

#bottom_home .pic_middle, #bottom_home .pic_right{
	width: 370px;
	height: 200px;
	float: left;
}

#content_big{
	padding: 20px;
	width: 700px;
	height: 360px;
	float: left;
	overflow: auto;
}

#content_big.grey{
	min-height: 360px;
	height: auto !important;
	height: 360px;
	background-color: #eee;
}

#content_small{
	padding: 20px;
	width: 330px;
	min-height: 280px;
	height: auto !important;
	height: 280px;
	float: left;
	background: #eeeeee;
}

#pagenav{
	position: absolute;
	margin-left: 250px;
	width: 370px;
	height: 20px;	
	bottom: 0;
	left: 0;
	background-color: #727274;		
}

* html #pagenav{
	margin-bottom: 35px;
}

#content.diensten #pagenav a:link, #content.diensten #pagenav a:visited{
	color: #fff;
}

#content.diensten #pagenav a:hover{
	color: #9faeb3;
}

#pagenav .prev{
	padding-left: 20px;
	width: 100px;
	height: 20px;	
	float: left;
	background-color: #727274;	
}

#pagenav .next{
	padding-right: 20px;
	width: 100px;
	height: 20px;	
	float: right;
	text-align: right;	
	background-color: #727274;
}

#pagenav .overview{
	width: 130px;
	height: 20px;	
	float: left;
	text-align: center;
	background-color: #727274;	
}

#content_small.kantoren{
	padding: 20px;
	width: 330px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	float: left;
	font-weight: normal;
	background: #eeeeee;
}

#content_small.kantoren .kantoor{
	width: 145px;
	float: left;
}

#content .slideshow{
	width: 370px;
	height: 320px;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	float: right;	
}

#content_small.blue{
	padding: 20px;
	width: 330px;
	min-height: 370px;
	height: auto !important;
	height: 370px;
	float: left;
	background-color: #034f66;
}

#content_small.white{
	padding: 20px;
	width: 330px;
	min-height: 370px;
	height: auto !important;
	height: 370px;
	float: right;
	background: #fff;
}

#content_small h5{
	padding: 0px;
	margin: 15px 0px 0px 0px;
}

#content_small ul{
	margin: 0px 0px 10px 15px;
	padding: 0px;
}
/*
#news #content_big{
	width: 700px;
	height: 250px;
	float: left;
	overflow: hidden;
}

#news .newsitem{
	margin: 0px 30px 0px 0px;
	width: 320px;
	float: left;
	color: #fff;
}

#news a:link, #news a:visited{
	color: #9faeb3;
	text-decoration: none;
}

#news a:hover{
	color: #fff;
	text-decoration: none;	
}
*/
#content.diensten{	
	position: relative;	
	background: url(pics/bg_content_diensten.jpg);
}

#content.diensten img{
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	float: left;
}

#content.home{
	width: 990px;
	height: 375px;
	background: url(pics/bg_content_diensten.jpg);
	overflow:auto;
}

#content.contact{	
	background: url(pics/bg_content_contact.jpg);
}

#diensten{
	padding: 20px 0px 0px 0px;
	width: 370px;
	min-height: 390px;
	height: auto !important;
	height: 390px;
	float: left;	
	display:inline;
	background: #fff;
}

#content.diensten #content_small ul{
	margin: 15px 0px 0px -20px;
	padding: 0px 0px 0px 0px;
	width: 370px;
	list-style-type: none;
}

* html #content.diensten #content_small ul{
	width: 350px;
}

#content.diensten #content_small ul li{
	margin: 0px;
	padding: 0px 20px 0px 40px;
	background:url(pics/listimage_small.jpg) 22px 7px no-repeat; 
	text-align: left;	
}

#content.diensten #content_small ul.rechtsgebieden li{
	margin: 0px;
	padding: 0px 0px 0px 40px;
	background:url(pics/listimage.jpg) 20px 6px no-repeat; 
	cursor: pointer;
	list-style-type: none;	
}

#content.diensten #content_small li a:link, #content.diensten #content_small li a:visited{
	text-decoration: none;
	color: #034f66;
	font: 11px arial, verdana sans-serif;
	line-height: 20px;	
	text-align: justify;
}

#content.diensten #content_small li a:hover, #content.diensten #content_small li.current{
	text-decoration: none;
	color: #034f66;
	font: 11px arial, verdana sans-serif;	
	background-color: #fff;
	line-height: 20px;
	text-align: justify;	
}

#diensten .extra{
	margin: 20px 0px 0px 0px;;
	padding: 0px;
	width: 370px;
	height: 200px;
	overflow: hidden;
	background-color: #034f66;
}

#diensten .extra_detail{
	margin: 20px 0px 0px 0px;;
	padding: 0px;
	width: 370px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	background-color: #034f66;
	font-size: 0px;
	line-height: 0px;
}

#diensten h2{
	margin-left: 20px;
}

#contact{
	width: 370px;
	height: 410px;
	float: left;
}

#map1, #map2{
	width: 370px;
	height: 205px;	
	margin: 0px;
	padding: 0px;
}

#map1 img, #map2 img{
	width: 370px;
	height: 205px;
}

h1, td h1 {font: 19px arial, verdana, sans-serif; font-weight: bold; color: #9faeb3; text-align: left; margin-bottom: 7px;}
h2, td h2 {font: 17px arial, verdana, sans-serif; font-weight: bold; color: #9faeb3; text-align: left; margin-bottom: 7px;}
h3, td h3 {font: 15px arial, verdana, sans-serif; font-weight: bold; color: #9faeb3; text-align: left; margin-bottom: 7px;}
h4, td h4 {font: 14px arial, verdana, sans-serif; font-weight: bold; color: #9faeb3; text-align: left; margin-bottom: 7px;}
h5, td h5 {font: 13px arial, verdana, sans-serif; font-weight: bold; color: #9faeb3; text-align: left; margin-bottom: 7px;}
h6, td h6 {font: 12px arial, verdana, sans-serif; font-weight: bold; color: #9faeb3; text-align: left; margin-bottom: 7px;}

ul { margin: 10px 0px 10px 15px; list-style-type: square;}
li { margin: 0px 0px 0px 15px;}
ol { margin: 10px 0px 10px 20px;}

#content a:link, #content a:visited{color: #9faeb3; font-weight: bold; text-decoration: none;}
#content a:hover{color: #727274; font-weight: bold; text-decoration: none;}

br.clear{height: 0px; font-size: 0px; line-height: 0px; clear: both}
div.clear{height: 0px; font-size: 0px; line-height: 0px; clear: both}

/* -------------------- SlideShow --------------- */

#overflowContainer {
	position: relative;
	width: 370px;
	height: 320px;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	float: right;	
	display: block;
}

#overflowContainer .overflow {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
	width: 370px;
	height: 320px;
	float: none;
	text-align: center;
	overflow: hidden;
	border: 0px solid #000;
}

#overflowContainer .overflowFade {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 370px;
	height: 320px;
	float: none;
	text-align: center;
	overflow: hidden;
	border: 0px solid #000;
}

#overflowContainer .overflow img, #overflowContainer .overflowFade img {
	margin: 0px;
	float: none;
	text-align: center;
}

/* -------------------- Menu -------------------- */

#menu{
	margin: 0px;
	padding: 0px;
	color: #fff;
	font: 12px arial, verdana, sans-serif;
	font-weight: bold;
}

#menu ul{
	margin: 0px 0px 0px 0px;
	padding: 50px 0px 0px 0px;
	list-style-type: none;
}

#menu li{
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

#menu li a:link, #menu li a:visited{
	padding-left: 44px;
	line-height: 20px;
	height: 20px;
	color: #fff;
	text-decoration: none;
}

#menu li a:hover, #menu li.current{
	line-height: 20px;
	height: 20px;
	color: #fff;
	text-decoration: none;
	background-color: #727274;
}

#menu.submenu{
	padding: 0px;
	margin: 0px;
	width: 100px;
}


#content.diensten .left #menu.submenu{
min-height: 140px;
height: auto !important;
height: 140px;
}

#menu.submenu ul{
	padding: 40px 0px;
	margin: 0px;
	background: #727274;
}

#menu.submenu li a:link, #menu.submenu li a:visited{
	padding-left: 44px;
	line-height: 20px;
	height: 20px;
	color: #fff;
	text-decoration: none;
}

#content.diensten .left #menu.submenu ul li a:hover, #content.diensten .left #menu.submenu ul li.current, #content.diensten .left #menu.submenu ul li.current a:link, #content.diensten .left #menu.submenu ul li.current a:visited{
	line-height: 20px;
	height: 20px;
	color: #9faeb3;
	text-decoration: none;
	background-color: #727274;
}

/* -------------------- Google Map -------------------- */

.googlemap{
	margin: 0px;
	float: left;
	color: #fff;
}

.googlemap .invul{
	margin: 0px;
	width: 190px;	
	float: left;
	color: #fff;
}

.googlemap form{
	width: 150px;
}
.googlemap .omschrijving {
	margin: 10px 2px 2px 0px;
	width: 110px;
	float: left;
}

.googlemap .omschrijving2 {
	margin: 2px 2px 9px 0px;
	width: 200px;
	float: left;
}

.googlemap input{
	padding: 1px 3px;
	width: 150px;
	float: left;
	color: #434343;
	font: 12px arial, sans-serif; 
	border: 1px solid #434343;
}

.googlemap input.small{
	padding: 1px 3px;
	width: 20px;
	float: left;
	color: #434343;
	font: 12px arial, sans-serif; 
	border: 1px solid #434343;
}

.googlemap select  {
	width: 186px;
	float: left;
	color: #434343;
	font: 12px arial, sans-serif; 
	border: 1px solid #434343;
}

.googlemap input.button {
	width: 110px;
	height: 20px;
	float: left;
	color: #434343;
	font: 12px arial, sans-serif; 
	border: 1px solid #434343;
}

.googlemap .invul select{
	width: 208px;
	float: left;
	color: #434343;
	font: 12px arial, sans-serif;  
	border: 1px solid #434343;
}

.googlemap .invul option{
	padding: 0px 3px;
	color: #434343;
	font: 12px arial, sans-serif; 
}


/* -------------------- Footer -------------------- */

#footer{
	position: relative;
	width: 990px;
	height: 35px;
	text-align: right;
}

#footer ul{
	margin: 5px 20px 5px 0px;
	float: right;
	display: inline;
	list-style-type: none;
}

#footer li{
	float: left;
}

#footer li a:link, #footer li a:visited, #footer li.streepje{
	color: #999999;
	text-decoration: none;
}

#footer li a:hover{
	color: #fff;
	text-decoration: none;
}