/* Bureau Optimaal Presteren */
/* Design & Code by Activo Internet Solutions, www.activo.nl */

body {
  margin: 0 0 0 0;
  background: url("../images/pages/background.gif") #FFF center top repeat;
}

body.audio {
  margin: 0 0 0 0;
  background: #d1d0ce ;
}

div#full {
 width: 220px;
}

body, table, tr, td, div  {
  font-family: Arial;
  font-size: 11px;
  color: #02393f;
  text-decoration: none;
}

div#boxTitle {
 padding: 0 0 5px 0;
}

td.home       { height: 38px; width: 36px; background: url("../images/menu/home.gif"); }
td.nieuws     { height: 38px; width: 44px; background: url("../images/menu/nieuws.gif"); }
td.diensten   { height: 38px; width: 89px; background: url("../images/menu/diensten.gif"); }
td.refs       { height: 38px; width: 69px; background: url("../images/menu/refs.gif"); }
td.profs      { height: 38px; width: 127px; background: url("../images/menu/profs.gif"); }
td.artikelen  { height: 38px; width: 240px; background: url("../images/menu/artikelen.gif"); }
td.contact    { height: 38px; width: 58px; background: url("../images/menu/contact.gif"); }
td.video      { height: 38px; width: 46px; background: url("../images/menu/video.gif"); }

td.home_a       { height: 38px; width: 36px; background: url("../images/menu/home_a.gif"); }
td.nieuws_a     { height: 38px; width: 44px; background: url("../images/menu/nieuws_a.gif"); }
td.diensten_a   { height: 38px; width: 89px; background: url("../images/menu/diensten_a.gif"); }
td.refs_a       { height: 38px; width: 69px; background: url("../images/menu/refs_a.gif"); }
td.profs_a      { height: 38px; width: 127px; background: url("../images/menu/profs_a.gif"); }
td.artikelen_a  { height: 38px; width: 240px; background: url("../images/menu/artikelen_a.gif"); }
td.contact_a    { height: 38px; width: 58px; background: url("../images/menu/contact_a.gif"); }
td.video_a      { height: 38px; width: 46px; background: url("../images/menu/video_a.gif"); }

td.home_h       { height: 38px; width: 36px; background: url("../images/menu/home_h.gif"); }
td.nieuws_h     { height: 38px; width: 44px; background: url("../images/menu/nieuws_h.gif"); }
td.diensten_h   { height: 38px; width: 89px; background: url("../images/menu/diensten_h.gif"); }
td.refs_h       { height: 38px; width: 69px; background: url("../images/menu/refs_h.gif"); }
td.profs_h      { height: 38px; width: 127px; background: url("../images/menu/profs_h.gif"); }
td.artikelen_h  { height: 38px; width: 240px; background: url("../images/menu/artikelen_h.gif"); }
td.contact_h    { height: 38px; width: 58px; background: url("../images/menu/contact_h.gif"); }
td.video_h      { height: 38px; width: 46px; background: url("../images/menu/video_h.gif"); }

img.home       { height: 38px; width: 36px; border-style: solid; border-width: 0px; }
img.nieuws     { height: 38px; width: 44px; border-style: solid; border-width: 0px; }
img.diensten   { height: 38px; width: 89px; border-style: solid; border-width: 0px; }
img.refs       { height: 38px; width: 69px; border-style: solid; border-width: 0px; }
img.profs      { height: 38px; width: 127px; border-style: solid; border-width: 0px; }
img.artikelen  { height: 38px; width: 240px; border-style: solid; border-width: 0px; }
img.contact    { height: 38px; width: 58px; border-style: solid; border-width: 0px; }
img.video      { height: 38px; width: 46px; border-style: solid; border-width: 0px; }

td.line       { height: 38px; width: 23px; background: url("../images/menu/line.gif"); }
td.line2      { height: 38px; width: 23px; background: url("../images/menu/line2.gif"); }

div#introContent {
  width: 449px;
  padding: 10 0 0 35;
  color: #02393f;
}

