/* Reset */
* { margin: 0; }
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
html, body { line-height: 1; }
/*ol, ul { list-style: none;}*/
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
table {	border-collapse: collapse;	border-spacing: 0;}

html { overflow-y:scroll; overflow-x:hidden; overflow:-moz-scrollbars-vertical; }
body { font-family:Arial; font-size:75%; }

.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

 
 /* E&L Notarissen */
html { background-color:#0079c2; height:100%; }
body { background-color:#fff; width:830px; margin:0 auto; min-height:100%; }
/*.body { background-color:#0079c2; width:830px; margin:0 auto; }*/

#wrapper { /*width:830px; margin:0 auto;*/ background-color:#0079c2; }



/* Top menu's opmaak */
/* servicemenu */
#servicemenu { width: 100%; text-align: right; margin-bottom: 2em; line-height: 2em;}
#servicemenu ul {float: right; margin-right: 1em; }
#servicemenu ul li { float: left; padding: 0 1em; border-right: 1px solid #4da1d4; display: block;}
#servicemenu ul li.last {border-right: 0px solid white;}
#servicemenu ul li a { color: #4da1d4; height: 1em; text-decoration: none;}
#servicemenu ul li a:hover {color: #ffffff; text-decoration; underline; }

#servicemenu label {color: #4da1d4; margin-right: 1em;}
#servicemenu input { background-color: #4da1d4; border: 0px solid #4da1d4; font-size: 0.8em; width: 100px;}

/* top navigation*/
#top_nav { width: 100%; text-transform: uppercase; background: #0079c2;}
#top_nav ul { margin: 0; }
#top_nav ul li {float: left; display: block; margin-right: 1em;}
#top_nav ul li a, #top_nav ul li a span { color:#ffffff; font-weight:900; display:block; line-height:28px; text-decoration:none; }
#top_nav ul li a { border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius:6px 6px 0 0; -o-border-radius:6px 6px 0 0; }
#top_nav ul li a:hover, #top_nav ul li a.active { background:#fff; color:#0079c2; }
.ie #top_nav ul li a:hover, .ie #top_nav ul li a.active { background:url(/images/layout/m_tab_r.png) top right no-repeat; }
#top_nav ul li a:hover span, #top_nav ul li a.active span { color:#0079c2;}
.ie #top_nav ul li a:hover span, .ie #top_nav ul li a.active span { background:url(/images/layout/m_tab_l.png) top left no-repeat; }
#top_nav ul li a span {padding: 0 1em;}

#contentwrapper { background: url(/images/layout/ronde_hoek.png) top left no-repeat #ffffff; margin-top: 24px; }

/* Header */
#header { background: url(/images/layout/logo.png) 720px 10px no-repeat; height: 80px; }
#header_imgbar { height: 130px; width: 830px; overflow: hidden; background: #ffffff; }
#header_img {display: none;}

/* Main */
#main {width: 100%; padding-top: 50px;}

#main_nav { width: 220px; float: left; }
#main_nav ul { margin-left:40px; list-style:none; }
#main_nav ul li { text-align: left; margin-bottom: 1em;}
#main_nav ul li a { display: block; height: 30px; line-height: 30px; text-decoration: none; color: #000000; font-weight: 900; padding-left: 28px; }
#main_nav ul li a:hover, #main_nav ul li a.active {background: url(/images/layout/menu_hover.png) center left no-repeat; color: #0079c2;}

#content { width: 565px; float: right; padding-right: 2em; padding-top:7px;}
#content ul { list-style-type:disc; padding-left: 1em; }
#content ul ul { padding-left:3em; }
#content ul li { line-height:1.3em; }

/* Footer */
#footer { clear: both; margin-top: 2em; padding-left: 40px; padding-bottom: 5em; width: 95%; height: 325px;}
#terugbellen3 {width: 100%;}
#contactfooter { width: 570px;  float: right; margin-right: 17px; }
#belmeterugform div { float: left;}

div#contactfooter p.meerfaq { margin:0; padding-top:3px; }
div#belmeterug-form { padding-left:6px; margin-top: 5px; }
div#belmeterug-form input { width:130px; padding:2px; color:#666666; font-size:11px; }


hr.hrblauw { height: 1px; background-color: #396ca9; border: 0px solid black; margin: 1em 0;}
input.f_right { float: right; margin-right: 1em;  }
.bluelink {color: #4DA1D4; text-decoration: none; font-style: italic; }
.bluelink:hover {text-decoration: underline;}
p.meerfaq {margin-top: 1em; }

#belmeterugform input { border: 1px solid #4da1d4; padding: 2px; }
#belmeterugform input.f_right {border: 0px solid white;}

/* Font styles */

h1 { color: #0079c2; font-size: 3em; padding: 0.7em 0.5em 0.3em 0.5em; text-transform: uppercase;}
h2 { color: #0079c2; font-size: 1.1em; font-weight: 900; font-style: normal; margin-bottom: 1em;}
h2.home { color: #0079c2; font-size: 2em; margin-bottom: 1em; }
h3 { color: #000000; font-size: 1em; font-weight: 700; margin-bottom: 0.5em;}

p { margin-bottom: 1em; line-height: 1.2em;}
em { margin: 1em; font-weight: bold; font-style: nornmal; display: block; clear: both;}

a { text-decoration: underline; color: #000000; }
a:hover { color: #0079c2;}

.faqlist li a { text-decoration: none; line-height: 1.5em; }
.faqlist li {list-style: circle outside; margin-left: 1em;}

ol li {list-style: decimal outside; margin-left: 1em; margin-bottom: 1em;}
ol {padding-left: 1em; }

/* Form styles */

#contactformulier-etten-leur div.row { width: 80%; margin-bottom: 5px; clear: both; line-height: 1.2em; height: 20px; }
#contactformulier-etten-leur .row .label label { width: 20%; text-align: right; float: left;}
#contactformulier-etten-leur .row .input input, #contactformulier-etten-leur .row textarea { width: 70%; float: right; text-align: left; border: 1px solid #0079c2; font-size: 12px; padding: 2px; }
#contactformulier-etten-leur .submit input { width: 150px; clear: both; margin: 1em 0; margin-left: 130px;}
#contactformulier-etten-leur .row input:focus, #contactformulier-etten-leur .row textarea:focus { background-color: #4da1d4;}

.anyform div.row { width: 80%; margin-bottom: 5px; clear: both; line-height: 1.2em; }
.anyform .row .label label { width: 20%; text-align: right; float: left;}
.anyform .row .input input, .anyform .row textarea { width: 70%; float: right; text-align: left; border: 1px solid #0079c2; font-size: 12px; padding: 2px; }
.anyform .submit input { width: 150px; clear: both; margin: 1em 0; margin-left: 130px;}
.anyform .row input:focus, .anyform .row textarea:focus { background-color: #4da1d4;}
/* Bij foute invoer: */
div.error input {background-color: #FF0000;}
span.errormessage { display: none;}
div.error .label label { color: #FF0000;}

/* Enquete Form */

#enqueteform span.label { display: block; line-height: 1.5em;}
#enqueteform input { margin-right: 1em; line-height: 1.5em;}
#enqueteform  label { width: 80%;  line-height: 1.5em;}
#enqueteform .row {clear: both; margin-bottom: 1em;}

/* 2-col / 3-col layout*/

table { vertical-align: top; }
td {vertical-align: top;}
td p {width: 90%;}
table.faqtable td { width: 45%; line-height: 1.5em; }

/* INTRO */

.home_nav { width: 830px; height: 150px; background: url(/images/layout/home_nav_bg.gif) top left repeat-x;}

/* Brochures */
.fleft.brochure {float: left; width: 155px; margin-right: 10px; margin-bottom: 20px;}
.brochure h2 {font-size: 12px; font-weight: bold; color: #000; margin-top: 5px; }
.brochure a {color: #0079c2; text-decoration: underline; font-size: 11px; font-weight: bold; padding-bottom: 0; line-height: 14px; margin-bottom: 0;}
.brochure a:hover {text-decoration: none;}
.downloadblok p {margin: 0; padding: 0;}

/* Nacht layout */

#nacht_t #contentwrapper { background: url(/images/layout/nacht_ronde_hoek.png) top right no-repeat #000000; color: #ffffff; }
#nacht_t #header { background: url(/images/layout/nacht_logo.png) 720px 10px no-repeat; height: 80px; }
#nacht_t #header_imgbar { height: 130px; background: #000000; }
#nacht_t #top_nav ul li a:hover, #nacht_t #top_nav ul li a.active {background: url(/images/layout/nacht_m_tab_r.png) center right no-repeat; color: #ffffff;}
#nacht_t #top_nav ul li a:hover span, #nacht_t #top_nav ul li a.active span {background: url(/images/layout/nacht_m_tab_l.png) center left no-repeat; color: #ffffff;}
#nacht_t #main_nav ul li a  { color: #ffffff; }
#nacht_t #main_nav ul li a:hover, #nacht_t #main_nav ul li a.active {background: url(/images/layout/nacht_menu_hover.png) center left no-repeat; color: #0079c2;}
#nacht_t h3 { color: #ffffff; }
#nacht_t h1 { color: #ffffff;}
#nacht_t .body {background-color: #000000;}
#nacht_t a { text-decoration: underline; color: #ffffff; }
#nacht_t a { text-decoration: underline; color: #4da1d4; }
#nacht_t a:hover { color: #ffffff;}
#nacht_t #belmeterug-form input {background-color: #000000; color: #eeeeee; border: 1px solid #4da1d4;}

/* Gradient onder flashbanner in nachtlayout */
#nacht_t #main {background: url(/images/layout/nacht_grad.png) top left repeat-x;}
/*Behalve bij de intro: */
#nacht_t #main.nograd {background-image: none;}
#nacht_t .bluelink {color: #386ba9; text-decoration: none; font-style: italic; }
#nacht_t { background: url(/images/layout/nacht_bodybg.png) top center repeat-y #0079c2; }
#nacht_t .home_nav {display: none;}

body .lichtblauw { color:#005da0; }

/* DEBUG IE6/7*/

#footer img { _float: left; *float: left;}
#contentwrapper { _background-image: none; _clear:both; _margin-top:0; *background-image: none; *clear:both; *margin-top:0;}
#wrapper {_overflow: hidden; *overflow: hidden;}
div.submit { *margin-top: 75px; }