body {
	padding: 0;
	background: #f5ecb7;
}

/*	Main page blocks:
----------------------------------*/
#nav, #flash_message, #title, #page, #footer, #footer_nav, #nav ul {
	width: 850px;
	margin: 0 auto;
}

#nav, #title, #sidebar, #footer_nav, #footer {
	font: 15px Georgia, "Times New Roman", serif;
}

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


#logo {
	padding: 0;
	background: #003c79 url(/images/header.png) no-repeat top center;
}

#logo a {
	Xbackground: #003c79 url(/images/header.png) no-repeat top center;
	
	width: 950px;
	margin: 0 auto;
	display: block;
	height: 127px;
}
#logo span {
	display: none;
}

/*	Navigation:
----------------------------------*/
#nav_container {
	background: #faf8e5 url(/images/nav.png) repeat-x 0 0;
	height: 30px;
}

#nav {
	padding: 0;
	height: 30px;
	width: 860px;
}

#nav li {
	display: block;
	float: left;
	height: 30px;
	padding: 0;
}

#nav a {
	color: #003c79;
	font-size: 15px;
	line-height: 30px;
	text-decoration: none;
	padding: 0 12px 0 11px;
	text-shadow: #fff 0 1px 0;
	border-left: 1px solid #C3A51F;
}
#nav #nav-home a, #nav .current_expanded a, #nav .over a, #nav .expanded a, #nav ul a, #nav .current_expanded + li a, #nav .expanded + li a, #nav .over + li a {
	border-left-color: transparent;
}

#nav .expanded ul a, #nav .current ul a {
}

#nav .over {
	background-image: url(/images/nav_over.png);
}

#nav .expanded {
	background-image: url(/images/nav_expanded.png);
}

#nav .current_expanded {
	background-image: url(/images/nav_down.png);
}

#nav div {
	display: none;
	position: absolute;
	top: 157px;
	width: 100%;
	left: 0;
	border-bottom: 3px solid #d8b104;
	background-color: #faf8e5;
}

#nav ul {
	padding: 0;
}

#nav .expanded div {
	display: block;
}

#nav .current ul li, #nav .expanded ul li {
	background: transparent;
}

#nav ul a {
	color: #006ddc;
	font-size: 14px;
	padding: 0 8px;
}
#nav ul .current a {
	font-weight: bold;
}
#nav ul a:hover {
	color: #003c79;
}

/*	Pictures:
----------------------------------*/

#picture_container {
	background-position: top center;
	background-repeat: no-repeat;
	height: 210px;
	background-color: #f5f5f5;
}

#picture {
	width: 850px;
	margin: 0 auto;
}

#picture_container.picture_prive_huwelijk {
	background-image: url(/images/banners/prive_huwelijk.jpg);
	height: 170px;
}

.picture_partners {
	background-image: url(/images/banners/partners.jpg);
}

.picture_prive_erven {
	background-image: url(/images/banners/prive_erven.jpg);
}
.picture_prive_hypotheek { 
	background-image: url(/images/banners/prive_hypotheek.jpg);
}
.picture_prive_levensverzekering {
	background-image: url(/images/banners/prive_levensverzekering.jpg);
}
.picture_prive_mediation { 
	background-image: url(/images/banners/prive_mediation.jpg);
}
.picture_prive_onroerend_goed {
	background-image: url(/images/banners/prive_onroerend_goed.jpg);
}
.picture_prive_echtscheiding {
	background-image: url(/images/banners/prive_echtscheiding.jpg);
}

.picture_zakelijk_agrarisch { 
	background-image: url(/images/banners/zakelijk_agrarisch.jpg);
}
.picture_zakelijk_digitale_handtekening {
	background-image: url(/images/banners/zakelijk_digitale_handtekening.jpg);
}
.picture_zakelijk_escrow {
	background-image: url(/images/banners/zakelijk_escrow.jpg);
}
.picture_zakelijk_hypotheek { 
	background-image: url(/images/banners/zakelijk_hypotheek.jpg);
}
.picture_zakelijk_onroerend_goed {
	background-image: url(/images/banners/zakelijk_onroerend_goed.jpg);
}
.picture_zakelijk_verenigingen {
	background-image: url(/images/banners/zakelijk_verenigingen.jpg);
}
.picture_zakelijk_vennootschappen {
	background-image: url(/images/banners/zakelijk_vennootschappen.jpg);
}

.picture_offerte {
	background-image: url(/images/banners/offerte.jpg);
}
.picture_english {
	background-image: url(/images/banners/english.jpg);
}
.picture_tarieven {
	background-image: url(/images/banners/tarieven.jpg);
}
.picture_actueel {
	background-image: url(/images/banners/actueel.jpg);
}
.picture_historie {
	background-image: url(/images/banners/historie.jpg);
}
.picture_stamrecht_bv {
	background-image: url(/images/banners/stamrecht_bv.jpg);
}
.picture_nieuwbouw {
	background-image: url(/images/banners/nieuwbouw.jpg);
}




/*	Title:
----------------------------------*/

#title_container {
	clear: both;
	background: #fff;
	border-bottom: 4px solid #f9f4c6;
	height: 77px;
}

