html,body {
	height: 100%;
	margin: 0px;
	background: #fff;
	font-family: "Trebuchet MS";
}

a {
      text-decoration: none;
}

table {
      border: 0px;
      padding: 0px;
}

img {
      border: 0px
}

a {
      color: #666;
      text-decoration: none;
}

a:hover {
      color: #666;
      text-decoration: underline;
}

a:visited {
      color: #666;
}

#container {
      position: absolute;
	width: 1000px;
	height: 600px;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -300px;
}

#leftside,#leftside2 {
      position: absolute;
      left: 0px;
      top: 0px;
      height: 580px;
      background: url(img/smile.jpg) no-repeat top right;
}

#leftside {
      width: 470px;
}

#leftside2 {
      width: 300px;
}

#rightside,#rightside2 {
      position: absolute;
      right: 0px;
      top: 0px;
      height: 580px;
}

#rightside {
      width: 530px;
}

#rightside2 {
      width: 700px;
}

#footer {
      position: absolute;
      left: 0px;
      bottom: 0px;
      width: 1000px;
      height: 20px;
      background-color: #000;
      color: #fff;
      font-size: 10px;
}

#rss {
      position: absolute;
      display: table;
      overflow: hidden;
      width: 200px;
      height: 20px;
      left: 5px;
      top: 0px;
}

#vlag {
      position: absolute;
      display: table;
      overflow: hidden;
      width: 100px;
      height: 20px;
      left: 300px;
      top: 0px;
}

#copy {
      position: absolute;
      display: table;
      overflow: hidden;
      width: 500px;
      height: 20px;
      right: 5px;
      top: 0px;
}    

#topright {
      position: absolute;
      left: 0px;
      top: 0px;
      height: 20px;
      width: 100%;
      font-size: 4px;
}

#midright {
      position: absolute;
      left: 0px;
      top: 20px;
      height: 550px;
      width: 100%;    
}

#nav {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 140px;
      height: 550px;
      background-color: #e8e8e8;
      font-size: 14px;
      font-weight: bold;	
}

#menuboven {
      position: absolute;
      top: 10px;
      left: 0px;
      width: 140px;
      height: 200px;
}

#menuonder {
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 140px;
      height: 210px;
}

#content,#content2 {
      position: absolute;
      overflow: hidden;
	color: #666;
      right: 30px;
}

#content,#content2 {
	font-size: 12px;
}

#content {
      width: 340px;
      top: 0px;
      height: 550px;
}

#content2 {
      width: 510px;
      top: 80px;
      height: 470px;
}

#contentkop {
      position: absolute;
      font-size: 12px;
      width: 560px;
      height: 80px;
      top: 0px;
      right: 0px;
}

#contentkop2 {
      position: absolute;
      font-size: 12px;
      width: 390px;
      height: 80px;
      top: 0px;
      right: 0px;
}

#bottomright {
      position: absolute;
      left: 0px;
      bottom: 0px;
      height: 10px;
      width: 100%;
}

#news {
      position: absolute;
      right: 9px;
      bottom: 0px;
      width: 374px;
      font-size: 12px;
      background-color: #fff;
      cursor: pointer;
}

#news2 {
      position: absolute;
      right: 9px;
      bottom: 0px;
      height: 545px;
      width: 374px;
      font-size: 12px;
      background-color: #fff;
      cursor: pointer;
}

#news3 {
      position: absolute;
      overflow: hidden;
      right: 20px;
      bottom: 0px;
      height: 510px;
      width: 350px;
	font-size: 12px;
	color: #666;
      background-color: #fff;
}

#news3 a {
      color: #666;
}

#news3 a:hover {
      text-decoration: underline;
}

#zoekdivback, #zoekdivback2 {
      position: absolute;
      bottom: 0px;
      right: 0px;
      height: 50px;
      background-color: #666;
      filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;

}

#zoekdivback {
      width: 470px;
}

#zoekdivback2 {
      width: 300px;
}

#mpback, #mpback2 {
      position: absolute;
      bottom: 65px;
      right: 0px;
      font-size: 4px;
      height: 20px;
      background-color: orange;
      filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;
}

#mpback {
      width: 470px;
}

#mpback2 {
      width: 300px;
}

#npback, #npback2 {
      position: absolute;
      bottom: 50px;
      right: 0px;
      height: 15px;
      font-size: 4px;
      background-color: #666;
      filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;

}

