/*************/
/* ALGEMEEN */
body {
  background-color:#E6EEF4;
  background-image:url("/images/layout/achtergrond.jpg");
  background-position:0 0;
  background-repeat:repeat-y;
  color:#000000;
  font-family:Arial,Verdana;
  font-size:0.8em;
  margin:0;
  padding:0;
}

#titel{
  background-image: url(/images/layout/balk_moerdijk.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: #FFFFFF;
  font-size: 1em;
  font-family: Arial;
  font-weight: bold;
  margin-top: 12px;
  padding-left: 50px;
  padding-top:2px;
  height: 32px;
  z-index:0;
}

h1 {
  color:#8C9E42;
  font-size:1.3em;
  font-weight:bold;
  margin-bottom:10px;
}


h2 {
  font-size: 1.0em;
  font-weight: bold;
  color: #000000;
  padding: 0px;
  margin:0;
}

#nieuwsbericht h2 {
  color:#8C9E42;
  font-size:1.3em;
  font-weight:bold;
  margin-bottom:10px;
}


h3, h4,h5,h6 {
  font-size: 1.0em;
  color: #000000;
  padding: 0px;
  margin:0;
  font-weight:normal;
}

#nieuwsbericht h3 {
  font-size: 1.0em;
  font-weight: bold;
  color: #000000;
  padding: 0px;
  margin:0;
}

#inleiding {
  font-weight:bold;
}

span.verplicht {
  color: red;
  vertical-align: sub;
}

div#product h2 {
color:#000000;
font-size:1em;
font-weight:bold;
margin:0;
padding:0;
}

div.product {
 border-bottom: 1px dashed #93B0C6;
 padding-top: 2px;
 padding-bottom: 4px;
 width: 215px;
}

hr {
  color: #24618E;
  height: 1px;
  
}

ul {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-top: 0px;
  margin-top: 0px;
}

ul.link {
  margin-top: 0px;
  margin-bottom: 0px;
  list-style-image: url('/images/layout/htm.gif');
} 

ul.checkbox {
  margin-top: 0px;
  margin-bottom: 0px;
  list-style-image: url('/images/layout/checked.gif');
} 

#dhtmltooltip {
   position: absolute; 
   width:350px; 
   border: 1px solid #183863; 
   font-family:Tahoma, Arial; 
   font-size: 8pt; 
   padding: 2px;
   visibility: hidden;
   z-index: 100; 
}

#kruimelpad {
  margin-bottom:10px;
}

p {
   padding-bottom: 0px;
   margin-top:0;
}

#ReadSpeaker {
  float:right;
  cursor: pointer;
}

#rs_1 {
display:none;
float:right;
height:23px;
margin:0 5px 0 0;
position:relative;
top:-5px;
}

img.album {
 border-color: #8c9e42;
 border-style: solid;
 border-width: 1px;
}

img.albumOver {
 border-color: #8c9e42;
 border-style: solid;
 border-width: 1px;
 cursor: pointer;
}

.border, .border th, .border tr, .border td {
 border : 1px solid #000;
}



.noborder {border-style:none;}

.contenttd .noborder {
  margin-left:5px;
  margin-right:5px;
  margin-left:5px;
  margin-right:5px;
}

/*********/
/* TABEL */
table {
  font-size: 1em;
}

th {
  background-color: #183863;
  color: white;
  font-weight: bold;
  text-align: left;
  font-size: 1em;
}

td.pers_header {
  background-color: #183863;
  color: white;
  font-weight: bold;
  text-align: left;
  font-size: 1em;
  height: 15px;
}

td.pers_left {
  background-image: url("/images/layout/driehoekje.gif");
  background-repeat: no-repeat;
  background-position: bottom left; 
  background-color : transparent;
  text-align: center;
  width: 14px;
  height: 16px;
}

td.navigatie { 
  background-color: #D2E359;
  font-size:0.9em;
}

td.item {
    color: #183863;
    vertical-align: bottom;
    width: 135px;
    border-bottom: 1px solid #8C9E42;
    font-weight: bold;
}

td.regel {
    color: #183863;
    vertical-align: bottom;
    border-bottom: 1px solid #8C9E42;
    font-weight: bold;
}

td.mloket_prod {
   vertical-align: top;
   width: 220px;
   border-left: 1px solid #24618E;
   border-right: 1px solid #24618E;
   padding-left: 4px;
}

