/* Reset */
div, h1, h2, h3, p, form, label,input, img{
 margin: 0;
 padding: 0;
}
a,
img{
 outline: none;
 border: none;
}
h1{
 display: none;
}
/* Css */
body {
 margin: 0 15px 0 0;
 padding: 0;
 font-family: "Georgia", Times, serif;
 color: #333333;
 background:#fff url(images/body_bg.jpg) repeat-x 0 7px;
}
div#container {
 height:100%;
 margin:auto;
 text-align:left;
 width:950px;
}
div#header {
 float: left;
 width: 950px;
}
div#logo{
  float:left;
  height:131px;
  padding:36px 0 0 38px;
  width:279px;
}
div#logo a{
 float: left;
 display: block;
 width: 252px;
 height: 44px;
}
/*** MENU ***/
div#menu{
 float: left;
 padding: 15px 0 0 0;
}
div#submenu{
 float: left;
 padding: 15px 0 0 15px;
}
div#menu ul,
body.agenda div#submenu ul,
body.opinie div#submenu ul,
body.publicatie div#submenu ul,
body.samenwerking div#submenu ul,
body.sanctie div#submenu ul,
body.vacature div#submenu ul{
 float: left;
 min-width:155px;
 height:162px;
 margin: 0px;
 padding: 0px;
 list-style: none;
 border-left: 1px solid #efefef;
}
div#menu ul li,
body.agenda div#submenu ul li,
body.opinie div#submenu ul li,
body.kennis div#submenu ul li,
body.publicatie div#submenu ul li,
body.samenwerking div#submenu ul li,
body.sanctie div#submenu ul li,
body.vacature div#submenu ul li{
 height: 9px;
 padding: 0 0 9px 10px;
 margin: 0px;
 line-height: 9px;
 float: left;
 clear: both;
}
div#menu ul li a.on,
div#submenu ul li a.on {
  color:#000;
}
div#submenu ul{
 float: left;
 width: 440px;
 margin: 0px;
 padding: 0px;
 list-style: none;
 border-left: 1px solid #efefef;
}
body.sanctie div#submenu ul{
  width:175px;
}
div#submenu ul li{
  width:175px;
  white-space: nowrap;
  height: 9px;
  padding: 0 0 9px 10px;
  margin: 0px;
  line-height: 9px;
  float: left;
}
div#menu ul li a,
div#submenu ul li a{
 font-size: 12px;
 color: #7a7a7a;
 text-decoration: none;
 margin: 0px;
 padding: 0px;
}
div#menu ul li a:hover,
div#submenu ul li a:hover{
 color: #000;
}
/*** GEEN SUBMENUS ***/
div#menu ul li ul,
div#submenu ul li ul {
  display:none; 
}
/*** CENTER ***/
body.home div#center{
 float: left;
 margin: 0px;
 padding: 38px 0 29px 0;
}
body.home div#center div#intro {
 float: left;
 width: 715px;
 margin: 0;
 padding: 0 0 55px 0;
 background: url(images/quote.jpg) no-repeat right bottom;
}
body.home div#center div#intro blockquote{
  float: left;
  display: block;
  width: 628px;
  margin: 0px;
  padding: 0px;
  height: 214px;     /*height: 227px;*/
  clear: both;
  font-size:22px;
  color:#003B78;
}
body.home div#center div#intro blockquote a{
  text-decoration:none;
  font-weight:normal;
  color:#987650;
}
body.home div#center div#intro blockquote strong a{
  font-weight:normal;
}
body.home div#center div#inter{
 float: left;
 width: 215px;
 padding: 15px 0px 0 5px;
 display: inline;
}
div#center div#inter h3{
 font-size: 12px;
 color: #000;
 font-weight: bold;
 margin: 0px;
 padding: 0 0 24px 0;
 float: left;
 width: 100%;
}
div#center div#inter h3.functie, 
div#center div#inter p.functie {
  float:left;
  margin:-21px 0px -17px 0px;
  font-weight: normal;
  color: #003b78;
  text-transform: uppercase;
  width:100%;
}
div.functie, .functie {
}
div#center div#inter p.inleiding{
 color: #8c8c8c;
 padding: 0px; 
}
div#center div#inter h3.short,
body.home div#inter div#laatsteopinie h3{
 margin: 0px;
 padding: 0px;
}
body.home div#inter p.ondertitel{
 font-size: 11px;
 padding: 0px;
 margin: 0px;
}
div#inter a{
 font-size: 11px;
 color: #987650;
 text-decoration: none;
}
div#inter a:hover{
 color: #000;
}
div#inter ul{
 float: left;
 margin: 3px;
 padding: 3px;
}
body.sanctie div#inter div.rechts ul{
  margin:3px;
  padding-left:36px;
}
div#inter ul li{
 padding: 2px 0 0 15px;
 margin: 0px;
 background: url(images/stip_lijst.jpg) no-repeat left top;
 background-position: 0px 5px;
 list-style: none;
}
body.home div#inter p{
 padding: 25px 0 25px 0;
 font-size: 11px;
 line-height: 18px;
 float: left;
 width: 100%;
}
div#inter a.meer {
 font-size: 10px;
 font-style: italic;
 color: #000;
 padding-left: 16px;
 float: left;
 display: block;
 height: 11px;
 line-height: 11px;
 width:80%;
 background: url(images/plus.jpg) left no-repeat;
 background-position: 0 0;
}
a.meer, .leesVerder {
}
div#inter a.meer:hover{
 color: #987650;
 background-position: 0 -11px;
}
div#footer{
 float: left;
 margin-left: 326px;
 width: 624px;
 padding-top: 20px;
 background: url(images/footer_bg.jpg) no-repeat;
 display: inline;
}
div#footer a{
 font: 9px "Verdana" sans-serif;
 color: #949292;
 float: left;
 text-decoration: none;
 padding-right: 25px;
 background: url(images/footer_a.jpg) right no-repeat;
}
div#footer a.eind{
 padding-right: 0px;
}
div#footer a:hover{
 color: #000;
 text-decoration: none;
}
div#footer a.taal,
div.rechts a.download{
 float: right;
 font: 10px "Georgia" serif;
 color: #987650;
 height: 11px;
 display: block;
 line-height: 11px;
 background: url(images/pijl.jpg) no-repeat 0 0;
 padding: 0 0 0 15px; 
 font-style: italic;
}
div#inter div.rechts a.download{
  float:left;
  color:#000;
  font: 10px "Georgia" serif;
  font-style: italic;
  background: url(images/pijl.jpg) no-repeat 0 -11px;
}
div#footer a.taal:hover{
 color: #000;
 background-position: 0 -11px;
}
/*  Over ons pagina */
body div#center div#intro {
 float: left;
 width: 278px;
 padding: 92px 44px 25px 0;
 margin: 0;
}
div#center{
 float: left;
 margin: 0;
 padding: 0;
}
div#center div#inter{
 float: left;
 width: 620px;
 padding: 23px 0px 0 5px;
}
div#center div#inter h2{
  clear: both;
  float: left;
  width: 100%;
  height: 39px;
  margin: 0 0 26px 0;
  padding: 0px; 
  background: url(images/dots_bg.jpg) repeat-x;
  display: inline;
  font-family: "Arial","Sans Serif","Helvetica","Verdana";
  font-size: 20pt;
  font-weight: lighter;
  letter-spacing:5px;
  color: #003b78;
  text-transform: uppercase;
}
div#center div#inter div#links,
div#center div#inter div#recentepublicaties,
div#center div#inter div.links,
div#center div#inter div.rechts {
 float: left;
 width: 280px;
 padding-right: 20px;
}
div#center div#inter div#rechterkolom{
 float: left;
 width:260px;
}
body.opinie div#center div#inter div#links h3,
body div#center div#inter div#recentepublicaties h4,
div#center div#inter p.intro{
 float: left;
 font-size: 17px;
 font-weight: normal;
 color: #003b78;
 width: 280px;
 margin: 0;
 padding: 0 0 18px 0;
 line-height: 22px;
}
div#inter p.left{
 font-size: 11px;
 line-height: 18px;
 float: left;
 padding: 0 0 25px 0;
 margin: 0;
 color: #7a7a7a;
}
div#inter p{
 font-size: 11px;
 line-height: 18px;
 padding: 0 0 25px 0;
 margin: 0;
}
div#inter p.hidden{
 display: none;
}
/* contact */
body.contact div#center div#inter p.intro{
 float: left;
 font-size: 17px;
 font-weight: normal;
 color: #003b78;
 width: 100%;
 margin: 0;
 padding: 0 0 18px 0;
 line-height: 114%;
}
body.contact div#center div#inter a.taal:hover{
 color: #987650;
 background-position: 0 0;
}
body.contact div#center div#inter a.taal{
 float: left;
 font: 11px "Georgia" serif;
 color: #000;
 height: 11px;
 display: block;
 line-height: 11px;
 background: url(images/pijl.jpg) no-repeat 0 -11px;
 padding: 0 0 0 15px; 
}
body.publicatie div#center div#inter form{
 float: left;
 width: 270px;
 padding: 0 0 5px 0;
 margin: 10px 0 0 0;
 border-top: 3px solid #8a6c4c;
 border-bottom: 3px solid #8a6c4c;
 display: inline;
}
body.publicatie div#center div#inter form label{
 width: 270px;
 font-size: 10px;
 font-style: italic;
 float: left;
 color: #000;
 padding: 10px 0 15px 0;
}
body.publicatie div#center div#inter form select{
 width: 222px;
 border: 1px solid #7f9db9;
 float: left;
 padding: 2px 0 2px 0;
 margin: 2px 0 2px 0;
 font-size: 10px;
 color: #ccc;
}
body.publicatie div#center div#inter form input{
 width: 220px;
 border: 1px solid #7f9db9;
 float: left;
 padding: 2px 0 2px 0;
 margin: 2px 0 2px 0;
 font-size: 10px;
 color: #ccc;
}
body.publicatie div#center div#inter form input#knop{
 width: 35px;
 height: 14px;
 background: url(images/knop.jpg) no-repeat;
 border: none;
 float: left;
 display: inline;
 margin: 5px 0 5px 190px;
}
/*** AGENDA ***/
body.agenda #inter h2,body.agenda #inter object{
  display:none;
}
table.agenda {
  clear:left;
  float:left;
  width:100%;
}
table.agenda caption{
  display:none;
}
table.agenda col.col01, 
table.agenda col.col02,
table.agenda td
{
  width:310px;
}
table.agenda tr.titel td
{
  vertical-align:bottom;
  padding:0px 5px 0px 0px;
}
table.agenda tr.detail td
{
  vertical-align:top;
  padding:0px 5px 25px 0px;
}
body.agenda div#center div#inter div.event {
  margin:0px 0px 3px 0px;
  float: left;
  height: 165px;
  overflow: hidden;
  width: 290px;
  display:inline;
}
body.agenda div#center div#inter div.eventheader {
  float: none;
  display:table-cell;
  vertical-align:bottom;
  height:72px;
} 
body.agenda div#center div#inter p.plaats {
 width:100%;
 font-size: 11px;
 line-height: 15px;
 padding: 0;
 margin: 0;
 color: #7a7a7a;
}
body.agenda div#center div#inter h3 {
 float: left;
 clear:left;
 font-size: 17px;
 font-weight: normal;
 color: #003b78;
 width: 280px;
 margin: 0;
 padding: 0 0 9px 0;
 line-height: 114%;
 width:100%;
}
body.agenda div#center div#inter div.eventbody {
  float: left;
  clear:left;
  width:100%;
} 
body.agenda div#center div#inter tr.detail td p {
  padding:0;
}
div.datum {
 float: left;
 margin: 0;
 width: 59px;
 text-align: center;
 padding: 2px;
 border: 1px solid #d9d9d7;
 margin-right: 6px;
 display: inline;
}
div.datum div.inner {
 float: left;
 margin: 0;
 width: 57px;
 height: 54px;
 text-align: center;
 border: 1px solid #8a6c4c;
}
div.datum div.dag {
 font-size: 26px;
 color: #8a6c4c;
 margin: 0;
 padding: 0;
 clear: both;
}
div.datum div.maand{
 font-size: 10px;
 color: #000;
 margin: 0;
 padding: 0;
 clear: both;
}
body.agenda div#center div#inter div#links,
body.agenda div#center div#inter div#rechts {
 width: 300px;
}
body.agenda div#center div#inter  p.into_bottom{
 float: left;
 font-size: 17px;
 font-weight: normal;
 color: #003b78;
 width: 60%;
 margin: 0;
 padding: 0 0 18px 0;
}
body.agenda div#center div#inter div#links p.intro,
body.agenda div#center div#inter div#rechterkolom p.intro{
 float: left;
 font-size: 17px;
 font-weight: normal;
 color: #003b78;
 width: 70%;
 margin: 0;
 padding: 0;
 line-height: 114%;
}
body.agenda div#inter p.left{
 font-size: 11px;
 float: left;
 padding: 30px 0 0 0;
 margin: 0;
 width: 70%;
}
div#inter div.navigatie {
  float:left;
  width:100%;
}
div#inter a.terug {
 float: left;
 font: 10px "Georgia" serif;
 color: #987650;
 height: 11px;
 display: block;
 line-height: 11px;
 padding: 0; 
 font-style: italic;
}
div#inter a.vooruit {
 float:right;
 display:inline;
 font: 10px "Georgia" serif;
 color: #987650;
 height: 11px;
 line-height: 11px;
 padding: 0; 
 font-style: italic;
}
div#inter div.navigatie {
  float:left;
  width:100%;
  margin-top:15px;
  overflow:hidden;
}
/*** PUBLICATIES ***/
body.publicatie div#inter a.pijl,
div#inter a.pijl{
 font-size: 10px;
 display: inline;
 color: #000;
 padding-left: 18px;
 height: 11px;
 line-height: 11px;
 background: url(images/plus.jpg) left no-repeat;
 background-position: 5px 2px;
}
body.publicatie div#inter a.pijl:hover,
div#inter a.pijl:hover{
 color: #987650;
 background-position: 5px -9px;
}
body.vacature div#inter a.pijl {
background:transparent url(images/plus.jpg) no-repeat scroll 5px 2px;
color:#000000;
display:inline;
font-size:10px;
height:11px;
line-height:11px;
padding-left:18px;
color:  #7a7a7a;
}
body.vacature div#inter a.pijl:hover{
 color: #987650;
 background-position: 5px -9px;
}
/***** PUBLICATIES ******/
body div#center div#inter div#recentepublicaties h4 {
  padding:0;
  line-height:22px;
}
body div#center div#inter div#recentepublicaties p {
  clear:left;
  float:left; 
  padding:0;
  width:100%;
}
body div#center div#inter div#recentepublicaties p.zoekintro {
  margin-bottom:22px;
}
body div#center div#inter div#recentepublicaties p.geen {
  clear:left;
  font-style: italic;
  font-size:10px;
}
body div#center div#inter div#recentepublicaties p.bron {
  margin-bottom:15px;
  color:#7A7A7A;
}
body div#inter div#publicatiesadvocaat,
body div#inter div#opiniearchief {
  width:280px;
  float:left;
}
/***CONTACT***/
body.contact div#center div#inter div.rechts ul {
 font-size: 11px;
}
/***BULLETS***/
div#center div#inter div.rechts ul,
div#center div#inter div#links ul {
 font-size: 11px;
 line-height: 15px;
}
/*** Voorwaarden ***/
body.voorwaarden div#inter p {
 text-indent: -25px;
 margin-left: 25px;
}
body.voorwaarden div#inter p.normaal {
 text-indent: 0px;
}
body.voorwaarden div#inter p.olijst {
 text-indent: -12px;
}
/*** COLOFON ***/
body #inter p strong {
  color:#000;
}
/*** Google MAP ***/
div#inter div.rechts div#map {
  float:left;
  padding:1px;
  border:1px solid #7a7a7a;
  width:273px;
  height:162px;
  margin:24px 0px 24px 0px;
}
div#intro img {
  float: right;
  margin:0;
}