#npback {
      width: 470px;
}

#npback2 {
      width: 300px;
}

#zoekdiv,#zoekdiv2 {
      position: absolute;
      bottom: 0px;
      right: 0px;
      height: 50px;
      font-family: arial;
      font-size: 14px;
      font-weight: bold;
      color: white;
      vertical-align: middle;
      overflow: hidden;
}

#zoekdiv {
      width: 470px;
}

#zoekdiv2 {
      width: 300px;
}

#mp,#mp2 {
      position: absolute;
      bottom: 65px;
      right: 0px;
      height: 20px;
      font-family: arial;
      font-size: 14px;
      font-weight: bold;
      color: black;
      vertical-align: middle;
}

#mp {
      width: 470px;
}

#mp2 {
      width: 300px;
}

#np,#np2 {
      position: absolute;
      bottom: 50px;
      right: 0px;
      height: 15px;
      font-family: arial;
      font-size: 11px;
      color: white;
      vertical-align: middle;
}

#np {
      width: 470px;
}

#np2 {
      width: 300px;
}

#elementz,#elementz2 {
      position: absolute;
      top: 100px;
      width: 245px;
      height: 245px;
}

#elementz {
      left: 355px;
}

#elementz2 {
      left: 185px;
}

#labz,#formulaz,#toyz,#incentivez {
      position: absolute;
      cursor: pointer;
}

#labz {
      top: 0px;
      left: 0px;
}

#formulaz {
      top: 0px;
      right: 0px;
}

#toyz {
      bottom: 0px;
      left: 0px;
}

#incentivez {
      bottom: 0px;
      right: 0px;
}

.titel {
      position: absolute;
      padding: 5px;
      top: 0px;
      left: 10px;
      height: 45px;
      width: 400px;
}

.subnav {
      position: absolute;
      bottom: 0px;
      right: 0px;
      height: 20px;
      width: 560px;
      color: white;
      font-weight: bold;
      margin: 0px;
      padding: 0px;
      display: table;
      overflow: hidden;
}

.subnavright {
      position: absolute;
      bottom: 0px;
      right: 0px;
      overflow: hidden;
      width: 85px;
      height: 20px;
}

.subnav a {
      color: white;
}

.subnav a:visited {
      color: white;
      text-decoration: none;
}

.subnav a:hover {
      color: white;
      text-decoration: underline;
}

.subnavright a {
      color: white;
}

.subnavright a:visited {
      color: white;
      text-decoration: none;
}

.subnavright a:hover {
      color: white;
      text-decoration: underline;
}

.subnav2 {
      #position: absolute; 
      #top: 50%; 
      display: table-cell; 
      vertical-align: middle;
}

.subnav3 {
      #position: relative;
      #top: -50%; 
      margin-left: 5px;
}

.subnav3b {
      #position: relative;
      width: 80px;  
      #top: -50%;
      text-align: right;
      padding-right: 5px;
}

.subnav4 {
      position: absolute;
      bottom: 0px;
      right: 0px;
      height: 20px;
      width: 390px;
      color: white;
      font-weight: bold;
      margin: 0px;
      padding: 0px;
      display: table;
      overflow: hidden;
}

.contacttitel {
      font-weight: bold;
      font-size: 14px;
}

.contactbox {
      background-color: #ddd;
      color: #666;
      font-family: arial;
      font-size: 12px;
      border: 0px;
      scrolling: auto;
      border-right: 1px solid #666;
      border-bottom: 1px solid #666;
}

.contactbutton {
      background-color: orange;
      color: black;
      font-family: arial;
      font-size: 12px;
      border: 1px solid black;
}

.d8box {
      background-color: #dd6;
      width: 150px;
      font-family: arial;
      font-size: 12px;
      border: 0px;
      border-bottom: 1px solid #f90;
}

.kop1 {
      font-weight: bold;
      font-size: 36px;
      text-align: center;
}

.kop2 {
      font-size: 14px;
      color: black;
      margin-left: 40px;
      font-weight: bold;
}

.kop3 {
      font-size: 12px;
      color: black;
      font-weight: bold;
}

.marge {
      margin-left: 40px;
}

.marge2 {
      margin-left: 13px;
}

.laag {
      margin-top: 40px;
}

.labz {
      font-weight: bold;
      color: #d011b2;
}

.labz a {
      color: #d011b2;
}

