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

a:link {color:#6a6969; text-decoration: none;}
a:visited {color: #6a6969; text-decoration: none;}
a:hover {border-bottom: 1px solid #68abf6;}
a:active {color: #6a6969;text-decoration: none;}

body{
background-image: url(images/achtergrondbudgetprijskeuken.gif);
}
h1{
margin-bottom: 0px;
padding-bottom: 0px;
}
h2{
font-size: 12px;


}
#slechts{
text-align: right;
padding-right: 20px;

}
.tabel{
font-family: "Calibri";
font-size: 12px;
color: #6a6969;

}
#brochures{
position: absolute;
 left: 150px;"


}
.voorkom{
text-align: center;
font-weight:bold;
font-size:24px;
color: #000000;
}
.introttekst{
text-align: left;
font-size: 22px;
}
.contact{
font-family: "Calibri";
font-size: 12px;
color: #6a6969;

}
#waarom{
position: absolute;
top: 330px;
left: 130px;
font-family: "Calibri";
font-size: 14px;
color: #6a6969;
font-weight: bold;

}
#menu{
	position: absolute;
	width: 821px;
	height: 39px;
	top: 5px;
	left: 7%;
	z-index: 99;
	background-image: url(images/achtergrondbudgetprijskeuken.gif);
}
#menu1{
	position: absolute;
	width: 118px;
	height: 39px;
	left: 0px;
	background-image: url(images/menubuttons/buttonlinks.png);

}
#menu2{
	position: absolute;
	width: 117px;
	height: 39px;
	left: 118px;
	background-image: url(images/menubuttons/buttonhome.gif);
	cursor: pointer;
}
#menu2:hover{
background-image:url(images/menubuttons/buttonhomehover.png);
cursor: pointer;
}
#menu3{
	position: absolute;
	width: 117px;
	height: 39px;
	left: 235px;
	background-image: url(images/menubuttons/buttonbudget.gif);
	cursor: pointer;

}
#menu3:hover{
background-image:url(images/menubuttons/buttonbudgethover.png);
cursor: pointer;
z-index: 99;
}
#menu4{
	position: absolute;
	width: 117px;
	height: 39px;
	left: 352px;
	background-image: url(images/menubuttons/buttonoverons.gif);
	cursor: pointer;

}
#menu4:hover{
background-image:url(images/menubuttons/buttonoveronshover.png);
cursor: pointer;
z-index: 99;
}
#menu5{
	position: absolute;
	width: 117px;
	height: 39px;
	left: 469px;
	background-image: url(images/menubuttons/buttonfaq.gif);
	cursor: pointer;

}
#menu5:hover{
background-image:url(images/menubuttons/buttonfaqhover.png);
cursor: pointer;
z-index: 99;
}
#menu6{
	position: absolute;
	width: 117px;
	height: 39px;
	left: 586px;
	background-image: url(images/menubuttons/buttoncontact.gif);
	cursor: pointer;

}
#menu6:hover{
background-image:url(images/menubuttons/buttoncontacthover.png);
cursor: pointer;
z-index: 99;
}
#menu7{
	position: absolute;
	width: 117px;
	height: 39px;
	left: 701px;
	background-image: url(images/menubuttons/buttonrechtsbrochures.gif);
	cursor: pointer;

}
#menu7:hover{
background-image:url(images/menubuttons/buttonrechtsbrochureshover.png);
cursor: pointer;
z-index: 99;
}

