/* CSS-document */

html {
	width:100%;
	height:100%;
	text-align: center;
	overflow:hidden;
}

body {
	width:100%;
	height:100%;
	background-image:url('images/bg3_a.png');
	background-repeat:no-repeat;
	background-position:50% 0px;;
	background-color:#ffefc9;
	margin:0px 0px 0px 0px;
	text-align: center;
	overflow:hidden;
	scrollbar-face-color: #FFF8E5;
	scrollbar-arrow-color: #691a1a;
	scrollbar-track-color: #FFF8E5;
	scrollbar-shadow-color: #691a1a;
	scrollbar-highlight-color: #691a1a;
	scrollbar-3dlight-color: #FFF8E5;
	scrollbar-darkshadow-Color: #FFF8E5;
	font-family:Verdana, Helvetica, sans-serif;
}

/* BASIC */

#container{
	position:relative;
	width:1000px;
	height:100%;
	margin: 0px auto;
	text-align:center;
}

img{
	border:0px;
}

h1#titel{
	visibility:hidden;
}

h2{
	margin:0px 0px 0px 0px;
}

h3{
	margin:0px 0px 0px 0px;	
}

p{
	font-weight:normal;
	font-size:11px;
	font-family:Verdana, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
}

p.fotop{
	vertical-align:middle;
	height:100%;
	width:100%;
}

	a 						{	color: #000000;	text-decoration:underline;}
	a:visited 				{	color: #000000;}
	a:active 				{	color: #000000;}
	a:hover 				{	color: #000000;	text-decoration:none;}

/* MENU */

img#home{
	position:absolute;
	left:165px;
	top:355px;
	border:0px;
}

img#nieuws{
	position:absolute;
	left:151px;
	top:419px;
	border:0px;
}

img#collectie{
	position:absolute;
	left:165px;
	top:491px;
	border:0px;
}

img#sieraden{
	position:absolute;
	left:765px;
	top:385px;
	border:0px;
}

img#nieuwsbrief{
	position:absolute;
	left:780px;
	top:419px;
	border:0px;
}

img#contact{
	position:absolute;
	left:765px;
	top:461px;
	border:0px;
}

img.sluiten{
	border:0px;
	float:right;
}

/* HOME */

.onzichtbaar {
	visibility: hidden;
}

#homediv {
	position:absolute;
	z-index:1;
	padding: 15px;
	width:475px;
	height:495px;
	left: 250px;
	top: 25px;
	background-image:url('images/homedivbg.png');
	background-repeat:no-repeat;
	text-align:left;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	overflow:hidden;
}

img.sluiten{
	border:0px;
	float:right;
}

#homedivtekst{
	margin-top:15px;
	overflow-x:hidden;
	overflow-y:auto;
	height:450px;
	width:475px;
}

img.links{
	float:left;
	margin:3px 3px 3px 0px;
	border:0px;
}

img.rechts{
	float:right;
	margin:3px 0px 3px 3px;
	border:0px;
}


img.midden{
	float:none;
	margin:3px 3px 3px 0px;
	border:0px;;
}

/* NIEUWS */

#nieuwsdiv {
	position:absolute;
	z-index:1;
	padding: 15px;
	width:475px;
	height:495px;
	left: 250px;
	top: 25px;
	background-image:url('images/nieuwsdivbg.png');
	background-repeat:no-repeat;
	text-align:left;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	overflow:hidden;
}

#nieuwsdivtekst{
	position:relative;
	margin-top:15px;
	height:450px;
	width:475px;
	overflow-x:hidden;
	overflow-y:auto;
}

div.nieuwsdetail {
	position:relative;
	overflow: auto;
	background-color: transparent;
	text-align:left;
	display:none;
}

div.lijst {
	position:relative;
	text-align:left;
}


h4.news{
	font-family:Georgia;
	color:#CC6600;
	font-size:16px;
	margin:0px 0px 5px 0px;
	font-weight:normal;
}
h5{
	font-family:Georgia;
	color:#CC6600;
	font-size:16px;
	margin:0px 0px 5px 0px;
	font-weight:normal;
}

h5.datum_l{
	margin-top:0px;
	margin-bottom:0px;
	font-style:italic;
	color: #000000;
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Helvetica, sans-serif;

}

h6.datum_l{
	margin-top:0px;
	margin-bottom:0px;
	font-style:italic;
	color: #000000;
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Helvetica, sans-serif;


}

