body {
color: black; 
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
background-color: #f5f5f5; 
margin: 0; 
padding: 0; 

/* overflow-x: hidden; */
}

div#ie6 {
visibility: hidden;
display:none;
}

#ie6 a{
color:blue;
text-decoration: underline;
}

h1 {
font-size: 12px;
margin:0px;
padding:0px;
}

h2 {
font-size: 12px;
margin:0px;
padding:0px;
}


.scroll {
color: black; 
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
background-color: #ddd; 
margin: 0; 
padding: 0; 
overflow-x: auto;
}

.small {
font-size: 12px;
}

td { 
font-size: 12px;
}

td.r {
background-color: #fff;
border-bottom: 1px solid #ddd;
}

tr.r {
background-color: #37190c;
color:white;
}

tr.r a, tr.r th {
color:white;
}

tr.r th {
color:white;
border-bottom: 1px solid #f93;
}

li a{ 
margin-left:-6px; 
} 
 

.header {
background-color: #ff9933; 

}

.content { 
font-size: 11px; 

background-repeat: no-repeat; 
background-position: left top;
padding-left: 12px;
}

.menu { 
color: black;

border-style: solid; 
border-width: 0px 0px 0px 0px; 
border-color: #eee666
}

.flashbanner { 
margin-left:-6px;
color: black;

border-style: none; 
border-width: 0px 0px 0px 0px; 
border-color: #000 #000 #000 #000 
}

.menuover { 
color: black; 

border-style: solid; 
border-width: 0px 0px 0px 0px; 
border-color: #666eee 
}

.menuspace { 
font-size: 2px;  
border-bottom: 1px solid #ffa348;
}

.menuover.a { 
color: white;  
}

.menuover.a.menu { 
color: white;  
}

a.menu, a.menu:active, a.menu:visited { 
color: white; 
text-decoration: none;
border-style: none;
background-color: transparent; 
list-style-type: disc;
}

a.menu:hover { 
color: #ffcc99; 
text-decoration: none; 
border-style: none;
background-color: transparent; 
list-style-type: circle;
}

a.zwart, a.zwart:active, a.zwart:visited { 
color: black; 
text-decoration: none;
font-weight: bold; 
border-style: none;
background-color: transparent; 
list-style-type: disc;
}

a.zwart:hover { 
color: white; 
text-decoration: none; 
font-weight: bold; 
border-style: none;
background-color: transparent; 
list-style-type: circle;
}

a.header {
  color: #666666;
font-weight: bold; 
  text-decoration: none;
  background-color: #cccccc; 
  }

a.header:hover { 
  color: #ff9933;
font-weight: bold; 
  text-decoration: none;
  background-color: #cccccc; 
  }

a, a:active, a:visited { 
color: #37190c; 
text-decoration: none
}

a:hover { 
color: #000000; 
text-decoration: none 
}

th a, th a:active, th a:visited {
color: #000;
text-decoration: none
}

th a:hover {
color: #000000;
text-decoration: none
}


.kopje { 
font-weight: bold; 
background-color: #37190c; 
color:#f93;
}

.xxkopje { 
font-weight: bold; 
background-color: #ff9933; 
color:#37190c;
}

.kopje2 { 
font-weight: bold; 
background-color: #ff9933; 
color:#37190c;
}

.kopje3 { 
font-weight: bold; 
background-color: #eeeeee; 
color:#37190c;
}



.x  { 
font-size: 1px; 
border-top: 1px solid #999; 
border-bottom: 1px solid #999; 
}

.large { 
font-size: 18px 
}

.k1 {
background-color: #b7b7b7; 
}

.k2 {
font-size: 18px;
font-weight: bold;  
}

.banner {
width: 120px;
height: 60px;
border-left:1px solid #eee;
border-top:1px solid #eee;
border-right:3px solid #ddd;
border-bottom:3px solid #ddd;
}

.bancartd {
vertical-align:text-top;
}

.bancartd table {
height: 820px;
}

.bancartd table td {

}

