/* Algemene style-sheet bij www.winkelstories.com */

/*zwart*/

P.hoofd, P.kader, P.citaten 			{ color: #000000; }

/*wit gebroken tintje groen */

#hoofd, #klfoto, #terzijde			{ background-color: #F7FFF7; }
.horzline, .link3 				{ color: #F7F7F7; }

/*wit gebroken tintje groen */

#titel					{ background-color: #F7FFF7; } 

/*bruinrood*/

#vertline1, #horzline			 { background-color: #A40404; }
H3, .dropcap, H1, H4	 		 { color: #A40404; }

/*donkerbruin*/

#sluiten 						{ background-color: #471515; }
.terzijde, P.oschrift					{ color: #471515; }
H2, H5, H6, A:link, A:visited				{ color: #471515; }
#foto1, #foto2, #foto3, #foto4, #foto5, #foto6, #foto7 	{ border: 1px solid #471515;}
#foto8, #foto9, #foto10, #foto11, #foto12		{ border: 1px solid #471515;}
#foto1, #foto2, #foto3, #foto4, #foto5, #foto6, #foto7 	{ border-top: 20px solid #471515; }
#foto8, #foto9, #foto10, #foto11, #foto12, #foto13, #foto14 	{ border-top: 20px solid #471515; }

/*witbruin*/
#foto1, #foto2, #foto3, #foto4, #foto5, #foto6, #foto7 	{ background-color: #FFF4E3;}
#foto8, #foto9, #foto10, #foto11, #foto12, #foto13, #foto14	{ background-color: #FFF4E3;}
.slink 						{ color: #FFF4E3; }

/*lichtoranje*/

#citaat2, #citaat1, #citaat3				{ background-color: #F3D7AB; }   
/*berlijnsblauw*/

#link1, #link2					 { border: 2px solid #4F6B85;}

/*donker-berlijnsblauw*/

.link2	 					 { color: #02274A;}




BODY	{
	background-color: #F7F7F7;  	/* achtergrond scherm = witgrijs */
	scrollbar-face-color: #E0E0EA;  	/* lichtgrijs */
	scrollbar-highlight-color: #F7F7F7;  	/* linker en bovenranden bar en pijlblokjes */
	scrollbar-shadow-color: #F7F7F7;  	/* niet rechter en onderranden van bar en pijlblokjes */
	scrollbar-3dlight-color: ##F7F7F7;  	/* bruin */
	scrollbar-track-color: #F7F7F7;  	/* witgrijs */
	scrollbar-arrow-color:  #471515;  	/* donkerbruin */
	scrollbar-darkshadow-color: #471515; 	/* rechter en onderranden rondom bar en pijlblokje = donkerbruin */
	}

/*     TITEL    */


#titel	{
	position: absolute;
	top: 25px;
	height: 200px;
	left: 35px;
	width: 926px;
	}

#kop	{
	position: absolute;
	top: 5px;
	left: 17px;
	}

H1	{
	font-family: verdana, times new roman, garamond;
	font-size: 24pt;
	font-weight: normal;
	width: 400px;
	margin: 15px 0px 0px 20px;
	}

H4	{
	font-family: verdana, times new roman, garamond;
	font-size: 14pt;
	font-weight: normal;
	width: 140px;
	margin: 20px 0px 0px 20px;
	}

#horzline	{
	position: absolute;
	z-index: 0;
	top: 225px;
	height: 15px;
	left: 35px;
	width: 926px;
	}

.horzline 	{
	font-size: 8pt;
	font-weight: normal;
	font-family: arial, times new roman, garamond, serif;
	padding: 0px 0px 0px 80px;
	}


/*  HOOFDTEKST  */

H6	{
	font-family: arial, helvetica;
	font-size: 12pt;
	font-style: italic;
	margin: 0px;
	padding: 25px 30px 0px 20px;
	}

H2	{
	font-family: helvetica, verdana, arial;
	font-size: 14pt;
	margin: 0px;
	padding: 10px 30px 10px 20px;
	}

P	{
	font-size: 8pt;
	font-family: verdana, arial, helvetica;
	}

.hoofd	{
	font-size: 9pt;
	text-align: justify;
	margin: 10px 20px 10px 20px;
	width: 653px;
	}

.dropcap	{
	font-size: 64pt;
	font-family: times new roman, garamond, serif;
	font-style: bold;
	padding: 0px 5px 0px 0px;
	float: left;
	line-height: 0.8;
	}

H3	{
	font-family: verdana, arial, helvetica;
	font-size: 11pt;
	margin: 0px;
	padding: 10px 30px 0px 20px;
	}

P.citaten	{
	font-size: 9pt;
	font-family: times new roman, garamond, serif;
	text-align: left;
	margin: 0px;
	padding: 10px;
	}




/*  KOLOM  TERZIJDE  */

H5	{
	font-family: arial, helvetica;
	font-size: 12pt;
	text-align: left;
	margin: 20px 0px 0px 0px;
	padding: 30px 5px 0px 17px;
	}

P.terzijde	{
	text-align: left;
	padding: 5px 5px 0px 17px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #471515;
	}

P.bronnen	{
	font-size: 8pt;
	margin:  0px;
	padding: 10px 5px 0px 15px;
	line-height: 1.7;
	}


.dropcapt	{
	font-size: 28pt;
	font-family: times new roman, garamond, serif;
	font-style: bold;
	padding: 0px 4px 0px 0px;
	float: left;
	line-height: 1.0;
	}


/*  onderschrift vd popup schermen  */



P.oschrift	{
	font-style: italic;
	text-align: justify;
	margin: 10px 30px;
	}



/*  LINKS  */


/* De blokjes H, 1, 2, 3, ... in de kop */

#links1	{
	position: absolute;
	top: 92px;
	left: 600px;
	}

#link1	{
	position: relative;
	top: 10px;
	left: 10px;
	margin: 5px;
	padding: 3px 9px;
	}

/* De letters / cijfers in de blokjes H, 1, 2, 3, ... in de kop */

.link1	{
	font-weight: bold;
	font-size: 12pt;
	}

/* Links in de horizontale lijn */

.link3 	{
	font-size: 8pt;
	font-weight: normal;
	font-family: arial, times new roman, garamond, serif;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}

/* Gewone links in de hoofdtekst, terzijdes en onderschriften */

.link2	{
	font-family: verdana, arial, helvetica;
	text-decoration: underline;
	}

/* links onderaan de hoofdpagina */

#link2	{
	position: relative;
	width: 30px;
	height: 30px;
	margin: 5px;
	padding: 3px 9px;
	}

/* tekst van de 'sluiten'-link vd popup-layers */

.slink	{			
	font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
	}


A:link	{	
	font-family: arial, helvetica, sans-serif;
	color: #4F6B85;
	text-decoration: none;
	}

A:visited	{
	font-family: arial, helvetica, sans-serif;
	color: #4F6B85;
	text-decoration: none;
	}

A:hover	{
	font-family: arial, helvetica, sans-serif;
	color: #F3D7AB;
	text-decoration: none;
	}


#foto1 	{
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 380px;
	height:  640px;
	width: 450px;
	visibility: hidden;
	}

