/*
def
*/

* { padding: 0; margin: 0; }


* html #logoheader1, * html #image, * html #groep {overflow-y: hidden;}
/* for image problem IE6 */

html {
height: 100%;
margin: 0 0 1px 0;
}

img { 
 border: 0; 
 }

body{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.7;
}

a {
text-decoration: none;
font-weight: 600;
}



/* titels op de projectpagina's*/
h1  { 
font-weight: bold;
font-size: 12px;
color: #8D342D;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase; 
margin-left: 5px; 
margin-right: 15px; 
}



/* onderwerp op de projectenpagina's */
h2  { 
font-weight: bold;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
margin-left: 5px; 
margin-right: 15px; 
}


h3   {
font-weight: bold;
font-family: Tahoma, Arial, Helvetica, sans-serif;
margin-left: 5px;
margin-top: 4px;
margin-bottom: 4px;
margin-right: 0px; 
font-size: 11px;
}


p  { 
margin-left: 5px; 
margin-right: 15px; 
}

#wrapper { 
 margin: 0 auto;
 width: 964px;
 /*width = 960 leads to the headblock4 container dropping in IE 
  width = 962 leads to the image of  container rightcolumn dropping in IE 
   so do just as in example template*/
}
#logoheader1 {
 width: 240px;
 float: left;
 padding: 0px;
 height: 74px;
 margin: 0px 0px 0px 0px;
 
}
#logoheader2 {
 position: relative;
 width: 720px;
 float: left;
 padding: 0px;
 height: 74px;
 margin: 0px 0px 0px 0px;
/* background-image: url("images/header_line.png");*/
 background-repeat: no-repeat;
 background-position: top right;
}



 /*white row menu - begin*/
.filter_menu_zoeken {
position: absolute; 
left: 480px;
bottom: 11px;
font-size: 11px;
}
.picklist_zoeken {
position: absolute; 
left: 580px;
bottom: 11px;
}
.zoek_menu_zoeken {
position: absolute; 
left: 720px;
bottom: 11px;
margin: 0px;
font-size: 11px;
}

.filter_menu {
position: absolute; 
left: 247px;
bottom: 11px;
font-size: 11px;
}
.picklist {
position: absolute; 
left: 340px;
bottom: 11px;
}

.zoek_menu {
position: absolute; 
left: 487px;
bottom: 11px;
margin: 0px;
font-size: 11px;

}
#logoheader2 a:link, #logoheader2 a:visited { 
color: #00B8DE;
}

#logoheader2 a:hover{ 
text-decoration: none;
color: #96dcff;
}
/*  white row menu - end */


/* css for the blue menu - begin */
#headblock1{ 
 border-right: 1px solid #FFFFFF;
 background: #00AAFF;
 height: 56px;
 width: 238px; 
 float: left;
}

#pag_artikelen
{

	/*background-image: url(images/vline.gif);*/
	width: 950px;

    border-bottom: 1px solid #E3E2E3;
    float: left;
}

.nav a, .nav a:link, .nav a:visited {
display:block; 
float:left; 
height: 54px;
width: 239px;
margin-right: 1px;
text-decoration: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;

margin-top:0px;
margin-left:0px;
text-align:left;
line-height: 50px; 
overflow:hidden;
}

.nav a span {
margin-left: 5px;
}

.nav a:link, .nav a:visited {
	color: #FFFFFF;
	border-bottom: 1px solid #00AAFF;
	border-top: 1px solid #00AAFF;
	background-color: #00AAFF;
}
.nav a:hover {
	color: #FFFFFF;
	border-bottom: 1px solid #00AAFF;
	border-top: 1px solid #00AAFF;
	background-color: #66CCFF;
}


/* JSL - voor de search - begin*/
#insidediv {
margin-left: 5px;
}

input.zoeksubmit {
border:0; 
outline:0;
background: none;
font-weight:bold;
color:#00B8DE;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
}

#zoekbox {
position: absolute; 
left: 478px;
bottom: 11px;
/* line-height: 1.4; */
}

#zoekbox2 {
position: absolute; 
left: 565px;
bottom: 35px;
/* line-height: 1.4; */
}

.searchbutton {
display: inline;
}



#rechts_kolom_13 { 
 border-left: 1px solid #E3E2E3;
 width: 719px;
 float: left;
}

/* JSL - voor de search - end*/
/* css for the blue menu - end */


/* index, adviseurs, */
#groep {
 float: left;
 width: 960px;
 height: 169px;

}

/* architecten, technisch bureau, */
#strip {
 float: left;
 width: 960px;
 height: 267px;
 overflow: auto; 

}



/* alle overige pagina's */
#content {
 float: left;
 width: 960px;
 margin-top: 2px; 


}