.zb-inp {
width: 100px;
color: black; 
font-size: 11px;
background-color: #ffffff;
border-style: solid; 
border-width: 1px 1px 1px 1px; 
border-color: #666 #666 #666 #666; 
}

.zb-but {
width: 100px;
color: black; 
font-size: 11px;
background-color: #cccccc;
border-style: solid; 
border-width: 1px 1px 1px 1px; 
border-color: #fff #666 #666 #fff; 
}

.kader-lb    { font-size: 3px; background-image: url(/img/ent-hoek-lb.gif); background-position: left top; background-color: #f93;}
.kader-b     { font-size: 3px; background-image: url(/img/ent-hoek-b.gif); background-position: left top; background-color: #f93;}
.kader-rb    { font-size: 3px; background-image: url(/img/ent-hoek-rb.gif); background-position: right top; background-color: #f93;}

.kader-lo    { font-size: 3px; background-image: url(/img/ent-hoek-lo.gif); background-position: left bottom; }
.kader-o     { font-size: 3px; background-image: url(/img/ent-hoek-o.gif); background-position: left bottom; }
.kader-ro    { font-size: 3px; background-image: url(/img/ent-hoek-ro.gif); background-position: right bottom; }

.kader-body  { padding-right: 0px; padding-left: 0px; border-top:#cc6600;  }
.kader-body-logo  { padding-right: 0px; padding-left: 0px; background-color: #ffffff; }
.kader-body-padding   { padding-right: 5px; padding-left: 5px;  }
.gradient    { padding-right: 5px; padding-left: 5px;  }

.logo {
border-style: solid; 
border-width: 0px 0px 0px 0px; 
border-color: #ddd #ddd #ddd #ddd; 
}	

.left {
border-style: solid; 
border-width: 5px 0px 0px 0px; 
border-color: #ddd #ddd #ddd #ddd; 
}	

.member-img {
border-style: solid; 
border-width: 1px 4px 4px 1px; 
border-color: #666 #666 #666 #666;
}

.footer { 
background-image: url(/nof/images/footer.gif);
background-color: #cccccc; 
background-repeat: repeat-x;
background-position: right bottom; 
}

.product-tree {
font-size: 18px;
font-weight: bold;
}

a.xxx, a.xxx:active, a.xxx:visited { 
color: #ddd; 
font-size: 8px; 
text-decoration: none;
}

a.xxx:hover { 
color: #ddd; 
font-size: 8px; 
text-decoration: none 
}

li {

}

vactd.li {

list-style-type: square;
}

/* |||||||||||||||||||| nieuwe css |||||||||||||||||||||||||||||||||||*/

.vactd {border-bottom:1px solid #eee;  padding-bottom: 5px;}
.vackop { color: #000;}
a.vackoplink, a.vackoplink:visited, a.vackoplink:active { color: #000;}
a.vackoplink:hover {color: #f93;}
.hide {display:none;}

.verbergen {display:none; visibility:hidden;}

#promo        {border: 1px solid #ddd; width: 552px; height: 220px; float:left; margin:5px;
               background-color: #fff; background-image: url(/img/bgkadertjes.gif); 
               background-repeat: no-repeat; background-position: right bottom; }
/* #promo .tekst {color:white;} */
#nieuws       {border: 1px solid #ddd; width: 410px; height: 452px; float:left; margin:5px;
               background-color: #fff; background-image: url(/img/bgkadertjes.gif); 
               background-repeat: no-repeat; background-position: right bottom; }
               
#nieuws2       {border: 1px solid #ddd; width: 410px; height: 140px; float:left; margin:5px;
               background-color: #fff; background-image: url(/img/bgkadertjes.gif); 
               background-repeat: no-repeat; background-position: right bottom; }
#nieuws2 h2 {padding:0; margin:0;}

.nieuwskoppen {border-bottom:1px solid #ccc; border-top:2px solid white;}
.nieuwskoppen2 {border-bottom:1px solid #ccc; border-top:2px solid white; text-align:left;}
div.nieuwskoppen2 a { }
#nieuwsartikel {border: 1px solid #ddd; float:left; margin:5px; width:834px;
               background-color: #fff; background-image: url(/img/bgkadertjes.gif); 
               background-repeat: no-repeat; background-position: right bottom; }
               
#tekstartikel {border: 1px solid #ddd; float:left; margin:5px; width:834px;
               background-color: #fff; background-image: url(/img/bgkadertjes.gif); 
               background-repeat: no-repeat; background-position: right bottom; }
               
#tekoop       {border: 1px solid #ddd; width: 410px; height: 220px; float:left; margin:5px;
               background-color: #fff; background-image: url(/img/bgkadertjes.gif); 
               background-repeat: no-repeat; background-position: right bottom; }

#tehuur       {border: 1px solid #ddd; width: 410px; height: 220px; float:left; margin:5px;
               background-color: #fff; background-image: url(/img/bgkadertjes.gif); 
               background-repeat: no-repeat; background-position: right bottom; }
#vacatures    {border: 1px solid #ddd; width: 410px; height: 220px; float:left; margin:5px;
               background-color: #fff; background-image: url(/img/bgkadertjes.gif); 
               background-repeat: no-repeat; background-position: right bottom; }
#vacaturevlak {overflow: auto;}
#klanten      {border: 1px solid #ddd; width: 410px; height: 220px; float:left; margin:5px;
               background-color: #fff; background-image: url(/img/bgkadertjes.gif); 
               background-repeat: no-repeat; background-position: right bottom; }
#zoeken       {border: 1px solid #ddd; width: 410px; height: 220px; float:left; margin:5px;
               background-color: #fff; background-image: url(/img/bgkadertjes.gif); 
               background-repeat: no-repeat; background-position: right bottom; }
#meestgez     {border: 1px solid #ddd; width: 410px; height: 220px; float:left; margin:5px;
               background-color: #fff; background-image: url(/img/bgkadertjes.gif); 
               background-repeat: no-repeat; background-position: right bottom; }