#foto2 	{
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 380px;
	height:  640px;
	width: 450px;
	visibility: hidden;
	}

#foto3 	{
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 380px;
	height:  640px;
	width: 450px;
	visibility: hidden;
	}

#foto4 	{
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 380px;
	height:  640px;
	width: 450px;
	visibility: hidden;
	}

#foto5 	{
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 380px;
	height:  640px;
	width: 450px;
	visibility: hidden;
	}

#foto6 	{
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 380px;
	height: 640px;
	width: 450px;
	visibility: hidden;
	}

#foto7 	{
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 380px;
	height:  640px;
	width: 450px;
	visibility: hidden;
	}

#foto8 	{
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 380px;
	height:  640px;
	width: 450px;
	visibility: hidden;
	}

#foto9 	{
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 380px;
	height:  640px;
	width: 450px;
	visibility: hidden;
	}

#foto10 	{
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 380px;
	height:  640px;
	width: 450px;
	visibility: hidden;
	}

#foto11 	{
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 380px;
	height:  640px;
	width: 450px;
	visibility: hidden;
	}

#foto12 	{
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 380px;
	height:  640px;
	width: 450px;
	visibility: hidden;
	}

#foto13 	{
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 380px;
	height:  640px;
	width: 450px;
	visibility: hidden;
	}

#foto14 	{
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 380px;
	height:  640px;
	width: 450px;
	visibility: hidden;
	}

/*
'sluiten'-knop in de balk vd popup-layers
*/

#sluiten	{			
	position: relative;
	top: -20px;
	left: 85%;
	}