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

body
{
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}

#container
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: auto;
}
#header1
{
	width: 960px;
	height: 32px;
	background-image:url(images/img1.png);
}
#header2
{
	height: 120px;
	width: 960px;
}
.headervak
{
	height: 120px;
	width: 480px;
	float: left;
}
#logo
{
	height: 72px;
	width: 318px;
}
h1
{
	font-family: Helvetica, Arial;
	font-size: 32px;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin: 0;
}
h2
{
	font-family: Helvetica, Arial;
	font-size: 22px;
	color: #ff8f2d;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin: 0;
}
#bel
{
	height: 29px;
	width: 215px;
	font-family: Franklin Gothic Medium, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 53px;
	padding-left: 265px;
}
#menu
{
	height: 41px;
	width: 960px;
	background-image:url(images/img3.png);
}
#ul1
{
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}
#ul1 li
{
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
}
.home
{
	background-image: url(images/btn_home_n.png);
	height: 29px;
	width: 81px;
	float: left;
	cursor: pointer;
	padding-top: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.home:hover
{
	background-image: url(images/btn_home_r.png);
	height: 29px;
	width: 81px;
	float: left;
	padding-top: 12px;
	cursor: pointer;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.offerte
{
	background-image: url(images/btn_offerte_n.png);
	height: 29px;
	width: 142px;
	float: left;
	cursor: pointer;
	padding-top: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.offerte:hover
{
	background-image: url(images/btn_offerte_r.png);
	height: 29px;
	width: 142px;
	float: left;
	cursor: pointer;
	padding-top: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.informatie
{
	background-image: url(images/btn_informatie_n.png);
	height: 29px;
	width: 101px;
	float: left;
	cursor: pointer;
	padding-top: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.informatie:hover
{
	background-image: url(images/btn_informatie_r.png);
	height: 29px;
	width: 101px;
	float: left;
	cursor: pointer;
	padding-top: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.referenties
{
	background-image: url(images/btn_referenties_n.png);
	height: 29px;
	width: 113px;
	float: left;
	cursor: pointer;
	padding-top: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.referenties:hover
{
	background-image: url(images/btn_referenties_r.png);
	height: 29px;
	width: 113px;
	float: left;
	cursor: pointer;
	padding-top: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.overons
{
	background-image: url(images/btn_overons_n.png);
	height: 29px;
	width:103px;
	float: left;
	cursor: pointer;
	padding-top: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.overons:hover
{
	background-image: url(images/btn_overons_r.png);
	height: 29px;
	width: 103px;
	float: left;
	cursor: pointer;
	padding-top: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.contact
{
	background-image: url(images/btn_contact_n.png);
	height: 29px;
	width: 105px;
	float: left;
	cursor: pointer;
	padding-top: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.contact:hover
{
	background-image: url(images/btn_contact_r.png);
	height: 29px;
	width: 105px;
	float: left;
	cursor: pointer;
	padding-top: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
#header3
{
	height: 216px;
	width: 960px;
}
#header3-1
{
	background-image: url(images/img4.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-top: 10px;
	height: 216px;
	width: 569px;
	float: left;
}
#header3-2
{
	background-image: url(images/img4-2.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-top: 10px;
	height: 216px;
	width: 391px;
	float: left;
}
#tekstheader3
{
	padding-top: 10px;
	padding-left: 16px;
	padding-right: 20px;
	width: 355px;
	height: auto;
	font-family: Franklin Gothic Medium, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 18px;
	text-align: justify;
}
#content1
{
	width: 960px;
	height: 175px;
	padding-top: 10px;
}
#tekstvak1
{
	width: 480px;
	height: auto;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 15px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	text-align: justify;
	float: left;
}
.tussenlijn1
{
	width: 1px;
	height: 175px;
	background-image:url(images/img5.png);
	float: left;
}
#tekstvak2
{
	width: 429px;
	height: 165px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	text-align: justify;
	float: left;
}
#tussenlijn2
{
	width: 960px;
	height: 1px;
	padding-top: 15px;
	background-repeat: no-repeat;
	background-position: 0px 15px;
	background-image:url(images/img6.png);
}
#tekstvak3
{
	width: 260px;
	height: 165px;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 10px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	text-align: justify;
	float: left;
}
#punten
{
	height: auto;
	width: 260px;
	padding-top: 10px;
}
.punt
{
	height: 18px;
	width: 25px;
	background-image: url(images/img7.png);
	background-position: 0px 1px;
	background-repeat: no-repeat;
	float: left;
}
.punttekst
{
	height: 18px;
	width: 235px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	float: left;
}
#tekstvak4
{
	width: 654px;
	height: 165px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	text-align: justify;
	float: left;
}
#tekstvakkenplaceholder
{
	height: 175px;
	width: 960px;
}
#footer1
{
	width: 950px;
	height: 29px;
	padding-left: 10px;
	padding-top: 10px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url(images/img8.png);
}
#footer2
{
	width: 280px;
	height: 21px;
	padding-left: 680px;
	padding-top: 5px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url(images/img9.png);
	margin-bottom:10px;
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color: #000;
}