div#textContent {
  width: 974px;
  height: 180px;
  padding: 10 0 0 35;
  color: #02393f;
  overflow: auto;
  scrollbar-base-color: #FFF;
  scrollbar-arrow-color: #02393f;
  scrollbar-3dlight-color: #FFF;
  scrollbar-darkshadow-color: #FFF;
  scrollbar-face-color: #FFF;
  scrollbar-highlight-color: #FFF;
  scrollbar-shadow-color: #FFF;
  scrollbar-track-color: #FFF;
}

div#textLong {
  padding: 0 0 0 0;
  width: 670px;
  height: 294px;
  color: #02393f;
  overflow: auto;
  scrollbar-base-color: #FFF;
  scrollbar-arrow-color: #02393f;
  scrollbar-3dlight-color: #FFF;
  scrollbar-darkshadow-color: #FFF;
  scrollbar-face-color: #FFF;
  scrollbar-highlight-color: #FFF;
  scrollbar-shadow-color: #FFF;
  scrollbar-track-color: #FFF;
}

div#dienstText {
  padding: 5px;
}

div#textLongSmall {
  padding: 0 0 0 0;
  width: 650px;
  height: 294px;
  color: #02393f;
  overflow: auto;
  scrollbar-base-color: #FFF;
  scrollbar-arrow-color: #02393f;
  scrollbar-3dlight-color: #FFF;
  scrollbar-darkshadow-color: #FFF;
  scrollbar-face-color: #FFF;
  scrollbar-highlight-color: #FFF;
  scrollbar-shadow-color: #FFF;
  scrollbar-track-color: #FFF;
}

div#textLonger {
  padding: 0 0 0 0;
  width: 670px;
  height: 321px;
  color: #02393f;
  overflow: auto;
  scrollbar-base-color: #FFF;
  scrollbar-arrow-color: #02393f;
  scrollbar-3dlight-color: #FFF;
  scrollbar-darkshadow-color: #FFF;
  scrollbar-face-color: #FFF;
  scrollbar-highlight-color: #FFF;
  scrollbar-shadow-color: #FFF;
  scrollbar-track-color: #FFF;
}


/* start boxes */

table.blue {
  color: #FFF; width: 250px;
  background: #01b2c7 url("../images/box/blue/line.gif") left top repeat-y;
}

td.blueBottom {
  height: 24px; width: 250px;
  background: url("../images/box/blue/bottom.gif") left top no-repeat;
}

td.blueTop {
  height: 146px; width: 250px;
  background: url("../images/box/blue/top.gif") left top no-repeat;
}


table.dark {
  color: #FFF; width: 250px;
  background: #02393f url("../images/box/dark/line.gif") left top repeat-y;
}

td.darkBottom {
  height: 24px; width: 250px;
  background: url("../images/box/dark/bottom.gif") left top no-repeat;
}

td.darkTop {
  height: 146px; width: 250px;
  background: url("../images/box/dark/top.gif") left top no-repeat;
}



table.green {
  color: #FFF; width: 250px;
  background: #66bc46 url("../images/box/green/line.gif") left top repeat-y;
}

td.greenBottom {
  height: 24px; width: 250px;
  background: url("../images/box/green/bottom.gif") left top no-repeat;
}

td.greenTop {
  height: 146px; width: 250px;
  background: url("../images/box/green/top.gif") left top no-repeat;
}

table.orange {
  color: #FFF; width: 250px;
  background: #f36d21 url("../images/box/orange/line.gif") left top repeat-y;
}

td.orangeBottom {
  height: 24px; width: 250px;
  background: url("../images/box/orange/bottom.gif") left top no-repeat;
}

td.orangeTop {
  height: 146px; width: 250px;
  background: url("../images/box/orange/top.gif") left top no-repeat;
}

/* end boxes */


table.darkAlt {
  color: #FFF; width: 310px;
  background: #02393f url("../images/box/dark_alt/line.gif") left top repeat-y;
}

