/* ----- ||||| GLOBAL RESET ||||| ----- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img,abbr {border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var {font-style:normal; font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:1.0em;}
a {text-decoration:none;}


/* ----- ||||| ALGEMEEN ||||| ----- */
body {background:url(../__images/body_back.gif) repeat-x #fff; behavior:url(csshover.htc); text-align:center; font-family:arial,sans-serif; font-size:12px; line-height:18px; color:#333;}
#wrapper {margin:0px auto; padding:0; width:945px; text-align:left;}
#content {margin:0; padding:0 240px 35px 240px;}

body#index {background:url(../__images/body_back_index.gif) repeat-x #fff;}
body#index #content {padding:0;}
body#advocaten #content {padding:0 360px 35px 240px;}

* html body #content {height:450px;}
html>body #content {min-height:450px;}

h1 {margin:0; padding:0; height:80px; background:url(../__images/h1_back.gif) no-repeat top right;}
h1 a {display:block; height:80px; width:349px; position:absolute; top:0; margin:0 0 0 596px; z-index:1000;}
h1 b {display:none;}
h2 {margin:65px 0 0 0; padding:19px 0 9px 0; background:url(../__images/pixel_border.gif) repeat-x; font-size:18px; font-weight:bold; color:#0b0c78; width:465px;}
body#advocaten h2 {width:345px;}
html>body h2 {line-height:18px;}
h3 {margin:0; padding:0; font-weight:bold; font-size:12px;}
h3 a {color:#0b0c78; text-decoration:none;}
h3 a:hover {color:#d6006c; text-decoration:none;}
h3 .datum {font-weight:normal; font-size:10px; color:#999;}

p {margin:0 0 18px 0; padding:0; text-align:justify; overflow:hidden;}

ul {margin:0 0 18px 0; padding:0; list-style:none;}
ul li {margin:0; padding:0 0 0 6px; background:url(../__images/bullet.gif) 0px 9px no-repeat;}
ul.no_top {margin:-18px 0 18px 0;}

a {color:#d6006c; text-decoration:underline;}
a:hover {color:#333; text-decoration:underline;}
a.solo_link {color:#d6006c; text-decoration:underline; padding:0 0 0 10px; background:url(../__images/pijltje.gif) 0px 5px no-repeat;}
a.solo_link:hover {color:#333; text-decoration:underline; background:url(../__images/pijltje_over.gif) 0px 5px no-repeat;}


/* ---||||| MENU |||||--- */
#menu {margin:0; padding:0; list-style:none; width:945px; height:50px; background:#fff;}
#menu li {margin:0; padding:0; display:block; width:120px; height:100%; float:left; background:#fff;}
#menu li a {margin:0; padding:0; display:block; height:100%;}
#menu b {display:none;}

#menu li#over {background:url(../__images/menu.gif) 0px 0px no-repeat;}
#menu li#over:hover {background:url(../__images/menu.gif) 0px -50px no-repeat;}
#menu li#actualiteit {background:url(../__images/menu.gif) -120px 0px no-repeat;}
#menu li#actualiteit:hover {background:url(../__images/menu.gif) -120px -50px no-repeat;}
#menu li#rechtsgebieden {background:url(../__images/menu.gif) -240px 0px no-repeat;}
#menu li#rechtsgebieden:hover {background:url(../__images/menu.gif) -240px -50px no-repeat;}
#menu li#advocaten {background:url(../__images/menu.gif) -360px 0px no-repeat;}
#menu li#advocaten:hover {background:url(../__images/menu.gif) -360px -50px no-repeat;}
#menu li#contact {background:url(../__images/menu.gif) -480px 0px no-repeat;}
#menu li#contact:hover {background:url(../__images/menu.gif) -480px -50px no-repeat;}


/* ---||||| SECTIE MENU |||||--- */
#sectie_menu {margin:65px 0 0 0; padding:0; list-style:none; width:225px; position:absolute;}
#sectie_menu li {margin:0; padding:0; background:none; float:left; dispaly:block; width:225px;}
#sectie_menu li a {display:block; padding:0 0 0 17px; text-decoration:none; color:#333; background:url(../__images/pijltje_block.gif) 0px 4px no-repeat;}
#sectie_menu li a:hover {color:#d6006c; text-decoration:underline; background:url(../__images/pijltje_block_over.gif) 0px 4px no-repeat;}
#sectie_menu li a.selected {color:#d6006c; text-decoration:none; background:url(../__images/pijltje_block_over.gif) 0px 4px no-repeat;}

#sectie_menu li.sectie_menu_title {background:url(../__images/pixel_border.gif) repeat-x; font-size:18px; font-weight:bold; color:#0b0c78; padding:19px 0 9px 0;}

/* ---||||| HOME |||||--- */
#visual {height:280px; background:#0b0c78; margin:0; padding:0;}
#visual img {float:left; margin:0; padding:0 0 0 15px;}
#visual p {margin:0; padding:0; display:block; height:280px; width:465px; float:left; background:url(../__images/content/home_<?=$rechtsgebied_rand?>.gif) no-repeat;}
#visual p b {display:none;}

.promobox {width:225px; float:left; padding:0; margin:10px 15px 0 0; display:inline;}
.promobox h2 {position:static; width:225px; margin:0; padding:15px 0 5px 0; font-weight:normal;}
.promobox p {padding:5px 0 25px 0; margin:0;}

#promo_nieuws {margin:10px 0 0 0;}
#promo_nieuws h3 {margin:5px 0 -1px 0; padding:0;}
#promo_nieuws p {border-bottom:1px solid #c7c7c7; margin:0 0 4px 0; padding:0 0 7px 0;}
#promo_nieuws p.last {border:none;}

/* ---||||| RECHTER KOLOM |||||--- */
#rechts {margin:0 0 0 480px; padding:46px 0 0 0; list-style:none; width:225px; position:absolute; top:195px; background:url(../__images/pixel_border.gif) repeat-x;}

#rechts li {margin:0; padding:0; width:225px; float:left; clear:left; background:none;}
#rechts li.first {color:#0b0c78; font-weight:bold; padding:0;}
#rechts li a {padding:0 0 0 10px; display:inline-block; text-decoration:none; color:#333; background:url(../__images/pijltje_over.gif) 0px 5px no-repeat;}
#rechts li a:hover {padding:0 0 0 10px; display:inline-block; background:url(../__images/pijltje.gif) 0px 5px no-repeat; color:#d6006c; text-decoration:underline;}
#rechts li.image {margin:18px 0; padding:0; line-height:1px;}
#rechts li.image_notop {margin:0; padding:0; line-height:1px;}
#rechts li a.inline {font-weight:normal; color:#EC008C; text-decoration:underline; padding:0; background:none;}
#rechts li a.inline:hover {color:#039; text-decoration:underline; background:none;}

html>body #rechts li a {display:block;}

body#advocaten #rechts {margin:0 0 0 360px; width:345px; position:absolute;}
body#advocaten #rechts li {width:325px;}


/* ---||||| FOOTER |||||--- */
#footer {margin:0 0 25px 0; padding:10px 0 22px 0; list-style:none; clear:both; border-top:solid 2px #0b0c78; zoom:1; overflow:hidden;}
#footer li {float:left; color:#333; font-size:0.9em; margin:5px 10px 0 0; padding:0 10px 0 0; background:none; border-right:solid 1px #c7c7c7;}
#footer li.last {border:none;}
#footer li a {color:#333; text-decoration:none;}
#footer li a:hover {color:#d6006c; text-decoration:underline;}


/* ---||||| FORMULIER |||||--- */
form {margin:0 0 18px 0; padding:0 0 10px 0; clear:both; border-bottom:solid 1px #c7c7c7; border-top:solid 1px #c7c7c7; zoom:1; overflow:hidden;}
fieldset {float:left; clear:both; width:445px; margin:0; padding:0; zoom:1; overflow:hidden;}

legend {margin:0; padding:0; font-weight:bold; visibility:hidden;}

fieldset ol {padding:0; margin:0; list-style:none;}
fieldset li {float:left; clear:left; width:100%; padding:0 0 5px 0;}
fieldset.submit {padding:0 0 0.75em 125px;}

label {float:left; width:115px; margin-right:10px;}
label.error {color:#f00;}
label.large {width:auto;}

form input {margin:0; width:225px; float:left; border:1px solid #0b0c78; background:#eaeaf6; padding:1px 4px 2px 4px; color:#333;}
form .checkbox, form .radio {width:auto; border:none; background:none; margin:0; padding:0;}
form input.button {width:auto; border:1px solid #0b0c78; background:#0b0c78; color:#fff; text-align:center; margin:0 10px 0 0;}
form input.button:hover {background:#eaeaf6; color:#0b0c78; border:1px solid #0b0c78;}
form input.error {border:1px solid #f00; background:#fcc;}

form textarea {margin:2px 0; width:225px; font-family:arial,sans-serif; font-size:12px; float:left; border:1px solid #0b0c78; background:#eaeaf6; height:150px; margin-bottom:7px; padding-left:4px; padding-right:4px; overflow:auto; color:#004273;}
form textarea.error {border:1px solid #f00; background:#fcc;}

fieldset fieldset {border:none; margin:-18px 0 0 0; padding:0;}
fieldset fieldset legend {margin:0; padding:0; font-weight:normal;}
fieldset fieldset ol {position:relative; margin:0 0 -18px 125px; padding:0;}
fieldset fieldset ol li {padding:0 10px 2px 0; display:inline; width:auto; float:left; clear:none;}
fieldset fieldset label {float:none; width:auto; margin-right:auto;}