/* .:: stylesheet for www.hetaanzien.nl ::. */
/* .:: by jacco@dream-on.nl ::. */

/* used colors
#FFFFFF - white
#000000 - black

#FF0000 - red
#990000 - dark red (not used yet)
#660000 - very dark red
#E88800 - orange
#000680 - blue
#775A05 - gold
*/


/* .:: body ::. */
body
{
  margin: 0px;
  background-color: #FFFFFF;
}

a:link {font-family: arial; font-size: 10pt; color: #730000; text-decoration: none; font-weight: bold;}
a:visited {font-family: arial; font-size: 10pt; color: #730000; text-decoration: none; font-weight: bold;}
a:hover {font-family: arial; font-size: 10pt; color: #730000; text-decoration: none; font-weight: bold;}
a:active {font-family: arial; font-size: 10pt; color: #730000; text-decoration: none; font-weight: bold;}


/* .:: table.main ::. */
table.main
{
  width: 780px;
  height: 100%;
  background-color: #FFFFFF;
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
}

table.main td.top
{
  height: 50px;
  background-image: url(../plaatjes/bg_top.gif);
}

table.main td.navi
{
  height: 144px;
  background-image: url(../plaatjes/bg_main.gif);
}

table.main td.left
{
  width: 183px;
  vertical-align: top;
  background-image: url(../plaatjes/bg_main_links.gif);
  background-repeat: repeat-y  
}

table.main td.content
{
  width: 597px;
  vertical-align: top;
  background-image: url(../plaatjes/bg_main_rechts.gif);  
}


/* .:: table.leftnavi ::. */
table.main table.leftnavi
{
  width: 158px;
  border: 1px solid #000000;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  background-color: #FFFFFF;
}

table.main table.leftnavi td
{
  padding: 1px;
}

table.main table.leftnavi2
{
  width: 152px;
  font-family: arial, helvetica, sans-serif;
}

table.main table.leftnavi2 td
{
  padding: 0px;
}

table.main table.leftnavi2 td.button
{
  height: 28px;
  vertical-align: bottom;
}  

table.main table.leftnavi2 td.scroll
{
  height: 143px;
  padding-top: 1px;
  padding-bottom: 1px;
  border-bottom: 1px solid #660000;
}


/* body.scroll // iframe navigation! */
body.scroll
{
  color: #000000;
  background-image: url(../plaatjes/verloop.gif);
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
}

body.scroll a
{
  color: #000000;
  text-decoration: underline;
}

body.scroll a:hover
{
  color: #FF0000;
  text-decoration: underline;
}

body.scroll a:active
{
  color: #660000;
  text-decoration: underline;
}


/* .:: table.book ::. */
table.main table.book
{
  width: 597px;
  font-family: arial, helvetica, sans-serif;
}

table.main table.book td.title
{
  width: 412px;
  padding-top: 25px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 18pt;
  font-style: italic;
  font-weight: bold;
}

table.main table.book td.title2
{
  width: 412px;
  padding-top: 25px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 15pt;
  font-style: italic;
  font-weight: bold;
}

table.main table.book td.extra
{
  color: #660000;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 15px;
  font-size: 10pt;
  font-style: italic;
  font-weight: bold;
}

table.main table.book td.info
{
  vertical-align: top;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 25px;
  font-family: times new roman, times, sans-serif;
  font-size: 10pt;
  line-height: 180%;
  font-smoothing: on, 4;
}

table.main table.book td.channeltop
{
  height: 80px;
}


table.main table.book td.channel
{
  width: 185px;
  vertical-align: top;
}


/* .:: text-styles table.book ::. */
table.main table.book td.info span.darkred
{
  color: #660000;
  font-size: 110%;
}

table.main table.book td.info span.red
{
  color: #FF0000;
  font-size: 110%;
}

table.main table.book td.info span.orange
{
  color: #E88800;
  font-size: 120%;
}

table.main table.book td.info span.blue
{
  color: #000680;
  font-size: 105%;
}

table.main table.book td.info span.bluebig
{
  color: #000680;
  font-size: 130%;
}

table.main table.book td.info span.gold
{
  color: #775A05;
  font-size: 115%;
}


table.main table.book td.info span.darkred2
{
  color: #660000;
}

table.main table.book td.info span.red2
{
  color: #FF0000;
}

table.main table.book td.info span.orange2
{
  color: #E88800;
}

table.main table.book td.info span.blue2
{
  color: #000680;
}

table.main table.book td.info span.gold2
{
  color: #775A05;
}


table.main table.book td.channel
{
  width: 185px;
}


/* .:: table.ruilbeurs ::. */
table.main table.ruilbeurs
{
  width: 597px;
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
}

table.main table.ruilbeurs td.title
{
  width: 412px;
  padding-top: 25px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 18pt;
  font-style: italic;
  font-weight: bold;
}

table.main table.ruilbeurs td.extra
{
  color: #E88800;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
  font-size: 10pt;
  font-style: italic;
  font-weight: bold;
}

table.main table.ruilbeurs td.info
{
  vertical-align: top;
  padding-left: 30px;
  padding-right: 30px;
}

table.main table.ruilbeurs td.channel
{
  width: 185px;
  vertical-align: top;
}

table.main table.ruilbeurs td.navileft
{
  padding-left: 30px;
  padding-bottom: 15px;
}

table.main table.ruilbeurs td.naviright
{
  text-align: right;
  padding-right: 30px;
  padding-bottom: 15px;
}


/* .:: table.ad ::. */
table.main table.ruilbeurs table.ad
{
  width: 352px;
  border-top: 2px solid #000000;
  margin-bottom: 20px;
}

table.main table.ruilbeurs table.ad td
{
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  vertical-align: top;
}


table.main table.ruilbeurs table.ad td.category
{
  height: 30px;
  vertical-align: bottom;
  color: #660000;
  font-size: 9pt;
  font-weight: bold;
  font-style: italic;
}

table.main table.ruilbeurs table.ad td.offer
{
  color: #E88800;
  font-size: 12pt;
  font-weight: bold;
  font-style: italic;
}

table.main table.ruilbeurs table.ad td.asked
{
  color: #FF0000;
  font-size: 12pt;
  font-weight: bold;
  font-style: italic;
}

table.main table.ruilbeurs table.ad td.desc
{
  width: 110px;
  font-size: 9pt;
  line-height: 120%;
}

table.main table.ruilbeurs table.ad td.inf
{
  width: 242px;
}

table.main table.ruilbeurs table.ad td.full
{
  width: 352px;
  font-size: 9pt;
  line-height: 120%;
}

table.main table.ruilbeurs table.ad td.question1
{
  color: #FF0000;
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
}

table.main table.ruilbeurs table.ad td.question2
{
  color: #E88800;
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
}


/* .:: table.home ::. */
table.main table.ruilbeurs table.home
{
  width: 352px;
  border-top: 2px solid #000000;
  margin-bottom: 20px;
}

table.main table.ruilbeurs table.home td
{
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  vertical-align: top;
}


table.main table.ruilbeurs table.home td.empty
{
  height: 20px;
  vertical-align: bottom;

}

table.main table.ruilbeurs table.home td.header1
{
  color: #E88800;
  font-size: 14pt;
  font-weight: bold;
  font-style: italic;
}

table.main table.ruilbeurs table.home td.header2
{
  color: #FF0000;
  font-size: 14pt;
  font-weight: bold;
  font-style: italic;
}

table.main table.ruilbeurs table.home td.full
{
  width: 352px;
  font-size: 10pt;
  line-height: 140%;
}


/* .:: table.over ::. */
table.main table.ruilbeurs table.over
{
  width: 352px;
  margin-bottom: 20px;
}

table.main table.ruilbeurs table.over td
{
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  vertical-align: top;
}

table.main table.ruilbeurs table.over td.links
{
}

table.main table.ruilbeurs table.over td.fase
{
  height: 30px;
  vertical-align: bottom;
  color: #660000;
  border-top: 2px solid #000000;
  font-size: 9pt;
  font-weight: bold;
  font-style: italic;
}

table.main table.ruilbeurs table.over td.overtitle
{
  color: #FF0000;
  font-size: 12pt;
  font-weight: bold;
  font-style: italic;
}

table.main table.ruilbeurs table.over td.inf
{
  line-height: 140%;
}




/* .:: table.new ::. */
table.main table.ruilbeurs table.new
{
  width: 100%;
  border-top: 2px solid #000000;
  margin-bottom: 20px;
}

table.main table.ruilbeurs table.new td
{
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  vertical-align: baseline;
}

table.main table.ruilbeurs table.new td.first
{
  padding-top: 20px;
}


table.main table.ruilbeurs table.new td.desc
{
  width: 110px;
  font-size: 9pt;
}

table.main table.ruilbeurs table.new td.desc2
{
  width: 110px;
  font-size: 9pt;
  padding-top: 5px;
  vertical-align: top;
}

table.main table.ruilbeurs table.new td.inf
{
  width: 242px;
}


/* .:: table.text ::. */
table.main table.ruilbeurs table.text
{
  width: 352px;
  border-top: 2px solid #000000;
}

table.main table.ruilbeurs table.text td
{
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  vertical-align: top;
}

table.main table.ruilbeurs table.text td.first
{
  padding-top: 15px;
}


/* .:: info menu right channel ::. */
table.main table.info1
{
  width: 158px;
  margin-bottom: 25px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
}

table.main table.info1 td.head
{
  background-color: #FFFFFF;
  padding: 1px;
  padding-top: 10px;
}

table.main table.info1 td.text
{
  background-color: #FFFFFF;
  background-image: url(../plaatjes/verloop.gif);
  background-repeat: repeat-y;
  padding: 10px;
  padding-top: 2px;
  padding-bottom: 5px;
}

table.main table.info1 table.score
{
  width: 134px;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
}

table.main table.info1 table.score td.number
{
  width: 20px;
}

table.main table.info1 table.score td.name
{
  width: 85px;
}

table.main table.info1 table.score td.score
{
  width: 29px;
  text-align: right;
}


/* .:: question // quiz! ::. */
body.question
{
  background-image: url(../plaatjes/bg_popup.gif);
  vertical-align: center; 
}

body.question table.question
{
  width: 430px;
  margin: 10px;
  margin-top: 0px;
}

body.question table.question td
{
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  vertical-align: top;
}

body.question table.question td.head
{
  padding-top: 30px;
  padding-left: 15px;
  font-size: 9pt;
  font-style: italic;
  font-weight: bold;
}

body.question table.question td.number
{
  height: 30px;
  vertical-align: bottom;
  border-top: 2px solid black;
  color: #660000;
  font-size: 9pt;
  font-weight: bold;
  font-style: italic;
}

body.question table.question td.question
{
  color: #E88800;
  font-size: 11pt;
  font-weight: bold;
  font-style: italic;
  padding-bottom: 10px;
}

body.question table.question td.radio
{
  width: 30px;
}

body.question table.question td.answer
{
  width: 400px;
}

body.question table.question td.submit
{
  height: 30px;
  vertical-align: top;
  padding-left: 30px;
  border-bottom: 2px solid black;
}


/* .:: text-styles ::. */
span.head
{
  color: #E88000;
  font-weight: bold;
}

span.smallred
{
  color: #660000;
  font-size: 9pt;
  font-style: italic;
}


/* .:: lists ::. */
li
{
  list-style-type: square;
}


/* .:: images ::. */
img.borderleft
{ 
  border: 1px solid #000000;
  float: left;
  margin-top: 3px;
  margin-right: 10px;
}

img.borderright
{ 
  border: 1px solid #000000;
  float: right;
  margin-top: 3px;
  margin-left: 10px;
  text-align: right;
}

table.home img
{
  border: 1px solid #000000;
  float: left;
  margin-top: 2px;
  margin-right: 6px;
}

table.home img.right
{ 
  border: 1px solid #000000;
  float: right;
  margin-top: 2px;
  margin-left: 6px;
}


/* .:: layers ::. */
div.gevonden
{
  position: absolute;
  width: 252px;
  background-color: #FFFFFF;
  layer-background-color: #FFFFFF;
  left: 263px;
  filter: alpha(opacity=90);
  padding: 10px;
  padding-top: 8px;
  border: 1px solid black;
  border-left: 2px solid black;
  border-right: 2px solid black;
  margin-top: 15px;
  font-weight: bold;
  text-transform: none;
}


/* .:: forms ::. */
input
{ 
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
}

textarea
{
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
}


/* .:: links ::. */
a
{
  font-family: arial, helvetica, sans-serif;
  color: #660000;
  text-decoration: underline;
}

a:hover
{
  color: #FF0000;
  text-decoration: underline;
}


/* text */
p.sans-serif
{
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
}



div#tradeform
{
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
}

div#tradeform table        { border-collapse: collapse; }
div#tradeform td           { font-size: 10pt; }
div#tradeform td           { vertical-align: top; }
div#tradeform td.tag       { text-transform: capitalize; }
div#tradeform td.tag       { padding-right: 10pt; }
div#tradeform td.tag:after { content: ":"; }

div#tradeform input    { width: 160pt; }
div#tradeform textarea { width: 160pt; height: 100pt; }

div#tradeform tr.submit td { padding-top: 8pt; }

div#tradepage
{
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
}

div#tradepage div.item
{
  border-top: 1px solid #000000;
  padding: 8pt 0pt;
}

div#tradepage div.item h1
{
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
  margin: 0pt;
}

div#tradepage div.item h1:after { content: ":"; }

div#tradepage div.item h2
{
  font-size: 12pt;
  font-weight: bold;
  font-style: italic;
  margin: 0pt;
}

div#tradepage div.demand h1 { color: #ff0000; }
div#tradepage div.demand h2 { color: #ff0000; }
div#tradepage div.supply h1 { color: #e88800; }
div#tradepage div.supply h2 { color: #e88800; }

div#tradepage div.item table        { border-collapse: collapse; }
div#tradepage div.item td           { font-size: 10pt; }
div#tradepage div.item td           { vertical-align: top; }
div#tradepage div.item td.tag       { text-transform: capitalize; }
div#tradepage div.item td.tag:after { content: ":"; }
div#tradepage div.item td.tag       { padding-right: 10pt; }

div#tradepage div.item tr.ldesc td.val { text-align: justify; }

div#tradepage div.nav
{
  border-top: 1px solid #000000;
  padding: 8pt 0pt;
  text-align: right;
  word-spacing: 10pt;
}

div#tradepage div.fase {font-family: arial; font-size: 10pt; color: #730000; text-decoration: none; font-weight: bold;}

.right {
	float: right;
	margin: 0 0 5px 5px;
}