.formulaz {
      font-weight: bold;
      color: #89bf52;
}

.formulaz a {
      color: #89bf52;
} 

.toyz {
      font-weight: bold;
      color: #cadb3d;
}

.toyz a {
      color: #cadb3d;
} 

.incentivez {
      font-weight: bold;
      color: #4a8df6;
}

.incentivez a {
      color: #4a8df6;
}

.labzback {
      background-color: #d011b2;
}

.formulazback {
      background-color: #89bf52;
} 

.toyzback {
      background-color: #c8db3d;
} 

.incentivezback {
      background-color: #4a8df6;
}

.balkwit {
      margin: 5px auto;
      width: 85%;
      padding: 4px;
      background-color: #fff;
}

#nieuwsbalk {
      border-left: 3px solid orange;
      border-top: 3px solid orange;
      border-right: 3px solid orange;
      width: 100%;
}

#nieuwsfade {
      margin-left: 15px;
      line-height: 12px;
}

.oranjeback {
      background-color: orange;
}

.oranje1,.oranje2,.oranje3,.oranje4,.oranje5,.oranje6,.oranje7 {
      color: #f60;
}

.oranje8 {
      color: #f93;
}

.oranje9 {
      color: #fc6;
}

.oranje10 {
      color: #fd8;
}

.grijs1,.grijs2,.grijs3,.grijs4,.grijs5,.grijs6,.grijs7 {
      color: #666;
}

.grijs8 {
      color: #999;
}

.grijs9 {
      color: #ccc;
}

.grijs10 {
      color: #ddd;
}

.nieuwsitem {
      height: 15px;
}

#zoekbalk {
      width: 120px;
      border: 0px;
      height: 14px;
      font-size: 11px;
      font-family: arial;
      background-color: white;
      border: 0px;
      padding-left: 3px;
      padding-right: 3px;
}

#scrollbar,#scrollbar2 {
	position: absolute;
	background: url(img/scrolltrack.gif);
      border-top: 3px solid #666;
      border-bottom: 3px solid #666;
	right: 0px;
	bottom: 0px;
	width: 20px;
	visibility: hidden;
}

#scrollbar {
	height: 510px;
}

#scrollbar2 {
	height: 464px;
}
	
#scrollbutton,#scrollbutton2 {
	position: absolute;
	width: 20px;
	height: 12px;
	right: 0px;
	cursor: pointer;
}

#scrollbutton {
	bottom: 498px;
}

#scrollbutton2 {
	bottom: 452px;
}


.link {
      cursor: pointer;
}

.linkoranje a {
      color: orange;
      font-weight: bold;
}

.linkoranje a:hover {
      text-decoration: underline;
}

.menuitem a:hover {
      text-decoration: none;
}

.contacthome {
      position: absolute;
      text-align: right;
      right: 12px;
      top: 5px;
      width: 150px;
      height: 30px;
}

#footer a {
      color: white;
      text-decoration: none;
}

#footer a hover {
      color: white;
      text-decoration: underline;
}

.bannertitel {
      position: absolute; 
      top: 17px; 
      left: 54px;
      color: #000;
      font-size: 22px;
} 

.bannertitellab {
      color: #000;
      font-size: 22px;
      border-bottom: 3px solid #d011b2;
} 

.bannertitelinc {
      color: #000;
      font-size: 22px;
      border-bottom: 3px solid #4a8df6;
}

.bannertiteltoy {
      color: #000;
      font-size: 22px;
      border-bottom: 3px solid #c8db3d;
}  
 
#parametertekst {
      background: url(img/parameterback.gif); 
      color: #000; 
      padding-left: 3px; 
      padding-top: 2px;
      padding-bottom: 2px; 
      width: 150px; 
      position: absolute; 
      bottom: 0px; 
      left: 0px;
      visibility: hidden;
}

#labels {
      position: absolute;   
      top: 5px; 
      right: 5px;
}

.functie {
      font-size: 10px;
}

.thumbholder {
      position: relative;
      width: 100px;
      height: 100px;
} 

#boxloop {
      position: absolute;
      width: 350px;
      height: 494px;
      left: 0px;
      top: 0px;
      overflow: hidden;
	  z-index: 1;
}  

#klikopdebox {
      position: absolute;
      width: 101px;
      height: 10px;
      left: 350px;
      top: 465px;
	  z-index: 2;
} 