#frontgroot{
	position: absolute;
	width: 823px;
	height: 540px;
	top: 60px;
	left: 7%;
	background-image:url(images/plaatjegroot.jpg);
}
#frontinfo{
	position: absolute;
	width: 823px;
	height: 150px;
	top: 730px;
	left: 7%;
	background-image:url(images/keuken-kopen-achtergrond.png);
	font-family: "Verdana";
	font-size: 10px;
	color: #999999;
}
#banner{
position: absolute;
width: 823px;
height: 90px;
top: 620px;
left: 7%;
padding-left: 40px;
background-image:url(images/bokdamkeukensbanner.jpg);
background-repeat: no-repeat;

}
#info1{
	position: absolute;
	width: 250px;
	height: 130px;
	top: 5px;
	left: 25px;
	padding-left: 5px;
	padding-top: 20px;
}
#info2{
	position: absolute;
	width: 250px;
	height: 130px;
	top: 5px;
	left: 290px;
	padding-left: 5px;
	padding-top: 20px;
}
#info3{
	position: absolute;
	width: 250px;
	height: 130px;
	top: 5px;
	left: 555px;
	padding-left: 5px;
	padding-top: 20px;
}
#titel{
position: absolute;
font-family: "Calibri";
font-size: 36px;
color: #0ea2ee;
top: 5px;
left: 10px;


}
#hoeveelbudget{
	position: absolute;
	width: 260px;
	height: 78px;
	font-family: "Verdana";
	font-size: 18px;
	color: #979696;
	top: 107px;
	left: 164px;
	text-align:center;
	font-style: italic;
	padding-top: 10px;
	}
#betaal{
	position: absolute;
	width: 337px;
	height: auto;
	font-family: "Verdana";
	font-size: 14px;
	color: #585757;
	top: 149px;
	left: 122px;
	font-style: italic;
}
#offerte{
	position: absolute;
	width: 256px;
	height: auto;
	font-family: "Verdana";
	font-size: 14px;
	color: #585757;
	top: 175px;
	left: 226px;
	font-style: italic;
}


#frontleeg{
position: absolute;
width: 823px;
height: 540px;
top: 60px;
left: 7%;
background-image:url(images/achtergrondleeg.png);
background-repeat:no-repeat;
padding-left: 10px;
padding-top: 10px;
font-family: "verdana";
}
#frontleeg2{
position: absolute;
width: 823px;
height: 700px;
top: 60px;
left: 7%;
background-image:url(images/achtergrondleeg2.png);
background-repeat:no-repeat;
padding-left: 10px;
padding-top: 10px;
font-family: "verdana";
}
#frontleeg3{
	position: absolute;
	width: 814px;
	height: 2050px;
	border: 1px solid #9d9d9e;
	top: 60px;
	left: 7%;
	background-image:url(images/legeachtergrond.png);
	background-repeat:no-repeat;
	padding-left: 10px;
	padding-top: 10px;
	font-family: "verdana";
}
#frontleeg4{
position: absolute;
width: 823px;
height: 540px;
top: 60px;
left: 7%;
background-image:url(images/achtergrondleeg.png);
background-repeat:no-repeat;
padding-left: 10px;
padding-top: 10px;
font-family: "verdana";
text-align: center;
}
#frontleeg5{
position: absolute;
width: 823px;
height: 800px;
top: 60px;
left: 7%;
background-image:url(images/achtergrondleeg2.png);
background-repeat:no-repeat;
padding-left: 10px;
padding-top: 10px;
font-family: "verdana";
}
#frontleeg6{
position: absolute;
width: 823px;
height: 800px;
top: 60px;
left: 7%;
background-image:url(images/achtergrondleeg4.png);
background-repeat:no-repeat;
padding-left: 10px;
padding-top: 10px;
font-family: "verdana";
}
#tekstvak{
	position: absolute;
	width: 750px;
	height: 600px;
	top: 68px;
	color: #7a7878;
	font-size: 12px;
}
#tekstvak2{
	position: absolute;
	width: 750px;
	height: 600px;
	top: 30px;
	color: #7a7878;
	font-size: 12px;
}
#voordelen{
	position: absolute;
	width: 407px;
	height: 200px;
	border-right: 1px solid #bebfbf;
}
#technisch{
	position: absolute;
	width: 390px;
	height: 200px;
	left: 407px;
	padding-left: 10px;
}
#vragen{
position: absolute;
width: 800px;
height: 20px;
top: 518px;
left: 0px;
text-align:center;
font-family:"verdana";
font-size:12px;


}
#fronttekst{
	position: absolute;
	width: 400px;
	height: 400px;
	top: 80px;
	left: 417px;
	font-family: "Verdana";
	font-size: 13px;
	color: #606060;
	

}
#maakgebruik{
position: absolute;
width: 500px;
height: 50px;
font-family: "Verdana";
color: #0ea2ee;
font-size: 20px;
text-align: center;
top: 250px;
left: 500px;

}
#tekst{
	position: absolute;
	width: 350px;
	height: 296px;
	left: 37px;
	top: 110px;
	padding-left: 5px;
}
#header{
width: 100%;
height: 200px;
background-image:url(images/headernieuw.jpg);
background-repeat:no-repeat;
position: absolute;
top: 0px;
left: 0px;
}
#button{
width: 200px;
height: 200px;
position: absolute;
top: 235px;
left:950px;
background-image:url(images/pijl.png);
font-family: "Calibri";
font-size: 24px;
color: #6a6969;
text-align:center;
}
#button:hover{
width: 200px;
height: 200px;
position: absolute;
top: 235px;
left:950px;
background-image:url(images/pijlhover.png);
font-family: "Calibri";
font-size: 24px;
color: #6a6969;
text-align:center;
}
.titelcontent{
font-family: "Calibri";
font-size: 12px;
color: #218ff5;
}
.titels{
font-family: "Calibri";
font-size: 20px;
color: #696969;
}
#voorkomen{
font-family: "Calibri";
font-size: 28px;
color: #696969;
position: absolute;
text-align:center;
left:130px;
border-bottom: 2px solid #68abf6;
}
#menubalk{
position: absolute;
width: 1280px;
height: 30px;
border-bottom: 2px solid #bcbbbb;
top: 200px;
left: 0px;
font-family: "Calibri";
font-size: 16px;
color: #6a6969;
}
#ondermenubalk{
position: absolute;
width: 1280px;
height: 55px;
top: 230px;
left: 0px;

}
#item1{
width: 150px;
height: 20px;
position: absolute;
left: 50px;
padding-top: 0px;
text-align: center;
border-right: 2px solid #bcbbbb;
top: 4px;
}
#item2{
width: 150px;
height: 20px;
position: absolute;
left: 200px;
padding-top: 0px;
text-align: center;
border-right: 2px solid #bcbbbb;
top: 4px;
}
#item3{
width: 150px;
height: 20px;
position: absolute;
left: 350px;
padding-top: 0px;
text-align: center;
border-right: 2px solid #bcbbbb;
top: 4px;
}
#item4{
width: 180px;
height: 20px;
position: absolute;
left: 500px;
padding-top: 0px;
text-align: center;
border-right: 2px solid #bcbbbb;
top: 4px;
}
#tekstbox{
	width: 500px;
	position: absolute;
	left: 10px;


}
#infobox1{
	width: 510px;
	height: 300px;
	position: absolute;
	top: 235px;
	left: 400px;
	font-family: "Calibri";
	font-size: 12px;
	color: #6a6969;
	padding: 5px;
	border: 1px solid #bcbbbb;
	background-color: #f6f7f8;
	}
