/* DEFAULT 
------------------------------------------------------------------ */ 

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

body{
	background:#000;
	font-family: Arial, Verdana;
	font-size:0.9em;
	height:100%;
}

a{
	color:#fff;
}

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

#content-left a{color:#54beed;}

/* CUSTOM 
------------------------------------------------------------------ */ 

div#header{
	width:751px;
	margin:71px auto 21px auto;	
	height:67px;
}


/* SUBHEADER 
------------------------------------------------------------------ */ 

div#subheader{
	height:33px;  
	width:751px;
	display:block;
	clear:both;
	text-align:right;
	margin:auto;
	background:url(../img/bg_subheader.jpg) right top no-repeat;
}

div#subheader form{
	display:inline;
	margin:0; padding:0;
}

div#subheader input{
	color:#fff;
	width:150px;
	height:15px; line-height:15px;
	font-size:90%;
	margin-right:1px;
	font-weight:bold;
	border-style:none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
	text-indent:20px;
	background:url(../img/ico_magnifier.gif) 3px 3px no-repeat #53bdec;
	position:relative; top:5px;
}

div#subheader img{
	position:relative;
	top:8px;
}

/* BREADCRUMB
------------------------------------------------------------------ */ 

div#breadcrumb{
	width:751px;
	height: 12px; line-height:12px;
	margin:35px auto 28px auto;
	color:#fff;
}

div#breadcrumb ul{
	margin:0; padding:0;
}

div#breadcrumb ul li{
	display:inline; 
	list-style-type:none;
	color:#fff;
	font-size:11px;
}

div#breadcrumb ul li span{
	color:#00ade8;
}

div#breadcrumb ul li a{
	text-decoration:none;
}

div#breadcrumb ul li a:hover{
	text-decoration:underline;
}


/* CONTENT
------------------------------------------------------------------ */ 

div#content{
	width:751px;
	margin:auto;
	min-height: 360px;
	color:#fff;
	display:block; clear:both;
	font-size:12px;
	line-height:15px;
	vertical-align:bottom;
}

div#content-left{
	width:576px;
	float:left;
	margin-bottom:20px;
}

div#image{
	width:170px;
	float:right;
	position:relative;
	top:-360px;
}

div#huisadvocaten{
		width:50px;
		float:right;
		position:relative;
}

div#content div#content-left p{
	margin:0; padding:0 0 10px 0;
}

div#content div#content-left ul{
	margin:0 0 20px 0; padding: 0 0 0 15px;
}

div#content div#content-left ul li{
	list-style-image: url(../img/ico_bullet.gif);
	margin:0; padding:0;
}

div#content div#content-left ul.sitemap{
	margin:0; padding: 0 0 0 15px;
}

div#content div#content-left ul li{
	margin:0; padding: 0 0 0 0;
}

div#content div#content-left ul li ul{
	margin:0; padding: 0 0 0 35px;
}

div#content div#content-left ul li ul li ul {
	margin:0; padding: 0 0 0 35px;
}

div#content div#content-left ul.sitemap li{
	list-style-image: url(../img/ico_bullet.gif);
	margin:0; padding:0;
}


/* LOGO
------------------------------------------------------------------ */ 

h1{
	margin:0; padding:0;
	float:left;
}

h1 img{
	position:Relative;
	left:-20px;
}


/* PAYOFF
------------------------------------------------------------------ */ 

h2{
	float:right;
	width:170px !important;
	margin:0; padding:0;
	color:#fff;
	width:180px;
	font-size:18px;
}

h2 span{
	font-size:12px !important;
	font-weight:normal;
}


/* TITLE 
------------------------------------------------------------------ */ 

h3{
	font-size:190%;
	margin:0 0 10px 0; padding:0;
}


/* TITLE 
------------------------------------------------------------------ */ 

h4{
	font-size:100%;
	margin:0 0 10px 0; padding:0;

}


/* NAVIGATION 
------------------------------------------------------------------ */ 

div.footer{
	clear:both;
}


/* FOOTER 
------------------------------------------------------------------ */ 

div.subfooter{
	width:888px;
	height:62px;
	margin:auto;
	text-align:center;
}

div.subfooter ul{
	margin:0 0 20px 0; padding:0;
}

div.subfooter ul.small li{
	font-size:12px;
	line-height:16px;
}

div.subfooter ul.small li a{
	text-transform: none !important;
	font-weight:normal !important;
	color:#53bdec !important;
}


div.subfooter ul li{
	margin:0 2px 0 2px; padding:0;
	display:inline;
	list-style-type:none;
	color:#fff;
	font-size:11px;

}

div.subfooter ul li a{
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
}

div.subfooter ul li a:hover{
	text-decoration:underline;
}



/* FORM
------------------------------------------------------------------ */ 

div.form table{
	display:inline
}

div.form table td{
	margin:0; padding:5px;
	vertical-align:top;
	font-weight:bold;
}

div.form label{
	margin: 0 10px 0 0;
}

div.form input.input{
	width:240px;
	font-size:100%;
	border-style:none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;		
	height:15px; line-height:15px;
	padding: 2px 2px 2px 10px;
}

div.form input.file{
	width:240px;
	font-size:100%;
	color:#fff;
	border-style:none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;		
	height:20px; line-height:20px;
	padding: 2px 2px 2px 10px;
}