#filmpjes     {border: 1px solid #ddd; width: 270px; height: 220px; float:left; margin:5px;
               background-color: #fff; background-image: url(/img/bgkadertjes.gif); 
               background-repeat: no-repeat; background-position: right bottom;  }
#filmpjes .tekst {color:white;}
#leegvak      {border: 1px solid #ddd; width: 270px; height: 220px; float:left; margin:5px;
               background-color: #fff; background-image: url(/img/bgkadertjes.gif); 
               background-repeat: no-repeat; background-position: right bottom; }
#bannercar    {border: 1px solid #ddd; width: 136px; height: 834px; float:left; margin:5px;
               background-color: #fff; background-image: url(/img/bgkadertjes.gif); 
               background-repeat: no-repeat; background-position: right bottom; }
#bannergroot  {border: 1px solid #ddd; width: 830px; float:left; margin:5px;
               text-align: center; background-color: #DEEFF7; padding:2px;}
#bannergroot2 {border: 1px solid #ddd; width: 834px; float:left; margin:5px;
              text-align: center;} 
              
#cloud {border: 1px solid #ddd; width: 834px; float:left; margin:5px;
              text-align: center; color:#ccc; background-image: url(/img/bgkadertjes.gif); 
               background-repeat: no-repeat; background-position: right bottom; } 
              
              
#bannersonder { width: 834px; float:left; margin:5px;
              text-align: center;} 
#rectangle01 {border: 1px solid #ddd; width: 199px; height: 150px; float:left; margin:5px;
              text-align: center; background-color:#eee;} 
#rectangle02 {border: 1px solid #ddd; width: 408px; height: 150px; float:left; margin:5px;
              text-align: center;} 
#rectangle03 {display: none; visibility: hidden; border: 1px solid #ddd; width: 199px; height: 150px; float:left; margin:5px;
              text-align: center;} 
#rectangle04 {border: 1px solid #ddd; width: 199px; height: 150px; float:left; margin:5px;
              text-align: center;} 
              
              
              
