body, html {
	overflow-x: hidden;
	margin: 0 auto;
}

#container {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -795px;
	width: 1590px;
	height: 1066px;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	overflow: hidden;
}
#logo {
	position: absolute;
	top: 20px;
	left: 394px;
	width: 201px;
	height: 76px;
}
#main-picture { 
	position: absolute; top: 132px; left: 356px; width: 246px; height: 351px;
	background-image:url(../images/arda.jpg); }
#main-picture-arr { position: absolute; top: 132px; left: 356px; width: 246px; height: 351px;
	background-image:url(../images/plaatje-arr.jpg); }
#main-picture-con { position: absolute; top: 132px; left: 356px; width: 246px; height: 351px;
	background-image:url(../images/plaatje-con.jpg); }
#main-picture-rea { position: absolute; top: 132px; left: 356px; width: 246px; height: 351px;
	background-image:url(../images/plaatje-rea.jpg); }
#style-logo {
	position: absolute;
	left: 377px;
	top: 749px;
	width: 158px;
	height: 48px;
}
#email-link {
	position: absolute;
	left: 388px;
	top: 632px;
	width: 186px;
	height: 19px;
}


#content {
	position: absolute;
	top: 238px;
	left: 645px;
	width: 500px;
	height: 572px;
}

.arr-headerlink {
	text-decoration: none;
	margin: 0 auto;
}


#navigation {

}
#navi-hm {
	position: absolute;
	top: 141px;
	left: 627px;
	width: 128px;
	height: 28px;
}
#navi-arr {
	position: absolute;
	top: 138px;
	left: 760px;
	width: 136px;
	height: 28px;
}
#navi-contact {
	position: absolute;
	top: 136px;
	left: 905px;
	width: 75px;
	height: 26px;
}
#navi-reacties {
	position: absolute;
	top: 135px;
	left: 984px;
	width: 85px;
	height: 25px;
}


