/*
------------------------------------
Designed by:   P. F. Lammertsma
Last revision: 25-09-2005
------------------------------------
*/

html body
{
  margin: 0px 0px 10px 15px;
  padding: 0px;
  background: #FFFFFF url("../images/background_sides.gif") repeat-y left top;
  text-align: left;
  font: small Tahoma,Verdana,Arial,Sans-serif;
  color: black;
}

div.header
{
  background: #f3f0f0 url("../images/header_sides.gif") repeat-y left top;
  position: absolute;
  padding: 0px;
  height: 99px;
}
div.top_bar
{
  width: 662px;
  position: relative;
  margin: 0px;
  padding:66px 0px 0px 118px;
  height: 33px;
  text-align:left;
  background: url("../images/top_bar.jpg") no-repeat left top;
}
div.style_select
{
  position:absolute;
  width:652px;
  height:16px;
  top:0px;
  text-align: right;
  padding:5px;
}
div.border
{
  background: url("../images/border_h.gif") repeat-x;
  height: 5px;
  position: absolute;
  top: 99px;
  width: 780px;
}
div.body
{
  background: url("../images/background.gif") no-repeat right top;
  width: 760px;
  height: 302px;
  position: absolute;
  top: 104px;
  text-align: left;
  padding: 10px 10px 15px 10px;
  margin: 0px auto;
}
div.footer
{
  clear:both;
  margin: 10px auto 0px auto;
  background: #cccccc url("../images/footer_left.gif") no-repeat top left;
  height: 39px;
  vertical-align: middle;
  text-align: center;
  width: 250px;
}
div.footer_content
{
  padding:5px 4px 0px 4px;
  background: url("../images/footer_right.gif") no-repeat top right;
  height: 34px;
  line-height: 14px;
  vertical-align: middle;
  color: #606060;
}
div.page_end
{
  height: 10px;
}

div.main
{
  float:left;
  width: 486px;
}
div.sidebar
{
  width: 271px;
  display: block;
  float: right;
  margin-top: 5px;
}

div.box_a
{
  background: url("../images/box_a.jpg") repeat-y;
}
div.box_a div.content
{
  background: url("../images/box_a_top.jpg") no-repeat;
  padding: 7px 16px 1px 10px;
}
div.box_a_btm
{
  background: url("../images/box_a_btm.jpg") no-repeat;
  height: 13px;
  overflow: hidden;
  margin-bottom: 6px;
}

div.box_b
{
  background: url("../images/box_b.jpg") repeat-y;
}
div.box_b div.content
{
  background: url("../images/box_b_top.jpg") no-repeat;
  padding: 5px 10px 0px 10px;
}
div.box_b_btm
{
  background: url("../images/box_b_btm.jpg") no-repeat;
  height: 8px;
  overflow: hidden;
  padding: 0px;
  margin-bottom: 6px;
}

#tab_index
{
  background: url("../images/tab_index0.gif") no-repeat;
  margin-right:2px;
}

#tab_studie
{
  background: url("../images/tab_studie0.gif") no-repeat;
  margin-right:2px;
}

#tab_vaardig
{
  background: url("../images/tab_vaardig0.gif") no-repeat;
  margin-right:2px;
}

#tab_cv
{
  background: url("../images/tab_cv0.gif") no-repeat;
  margin-right:2px;
}

#tab_werk
{
  background: url("../images/tab_werk0.gif") no-repeat;
  margin-right:2px;
}

#tab_reflect
{
  background: url("../images/tab_reflect0.gif") no-repeat;
  margin-right:2px;
}

div.page_title
{
  font: 20px "Trebuchet MS", Tahoma,Verdana,Arial,Sans-serif;
  line-height: 21px;
  padding: 3px 1px 0px 1px;
  margin-bottom: 10px;
}
div.title
{
  font: medium "Trebuchet MS", Tahoma,Verdana,Arial,Sans-serif;
}
div.error, span.error
{
  color: red;
}

div.date, span.date
{
  font: x-small Tahoma,Verdana,Arial,Sans-serif;
  font-style: italic;
  padding-bottom: 3px;
}

div.par
{
  padding-top: 5px;
  text-align: justify;
}
div.space
{
  padding-top: 5px;
}
div.first
{
  padding-top: 0px;
}
div.center
{
  text-align: center;
}
.middle
{
  vertical-align: middle;
}

div.small, span.small, li.small
{
  font: x-small Tahoma,Verdana,Arial,Sans-serif;
}


div.block
{
  padding: 10px 10px 0px 10px;
  text-align: justify;
}

div.block_end
{
  padding-bottom: 10px;
  text-align: justify;
}

a img
{
  border-width:0;
}
a
{
  color: #4071a9;
}
a:hover
{
  color: #004696;
}

img.preload
{
  display: none;
  visibility: hidden;
}

ul, ol
{
  margin: 0px;
  /*list-style-position: inside;*/
  padding: 0px 0px 0px 25px;
}

sub
{
  line-height: 70%;
  font-size: 75%;
}
sup
{
  line-height: 70%;
  font-size: 75%;
}

table
{
  padding:0px;
  border-collapse: collapse;
}
table.border td, table.border th
{
  border:2px solid #cccccc;
}

th, td
{
  vertical-align: top;
  padding:3px;
  text-align: left;
}
th.middle, td.middle
{
  vertical-align: middle;
}
th.center, td.center
{
  text-align: center;
}

.legend_red
{
  background: #FFB2B2;
}
.legend_mag
{
  background: #FFDCA6;
}
.legend_blu
{
  background: #BFBFFF;
}
.legend_grn
{
  background: #BFFFA6;
}
.legend_ylw
{
  background: #FFFFBF;
}
.legend_cya
{
  background: #BFF2FF;
}

blockquote
{
  margin: 0px 10px 0px 0px;
  padding-left: 3px;
  border-left: 7px solid #dddddd;
}