/*
  algemeen
*/
*{
  font-family:Arial;
}

html, body{
  font-size:11px;
  margin:0; padding:0;
}

 /*
  content
*/
#content{
  float:left;
  width:597px;
  padding:10px 20px;
}


 /*
  header
*/
#header{
  display:block;
  height:81px;
  
  margin:0; padding:0;
  
  background-color:#009;
}

#header a{
  float:left;
  width:195px;
  height:77px;
  
  background-image:url(/data/logo.png);
  background-repeat:no-repeat;
  background-position:left top;
}

#header a em{ display:none; }

#headerLogos{ float:left; margin-left:60px; }
#headerImage1{ float:right; }
#headerImage2{ float:right; }
#headerImage3{ float:right; }
#headerImage4{ float:right; background-color:white; }

 /*
  login formulier
*/
form fieldset.requestPassword{
  display:none;
} /*
  main-nav
*/
#site #main-nav{
  display:block;
  width:783px;
  line-height:28px;
  
  padding:0;
  margin:0;
  margin-top:-28px;  

  list-style-type:none;
  text-align:right;
}

#main-nav li{
  display:inline;
  
  padding-left:10px;
  padding-right:10px;
  
  background-image:url(/data/nav-bg.gif);
  background-repeat:no-repeat;
  background-position:left center;
}

#main-nav li a{ 
  color:white;
  text-decoration:none; 
  text-transform:uppercase;
  font-weight:bold;
}

#main-nav li a em{ font-style:normal; }

#main-nav li ul{ display:none; }
 /*
 opmaak  formulier
*/
form{
  display:block;
  width:496px;
  
  padding:0px;
  margin:0px;

  margin-left:-10px;
  margin-right:-10px;
}

form fieldset{
  border:0px;
  padding:0px;
  margin:0px;
  padding-top:10px;
}

form fieldset legend{
  display:none;
}

form fieldset fieldset legend{
  display:inline;
}

form fieldset label{
  display:block;
  clear:both;
  padding:8px 6px;
}

form fieldset label span{
  float:left;
  width:120px;
  line-height:16px;
  font-size:10px;
  text-align:right;
}

form fieldset label input{
  font-size:11px;

  width:300px;
  line-height:15px;
  
  border-top:1px solid #999;
  border-left:1px solid #999;
  
  border-bottom:1px solid #ddd;
  border-right:1px solid #ddd; 
   
  padding:0px 2px; 
}

form fieldset label textarea{
  font-size:11px;

  border-top:1px solid #999;
  border-left:1px solid #999;
  
  border-bottom:1px solid #ddd;
  border-right:1px solid #ddd; 
   
  width:300px;
}

form fieldset label select{
  font-size:11px;
  
}


/*
  checkbox
*/
form fieldset label.checkbox{
  padding-left:120px;
}

form fieldset label.checkbox span{
  width:auto;
  float:none;
  text-align:left;
}

form fieldset label.checkbox input{
  width:auto;
  border:0px;
  float:left;
}


/*
  radio
*/
form fieldset label.radio{
  padding-left:120px;
}

form fieldset label.radio span{
  width:auto;
  float:none;
  text-align:left;
}

form fieldset label.radio input{
  width:auto;
  border:0px;
  float:left;
}


/*
  knoppen
*/
form fieldset.buttonBar{
  display:block;
  padding-left:129px;
  
  height:30px;
}

form fieldset.buttonBar button{
  margin:0px;
  margin-right:5px;

  font-size:10px;
  text-transform:lowercase;
} /*
  opmaak kopteksten
*/
h2{
  padding:0; margin:0;
  
  line-height:50px;
  
  border-bottom:1px solid #ccc;
  
  text-transform:uppercase;
  font-size:1.4em;
}

h2.trodat{
  
  background-image:url(/data/h2-trodat.gif);
  background-repeat:no-repeat;
  background-position:right center;
}

h2.trotec{
  background-image:url(/data/h2-trotec.gif);
  background-repeat:no-repeat;
  background-position:right center;
}

