@charset "utf-8";
/* CSS Document */

/* pushes the page to the full capacity of the viewing area */
html, body {height:100%; margin:0; padding:0; background-image:url('../figuren/bgcolorBg.png');}
/* prepares the background image to full capacity of the viewing area */
#bg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;}
/* places the content ontop of the background image */
#content {
	position:relative;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #484848;
	z-index:1;
	width: 100%; 
    height: 95%; 
}
#table {height:100%; width:800px; border: 0px solid #000000; padding-top:10px; padding-bottom:10px; padding-right:0px; padding-left:0px;}
.fontColor {color:#FF0000;}
.cursor {cursor:pointer; text-decoration:underline;}

input, textarea, select {font-family: Geneva, Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #98A9D1; background-color: white;}

a.ButtonAlgm:link, a.ButtonAlgm:visited, a.ButtonAlgm:active {color:#484848; text-decoration:none;}
a.ButtonAlgm:hover {color:#8FACCF; text-decoration:none;}

input.ButtonAlg, input.ButtonAlg:focus {
  width: 100px;
  height: 25px;
  background: #c5c5c5;
  text-align: center;
  text-decoration: none;
  border: 1px solid #000000;
  color: #000000;
  font-family:arial, sans-serif; 
  font-size:11px;
  cursor:pointer;
}

input.ButtonAlgOver {
  width: 100px;
  height: 25px;
  background: #ebebeb;
  text-align: center;
  text-decoration: none;
  border: 1px solid #000000;
  color: #000000;
  font-family:arial, sans-serif; 
  font-size:11px;
  cursor:pointer;
}
/* -- einde -- */

/* Index */
div.tableSub {border: 1px solid #000000; background-color:#FFFFFF;}
div.blok1 {height:110px; width:100%;}
div.blok2 {margin: 10px 0px 0px 0px; height:200px; width:100%;}
div.blok3 {z-index:2; margin: 0px 0px 0px 0px; height:33px;width:100%;}
div.blok4 {margin: 0px 0px 0px 0px; width:100%; text-align:left}
div.blok5 {margin: 10px 0px 0px 0px; height:45px; width:100%; background:#FFFFFF;}
div.blok6 {margin: 5px 0px 0px 0px; text-align:center; height:20px; width:100%;}
div.blok7 {margin: 10px 0px 0px 0px; width:100%; text-align:left}
/* -- einde -- */

/* Contactgegevens */
div.blokContactSub1 {float:left; padding:5px;}
div.blokContactSub2 {float:right; padding:5px; width:50%; text-align:left;}
/* -- einde -- */

/* Informatie tonen in het middenscherm */
div.blokData1 {float:left; margin: 10px 0px 10px 10px; height:100%; width:345px;}
div.blokData2 {float:right; margin: 10px 10px 10px 10px; height:350px; width:350px; border:1px solid #000000;}
div.blokData3 {float:right; margin: 10px 10px 10px 0px; height:100%; width:405px;}
div.header {font-weight:bold; font-size:16px; padding-bottom:10px;}
div.break {clear:both; padding-bottom:20px;}
/* -- einde -- */

/* Menu Coolblue*/
div.coolblueBox1 {margin: 10px 10px 10px 10px; width:200px; float:left;}
div.coolblueBox2 {margin: 10px 10px 30px 10px; width:530px; float:right;}
div.coolblueFormBox1 {margin: 10px 0px 10px 10px; width:340px; float:left;}
div.coolblueFormBox2 {margin: 50px 10px 10px 0px; width:410px; float:right;}
.coolblueLinkHouder a {background:url(../figuren/coolblue/coolblue-voucher-houder.png) 0 0 no-repeat;}
.coolblueLinkCarkit a {background:url(../figuren/coolblue/coolblue-voucher-carkit.png) 0 0 no-repeat;}

.coolblueLinkHouder a, .coolblueLinkCarkit a {
	display:block; 
	height:150px; 
	width:250px; 
	text-decoration:none;
	border:1px solid #EFEFEF;
	cursor:pointer;
}
.coolblueLinkHouder a:hover {background:url(../figuren/coolblue/coolblue-voucher-houder-sel.png) 0 0 no-repeat;}
.coolblueLinkCarkit a:hover {background:url(../figuren/coolblue/coolblue-voucher-carkit-sel.png) 0 0 no-repeat;}
/* -- einde -- */

/* Menu Tech Depot */
div.techdepotBox1 {margin: 10px 10px 10px 10px; width:350px; float:left;}
div.techdepotBox2 {margin: 10px 10px 10px 10px; width:300px; float:right;}
div.techdepotFormBox1 {margin: 10px 0px 10px 10px; width:340px; float:left;}
div.techdepotFormBox2 {margin: 50px 10px 10px 0px; width:410px; float:right;}
/* -- einde -- */

/* Menu FAQ */
#targetFaq img {margin-left:50px; margin-bottom:20px;}
#faqVragen { margin-top:-15px;  border-bottom:1px solid #EBEBEB; padding-bottom:5px; padding-top:5px;}
.faqTekst { border: 1px solid #cccccc; background-color: #F1FAFF; padding-bottom: 5px; margin-top: 0px;  margin-bottom: 15px;} 
.faqTekst td {width:350px;}

/* Menu Opdrachtgever */
div.buttonAlgOpdr, div.buttonAlgOpdr:focus {background: #ebebeb;}
div.buttonAlgOverOpdr {background: #ffffff;}
div.planOverflow {width:600px; height:250px; overflow:auto; border:1px solid #98A9D1;}

/* -- einde -- */