p#breadcrumbs {
	color: #006ddc;
	font-size: 12px;
	padding: 10px 0 0 0;
	margin-bottom: -8px;
}

#title h1 {
	padding: 0;
	margin: 0;
	color: #003c79;
	font-size: 30px;
	font-weight: normal;
	
	line-height: 74px;
}

#title.with_breadcrumbs h1 {
	line-height: 48px;
}



/*	Page content:
----------------------------------*/

#page_container {
	background: #faf8e5;
	padding-top: 17px;
}

#content, #sidebar {
	float: left;
	padding-bottom: 30px;
}
#content {
	width: 470px;
}



/*	Side bar:
----------------------------------*/

#sidebar {
	width: 230px;
	font-size: 14px;
	color: #003c79;
	position: relative;
	left: 50px;
}

#sub_nav, #lead_form, #memorandum_user {
	Xwidth: 200px;
	padding: 10px 12px 5px 10px;
}

#sub_nav {
	padding-top: 0;
	margin-bottom: 50px;
}

#sub_nav .current a, #sub_nav a.current {
	color: #002850;
	text-decoration: none;
}

#lead_form, #memorandum_user {
	border: 4px solid #f9f1a7;
	background: #fdfbeb;
	position: relative;
	top: -35px;
}

#quick_contact {
	position: relative;
	top: -87px;
	margin-bottom: -80px;
	left: -20px;
	padding: 17px 10px 5px 20px;
	background: #fff;
	border: 1px solid #F9F4C6;
	border-bottom-width: 4px;
	width: 230px;
}

#quick_contact p {
	padding: 0 0 13px 0;
	line-height: 18px;
}
#sidebar #abstract {
	margin: -10px 0 10px 0;
	padding: 0;
}
#sidebar #abstract p {
	padding: 0;
}

#sidebar #recent_news h2 {
	padding-top: 15px;
}

#sidebar #recent_news h3 {
	padding: 15px 0 4px 0;
	font-size: 16px;
}

#sidebar #recent_news p {
	
}

#sidebar #recent_news small {
	display: block;
	padding: 0;
}


#sidebar h3 {
	padding: 0 0 10px 0;
	font-weight: normal;
	font-size: 20px;
}

fieldset {
	border: 0;
}

#sidebar label {
	display: block;
}
#sidebar input, #sidebar textarea {
	margin-bottom: 5px;
	font-size: 14px;
	width: 100%;
}

#sidebar textarea {
	height: 50px;
}


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

#footer_nav_container {
	display: none;
}

#footer_container {
	clear: both;
	height: 30px;
	background: #efe195;
	margin-bottom: 60px;
}

#footer {
	padding: 0;
	list-style: none;
	font-size: 12px;
}

#footer p {
	padding: 0;
	line-height: 30px;
}

#footer, #footer a {
	color: #ce8801;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/*	Notices and errors:
----------------------------------*/

#flash_message_container {
	background: #fff;
	padding-top: 10px;
}

#flash_message {
	font-size: 1.1em;
	padding: 0.4em 0.8em;
}
p.error {
	border: 1px solid #f60;
	color: #f60;
	background-color: #FFF1DB;
}
form table p.error {
	border: 0;
}
.error, .error_message {
	color:#900;
	font-weight: bold;
}
.error_message {
	clear: both;
}
.error em {
	font-size: 18px;
	color: #003d4c;
}
div.error {
  padding: 2px;
  border: #f60 solid 2px;
}
.notice, .message {
	color: #02a74c;
	border: 1px solid #01c20a;
	font-size: 14px;
	background-color: #e6f9e7;
	padding: 0.5em;
	margin: 1em 0;
	display:block;
}
.tip {
	color: #656565;
	background-color: #ddd;
}

/*	Forms:
----------------------------------*/


input.form_error {
	border: 2px solid #f60;
}
form td.error_message {
	width: 40px;
	padding: 0;
	background-image: url(/images/cms_error_icon.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}
table .error_message {
	border: 0;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	text-indent: -2000px;
	background-position: center left;
}

label.has_errors {
	color: #c00;
}

.field_with_errors {
}
.field_with_errors input, .field_with_errors textarea {
	border: 2px solid #c00;
}



#form table {
	width: 100%;
	border-collapse: collapse;
}

#form th {
	width: 100px;
}

#form th, #form td {
	padding: 5px 8px 5px 0;
	font-size: 0.9em;
	vertical-align: top;
	border: 1px solid #F9F1A7;
	border-width: 1px 0;
}
#form th.header {
	border-width: 0;
}

#form th.long_label {
	border-bottom: 0;
}

th .required {
	font-weight: bold;
}


#form .textfield, #form td table {
	width: 100%;
}

#form label {
	padding: 0 6px 0 3px;
}




/*	Memorandum:
----------------------------------*/

#form.memorandum table, table.memorandum {
	margin: 5px 0;
}

#form.memorandum table td, #form.memorandum table th, table.memorandum td, table.memorandum th {
	padding: 3px 6px 3px 0;
}

#form.memorandum .textfield {
	font-size: 1.1em;
	width: 100%;
}