td.contenttd {
  width: 775px;
}

.selectieAan {
    cursor: pointer;
    background-color: #8C9E42;
    border-bottom: 1px solid #8C9E42;
}

.selectieUit{
    cursor: default;
}

.links_uitlijnen {
  border:medium none;
  float:left;
  margin-right:5px;
}

.rechts_uitlijnen {
  border:medium none;
  float:right;
  margin-left:5px;
}


/*********/
/* LINKS */
a {
  font-family: Arial, Verdana;
  font-size: 1em;
  font-weight: bold;
  text-decoration: underline;
  color: #183863;
}

a:hover {
  text-decoration: underline;
  color: #8C9E42;
}

a.navigatie, a.navigatie:visited{
  color: #000000;
  font-size: 1em;
  text-decoration: none;
  font-weight: normal;    
}

a.navigatie:hover{
  color: #000000;
  font-size: 1em;
  text-decoration: underline;
  font-weight: normal;    
}

a.normal { /* niet vetgedrukte link */
  font-family: Arial, Verdana;
  font-size: 1em;
  font-weight: normal;
  text-decoration: underline;
  color: #183863;
}

a.normal:hover {
  text-decoration: underline;
  color: #8C9E42;
}

a.pers { /* niet vetgedrukte+onderstreepte link */
  font-family: Arial, Verdana;
  font-size: 1em;
  font-weight: normal;
  text-decoration: none;
  color: black;
}

a.pers:hover {
  text-decoration: underline;
  color: #8C9E42;
}


a.lijst, a.lijst:visited, a.lijst:hover{ /* link in lijst met mouse-over verkleuring */
  color: black;
  font-size: 1em;
  font-weight: normal;
  text-decoration: none;
}

a.small{ 
  font-family: Arial, Verdana;
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: none;
  color: #183863;
}

a.small:hover {
  text-decoration: underline;
  color: #8C9E42;
}

a.white { /* niet vetgedrukte link */
  font-family: Arial, Verdana;
  font-size: 1em;
  font-weight: normal;
  text-decoration: underline;
  color: white;
}

a.white:hover {
  text-decoration: underline;
  color: white;
}

a.menu_white { /* niet vetgedrukte link */
  padding-left: 10px;
  font-family: Tahoma, Verdana;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  color: white;
}

a.menu_white:hover {
  padding-left: 10px;
  font-weight: bold;
  text-decoration: none;
  color: #8C9E42;
}

/* ZOEKPAGINA ***************************************************************************/
#swdsearchform {
display:inline-table;
width:100%;
}

#swdsearchform p {
  padding:0;
  margin:0;
}

#search_results {
  padding-top:10px;
  padding-left:0px;
  margin-left:0px;
}

#search_results li {
  width:100%;
  list-style: none;
  height:25px;
}

#search_results .icoon {
  padding:2px;
  position:relative;
  top:5px;
}

#search_results .Ranking {
  float:right;
}

#search_results .Ranking .RankPerc {
  text-align:right;
}

/**************/
/* FORMULIER */
form {
  margin: 0px;
  padding: 0px;
}

input.zoekveld {
  border: 1px solid #8C9E42;
  width: 122px;
  height: 20px;
  background-color: #EEEEEE;
  font-size: 1em;
  font-family: Arial, Verdana;
}