td.darkBottomAlt {
  height: 9px; width: 310px;
  background: url("../images/box/dark_alt/bottom.gif") left top no-repeat;
}

td.darkTopAlt {
  width: 310px;
  background: url("../images/box/dark_alt/top.gif") left top no-repeat;
}

table.orangeAlt {
  color: #FFF; width: 310px;
  background: #f36d21 url("../images/box/orange_alt/line.gif") left top repeat-y;
}

td.orangeBottomAlt {
  height: 9px; width: 310px;
  background: url("../images/box/orange_alt/bottom.gif") left top no-repeat;
}

td.orangeTopAlt {
  width: 310px;
  background: url("../images/box/orange_alt/top.gif") left top no-repeat;
}

table.greenAlt {
  color: #FFF; width: 310px;
  background: #66bc46 url("../images/box/green_alt/line.gif") left top repeat-y;
}

td.greenBottomAlt {
  height: 9px; width: 310px;
  background: url("../images/box/green_alt/bottom.gif") left top no-repeat;
}

td.greenTopAlt {
 width: 310px;
  background: url("../images/box/green_alt/top.gif") left top no-repeat;
}

table.blueAlt {
  color: #FFF; width: 310px;
  background: #01b2c7 url("../images/box/blue_alt/line.gif") left top repeat-y;
}

td.blueBottomAlt {
  height: 9px; width: 310px;
  background: url("../images/box/blue_alt/bottom.gif") left top no-repeat;
}

td.blueTopAlt {
  width: 310px;
  background: url("../images/box/blue_alt/top.gif") left top no-repeat;
}

td.blueTopAlt2 {
  width: 310px;
  background: url("../images/box/blue_alt/top2.gif") left top no-repeat;
}

div#boxTextAlt {
  color: #FFF;
  height: 80px;
  font-size: 11px;
  padding: 17 11 0 17;
}

div#introdiensten {
  width: 500px;
}

div#boxText {
  color: #FFF;
  height: 135px;
  font-size: 11px;
  padding: 17 11 0 17;
}

div#readon {
  font-weight: bold;
  font-size: 10px;
  padding: 5 0 3 160;
}

div#readonAlt {
  font-weight: bold;
  font-size: 10px;
  padding: 5 0 3 220;
}

td.tableTop {
  height: 151px;
  width: 851px;
  background: url("../images/layout/top.gif") #02393f left top no-repeat;
}

div#logo {
  height: 151px;
  width: 1000px;
  background: url("../images/layout/logo.jpg") 799px 46px no-repeat;
}

div#tableTop {
  padding: 30 20 0 20;
}

div#dateTop {
  padding: 0 0 20 0;
  color: #FFF;
}

td.tableText {
  height: 199px;
  background: url("../images/layout/bottomtext.gif") #FFF left top no-repeat;
}

td.tablePages {
  background: url("../images/layout/pagesBackground.gif") left top no-repeat;
  height: 364px;
}

td.tablePagesBottom {
  background: url("../images/layout/pagesBottom.gif") left top no-repeat;
  height: 9px;
}

table.tablePages {
  width: 1000px;
  background: url("../images/layout/pagesLine.gif") #FFF left top repeat-y;
}


table.tablePagesSmall {
  width: 690px;
  background: url("../images/layout/pagesLineSmall.gif") #FFF left top repeat-y;
}

td.tablePagesSmall {
  background: url("../images/layout/pagesBackgroundSmall.gif") left top no-repeat;
  height: 364px;
}

td.tablePagesBottomSmall {
  background: url("../images/layout/pagesBottomSmall.gif") left top no-repeat;
  height: 9px;
}





table.tableContent {
  width: 1000px;
  background: url("../images/layout/pagesBlend.gif") 0px 1px no-repeat;
}

td.tableLeft {
  width: 270px;
}

div#tableContent {
  padding: 30 0 0 30;
}

div#tableDiensten {
  padding: 30 0 0 25;
}

td.bottomInfo {
  height: 20px;
}