#wolk{
	position: absolute;
	top: 235px;
	left: -20px;
	background-image: url(images/wolk.png);
	width: 400px;
	height:293px;
}

#content{
display: none;
width: 800px;
height: 350px;
position: absolute;
top: 250px;
left:370px;
font-family: "Calibri";
font-size: 12px;
color: #6a6969;
padding: 5px;
border-bottom: 1px solid #bcbbbb;
border-top: 1px solid #bcbbbb;
}
#contentstijl{
width: 200px;
height: 293px;
left: 42px;
position: absolute;
font-family: "Calibri";
font-size: 12px;
color: #6a6969;
padding: 5px;
top: 50px;
border-left: 1px solid #bcbbbb;
border-right: 1px solid #bcbbbb;
}
#contentapp{
width: 200px;
height: 293px;
position: absolute;
top: 50px;
left:300px;
background-color: #f1f0f0;
font-family: "Calibri";
font-size: 12px;
color: #6a6969;
padding: 5px;

}
#contentacc{
width: 200px;
height: 293px;
position: absolute;
top: 50px;
left:560px;
font-family: "Calibri";
font-size: 12px;
color: #6a6969;
padding: 5px;
border-left: 1px solid #bcbbbb;
border-right: 1px solid #bcbbbb;
}
#footer{
width: 100%;
height: 20px;
position: absolute;
background-color: #bcbbbb;
top: 630px;
left: 0px;
font-family: "Verdana";
font-size: 12px;
color: #ffffff;
}
#footer2{
width: 100%;
height: 20px;
position: absolute;
background-color: #bcbbbb;
top: 750px;
left: 0px;
font-family: "Verdana";
font-size: 12px;
color: #ffffff;
}
#footer3{
width: 100%;
height: 20px;
position: absolute;
background-color: #bcbbbb;
top: 800px;
left: 0px;
font-family: "Verdana";
font-size: 12px;
color: #ffffff;
}
#footer4{
	width: 100%;
	height: 20px;
	position: absolute;
	background-color: #bcbbbb;
	top: 2200px;
	left: 0px;
	font-family: "Verdana";
	font-size: 12px;
	color: #ffffff;
}
#footer5{
width: 100%;
height: 20px;
position: absolute;
background-color: #bcbbbb;
top: 850px;
left: 0px;
font-family: "Verdana";
font-size: 12px;
color: #ffffff;
}
#footer6{
	width: 100%;
	height: 20px;
	position: absolute;
	background-color: #bcbbbb;
	top: 900px;
	left: 0px;
	font-family: "Verdana";
	font-size: 12px;
	color: #ffffff;
}
#kiesstijl{
	position: absolute;
	width: 200px;
	height: 230px;
	top: 300px;
	left: 81px;
	border-right: 1px solid #1293f6;
}
#kiesapp{
position: absolute;
width: 200px;
height: 230px;
top: 300px;
left: 301px;
border-right: 1px solid #1293f6;
}
#kieswerkblad{
position: absolute;
width: 200px;
height: 230px;
top: 300px;
left: 521px;
}
#note1{
	position: fixed;
	width: 225px;
	height: 239px;
	top: 350px;
	left: 810px;
}
#advertenties{
position: absolute;
width: 225px;
height: 250px;
left: 930px;
border: 1px solid #999999;
top: 400px;
padding-left: 10px;
padding-top: 10px;
font-family: "verdana";
font-size: 11px;
color: #6a6969;


}
#note2{
position: absolute;
width: 225px;
height: 239px;
background-image: url(images/geldbespaard.png);
top: 300px;
left: 30px;
}

