html { background: #cac0c0 url(../images/background.gif) repeat-x 0 0; }
body { background: url(../images/header.gif) repeat-x 0 0; margin: 25px auto 0 auto; padding: 0; font: 75%/160% Tahoma, Arial, Helvetica, sans-serif; color: #666; position: relative; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, fieldset { margin: 0 0 1.6em 0; padding: 0; }
dd, blockquote { margin-left: 1em; }


/*FORM CONTROLS*/
form label { cursor: pointer; }
fieldset, img { border: none; vertical-align: middle; }
img { border: 0; }
input, select, textarea { font: normal 100% Arial, Helvetica, Verdana; border: 1px solid #6F6E6E; padding: 2px 4px; }
input[type="checkbox"], input[type="radio"] { padding: 0; border: none; }

/*FOR IE6 CSS PROBLEMS*/
.input_checkbox, .input_radio { padding: 0; border: none; }
input[type=submit] { overflow: visible; padding: 0; }
.input_submit { overflow: visible; padding: 0; }

textarea { width: 280px; height: 100px; overflow: auto; }

a { color: #ff3209; text-decoration: underline; overflow: hidden; }
a:hover, a:focus { text-decoration: none; }

h1 { color: #ff3209; font-size: 1.63em; font-weight: normal; margin-bottom: 1em; }

h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a { font: bold 1em/1.4em Arial, Helvetica, sans-serif; }

h2 { font-size: 1.3em; color: #0d2b88; }
h2 a { color: #0d2b88; }

#wrap { width: 770px; margin: 0 auto; position: relative; background: #fff url(../images/wrap.gif) repeat-y top right; display: inline-block; }
#wrap { display: block; }
#wrap:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }

/*LOGO*/
#logo { position: absolute; right: 0; top: 78px; text-indent: -9999em; z-index: 10; cursor: pointer; }
#logo a { display: block; width: 229px; height: 72px; background: url(../images/abc_advocaten_logo.png) no-repeat 0 0; overflow: hidden; }

/*CONTACT*/
#contact { position: absolute; right: 0; top: 160px; font-size: 0.8em; color: #999; padding: 0 25px; text-align: right; text-transform: uppercase; z-index: 10; }
#contact a { text-transform: none; }

/*HEADRER*/
#header { height: 130px; overflow: hidden; }
#header i { display: block; width: 770px; height: 130px; background: url(../images/header.png) no-repeat 0 0; position: absolute; top: 0; left: 0; text-indent: -9999em; }



/*NAVIGATION*/
#nav { width: 541px; background: #cac0c0; color: #666; text-transform: uppercase; font-size: 0.9em; margin: 0; display: inline-block; position: relative; }
#nav { display: block; }
#nav:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
#nav li { display: inline; float: left; list-style: none; }
#nav a { float: left; border-bottom: 2px solid #cac0c0; text-decoration: none; color: #666; font-weight: bold; padding: 0.5em 1em; }
#nav a:hover, #nav .active a { border-color: #ff3209; background: #e8e0e0; }

#nav ul { position: absolute; left: -9999em; top: 2.45em; margin: 2px 0 0 0; background: #e8e0e0; width: 471px; padding-left: 70px; }
#nav .active ul { left: 0; }
#nav .active ul a { font-weight: normal; padding: 0.1em; border-width: 1px; border-color: #e8e0e0; margin-right: 2em; }
#nav .active ul a:hover, #nav .active ul .active a { border-color: #f48974; }

/*CONTENT*/
#content { width: 497px; padding: 4em 22px 2em 22px; }
#content:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
.image { float: right; display: inline; margin: 0 0 1em 1em; }

ul {
	margin-left: 20px;
}

/*BOXES*/
.box { background: #e8e0e0; float: left; width: 48%; margin-right: 2%; display: inline; position: relative; min-height: 74px; }
.box .img { float: left; padding: 4px; display: inline; }
.box h2 { text-align: right; text-transform: uppercase;  font-size: 1.1em; padding: 7px 13px 0 0; height: 2.5em; margin: 0 0 0.6em 0; line-height: 1.4em; *padding-top: 10px; display: inline-block; }
.box h2 { display: block; }
.box h2 a { text-decoration: none; font-weight: normal; color: #666; line-height: 1.2em; }
.box p { font-size: 0.9em; text-align: right; padding-right: 13px; margin: 0; line-height: 1.1em; color: #959393; }
.box i { display: block; width: 225px; height: 21px; background: url(../images/box.png) no-repeat 0 0; position: absolute; top: 4px; left: 4px; }

/*TABLE*/
table { width: 100%; font-size: 0.95em; margin-bottom: 25px; }
table tr { left: -9999em; }
table td, table th  { padding: 4px; }




/*FORM*/
.form { clear: both; }
.form label, .csc-mailform-field { clear: both; display: inline-block; margin-bottom: 5px; }
.form label, .csc-mailform-field  { display: block; }
.form label:after, .csc-mailform-field:after  { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
.form label span, .csc-mailform-field label { float: left; width: 110px; padding-right: 10px; text-align: right; font-weight: bold; }
.form label em { margin-left: 10px; font-style: normal; font-size: 0.9em; color: #6F6E6E; }
.form label img { margin-left: 10px; }

.csc-mailform-submit { margin-left: 120px; background: #E8E0E0; color: #666; font-weight: bold; padding: 0.5em 1em !important; border: solid #ff3209; border-width: 0 0 2px 0; cursor: pointer; text-transform: uppercase; font-size: 0.9em; overflow: visible; }

/*POWERMAIL*/
.tx-powermail-pi1 legend { display: none; }
.tx-powermail-pi1 label { float: left; width: 110px; padding-right: 10px; text-align: right; font-weight: bold; }
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html { clear: both; display: inline-block; margin-bottom: 5px; display: block; }
.powermail_submit { margin-left: 120px; background: #E8E0E0; color: #666; font-weight: bold; padding: 0.5em 1em !important; border: solid #ff3209; border-width: 0 0 2px 0; cursor: pointer; text-transform: uppercase; font-size: 0.9em; overflow: visible; }
.powermail_submit:hover { background: #666; color: #FFF; }
.powermail_mandatory_js { margin-left: 120px; color: #F00; }

/*SITEMAP*/
.csc-sitemap ul { margin: 0; list-style: none; }
.csc-sitemap a { text-decoration: none; }
.csc-sitemap a:hover, .csc-sitemap a:focus { text-decoration: underline; }
.csc-sitemap li ul { padding-left: 2em; }
.csc-sitemap li { padding-left: 1em; background: url(../images/bullet.gif) no-repeat 0 0.4em; margin-top: 0.4em; }


/*FOOTER*/
#footer { color: #fff; font-size: 0.8em; line-height: 2.5em; height: 2.5em; margin: 0; clear: both; text-align: center; text-transform: uppercase; }
#footer a { color: #fff; text-decoration: none;  }

p.align-center {text-align: center;}
h6.quote {text-align: center; font-size: 12px; color: #ff3300; font-weight: normal;}