input.zoekknop {
  background-color: #D2E359;
  width: 20px;
  background-image: url(/images/layout/zoeken.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border: 0px solid #D2E359;
  cursor: pointer;
} 

input.zoeken {
  background-color: #E7EFF7;
  width: 20px;
  background-image: url(/images/layout/zoeken.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border: 0px solid #D2E359;
  cursor: pointer;
} 

input.button {
    height: 20px;
    border: 1px solid #8C9E42;
    background-color: #C1C1C1;
    font-family: Arial;
    font-size: 0.9em;
    font-variant: small-caps;
    cursor: pointer;
}

button {
    height: 20px;
    border: 1px solid #8C9E42;
    background-color: #C1C1C1;
    font-family: Arial;
    font-variant: small-caps;
    font-size: 1em;
    cursor: pointer;
}

input.text, input.datum, input.nummer {
    height: 20px;
    border: 1px solid #8C9E42;
    background-color: #EEEEEE;
    font-family: Arial;
    font-size: 1em;
    padding: 1px;
}

input.text_readonly {
    height: 20px;
    border: 1px solid #E7EFF7;
    font-family: Arial;
    font-size: 1em;
    padding: 1px;
    background-color: #E7EFF7;
    color: #183863;
}

input.nummer {
   text-align: right;
}

input.nummer_readonly {
    height: 20px;
    border: 1px solid #E7EFF7;
    font-family: Arial;
    font-size: 1em;
    padding: 1px;
    background-color: #E7EFF7;
    color: #183863;
    text-align: right;
}

input.datum {
    background-image: url(/images/layout/calendar.gif); 
    background-repeat: no-repeat; 
    background-attachment: scroll; 
    background-position: right center;
    width: 100px;
    padding: 1px;
}

select {
    font-family: Arial;
    background-color: #EEEEEE;
    font-size: 1em;
}

option {
    font-family: Arial;
    font-size: 1em;
    color: black;
    background-color: #EEEEEE;
}

textarea {
    border: 1px solid #8C9E42;
    background-color: #EEEEEE;
    font-family: Arial;
    font-size: 1em;
    overflow: hidden;
}

.autocomplete {
    font-family: Tahoma;
    font-size: 8pt;
    background-color: white;
    border: 1px solid black;
    position: absolute;
    cursor: default;
    overflow: auto;
}

.autocomplete_item {
    padding: 1px;
    padding-left: 5px;
    color: black;
    width: 100%;
}

.autocomplete_item_highlighted {
    padding: 1px;
    padding-left: 5px;
    color: white;
    background-color: #0A246A;
}



/****************/
/* VORMGEVING */
.logo {
  background-color: #183863;    
}

.logobar {
  background-color: #E6EEF4;
  background-image: url("/images/layout/logo_driehoek.gif");
  background-repeat: no-repeat;
  background-position: bottom left;    
}

.onderlogo {
  background-color: #8C9CB1;
  background-image: url("/images/layout/navbar_opvul1b.gif");
  background-repeat: no-repeat;
  background-position: top right;    
}

.driehoekonderlogo {
  background-image: url("/images/layout/driehoek_onderlogo.gif");
  background-repeat: no-repeat;
  background-position: top right;    
  position: relative;
  width: 100%;
  height: 400px;
  margin-bottom: -400px;
  z-index: -1;
}

.navzoek {
  background-color: #D2E359;
  white-space:nowrap;
}

.menu  {
  background-image: url("/images/layout/moerdijk.jpg");
  background-repeat: no-repeat;
  background-position: top left; 
  height: 557px;
}


#MV_53308 {
  display : none;
}

#MV_53308 .mlu {
   list-style: none; 
   display: inline
}

td.menubar {
  background-image:url(/images/WOB1/watermerk_menu1.gif);
  background-position:left center;
  background-repeat:repeat-y;
  width:205px;
}

.kop {
    background-image: url("/images/layout/driehoek_titel.gif");
    background-repeat: no-repeat;
    background-position: bottom left;    
    color: #1C3D65;
    font-size: 0.9em;
    text-align: center;
    vertical-align: middle;
    height: 20px;
    width: 100%;
    margin-top: 12px;
}


/************/
/* TABSTRIP */
#tabs {
  float: left;
  width: 100%;
  font-size: 0.9em;
  font-weight: bold;
  line-height: normal;
  border-bottom: 1px solid #24618E;
  margin-bottom: 15px;
}

#tabs ul {
  margin: 0;
  padding: 10px 10px 0 0px;
  list-style: none;
}
  
#tabs li {
  display: inline;
  margin: 0px;
  padding: 0px;
}
    
#tabs a {
  float: left;
  background: url("/images/layout/tableft.gif") no-repeat left top;
  margin: 0px;
  padding: 0px 0px 0px 5px;
  text-decoration: none;
}

#tabs a span {
  float: left;
  display: block;
  background: url("/images/layout/tabright.gif") no-repeat right top;
  padding: 5px 15px 4px 6px;
  color: #183863;
}
    
  
#tabs a:hover span {
  color: #FFF;
  cursor: pointer;
}
    
#tabs a:hover {
  background-position: 0% -42px;
}

