html,body {
  margin:0;
  padding:0;
  height:100%;
}
p{ 	margin:0; padding:0; }
html, body, textarea, input{
  font: normal 13px Trebuchet MS, Arial, sans-serif;	
}
a, a:visited{ color: #000; }
input, textarea {border: 1px solid #BBBBBB; padding-left: 3px;}
td { vertical-align: top}
li{ margin: 0 0 0 15px; }
ul{
  margin: 0 0 0 15px;
  padding: 0;
  list-style-type: disc;
  line-height: 16pt;
}
ol{
  margin: 0;
  padding: 0;
  list-style-type: decimal;
  list-style-position: inside;
  line-height: 16pt;	
}
img{ border: 0px; }
#logo{
position: relative;
top: 20px;
}
p.kop{
  font: bold 16px Trebuchet MS, Arial, sans-serif;  
  color: #2c326d;
}

#mainbody{     }
div#container {
  background: url(/pict/back.png) repeat-x top;     
  position:relative;
  width:100%;
  height:auto !important; 
  height:100%;
  min-height:100%; /* real browsers */
}
div.centerdiv{
  margin:0 auto;
  width: 900px;
  height:auto !important; 
  height:100%;
}
div#header {
  height: 140px;
}

#zoek{
  z-index:1;
  position: absolute;
  margin-left:700px;
  margin-top: -45px;
}
#offerte{
  z-index:1;
  position: absolute;
    margin-top: -45px;
  margin-left: 400px;
}
#kruimelpad{
  z-index:1;
  width: 600px;
  position: absolute;
  margin-left: 280px;
  margin-top: -5px;
  text-align: right;
}
#offerte a{
  font: bold 16px Trebuchet MS, Arial, sans-serif;  
  color: #2c326d;
}


div#menu{
  float: left;      
  width: 210px;
  margin-bottom: 100px;      
}
div#main{
  float: right;  
  width: 680px;
  margin: 0 0 100px 10px; 
}
div#footer {
 background: url(/pict/footer.png) no-repeat bottom center;   
  position: absolute;
  bottom: 0px;
  width: inherit;   
  height: 100px;
}
#f_left{
  float: left;
  padding: 15px 0px 0px 30px;	
}
#f_right{
  color: #fff;
  float: right;
  padding:15px 30px 0px 0px;
}
#f_right a{
  color: #fff;
  text-decoration: none;
}
#f_right a:hover{
  text-decoration: underline;
}
.clear {
	clear: both;
}
/* adminmenu */
#adminmenu{
  z-index:1;
  position: absolute;
  margin-left: 300px;
}
#adminmenu ul{
    padding: 0;	
	margin: 0;
	white-space: nowrap;
}
#adminmenu li{
    padding: 0;	
	margin: 0;
	display: inline;
	list-style-type: none;
}
#adminmenu a{
    padding: 2px 5px 2px 5px;
	background: #605f4f;
	color: #fff;
	text-decoration: none;	
}
#adminmenu a:hover{
	background: #444;
	color: #fff;
}
#adminmenu span{
  background: #b1c2cc;
  color: #fff; 
  padding: 2px 5px 2px 5px;
}
/* menu */
#navcontainer {
  line-height: 24px;  
  margin: 0;
  width: 200px;
}
#navcontainer ul{
  padding: 0;
  margin: 0;
  list-style-type: none; 
}
#navcontainer li {
  display:inline; 
  margin: 0;
}
#navcontainer a {
  display: block;

  padding: 3px 10px ;
  width: inherit;
  text-decoration: none;
  border-bottom: 1px dotted #000;
}
#navcontainer a:hover,#navcontainer a.actief{
  background: url(/pict/menu_on.png) no-repeat top left;     
  border-bottom: 1px dotted #fff;
}
 /* menu niveau 2*/
#navcontainer ul ul  {
  display: none;
}
#navcontainer ul ul.activesub{
  display: block;
}
#navcontainer ul ul a {
  padding-left: 15px;  
  display: block;
  text-decoration: none;
}
#navcontainer ul ul a:hover, #navcontainer ul ul a.actief  {
  color: #873;
  background: url(/pict/submenu_on.png) no-repeat top left;   
  border-bottom: 1px dotted #fff;
}
/* kaders */
div#nieuwsbericht, div#diensten{
  width: 330px;
  height: 130px;
  background: url(/pict/kader.png) no-repeat top left; 
}
div#nieuwsbericht{
  float: right;
}
 div#diensten{
  float: left;
}
div#nieuwsbericht p, div#diensten p{
padding:0 5px 5px 5px;
}
#diensten_left{
  width: 120px;
    float: left;
}
#diensten_right{
  width: 200px;
  float: right;
}
div#adres_footer{
  float: left;
color: #fff;
  width: 200px;
  height: 70px;
}
div#adres_footer span.geelvet{
  color: #eddf2c;
  font-weight: bold;   
}
div#diensten_footer{
  float: left;
  width: 330px;
  height: 70px;
  color: #eddf2c;
  font-weight: bold;

}
div#diensten_footer a{
  color: #fff;
}

/* reflist*/
#reflist .ref{
  float: left;		
  padding: 10px 10px 10px 0;
  margin-bottom: 5px;
}
#reflist .ref .image{
  width: 200px;
  height: 150px;	
  float: left;
  border: 2px solid #8b8b8d;
}
#reflist .text{
  border-bottom: 1px solid #ccc;
  width: 440px;
  height: 125px;		
  float: right;	
}
#reflist .titel{
  border: 1px solid #ccc;
  margin-bottom: 5px;
  width: 440px;		
  float: right;	
}
#reflist .titel a {
  margin-left: 5px;
  font-weight: bold;
}
#reflist .text p{
 padding-left: 5px;
}
/* detaillog */
#detaillog td{
  font: normal 7.5pt Verdana, sans-serif;
  padding: 0px 2px;	
  border: 1px dotted #ccc;
}
#detaillog tr.kop td{
  background: #b1c2cc;
  color: #fff;	
}
/* log */
#log td{
  text-align: center;
  padding: 0px 7px;
  border-left: 1px solid #000;
}
#log td.title{
  text-align: left;
  font-weight: bold;
  width: 220px;
}	
#toprij td{
  border-left: 0px solid #000;
  border-bottom: 1px solid #000;
  height: 22px;
  vertical-align: middle;
}
#log tr.rijkleur{
  background: #b1c2cc;
}
.kolom{
  float: left;
  width: 232px;
}
.link a{
  text-decoration: none;
  border-bottom: 1px dashed #bbb;
  padding-bottom: 2px;	
}
.link a:hover{
  border-bottom: 1px dashed #fff;	
}