.zoekensite   {color:#f93; font-size:10px;}
.zoekinput[disabled] {background-color:#37190c; border:1px solid #f93; font-size:10px;}    
.zoekinput    {background-color:#fff; border:1px solid #f93; font-size:10px; width:200px;}    
.zoekinputbut { background-color:#37190c; border:1px solid #f93; color:white; font-size:10px;}  
.bruin a {color:#f93;}
.bruin a:hover {color:white;}

a.maps {
color: blue;
text-decoration:underline;

}

div#gmap {
float:left; 
width: 550px; 
height: 450px; 
border: 1px solid black;
}

div#gmap_small {
width: 350px; 
height: 150px; 
border: 1px solid black;
}

div#googlemapsdiv {
height:280px;
width:350px;
}

div#resultcontent {
width:246px;
height:430px;
border:1px solid #37190c;
overflow: auto;
float: right;
background-color:white;
}

#resultcontent table {
width: 226px;
}

#resultcontent table td{
border-bottom:1px dashed #ccc;
}

div#placeholder div{
width:246px;
height:450px;
border:1px solid #37190c;
float: right;
text-align:center;

}

div#placeholder div img{
margin-top:160px;
}


div#resulttitel {
width:244px;
height:17px;
border-top:1px solid #37190c;
border-left:1px solid #37190c;
border-right:1px solid #37190c;
float: right;
background-color: #f93;
color: #37190c;
padding-left:2px;
padding-top:2px;
}

#resultcontent img {
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:3px solid #999;
border-bottom:3px solid #999;
width:100px;
height:75px;
}

div#gmaprelations {
width: 550px; 
height: 450px; 
border: 1px solid black;
}

div#resultrelations {
width:800px;
height:350px;
border:1px solid #37190c;
overflow: auto;
background-color:white;
}

#resultrelations table {
width:770px;
}

div#resulttitelrelations {
margin-top:15px;
width:798px;
height:17px;
border-top:1px solid #37190c;
border-left:1px solid #37190c;
border-right:1px solid #37190c;
background-color: #f93;
color: #37190c;
padding-left:2px;
padding-top:2px;
}

div#tabtekoop{
height:200px;
overflow: auto;
}

.tabs {
border-bottom:1px solid black;
height:36px;
width: 814px;
 }

 
.tabthmbactive1 {
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid white;
background-color:white;
font-weight:bold;
font-size: 0.8em;
background-image: url(/img/tab-thmb-1.gif);
background-repeat: no-repeat;
width: 160px;
height: 28px;
margin-left:1px;
margin-right:1px;
float:left;
padding-left:38px;
padding-top:7px;
}

.tabthmbactive0 {
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid black;
background-color:#eee;
font-size: 0.8em;
background-image: url(/img/tab-thmb-0.gif);
background-repeat: no-repeat;
width: 160px;
height: 27px;
margin-left:1px;
margin-right:1px;
margin-top:3px;
float:left;
padding-left:38px;
padding-top:5px;
}



.tabthzbactive1 {
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid white;
background-color:white;
font-weight:bold;
font-size: 0.8em;
background-image: url(/img/tab-thzb-1.gif);
background-repeat: no-repeat;
width: 160px;
height: 28px;
margin-left:1px;
margin-right:1px;
float:left;
padding-left:38px;
padding-top:7px;
}

.tabthzbactive0 {
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid black;
background-color:#eee;
font-size: 0.8em;
background-image: url(/img/tab-thzb-0.gif);
background-repeat: no-repeat;
width: 160px;
height: 27px;
margin-left:1px;
margin-right:1px;
margin-top:3px;
float:left;
padding-left:38px;
padding-top:5px;
}

.tabtkactive1 {
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid white;
background-color:white;
font-weight:bold;
font-size: 0.8em;
background-image: url(/img/tab-tekoop-1.gif);
background-repeat: no-repeat;
width: 160px;
height: 28px;
margin-left:1px;
margin-right:1px;
float:left;
padding-left:38px;
padding-top:7px;
}