.nieuws:link		{color: #CC6600; text-decoration: none;}
.nieuws:visited		{color: #CC6600; text-decoration: none;}
.nieuws:active		{color: #CC6600; text-decoration: none;}
.nieuws:hover		{color: #CC6600; text-decoration: underline;}

.bericht:link	 	{color: #000000; text-decoration: none;}
.bericht:visited	{color: #000000; text-decoration: none;}
.bericht:active		{color: #000000; text-decoration: none;}
.bericht:hover		{color: #000000; text-decoration: underline;} 

img.right {
	float:right;
	margin:5px;
	border: 0px;
}

.datum_r{
	margin-top:0px;
	font-size:10px;
	font-style:italic;
	float: right;
	text-align: right;
	color: #000000;
}

/* CONTACT */

#contactdiv {
	position:absolute;
	z-index:1;
	padding: 15px;
	width:475px;
	height:495px;
	left: 250px;
	top: 25px;
	background-image:url('images/contactdivbg.png');
	background-repeat:no-repeat;
	text-align:left;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	overflow:hidden;
}

#contactdivtekst{
	margin-top:15px;
	height:450px;
	width:475px;
	overflow-x:hidden;
	overflow-y:auto;
}

#contactform {
}

#Naam {
	  width: 200px;
	  }
	  
#From {
	  width: 200px;
	  }
	  
#Subject {
	  width: 200px;
	  }

#Beschrijving {
	  width: 200px;
	  }

table.contact {
	width:100%;
	border:0px;
}

td.contact1 {
	vertical-align:middle; 
	text-align:left;
	width:88px;/*moeten padding/margin rechts krijgen...*/
	font-size: 11px;
	font-family:Verdana, Helvetica, sans-serif;
}

th.contact1 {
	vertical-align:middle; 
	text-align:left;
	width:88px;/*moeten padding/margin rechts krijgen...*/
	font-size: 11px;
	font-family:Verdana, Helvetica, sans-serif;
	font-weight:normal;
}


td.contact2 {
	vertical-align:middle; 
	text-align:left;
	width:11px;/*moeten padding/margin rechts krijgen...*/
	font-size: 11px;
	font-family:Verdana, Helvetica, sans-serif;
}

select, input {
	font-size: 11px;
	font-family:Verdana, Helvetica, sans-serif;
}
	
img.right {
	float:right;
	margin:5px;
	border: 0px;
}

h3.contact{
	font-family:Georgia;
	color:#CC6600;
	font-size:16px;
	margin:0px 0px 5px 0px;
	font-weight:normal;
}

/* NIEUWSBRIEF */

#nieuwsbriefdiv {
	position:absolute;
	z-index:1;
	padding: 15px;
	width:475px;
	height:495px;
	left: 250px;
	top: 25px;
	background-image:url('images/nieuwsbriefdivbg.png');
	background-repeat:no-repeat;
	text-align:left;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	overflow:hidden;
}

#nieuwsbriefdivtekst{
	margin-top:15px;
	height:450px;
	width:475px;
	overflow-x:hidden;
	overflow-y:auto;
}

#aanhef0{
}

#aanhef1{
}

#voornaam {
	  width: 173px;
	  }

#achternaam {
	  width: 173px;
	  }

#adres {
	  width: 173px;
	  }

#postcode {
	  width: 50px; /*padding ipv spatie*/
	  }

#woonplaats {
	  width: 105px;
	  }

#telefoonnummer {
	  width: 173px;
	  }

#land {
	  width: 173px;
	  }

#email {
	  width: 173px;
	  }

#emaildis {
	  width: 173px;
	  }

table.nieuwsbrief {
	width:100%;
	border:0px;
	font-size:11px;
}
td.nieuwsbriefa {
	padding:-3px;
	width:104px;
	height:20px; 
	valign:middle; 
	text-align:left; 
}

td.nieuwsbriefb {
	padding:-3px;
	width:300px;
	height:20px; 
	valign:middle; 
	align:left;
}

/* COLLECTIE & SIERADEN */

#collectiediv {
	position:absolute;
	z-index:1;
	padding: 15px;
	width:710px;
	height:495px;
	left: 133px;
	top: 25px;
	background-image:url('images/collectiedivbg.png');
	background-repeat:no-repeat;
	text-align:left;
}

#collectiedivtekst{
	margin-top:15px;
	height:450px;
	width:710px;
	overflow-x:hidden;
	overflow-y:auto;
}

#sieradendiv {
	position:absolute;
	z-index:1;
	padding: 15px;
	width:710px;
	height:495px;
	left: 133px;
	top: 25px;
	background-image:url('images/sieradendivbg.png');
	background-repeat:no-repeat;
	text-align:left;
}