h2.overakker{
  background-image:url(/data/h2-overakker.gif);
  background-repeat:no-repeat;
  background-position:right center;
}
 /*
  opmaak links
*/
a em{ font-style:normal; }

a img{ border:0; } /*
  opmaak tabellen
*/
#content table{
  border-collapse:collapse;
  border-spacing:0;
  
  display:block;
  width:558px;
  margin:0 auto;
}

#content table.cols{
  background-color:white;
  border-left:1px solid #666;
  border-top:1px solid #666;

  margin-bottom:2em;
}

#content table.cols tbody tr td{
  border-right:1px solid #666;
  border-bottom:1px solid #666;
}

#content table.cols tbody tr td.cell-1{ width:228px; }
#content table.cols tbody tr td.cell-2{ width:18px; }
#content table.cols tbody tr td.cell-3{ width:308px; }


/* products */
#content table.products{ 
  width:auto;

  background-color:white;
  border-bottom:10px solid #999;

  margin-bottom:2em;
}

#content table.products tbody{}
#content table.products tbody tr{}
#content table.products tbody tr td{
  border-top:10px solid #999;
}

#content table.products tbody tr td p{
  
}

#content table.products tbody tr td p a{
  display:block;
  font-size:1.2em;
  text-decoration:underline;
  color:black;
  font-weight:bold;
}

#content table.products tbody tr td p a img{
  float:left;
}
 /*
  opmaak tabellen
*/
table tr td{
  vertical-align:top;
} /*
  print onscreen
*/
.print{ display:none; } /*
  sidebar
*/
#sidebar{
  float:left;
  width:146px;
  
  background-image:url(/data/pand.jpg);
  background-repeat:no-repeat;
  background-position:bottom center;
  
  padding-top:21px;
}

#sidebar address{
  font-style:normal;
  font-size:0.8em;
  text-align:center;
  
  padding:56px 0px;
}

 /*
  site
*/
#site{
  display:block;
  width:783px;
  
  margin:0 auto;
  
  position:relative;
  
  overflow:auto; 
  
  background-image:url(/data/site-bg.gif);
  background-repeat:repeat-y;
  background-position:left top;
}

 /*
  sub-nav
*/
#sub-nav{
  padding:0;
  margin:0;
  padding-left:7px;
  list-style-type:none;
}


#sub-nav li{
  padding-left:10px;
  
  background-image:url(/data/nav-bg.gif);
  background-repeat:no-repeat;
  background-position:left center;
}

#sub-nav li a{ 
  color:black;
  text-decoration:none; 
  line-height:1.5em;
}

#sub-nav li a:hover{ color:red; }

#sub-nav li a em{ font-style:normal; }


 /*
  thumbnails
*/
.thumbnails{
  display:block;
  width:479px;
  height:60px;
 
  position:relative;  
 
  list-style-type:none;
  padding:0px;
  margin:0px;
  margin:0px 10px;
  
  padding-top:430px;

  background-position:center 5px;
  background-repeat:no-repeat;
}

.thumbnails li.forward{
  float:left;
  width:30px;
  height:52px;
  margin:0px;
  
  cursor:pointer;  
  
  background-image:url('/data/tn-forward.png');
  background-repeat:no-repeat;
}

.thumbnails li.reverse{
  float:left;
  width:30px;
  height:52px;
  
  cursor:pointer;  
  
  background-image:url('/data/tn-reverse.png');
  background-repeat:no-repeat;
}

.thumbnails li{
  float:left;
  margin-right:9px;
}

.thumbnails li img{
  height:52px;
  border:0px;
}

.thumbnails .reverse{
  background-image:url('/data/frontpage/reverse.png');
  background-position:left top;
  background-repeat:no-repeat;
}

.thumbnails .forward{
  background-image:url('/data/frontpage/forward.png');
  background-position:left top;
  background-repeat:no-repeat;
}

.thumbnails .description{
  position:absolute;
  left:0px;
  top:410px;
  width:479px;
  text-align:center;
}