div.form input.submit{
	background:#009acc;
	color:#fff;
	border-style:none;
	width:240px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;		
	text-transform:uppercase;
	font-weight:bold;
}

div.form textarea{
	padding:0 0 0 10px;
	border-style:none;
	width:240px;
	height:150px;
	overflow: scroll;
	overflow-x:hidden;
	overflow-y:scroll;
	font-family: Arial;
	font-size:100%;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
}

fieldset{
	width:500px;
	border:0;
	margin:0; padding:0px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;		
}

legend{
	border:1px solid #aaa;
	padding: 2px 5px;
	background:#333;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;		
}

.radio, 
.checkbox{
	position:relative; top:2px;
}


/* NAVIGATIE
------------------------------------------------------------------ */ 

div.navigatie{
	margin:20px 0 0 0;
	height:140px;
}

div.navigatie ul{
	margin:0; padding:0;
}

div.navigatie ul li{
	display:inline;
	list-style-type:none;
	margin:0; padding:0;
}

div.navigatie ul li img{
	margin: 0 10px 0 0;
}


/* PANDEN
------------------------------------------------------------------ */ 

div.panden{
	margin:20px 0 0 0;
	height:295px;
	float:left;
}

div#clickapeldoorn{float:left;margin-right:13px;}
div#clickarnhem{float:left;margin-right:13px;}
div#clickzutphen{float:left;margin-right:13px;}

div.panden ul{
	margin:0 auto; padding:0;
}

div.panden ul li{
	display:inline;
	list-style-type:none;
	margin:0; padding:0;
	cursor:pointer;cursor:hand;
}

div.panden ul li img{
	margin: 0 10px 0 0;
	cursor:pointer;cursor:hand;
}

div#apeldoorn{
	margin: 0;
	width:184px;
	position:relative;
	float:left;
	top:-4px;
	background-color:#29a4e3;
	border:1px solid;
	padding:10px;
}

html>body div#apeldoorn{
	top:-1px;
}

div#arnhem{
	margin: 0;
	margin-left:110px;
	float:left;
	width:184px;
	position:relative;
	top:-4px;
	background-color:#ff7800;
	border:1px solid;
	padding:10px;
}

html>body div#arnhem{
	margin-left:219px;
	top:-1px;
}

div#zutphen{
	margin: 0;
	margin-left:219px;
	width:184px;
	float:left;
	position:relative;
	top:-4px;
	background-color:#37444d;
	border:1px solid;
	padding:10px;
}

html>body div#zutphen{
	margin-left:438px;
	top:-1px;
}

/* HOME
------------------------------------------------------------------ */ 

div.keuzes{
	margin:92px 0 164px 21px;
	float:left;
}

div.keuze{
	margin:20px 10px 0 0;
	float:left;
}

div.keuze:hover{
	margin:10px 10px 0 0;
}

div.keuzelast{
	margin:20px 0 0 0;
	float:left;
}

div.keuzelast:hover{
	margin:10px 0 0 0;
}


/* ONZE ADVOCATEN
------------------------------------------------------------------ */ 


div.onze-advocaten-container{
	width:850px;
}

div.onze-advocaten-container div.left{
	float:left;
	width:125px;
	font-size:90%;
	border-right:1px dotted #fff;	
	padding: 0 20px 0 0;	
}

div.onze-advocaten-container div.left h6{
	font-size:120%;
	margin:0; padding:0 0 10px 0;
	text-align:right;
}

div.onze-advocaten-container div.left ul{
	margin:0 !important; 
	padding:0 !important;
}

div.onze-advocaten-container div.left ul li{
	text-align:left;
	float:left;
	clear:right;
	white-space:nowrap;
}

div.onze-advocaten-container div.left ul li a{
	text-decoration:none;
	color:#fff !important;
}

div.onze-advocaten-container div.left ul li a:hover{
	color:#009acc !important;
}


div.onze-advocaten-container div.right{
	float:left;
	width:390px;
	padding:20px 0 0 0;
	margin:0 0 0 20px;
	background:#fff;
	 -moz-border-radius: 10px;
	  border-radius: 10px;	
	color:#000;
	font-size:90%;

}

div.onze-advocaten-container div.right h3{
	margin:10px 0 0 20px;	
}

div.onze-advocaten-container div.right h4{
	margin:10px 0 0 20px;
}

div.onze-advocaten-container div.right ul{
	margin:20px 0 !important; 
	padding:0 !important;
	width:389px;
	float:left;
	
}

div.right ul li{
	list-style-image:none !important;
	margin:0 !important; 
	padding:0 20px 0 20px !important;
	list-style-type:none;
	display:block;
	line-height:25px;
}

div.right ul li.description{
	clear:both;
	padding:20px 20px !important;
	font-size:110%;
	line-height:20px;
}

div.right ul li label{
	float:left;
	width:100px;
	clear:both;
	font-weight:bold;
	height:100%;
}

div.right ul li.even{
	background:#ddd;
}

div.onze-advocaten-footer{
	clear:both;
	width: 556px;
	text-align:right;
	padding:10px 0 0 0;
}

img.advocaat{
	float:left;
	width:150px;
	margin:0 0 0 20px;
	 -moz-border-radius: 10px;
	  border-radius: 10px;	
}