@charset "utf-8";
/* CSS Document */
body{
	margin-top: 0px;
	margin-bottom: 30px;
	font-family: arial, verdana;
	font-size: 10pt;
}
#container{
	width: 985px;
	margin: 0 auto;
	padding-left: 5px;
	padding-right: 5px;
}
header{
	display: block;
	height: 114px;
	width: 980px;
	margin-bottom: 10px;
}
nav{
	display: block;
	width: 985px;
	height: 44px;
	margin-bottom: 14px;
	position: relative;
	z-index: 2;  
	position: relative;
}
#kantoor{
	width: 349px;
	height: 372px;
	background-image: url(../advocaat/advocatenkantoren/kantoortest/nederland.jpg);
	position: relative;
	float: right;
	z-index: 3;

}

.kantoren{
	padding-left: 10px;	
	padding-top: 10px;
	line-height:18px;
	z-index: 3;
	position: relative;
}
section{
	display: block;
	width: 750px;
	margin-right: 14px;
	font-family: arial, verdana;
	color: #000;
	line-height: 17pt;
	font-size: 10pt;
	margin-bottom: 28px;
	position: relative;
	z-index: 1;
	padding-right: 10px;
}
aside{
	display: block;
	width: 211px;
	float: right;
	margin-bottom: 28px;
	margin-top: 60px;
}
footer{
	display: block;
	width: 980px;
	height: 14px;
	font-family: verdana, arial;
	color: #9d9d9d;
	font-size: 8.5pt;
	clear: both;
	background-image:url(../images/payoff.jpg);
	background-position:right;
	background-repeat:no-repeat;
	border-top: solid 1px #e8e8e8;
	padding-top: 13px;
}
.header_overjuresta{
	background-image:url(../images/header.jpg);
	background-repeat: no-repeat;
}
.header_icnl{
	background-image: url(../images/header_icnl.jpg);
	background-repeat: no-repeat;
}
.header_icbuitenland{
	background-image: url(../images/header_icbuit.jpg);
	background-repeat: no-repeat;
}
.header_algemenevoorwaarden{
	background-image:url(../images/header_av.jpg);
	background-repeat:no-repeat;
}
.header_algemeen{
	background-image: url(../images/header_algemeen.jpg);
	background-repeat:no-repeat;
}	
.header_hvi{
	background-image: url(../images/header_hvi.jpg);
	background-repeat: no-repeat;
}
.header_advocaat{
	background-image: url(../images/header_rechtsbijstand.jpg);
	background-repeat: no-repeat;
}

#logo{
	border: none;
	float: right;
	margin-top: 5px;
}
/*begin styles menu*/

/*Listst van de hoofditems*/
nav li.hoofditem{
	width: 142px;
	height: 44px;
	float: left;
	text-decoration: none;
	margin:0;
}
nav li.hoofditem_einde{
	width: 128px;
	height: 44px;
	float: left;
	text-decoration: none;
	margin: 0;
}
.visit_submenu{
	color: #e31818;	
}