#sieradendivtekst{
	margin-top:15px;
	height:450px;
	width:710px;
	overflow-x:hidden;
	overflow-y:auto;
	text-align:center;
}

div#fotodivcontainer {
	position: relative;
	overflow:hidden;
	padding: 0px;
	height:82px;
	width:655px;
	text-align:center;
}

div#divfotocontainer1 {
	position: relative;
	overflow:hidden;;
	padding: 0px;
	height:82px;
	width:100%;
	text-align:center;
}

div.fotodiv {	
	position: relative;
	border: 1px solid #691a1a;
	width: 80px;
	height: 80px;
	text-align: center;
	vertical-align: middle;
	margin: 0px 2px 0px 2px;
	cursor: pointer;
	overflow:hidden;
}

img.hr{
	margin-left:4px;
}

img.foto{
	max-width: 80px;
	max-height: 80px;
	height:80px;
	cursor: pointer;
}

#plaatje_groot_500 {
	height:350px;
	padding: 0px;
	margin:12px 0px 0px 0px;
	text-align:center;
	vertical-align: middle;
	overflow: hidden;
	cursor: pointer;
}

#img_plaatje_groot{
	max-width:500px;
	height:300px;
}

div.pijlscroll{
	width:25px;
	height:63px;
	background-color:transparent;
	position:absolute;
	left:100px;
	top:100px;
}

#scroller{
	width:100%;
	text-align:left;
}

.fotos{
	width:655px;
}

#fotos1{
	width:100%;
}

img.foto{
	vertical-align:middle;
}

div#plaatjegroot{
	position:absolute;
	left:160px;
	top:180px;
	height:350px;
	width:450px;
	overflow:hidden;
}

div#plaatjetekst{
	position:absolute;
	left:15px;
	top:180px;
	width:145px;
	height:350px;
	overflow-y:auto;
	overflow-x:hidden;
}

div#plaatjeklein{
	position:absolute;
	left:625px;
	top:180px;
	text-align:center;
	width:89px;
	height:350px;
	overflow:hidden;
}

div#popupdiv{
	visibility:hidden;
	width:500px;
	overflow:auto;
	position:absolute;
	top:0px;
	left:25%;
	z-index:500;
	background-color:#FFF8E5;
	border:3px #6c1e1d solid;
	padding:10px 10px 10px 10px;
	margin:17px 17px 17px 17px;
	scrollbar-face-color: #FFF8E5;
	scrollbar-arrow-color: #691a1a;
	scrollbar-track-color: #FFF8E5;
	scrollbar-shadow-color: #FFF8E5;
	scrollbar-highlight-color: #FFF8E5;
	scrollbar-3dlight-color: #FFF8E5;
	scrollbar-darkshadow-Color: #FFF8E5;

}

#sluiten1{
	float:right;
	cursor:pointer;
}

/* AANBIEDINGEN */

#aanbiedingendiv {
	position:absolute;
	z-index:1;
	padding: 15px;
	width:475px;
	height:495px;
	left: 250px;
	top: 25px;
	background-image:url('images/aanbiedingendivbg.png');
	background-repeat:no-repeat;
	text-align:left;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	overflow:hidden;
}

#aanbiedingendivtekst{
	margin-top:15px;
	overflow-x:hidden;
	overflow-y:auto;
	height:450px;
	width:475px;
}

h4.actietitel{
	font-family:Georgia;
	color:#CC6600;
	font-size:16px;
	margin:0px 15px 0px 0px;
	font-weight:normal;
}
h5.actie{
	font-family:Georgia;
	color:#000000;
	font-size:16px;
	margin:0px 0px 0px 0px;
	font-weight:normal;
}
	a.actie 						{	color: #CC6600;	text-decoration:none;}
	a.actie:visited 				{	color: #CC6600;}
	a.actie:active 					{	color: #CC6600;}
	a.actie:hover 					{	color: #CC6600;	text-decoration:underline;}

h4.actiesdetail{
	font-family:Georgia;
	color:#CC6600;
	font-size:16px;
	margin:0px 0px 10px 0px;
	font-weight:normal;
}
h5.actiesdetail{
	font-family:Georgia;
	color:#000000;
	font-size:14px;
	margin:0px 0px 10px 0px;
	font-weight:normal;
}
p.geldig{
	font-weight:normal;
	font-size:12px;
	font-family:Verdana, Helvetica, sans-serif;
	margin:10px 0px 10px 0px;
	color:maroon;
}