#credits {
	position: absolute;
	top: 958px;
	left: 990px;
	width: 280px;
	height: 64px;
}
#meer-zien {
	position: relative;
	top: 10px;
	left: -50px;
	width: 50px;
	height: 33px;
	background-image:url(../images/icon-meer-zien.jpg);
}
#liefs-arda {
	position: relative;
	width: 124px;
	height: 33px;
	background-image:url(../images/icon-liefs-arda.jpg);
}
#cadeaubon {
	position: absolute;
	top: 732px;
	left: 564px;
	width: 629px;
	height: 110px;
	background-image:url(../images/cadeaubon-link.jpg);
}
#cadeaubon-klik {
	position: absolute;
	top: 783px;
	left: 564px;
	width: 529px;
	height: 40px;
}
#cadeaubon2 {
	position: absolute;
	top: 505px;
	left: 569px;
	width: 622px;
	height: 111px;
	background-image:url(../images/cadeaubon-link2.jpg);
}
.kleuradvies-icon {
	position: relative;
	top: 0px;
	left: 0px;
	width: 195px;
	height: 45px;
	background-image:url(../images/icon-kleuradvies.jpg);
	background-repeat:no-repeat;
	text-align: right;
}
.stijladvies-icon {
	position: relative;
	top: 0px;
	left: 0px;
	width: 175px;
	height: 64px;
	background-image:url(../images/icon-stijladvies.jpg);
	background-repeat:no-repeat;
	text-align: right;
}
.kleurenstijladvies-icon {
	position: relative;
	top: 0px;
	left: 0px;
	width: 310px;
	height: 46px;
	background-image:url(../images/icon-kleur-en-stijladvies.jpg);
	background-repeat:no-repeat;
	text-align: right;
}
.workshops-icon {
	position: relative;
	top: 0px;
	left: 0px;
	width: 185px;
	height: 52px;
	background-image:url(../images/icon-workshops.jpg);
	background-repeat:no-repeat;
	text-align: right;
}
.perskledingadvies-icon {
	position: relative;
	top: 0px;
	left: 0px;
	width: 360px;
	height: 52px;
	background-image:url(../images/icon-persoonlijk-kledingadv.jpg);
	background-repeat:no-repeat;
	text-align: right;
}
.garderobe-icon {
	position: relative;
	top: 0px;
	left: -20px;
	width: 265px;
	height: 60px;
	background-image:url(../images/icon-garderobe-check.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	text-align: right;
}
.contact-icon {
	position: relative;
	top: 0px;
	left: 0px;
	width: 120px;
	height: 51px;
	background-image:url(../images/icon-contact.jpg);
	background-repeat:no-repeat;
	text-align: right;
}
.reacties-icon {
	position: relative;
	top: 0px;
	left: 0px;
	width: 125px;
	height: 50px;
	background-image:url(../images/icon-reacties.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	text-align: left;
	
}
#reactie-box {
	position: absolute;
	top: 70px;
	left: 0px;
	width: 429px;
	height: 189px;
	background-image:url(../images/reacties-bg.jpg);
	background-repeat:no-repeat;
	padding: 20px 40px 3px 30px;
	overflow: hidden;
}
#reactie-box p {
	line-height: 18px;
}
#reacties-typzelf {
	position: absolute;
	top: 561px;
	left: 565px;
	width: 629px;
	height: 59px;
	background-image:url(../images/reacties-typzelf.jpg);
}
#reacties2 {
	position: absolute;
	top: 400px;
	left: 0px;
	width: 100%;
	height: 300px;
}
#reacties2fout {
	position: absolute;
	top: 375px;
	left: 0px;
	width: 100%;
	height: 300px;
}
#reacties-control1 {
	position: absolute;
	top: 270px;
	left: 10px;
	width: 100px;
	height: 100px;
}
#reacties-control2 {
	position: absolute;
	top: 260px;
	left: 200px;
	width: 100px;
	height: 100px;
	text-align:center;
}
#reacties-control3 {
	position: absolute;
	top: 270px;
	left: 405px;
	width: 100px;
	height: 100px;
}
#contact2 {
	position: relative;
	top: 80px;
	z-index: 1000;
}
#kaartje {
	position: absolute;
	top: 328px;
	left: 874px;
	width: 253px;
	height: 158px;
	background-image:url(../images/kaartje.jpg);
}
table {
	width: 100%;
	border-spacing: 0px;
	border: 0px;
	margin: 0px auto;
	padding: 0px auto;
}
tr.arr {
	height: 64px;
}
table.contact {
	width: 100%;
	border-spacing: 0px;
	border: 0px;
	margin: 0px auto;
	padding: 0px auto;
}
.vorm {
	width: 340px;
}
.tekstarea {
	width: 340px;
	height: 100px;
	vertical-align:text-top;
}



p, td {
	font-family: "Lucida Grande", "Lucida sans Unicode", Arial;
	font-size: 12px;
	line-height: 20px;
	margin: 10px auto
}
input, textarea {
	font-family: "Lucida Grande", "Lucida sans Unicode", Arial;
	font-size: 12px;
	color:#999999;
	
}
#credits p {
	font-family: "Lucida Grande", "Lucida sans Unicode", Arial;
	font-size: 9px;
	line-height: 11px;
	color: #C0C0C0;
	text-align: right;
}
#credits a {
	color: #C0C0C0;
	text-decoration:none;
}
#content a {
	color: #000000;
	font-family: "Lucida Grande", "Lucida sans Unicode", Arial;
	font-size: 12px;
}
.linkjes {
	font-family: "Lucida Grande", "Lucida sans Unicode", Arial;
	font-size: 12px;
	color:#999999;
}
#content a:hover {
	color: #EC008C;
	font-family: "Lucida Grande", "Lucida sans Unicode", Arial;
	font-size: 12px;
}
h1 {
	font-family: "Lucida Grande", "Lucida sans Unicode", Arial;
	font-size: 24px;
	font-weight:100;
	color: #EC008C;
	margin: 20px 0px 20px 0px;
	
}
h2 {
	font-family: "Lucida Grande", "Lucida sans Unicode", Arial;
	font-size: 15px;
	font-weight:100;
	color: #EC008C;
	margin: -20px 0px 0px 0px;
}
h3 {
	font-family: "Lucida Grande", "Lucida sans Unicode", Arial;
	font-size: 15px;
	font-weight:100;
	color: #EC008C;
	margin: 0px 0px 0px 0px;
}
img {
	border: 0px;
}
.roze {
	color:#EC008C;
}