td.bottomInfoPages {
  height: 40px;
}


td.footer {
  color: #7f7f7f;
}

div#disc {
  font-size: 10px;
  margin: 0 0 0 0;
}

div#discLine {
  margin: 15 0 0 0;
  padding: 6 0 0 0;
  width: 97%;
  height: 5px;
  border-top: 1px solid #eeeeee;
}

div#text {
  margin: 50 10 20 20;
  color: #FFF;
  width: 500px;
  height: 328px;
  overflow: auto;
  scrollbar-base-color: #2e281c;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-3dlight-color: #2e281c;
  scrollbar-darkshadow-color: #2e281c;
  scrollbar-face-color: #2e281c;
  scrollbar-highlight-color: #2e281c;
  scrollbar-shadow-color: #2e281c;
  scrollbar-track-color: #2e281c;
}

hr {
  color: #dedede;
  background-color: #FFF;
  height: 1px;
}

input.send
{ 
  font-size: 11px;
}

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

select.contact
{ 
  font-size: 11px;
  color: #003456;
  background: #fbfbfb;
  border-style: solid;
  border-color: #a7a6aa;
  border-width: 1px;
}

input.contact
{ 
  padding: 2 2 2 2;
  height: 20px;
  font-size: 11px;
  color: #003456;
  background: #fbfbfb;
  border-style: solid;
  border-color: #a7a6aa;
  border-width: 1px;
}

textarea.contact
{ 
  padding: 2 2 2 2;
  font-family: Arial;
  height: 70px;
  width: 300px;
  font-size: 11px;
  color: #003456;
  background: #fbfbfb;
  border-style: solid;
  border-color: #a7a6aa;
  border-width: 1px;
}

div#maxwidthleft {
  width: 215px;
}

div#photo {
  padding: 0 10 10 0; 
}

div#contact {
  height: 11px;
  padding: 0 0 0 0; 
}

a:link    { text-decoration: underline; color: #0698a9; }
a:visited { text-decoration: underline; color: #0698a9; }
a:active  { text-decoration: underline; color: #0698a9; }
a:hover   { text-decoration: none;      color: #0698a9; }

a.link_a:link    { text-decoration: underline; color: #02393f; }
a.link_a:visited { text-decoration: underline; color: #02393f; }
a.link_a:active  { text-decoration: underline; color: #02393f; }
a.link_a:hover   { text-decoration: none;      color: #02393f; }

a.readon:link    { text-decoration: underline; color: #FFF; }
a.readon:visited { text-decoration: underline; color: #FFF; }
a.readon:active  { text-decoration: underline; color: #FFF; }
a.readon:hover   { text-decoration: none;      color: #FFF; }

a.mail:link    { text-decoration: underline; color: #0698a9; }
a.mail:visited { text-decoration: underline; color: #0698a9; }
a.mail:active  { text-decoration: underline; color: #0698a9; }
a.mail:hover   { text-decoration: none;      color: #0698a9; }

a.disc:link    { text-decoration: underline; color: #7f7f7f; }
a.disc:visited { text-decoration: underline; color: #7f7f7f; }
a.disc:active  { text-decoration: underline; color: #7f7f7f; }
a.disc:hover   { text-decoration: none;      color: #7f7f7f; }

a.privacy:link {text-decoration: underline ; color: #89d4df; }
a.privacy:visited {text-decoration: underline ; color: #89d4df; }
a.privacy:active {text-decoration: underline ; color: #89d4df; }
a.privacy:hover {text-decoration: none ; color: #89d4df; }

a.link:link {text-decoration: none ; color: #004263; }
a.link:visited {text-decoration: none ; color: #004263; }
a.link:active {text-decoration: none ; color: #004263; }
a.link:hover {text-decoration: underline ; color: #004263; }


div#videoFrame {
  width: 160px;
  height: 100px;
  background: #999;
}

#videoLink {
	float:				left;
}

#videoLink img  {
	vertical-align:		middle;
}

.videoLink {
  margin: 0 2px 0 0;
}