#popup{
	position: absolute;
	width: 500px;
	height: 350px;
	background-image: url(images/popupbackground.jpg);
	background-repeat:no-repeat;
	top: 0px;
	left: 0px;
	padding-top: 15px;
	padding-left: 15px;
	font-family: "Verdana";
	color: #68abf6;
}
#googleads{
position: absolute;
width: 300px;
height: 250px;
left: 920px;
top: 60px;
z-index: 99;
}
#googleadsb{
position: absolute;
width: 160px;
height: 600px;
left: 950px;
top: 100px;
}
#googleads2{
position: absolute;
width: 120px;
height: 650px;
left: 920px;
top: 60px;
z-index: 99;
}
#googleads3{
position: absolute;
width: 160px;
height: 600px;
left: 920px;
top: 60px;
z-index: 99;
}
#googleads4{
position: absolute;
width: 823px;
height: 150px;
left: 7%;
top: 800px;
z-index: 99;
background-color:#00FF00;
}
#flashcontent{
width: 300px;
height: 120px;
position: absolute;
left: 400px;
}
#flashinfo{
width: 270px;
height: 118px;
position: absolute;
left: 125px;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
padding-left: 5px;
font-family: "Verdana";
font-size: 12px;
color: #666666;
}
#pijllinks{
position: absolute;
width: 75px;
height: 150px;
left: 90px;
}
#pijlrechts{
position: absolute;
width: 75px;
height: 150px;
left: 670px;
}
#container {
  position: absolute;
  width: 500px;
  height: 170px;
  overflow: hidden;
  border: 1px solid #48a0fb;
  left: 165px;
}

#scroller {
  width: 860px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}

.content {
  width: 130px;
  height: 170x;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  font-size: .8em;
  text-align:center;
  font-family: "verdana";
  font-size: 11px;
  color: #666666;
}

.scrollNav, .scrollNav a:link, .scrollNav a:visited  {
  font-size: .8em;
  color:#00009C;
  font-weight: bold;
}

<!--[if IE]>
#scroller{
  width: 882px; /* = width + margin left + margin right from the content rule + border*2 from the container rule*/
}

<! [endif]-->