/* set the size of the definition list <dl> and add the background image */
#imap {
  display: block; 
  width: 960px; 
  height: 169px; 
  background: url(images/bouwhulpgroep.jpg) no-repeat; 
  position: relative;
}
#imap  {
  background-position: 0 0; 
  cursor: default;
}  
/* place the <dd>s in the correct absolute position */
#imap dd {
  position:absolute; 
  padding:0; 
  margin:0;
  }
#imap #pic1 {
  left: 130px; 
  top: 5px; 
  }
#imap #pic2 {
  left: 270px; 
  top: 15px; 
}
#imap #pic3 {
  left: 410px; 
  top: 5px; 
  }
#imap #pic4 {
  left: 560px; 
  top: 0px; 
  }
#imap #pic5 {
  left: 700px; 
  top: 10px; 
}  
  
  /* style the <dd><a> links physical size and the background image for the hover */
#imap a#arie, #imap a#sandra, #imap a#martin, #imap a#haico, #imap a#jelle {
  display:block; 
  width: 140px; 
  height: 140px; 
  text-decoration:none; 
}

/*
index page
*/

#agenda {
 font-weight: lighter;

 font-family: Arial, Helvetica, sans-serif;
 line-height: 1.2;
 color: #999999;
 height: 60px;
 width: 220px;
 border-top: 1px solid #B6B7B6;
 border-bottom: 1px solid #B6B7B6;
/* border-left: 1px solid #B6B7B6;*/
 overflow: auto;
 margin-left: 5px;
} 

#agenda_column { 

 height: 300px;
 width: 236px;
 float: left;
 line-height: 1.4;
}


#column { 

 height: 300px;
 width: 239px;
 float: left;
 line-height: 1.6;
}

#secondcolumn {
 border-left: 1px solid #E3E2E3;
 height: 300px;
 width: 239px;
 float: left;
}
#thirdcolumn { 
 border-left: 1px solid #E3E2E3;
 height: 300px;
 width: 239px;
 float: left;
}


#rightcolumn { 
 border-left: 1px solid #E3E2E3; 
 height: 300px;
 width: 239px;
 float: left;
}


/* kolommen content */
#secondcolumn img, #thirdcolumn img, #rightcolumn img  { 
margin-top: 4px; 
margin-left: 5px; 
}


#linecolumn {
 border-left: 1px solid #E3E2E3;
 width: 720px;
 float: left;
}

#linecolumn_l {

 width: 479px;
 float: left;
}

#linecolumn_r {
 border-left: 1px solid #E3E2E3;
 width: 480px;
 float: left;
}


#project_l { 
 width: 240px;
 float: left;
}


#project_r {
 width: 720px;
 float: left;
}


.clear { float: left; width: 1px;  }


.dategrey{
color: #999999;
 font-size: 12px;
}

.grey{
color: #818181;
 font-size: 10px;
}

.trefwoorden{
color: #8D342D;
 font-size: 10px;
 
}


/*
kleuren van de project links in de kolommen
LINK 	 	#00aaff  
VISITED	#96dcff
ACTVE  	#96dcff
*/

a.over:link {
font-size: 12px; 
color: #00aaff;
}
a.over:visited { 
color: #83C4E4;
font-size: 12px;
}
a.over:hover { 
text-decoration: underline;
}
a.over:active  { 
color: #96dcff;
}


a.project:link {
font-size: 11px; 
color: #00aaff;
}
a.project:visited { 
color: #83C4E4;
font-size: 11px;
}
a.project:hover { 
text-decoration: underline;
}
a.project:active  { 
color: #96dcff;
}

a.kolom_link:link {
font-size: 11px; 
color: #00aaff;
}
a.kolom_link:visited { 
color: #00aaff;
font-size: 11px;
}
a.kolom_link:hover { 
color: #00aaff;
text-decoration: underline;
}
a.kolom_link:active  { 
color: #00aaff;
}


a.cat_link:link {
font-size: 11px; 
color: #00aaff;
font-weight: lighter;

}
a.cat_link:visited { 
color: #83C4E4;

}
a.cat_link:hover { 
text-decoration: underline;
}
a.cat_link:active  { 
color: #00aaff;
}

a.download_link:link {
font-size: 10px; 
color: #00aaff;
font-weight: lighter;
}
a.download_link:visited { 
color: #83C4E4;
font-size: 10px;
}
a.download_link:hover { 
color: #00aaff;
text-decoration: underline;
}
a.download_link:active  { 
color: #00aaff;
}



ol.list {
	padding:0;
	list-style-type: none;
}

ol.list li {

	border-bottom:solid 1px #E3E2E3;
	margin:12px 0px;

	padding:0px;
	background:#F6F9FA;
}