/*hoofdlinks/ tabs*/
.hoofditem_einde a{
	color: white;
	width: 121px;
	height: 32px;
	display: block;
	text-decoration: none;
	padding-left: 7px;
	padding-top: 12px;
	background-image: url(../images/laatstetab.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}
.hoofditem_einde a:hover, .hoofditem_einde_hoverstate{
	background-image:url(../images/emptytab_laatste.jpg);
	background-repeat: no-repeat;
	color: #e31818;
	text-decoration: none;
}
a.hoofditemlink{
	font-family: arial, verdana;
	font-weight: bold;
	color: white;
	width: 135px;
	height: 32px;
	display: block;
	padding-left: 7px;
	padding-top: 12px;
	background-image:url(../images/tab.jpg);
	background-repeat: no-repeat;
	font-size: 10pt;
	text-decoration: none;
}
a.hoofditemlink:hover, a.hoofditemlink_hoverstate{
	font-family: arial, verdana;
	font-weight: bold;
	background-image:url(../images/emptytab.jpg);
	background-repeat: no-repeat;
	color: #e31818;
	text-decoration: none;
	width: 132px;
	height: 32px;
	display: block;
	padding-left: 7px;
	padding-top: 12px;
	font-size: 10pt;
	margin-bottom: -1px;
}	


a.hoofditemlink_visit{
	font-family: arial, verdana;
	font-weight: bold;
	color: white;
	width: 135px;
	height: 42px;
	display: block;
	padding-left: 7px;
	padding-top: 12px;
	background-image:url(../images/tab_blauw.jpg);
	background-repeat: no-repeat;
	font-size: 10pt;
	text-decoration: none;
}
a.hoofditemlink_visit:hover, a.hoofditemlink_hoverstate_visit{
	font-family: arial, verdana;
	font-weight: bold;
	background-image:url(../images/emptytab.jpg);
	background-repeat: no-repeat;
	color: #e31818;
	text-decoration: none;
	width: 132px;
	height: 42px;
	display: block;
	padding-left: 7px;
	padding-top: 12px;
	font-size: 10pt;
}

.submenu{
	background-color: white;
	border: solid 1px #989898;
	width: 240px;
	text-decoration: none;
	top: -10px;
	position: absolute;
}
.submenu_last{
	background-color: white;
	border: solid 1px #989898;
	width: 240px;
	text-decoration: none;
	margin-left: -240px;
	position: absolute;


}

.jquerycssmenu ul ul ul{
	margin-left: 0px;
	list-style-type: none;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: -7px;
	-webkit-box-shadow: 1px 1px 2px 1px #e0e0e0;
	-moz-box-shadow: 1px 1px 2px 1px #e0e0e0;
	box-shadow: 1px 1px 2px 1px #e0e0e0;
	text-decoration: none;
}

.jquerycssmenu ul li ul{
	margin: 0px;
	list-style-type: none;
	padding-top: 7px;
	padding-bottom: 7px;
	-webkit-box-shadow: 1px 1px 2px 1px #e0e0e0;
	-moz-box-shadow: 1px 1px 2px 1px #e0e0e0;
	box-shadow: 1px 1px 2px 1px #e0e0e0;
	text-decoration: none;
}
.jquerycssmenu ul {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	text-decoration: none;
}

a.sublink{
	padding-left: 17px;
	background-image: url(../images/dropdown_white_pijl.jpg);
	width: 215px;
	height: 19px;
	font-family: arial, verdana;
	color: #414141;
	font-size: 10pt;
	padding-top: 2px;
	display: block;
	text-decoration: none;
}
a.submenulink{
	padding-left: 17px;
	background-image: none;
	background-image: url(../images/dropdown_white.jpg);
	font-family: arial, verdana;
	color: #414141;
	font-size: 10pt;
	width: 215px;
	height: 19px;
	padding-top: 2px;
	display: block;
	text-decoration: none;
}
a.submenulink:hover{
	background-image: url(../images/dropdown_gray.jpg);
	color: #e31818;
}
 a.sublink:hover{
		background-image: url(../images/dropdown_gray_pijl.jpg);
		color: #e31818;
}

ul span{	
	color: #e31818;
}
/*Top level list items*/
.jquerycssmenu ul li{
	position: relative;
	display: inline;
	float: left;
}

/*1st sub level menu*/
.jquerycssmenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
	.jquerycssmenu ul li ul li ul{
	top: 0;
}


.whitespace{

	background-color: white;
	width: 124px;
	height: 10px;
	position: relative;
	border: solid 1px white;
	display: block;
	margin-top: -16px;
}



/*styles einde menu*/

aside h2{
	font-family: arial, verdana;
	color: #414141;
	line-height: 15pt;
	font-size: 10pt;
}
aside ul{
	font-family: arial, verdana;
	color: #414141;
	font-size: 10pt;
	padding-left: 0px;
	margin-left: 0px;
}
aside li{
	list-style:none;
	background-image: url(../images/pijl.png);
	background-position: 6px 5px;
	background-repeat: no-repeat;
	border-top: solid 1px #e8e8e8;
	padding-left: 28px;
	height: auto;
	padding-top: 2px;
	padding-bottom: 2px;
}
aside li:last-child{
	border-bottom: solid 1px #e8e8e8;
}
aside li a{
	text-decoration: none;
	color: #414141;
	display: block;
}
aside li a:hover{
	color: #e31818;	
	display: block;
}
aside li:hover{
	background-color:	#e8e8e8;
}
section h1{
	color: #e31818;
	font-size: 20pt;
	padding: 0px;
	margin-top: 28px;
	margin-bottom: 28px;

}


section h2, #taf h2{
	color: #e31818;
	font-size: 13pt;
	margin-bottom: -10px;
	margin-top: 20px;
}
section h2 a{
	color: #e31818;
}
section a, #taf a{
	color: #414141;
	text-decoration:underline;
}
section a:hover, #taf a:hover{
	color: #e31818;
}
footer a{
	text-decoration: none;
	color: #9d9d9d;
}
.cta img{
	border: none;
	margin-top: 20px;
	margin-bottom: 10px;
	text-decoration: none;
}

/*Formulieren*/

.textfield{
	border: solid 1px #b4b4b4;
	width: 400px;
	font-size: 10pt;
	font-family: arial;
	outline: none;
}

.focusField{
	border: solid 1px #e41819;
	outline:none;
	width: 400px;
	font-size: 10pt;
	font-family: arial;
}