.tabtkactive0 {
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid black;
background-color:#eee;
font-size: 0.8em;
background-image: url(/img/tab-tekoop-0.gif);
background-repeat: no-repeat;
width: 160px;
height: 27px;
margin-left:1px;
margin-right:1px;
margin-top:3px;
float:left;
padding-left:38px;
padding-top:5px;
}

.tabpersactive1 {
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid white;
background-color:white;
font-weight:bold;
font-size: 0.8em;
background-image: url(/img/tab-personeel-1.gif);
background-repeat: no-repeat;
width: 160px;
height: 28px;
margin-left:1px;
margin-right:1px;
float:left;
padding-left:38px;
padding-top:7px;
}

.tabpersactive0 {
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid black;
background-color:#eee;
font-size: 0.8em;
background-image: url(/img/tab-personeel-0.gif);
background-repeat: no-repeat;
width: 160px;
height: 27px;
margin-left:1px;
margin-right:1px;
margin-top:3px;
float:left;
padding-left:38px;
padding-top:5px;
}

.tabveilingactive1 {
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid white;
background-color:white;
font-weight:bold;
font-size: 0.8em;
background-image: url(/img/tab-veiling-1.gif);
background-repeat: no-repeat;
width: 160px;
height: 28px;
margin-left:1px;
margin-right:1px;
float:left;
padding-left:38px;
padding-top:7px;
}

.tabveilingactive0 {
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid black;
background-color:#eee;
font-size: 0.8em;
background-image: url(/img/tab-veiling-0.gif);
background-repeat: no-repeat;
width: 160px;
height: 27px;
margin-top:3px;
margin-left:1px;
margin-right:1px;
float:left;
padding-left:38px;
padding-top:5px;
}
 
img.resultimg {
 width:100px;
 height:75px;
 }
 
#logocontrol.gmnoprint {
visibility:hidden;
display:none;
}

#zoekopties table td{
border-bottom:1px solid #ddd;
}

#zoekopties table{
width:352px;
}

#zoekopties h2{
background-color: #f93;
padding:2px;
margin:0;
}

#resultaten table td{
border-bottom:1px solid #ddd;
background-color:transparent;
}

#banner5{
position: absolute; 
top: 0px; 
right: 0px;
}


/*  OUDE PDLTREE */
#catlist {
border-bottom: 1px solid #37190c;
width: 195px; 
float:left; 
margin-left:5px;
margin-right:5px;
margin-top:1px;
margin-bottom:1px;
text-align: left;
vertical-align:middle;
height: 30px;
}

#catlist img {
float: right;
width: 60px;
height: 25px;
vertical-align:middle;
}

#catlist a {
color: #37190c;
font-size: 0.9em;

}

#catlist a:hover {
color: #ff9933;
font-size: 0.9em;

}

#catlistcategorie {
//border-bottom: 1px solid #37190c;
width: 260px;
float:left;
margin-left:5px;
margin-right:5px;
margin-top:1px;
margin-bottom:1px;
text-align: left;
vertical-align:middle;
height: 160px;
}

#catlistcategoriedetail {
}

#catlistcategorie2 {
width: 260px;
float:left;
margin-left:5px;
margin-right:5px;
margin-top:1px;
margin-bottom:1px;
text-align: left;
height: 170px;
}

#catlistimg2 {
text-align: center;
}

#catlisttxt2 {
background-color: #37190c;
padding:2px;
}

#catlisttxt2 a{
font-weight:bold;
color: #f93; 
}

#catlisttxt2 img{
margin-top:2px;
}

#catlistdetails2{
background-color: #fff; 
/*background-image: url(/img/bgkadertjes.gif); */
background-repeat: no-repeat; 
background-position: right bottom;
border: 1px solid #ddd;
height: 70px;
padding:3px;
}

#catlistmeer2{
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
text-align: left;
background-color: #fff;
padding-left:3px;
}

#catlistmeer2 a{
color:#f93;
font-size: 0.9em;
}

#catlistmeer2 a:hover{
color:#37190c;
}