#tabs a:hover span {
  background-position: 100% -42px;
  cursor: pointer;
}

#tabs #current a {
  background-position: 0% -42px;
}

#tabs #current a span {
  background-position:100% -42px;
  color:#FFF;
}

/************/
/* BANNERS  */
#banner-1, #banner-2, #banner-3 {
  float:left;
  width:246px;
  height:57px;
  cursor: pointer;
}

#banner-2, #banner-3 {
  margin-left:17px;
}

#banner-1 img, #banner-2 img, #banner-3 img {
  border: 0px;
}


/*****************/
/* PROJECTKAART */
#projectkaart {
  background-image: url(/images/pages/57384_overzichtskaart.jpg); 
  background-repeat: no-repeat; 
  background-position: top left;
  width: 795px;
  height: 420px;
  position: relative;
}

#projectkaart img {
  cursor: pointer;
  border: 0px;
}


/***************/
/* LICHTKRANT */
marquee.lichtkrantmds {
  width: 445px; 
}

#lichtkrantmds {
  padding-left: 0px;
  padding-right: 0px;
  background-color: #183863; 
  color: #ffffff; 
  height: 18px; 
  width: 100%;
  text-align: center;
}

marquee.lichtkrantprojecten {
  width: 780px; 
}

#lichtkrantdiv {
  margin-left: 5px; 
  padding-left: 4px; 
  background-color: #183863; 
  color: #ffffff; 
  height: 18px; 
  width: 781px;
}

.blok {
  display:inline-block;
}


div.blok {
  margin-bottom:10px;
  margin-top:10px;
}

/**********************************************/
/* Opmaak div tabel 				*/
.tabel2{
   position: relative; 
   float: left; 
   width: 100%; 
}

.tabel2 .kolom{
   position: relative; 
   float: left; 
   width: 48%; 
   margin-left : 2px;
   margin-right : 2px;
   padding-left: 4px; 
   padding-right: 4px;
}

.tabel3{
   position: relative; 
   float: left; 
   width: 100%; 
}

.tabel3 .kolom{
   position: relative; 
   float: left; 
   width: 31%; 
   margin-left : 2px;
   margin-right : 2px;
   padding-left: 4px; 
   padding-right: 4px;
}

.kolom .header
{
   background-color:#183863;
   color:white;
   font-size:1em;
   font-weight:bold;
   text-align:left;
   padding-left: 2px; 
   width: 100%; 
}

div .hidden {
  visibility: hidden;
  position: absolute;
}

.hidden {
  display: none;
}

blockquote.BlockNote {
	MARGIN-RIGHT: 0px
}

/* Pagina 53308 Home page - Banners*/
#carousel_inner {
float:left;
height:58px;
left:0px;
overflow:hidden;
padding:0px;
position:relative;
width:769px;
}

#carousel_ul {
position:relative;
left:-256px;
list-style-type: none; margin: 0px;
padding: 0px;
width:9999px;
padding-bottom:10px;
}

#carousel_ul li{
float: left;
width:246px;  
padding:0px;
height:50px;
margin-top:0px;
margin-bottom:10px; 
margin-left:5px; 
margin-right:5px; 
}

#carousel_ul li img {
/* styling */
cursor:pointer;
border:0px; 
}

.producten {
  margin:0;
  padding:0;
} 

/* Pagina 54716 */
#DB .mloket_prod {
  border:medium none;
  float:left;
  margin:0;
  padding:0;
  width:220px;
  border-left:1px solid #24618E;
  border-right:1px solid #24618E;
}

#DB .mloket_prod #producten {
  list-style-type:none;
  margin-left:0;
  margin-top:10px;
  padding-left:2px;
} 

#DB .mloket_prod #producten li {
border-bottom:1px dashed #93B0C6;
padding-bottom:4px;
padding-top:2px;
width:215px;
}


#DB .Rechts {
  border:medium none;
  float:left;
  margin:0;
  margin-left:10px;
  padding:0;
  width:520px;
}

#DB .Rechts div {
  border-bottom:1px solid #24618E;
}

#DB .center {
  text-align:center;
}

/* Pagina 54760 Contact */
#googlemap {
   float:right;
   height:225px;
   left:562px;
   margin-right:30px;
   position:absolute;
   top:291px;
   width:345px;
   background-color:#D2E359;
   text-align:center;
  }