html
{
	height: 100%;
}

body
{
	height: 100%;
	margin: 0px;
	padding: 0px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #574d7b;
}

img
{
	border: none;
}

h1
{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #473F63;
	margin: 0px 0px 15px 0px;
}

p
{
	color: #574d7b;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0px 0px 15px 0px;
}
a
{
	color: #cc7900;
	text-decoration: none;
}

a:hover,active
{
	color: #473F63;
	text-decoration: none;
}
/* Algemene opmaak */
.product
{
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #473F63;
	text-decoration: underline;
}

#geheel
{
	width: 100%;
	height: 100%;
}

#site
{
	width: 1000px;
	height: 600px;
	border: 1px solid black;
	position: relative;
}

#logo
{
	position: absolute;
	right: 75px;
	top: 50px;
}

#home{
	position: absolute;
	left: 30px;
	top: 0px;
}

#home_knop{
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
}

#home_knop:hover{
	font-size:16px;
	font-weight:bold;
	color: #F5C300;
}

#diensten
{
	position: absolute;
	left: 67px;
	top: 104px;
}

#bedrijfsprofiel
{
	position: absolute;
	left: 37px;
	top: 31px;
}

#werkwijze
{
	position: absolute;
	left: 51px;
	top: 66px;
	width: 73px;
	height: 24px;
}

#contact
{
	position: absolute;
	left: 78px;
	top: 139px;
}

#inhoud
{
	position: absolute;
	left: 20px;
	top: 280px;
	z-index: 1;
	width: 500px;
	height: 60px;
	overflow: auto;
	text-align: left;
}

/* Einde algemene opmaak */

/* Index pagina opmaak */

#bovenkant
{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	width: 1000px;
	height: 248px;
	background: url(../images/index/bovenkant.jpg) left top no-repeat;
}

#accesstoprogress_index
{
	position: absolute;
	right: 173px;
	bottom: 0px;
	z-index: 1;
	width: 300px;
	height: 101px;
	background: url(../images/index/access_to_progress.jpg) left top no-repeat;
}

#index_onder
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 0;
	background: url(../images/index/body_bg.jpg) left top no-repeat;
	width: 1000px;
	height: 484px;
}

#menu_index
{
	position: absolute;
	top: 247px;
	right: 0px;
	z-index: 1;
	width: 174px;
	height: 353px;
	background: url(../images/index/menu_rechts.jpg) left top no-repeat;
}

/* Einde Index pagina opmaak */

/* Inhoud pagina opmaak */

#bovenkant_inhoud
{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	width: 1000px;
	height: 248px;
	background: url(../images/inhoud/bovenkant.jpg) left top no-repeat;
}

#accesstoprogress_inhoud
{
	position: absolute;
	right: 173px;
	bottom: 0px;
	z-index: 1;
	width: 267px;
	height: 111px;
	background: url(../images/inhoud/access_to_progress.jpg) right top no-repeat;
}

#inhoud_onder
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 0;
	background: url(../images/inhoud/body_bg.jpg) left top no-repeat;
	width: 1000px;
	height: 484px;
}
#inhoud_onder2
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 0;
	background: url(../images/inhoud/body_bg2.jpg) left top no-repeat;
	width: 1000px;
	height: 484px;
}
#menu_inhoud
{
	position: absolute;
	top: 247px;
	right: 0px;
	z-index: 1;
	width: 174px;
	height: 353px;
	background: url(../images/inhoud/menu_rechts.jpg) left top no-repeat;
}

/* Einde Inhoud pagina opmaak */

/* Inhoudelijke opmaak */

#welkomkop
{
	position: absolute;
	left: 437px;
	top: 271px;
	z-index: 1;
}

#welkomtekst
{
	position: absolute;
	left: 440px;
	top: 341px;
	z-index: 2;
	color: #574d7b;
	font: 11px Arial, Helvetica, sans-serif;
	text-align: justify;
	width: 260px;
}

#bedrijfsprofielkop
{
	background: url(../images/koppen/bedrijfsprofiel.jpg) no-repeat;
	position: absolute;
	left: 559px;
	top: 352px;
	width: 299px;
	height: 86px;
	z-index: 1;
}

#werkwijzekop
{
	background: url(../images/koppen/werkwijze.jpg) no-repeat;
	position: absolute;
	left: 560px;
	top: 250px;
	width: 273px;
	height: 86px;
	z-index: 1;
}

#ibbkop
{
	background: url(../images/koppen/ibb.jpg) no-repeat;
	position: absolute;
	left: 610px;
	top: 250px;
	width: 162px;
	height: 75px;
	z-index: 1;
}

#contactkop
{
	position: absolute;
	left: 592px;
	top: 359px;
	z-index: 1;
}


#contacttekst
{
	position: absolute;
	left: 359px;
	top: 294px;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #574d7b;
	width: 196px;
	z-index: 2;
	height: 208px;
}

#contactformulier
{
	position: absolute;
	left: 118px;
	top: 294px;
	z-index: 1;
	width: 200px;
	height: 233px;
	text-align:right;
}
#contactformuliernaam
{
	position: absolute;
	left: 64px;
	top: 296px;
	text-align:right;
	z-index: 1;
	width: 51px;
	height: 23px;
}
#contactformulieremail
{
	position: absolute;
	left: 56px;
	top: 327px;
	text-align:right;
	z-index: 1;
	width: 58px;
	height: 27px;
}
#contactformulieropmerking
{
	position: absolute;
	left: 44px;
	top: 357px;
	text-align:right;
	z-index: 1;
	width: 72px;
	height: 30px;
}
#dienstkop
{
	background: url(../images/koppen/dienstenkop.jpg) no-repeat;
	position: absolute;
	left: 610px;
	top: 250px;
	width: 172px;
	height: 86px;
}
#titels
{
	position: absolute;
	left: 6px;
	top: 156px;
	width: 819px;
	height: 110px;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: white;
	text-align: left;
}

.titellink
{
	color: white;
}
.titellink:hover
{
	color: #cc7900;
}
#tekstveld
{
	position: absolute;
	left: 12px;
	top: 168px;
	width: 522px;
	height: 312px;
	text-align: left;
	overflow-y: auto;
}

#tekstveld2
{
	position: absolute;
	left: 12px;
	top: 219px;
	width: 525px;
	height: 250px;
	padding: 4px 10px 4px 2px;
	text-align: left;
	overflow-y: auto;
}
.naam
{
	padding: 4px 2px;
	right: 0px;
	width: 198px;
	border: none;
	background:url(../images/inputveld_schaduw_bg.jpg) no-repeat;
	color: black;
	height: 22px;
	font-size: 11px;
}

.email
{
	padding: 4px 2px;
	right: 0px;
	width: 198px;
	border: none;
	background:url(../images/inputveld_schaduw_bg.jpg) no-repeat;
	color: black;
	height: 22px;
	font-size: 11px;
}

.opmerking
{
	padding: 4px 2px;
	right: 0px;
	width: 198px;
	border: none;
	background:url(../images/input_schaduw_bg.jpg) no-repeat;
	color: black;
	height: 203px;
	font-size: 11px;
	overflow:hidden;
}

.plaatje {
	width:223px;
	height:96px;
	background-image:url(../images/pdflink.jpg);
	position:absolute;
	bottom:175px;
	left:37px;
	z-index:1;
}

/* Einde inhoudelijke opmaak */