/* stylesheet for Brandstoffenhandelvanzessen.nl // by jacco@dream-on.nl */

/* used colors */
/* black */
/* white */
/* DEDEDE -> light grey for background */
/* FF4F00 -> the right orange */


/* body */
body
{
  margin: 0px;
  background-color: DEDEDE;
  background-image:  url(../plaatjes/bg.jpg);
  background-repeat: repeat-x;
  text-align: center;
  font-family: helvetica, tahoma, arial, sans-serif;
}


/* table.main */
table.main
{
  width: 770px;
  height: 100%;
  background-color: white;
  border-left: 12px solid black;
  border-right: 12px solid black;
  padding-left: 4px;
  padding-right: 4px;
}

table.main td
{
  padding: 0px;
}

table.main td.space
{
  width: 4px;
}

table.main td.top
{
  width: 738px;
  height: 114px;
}

table.main td.navi
{
  height: 33px;
}

table.main td.main
{
  background-color: FF4F00;
  background-image: url(../plaatjes/wp_repeat.jpg);
  vertical-align: top;
}

table.main td.bottom
{
  height: 41px;
}


/* table.top */
table.top
{
  width: 738px;
  height: 114px;
}

table.top td
{
  vertical-align: top;
}

table.top td.logo
{
  width: 484px;
  padding-left: 34px;
}

table.top td.ticker
{
  width: 254px;
}


/* table.navi */
table.navi
{
  width: 738px;
  height: 33px;
}

table.navi td.left, table.navi td.right
{
  width: 41px;
}

table.navi td.buttons
{
  background-image:  url(../plaatjes/navi_bg.jpg);
}


/* table.content */
table.content
{
  width: 738px;
  height: 400px;
  background-image:  url(../plaatjes/wp.jpg);
  background-repeat: repeat-x;
}

table.content td
{
  vertical-align: top;
  font-family: helvetica, tahoma, arial, sans-serif;
  font-size: 9pt;
  line-height: 125%;
}

table.content td.content
{
  width: 484px;
  padding-left: 34px;
  padding-right: 50px;
  padding-top: 25px;
  padding-bottom: 15px;
}

table.content td.content img
{
  border: 1px solid black;
}

table.content td.channel
{
  width: 254px;
  padding-left: 0px;
  padding-right: 34px;
  padding-top: 35px;
  padding-bottom: 25px;
}

table.content td.channel img
{
  border: 1px solid black;
}

table.content td.ads
{
  padding-left: 34px;
  padding-right: 34px;
  padding-top: 25px;
  padding-bottom: 15px;
  text-align: center;
  vertical-align: middle;
}



/* table.text */
table.text
{
  width: 400px;
  background-color: white;
  border: 1px solid black;
}

table.text td
{
  padding: 5px;
  font-family: helvetica, tahoma, arial, sans-serif;
  font-size: 9pt;
  line-height: 125%;
}

table.text td.adminhead
{
  background-color: black;
  color: white;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
}

table.text td.blackbar
{
  background-color: black;
  color: white;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
}

table.text td img
{
  float: left;
  margin-right: 8px;
}


/* table.product */
table.product
{
  width: 400px;
}

table.product td
{
  font-family: helvetica, tahoma, arial, sans-serif;
  font-size: 9pt;
  line-height: 125%;
}

table.product td.pic
{
  width: 92px;
}

table.product td.pic img
{
  border: 1px solid black;
}

table.product td.spacer
{
  width: 308px;
  height: 10px;
}

table.main table.content table.product td.spacer img
{
  border: 0px solid black;
}

table.product td.name
{
  height: 25px;
  background-color: black;
  color: white;
  padding-left: 5px;
  font-weight: bold;
  font-size: 9pt;
  vertical-align: middle;
}

table.product table.protext
{
  width: 308px;
  background-color: white;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}

table.product table.protext td
{
  padding: 5px;
  font-family: helvetica, tahoma, arial, sans-serif;
  font-size: 9pt;
  line-height: 125%;
}


/* table.ads */
table.ads
{
  width: 250px;
}

table.ads td
{
  color: white;
  font-family: helvetica, tahoma, arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-align: center;
}

table.ads td a
{
  color: white;
}

table.ads td.topp
{
  padding-bottom: 8px;
}

table.ads td.ad
{
  border: 5px solid white;
}

table.ads td.ad img
{
  border: 1px solid black;
}

table.ads td.previous
{
  text-align: left;
  padding-top: 8px;
}

table.ads td.delete
{
  text-align: center;
  padding-top: 8px;
}

table.ads td.next
{
  text-align: right;
  padding-top: 8px;
}

table.ads td.onoff
{
  padding-top: 8px;
  font-weight: normal;
}


/* table.form */
table.form
{
  width: 100%;
}

table.form td
{
  padding: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-family: helvetica, tahoma, arial, sans-serif;
  font-size: 9pt;
  line-height: 125%;
}

table.form td.left
{
  width: 120px;
  padding-top: 6px;
}


/* form styles */
input, select, textarea
{
  font-family: helvetica, tahoma, arial, sans-serif;
  font-size: 9pt;
  line-height: 125%;
  padding-top: 3px;
  padding-bottom: 3px;
}

input.file
{
  margin-bottom: 6px;
}

input.l
{
  width: 230px;
}

textarea.l
{
  width: 230px;
  height: 80px;
}



/* text styles */
a
{
  color: #FF4F00;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}


/* body.popup */
body.popup
{
  margin: 20px;
  background-color: FF4F00;
  background-image:  url(../plaatjes/wp.jpg);
  text-align: center;
}

body.popup img
{
  border: 1px solid black;
}