.textfieldmedium{
	border: solid 1px #b4b4b4;
	width: 138px;
	font-family: arial;
	font-size: 10pt;
	outline: none;
}
.focusfieldmedium{
	border: solid 1px #e41819;
	width: 138px;
	font-size: 10pt;
	outline: none;
}
.textfieldmedium2{
	border: solid 1px #b4b4b4;
	width: 138px;
	font-size: 10pt;
	height:15px;
	outline: none;
}
.focusfieldmedium2{
	border: solid 1px #e41819;
	width: 138px;
	font-size: 10pt;
	height:15px;
	outline: none;
}
.textfieldsmall{
	border: solid 1px #b4b4b4;
	width: 80px;
	font-size: 10pt;
	outline: none;
}
.focusfieldsmall{
	border: solid 1px #e41819;
	width: 80px;
	font-size: 10pt;
	outline: none;
}
.redborder{
	color: #e41819;	
}

.buttonnieuw{
	float: left;	
	cursor: hand;
	height: 90px;
	cursor: pointer;
	height: 27px;
	color: white;
	background-color: #004a8d;
	border: solid 1px #004a8d;
	font-family: arial, tahoma;
	font-weight: bold;
	font-size: 11pt;
}
.buttonnieuw:hover{
	background-color: #e31818;
	
	border-color: #e31818;
}

.button2{
	color: white;
	background-color: #004a8d;
	border: solid 1px #004a8d;
	font-family: arial, tahoma;
}
.button2:hover{
	color: white;
	background-color: #e31818;
	border-color: #e31818;
	font-family: arial, tahoma;
	cursor: pointer;
}
.button3{
	color: white;
	background-color: #e31818;
	border: solid 0px #e31818;
	font-family: arial, tahoma;
	height: 19px;
}

.verplicht1{
	display: none;
	color: #F00;
	font-size: 11px;
}

.disclaimer{
	font-size: 8pt;
}

/*Bedankpagina*/
#klantmap, #printformulier-stempel, #stempel_panel, #aanmaning_panel, #advocaat_panel, #vraag_panel, #klacht_panel, #adres_panel, #klantwerftklant_panel, #banner_panel, #incasso_panel, #incassobuitenland_panel, #debiteurenbeheer_panel, #handelsinfo_panel, #advocaten_panel, #voorwaarden_panel, #klantworden_panel, #algemeen_panel, #afspraak_panel, #vacature_panel, #update_panel, #enquete{
display: none;
}


/*Styles for fuzz overlay & message box*/  
.fuzz{ 
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	z-index:100; 
	background: url(../images/dimmed.png); 
	display:none; 
	text-align:left; 
	}   
  
   /*Message box, positioned in dead center of browser*/  
.msgbox{ 

	position:absolute; 
	z-index:200; 
	border:1px solid #e31818; 
	background: #FFF; 
	top: 400px; 
	left: 50%; 
	margin-top: -100px; 
	margin-left: -150px; 
	padding: 10px; 
	text-align: center;	
	
}   
.msgbox img {
	border:none; 
	margin:5px;
	}   

.msgbox2{ 
	position:absolute; 
	z-index:200; 
	border:1px solid #ed3125; 
	background: #FFF; 
	top: 25%; 
	left: 50%; 
	margin-top: -100px; 
	margin-left: -150px; 
	padding: 10px; 
	text-align: center;
}   
.msgbox2 img {
	border:none; margin:5px;
	}   
  
      /*The "X" in the upper right corner of msgbox*/  
.close{ 
	  color: white;
	  height: 20px;
	  width: 60px;
	  font-weight: bold;
	  display: block;
	  background-color: #01408f;
	  text-decoration: none;
	  padding-top: 5px;
	  text-align: center;
	  margin: 0 auto;

} 


section ul{
	list-style-type: none;
	margin-left: 20px;
}
section li{
	/*list-style-image: url(../pix/slash.jpg);*/
	background-image: url(../images/slash.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 5px;
}


 #gmap {
    height:240px;
    width:520px;
}
 #gdirections {
    width:520px;
}

/*ROUTEPLANNER*/
#route a{
	text-decoration: underline;
	color: #5a5a5a;
	font-weight: bold;
}
#route a:hover{
	text-decoration: underline;
	color: #ee3224;
	font-weight: bold;
}
.inv2{
	visibility: hidden;
	border: solid 1px #ee3224;
	position: absolute;
	top: 280px;
	width: 400px;
	background-color: white;
	z-index: 100;
	padding: 5px;
	margin-left: 200px;
}
/*ROUTEPLANNER*/
section a img{
	border: none;
}

.ctabutton{
display: block;
border: none;
margin-top: 40px;
}

.ctabutton img{
border: none;	
}

/*Tell a friend*/

#taf{

background-color: white;
font-family: arial, verdana;
color: #414141;
text-align: left;
width: 400px;

}
#taf span{
width: 150px;	
}

footer img{
border: none;	
}
.rightp{
	text-align: right;
}
