body		{
	background-image: url(../Achtergrond/Achtergrond_Keimpe.jpg);
    overflow-x: hidden; 
    overflow-y: auto;
		}
#bodyDark		{/* gebruik in Showfoto02/03/04 php op HTML en PHP*/
	background-image: url(../Achtergrond/Achtergrond_KeimpeDark.jpg);
		}
table.show	{  /* Showfoto */
		cellspacing: 10px;
		cellpadding:  0px;
	 	width: 100%;
		border: 6px ridge Red;	
		background: Beige;
                }
table.soort	{  /* Fotosoort */
		width: 100%;
        align: center
		border-bottom-width: 1px;
		background: PowderBlue;
		}
#KOP		{ /* ?*/
		font-family: Comic Sans MS;
		font-size: 24pt;
		Font-weight: bold;
		position: absolute;  
		top: 2px; height:25px;  width: 845px; align: center; 
                border:3px ridge BlueViolet;background-color:LightCyan;
		}
#KOP1		{ /* TITEL blad html/Showfoto1*/
	font-family: Comic Sans MS;
	font-size: 24pt;
	Font-weight: bold;
	position: absolute;
	top: 2px;
	height:25px;
	width: 930px;
	align: center;
	border:3px ridge BlueViolet;
	background-color:LightCyan;
		}
#KOP3		{ /* TITEL blad php/Showfoto1*/
		font-family: Comic Sans MS;
		font-size: 24pt;
		Font-weight: bold;
		position: absolute;  
		top: 2px; height:25px;  width: 636px; align: center; 
                border:3px ridge BlueViolet;background-color:LightCyan;
		}
#KOP4		{ /* TITEL blad HTML/Showfoto3*/
		font-family: Comic Sans MS;
		font-size: 24pt;
		Font-weight: bold;
		position: absolute;  
		left: 15%;
		top: 2px; height:25px;  width: 636px; align: center; 
                border:3px ridge BlueViolet;background-color:LightCyan;
		}

#fgroot		{ /* Opmaak grote foto Showfoto1 */
		position: absolute;  
		top: 0px;  left: 0px; 
        clear: bottom;
		zindex:2;
    	visibility:hidden;
		}
#fteller { /* teller in de foto */
         position: absolute;  
	     top: 419px;  left: 552px; 
		 width: 78px;
		 font-family: Comic Sans MS;
	     font-size: 6pt;
		 color:white;
	     font-weight: bold;
		 align: right;
		 zindex:100;
        }
#fgrootdown		{ /* Opmaak vorige grote foto Showfoto1*/
		position: absolute;  
		top: 0px; left: 0px; 
        clear: bottom;
		}
#fgrootknop		{ /* Opmaak knoppen onder foto Showfoto1*/
	position: absolute;
	top: 439px;
	left: 0px; 
	clear: bottom;

		}
#fgroot2		{ /* Opmaak grote foto Showfoto2 en 3*/
	position: absolute;
	top: 45px;
	left: 0px;
	clear: bottom;
	zindex:2;
	visibility:hidden;
		}
#fteller2 { /* teller in de foto */
         position: absolute;  
	     top: 466px;  left: 550px; 
		 width: 78px;
		 font-family: Comic Sans MS;
	     font-size: 6pt;
		 color:white;
	     font-weight: bold;
		 align: right;
		 zindex:100;
        }
#fgroot2down		{ /* Opmaak vorige grote foto Showfoto2 en 3*/
		position: absolute;  
		top: 45px;
		left: 0px;
        clear: bottom;
		}
#fgroot2titel		{ /* Opmaak titel foto Showfoto2 en 3*/
		position: absolute;  
		top: 0px;
		left: 0px;
        clear: bottom;
		}
#fgroot2knop		{ /* Opmaak knoppen onder foto Showfoto2 en 3*/
	position: absolute;
	top: 481px;
	left: 0px;
	clear: bottom;
	height: 25px;
	border: 3px ridge powderblue;
		}
#fgroott1    { /*kteskt en gteskt bij foto Showfoto1*/
	position: absolute;
	top: 0px;
	left: 0px;
	width: 576px;
	clear: bottom;
	vertical-align: top;
        }
#fgroott1mask    { /*masker fgroott1 bij foto Showfoto1*/
	position: absolute;
	top: 479px;
	left: 0px;
	width: 591px;
	height: 102px;
	border:3px ridge Powderblue;
	background-color: PowderBlue;
	overflow-x: hidden;
	overflow-y: auto;
        }
#fgroott2    { /*kteskt en gteskt bij foto Showfoto2 en 3*/
	position: absolute;
	top: 0px;
	left: 0px;
	width: 571px;
	clear: bottom;
	vertical-align: top;
        }
#navigatie1    { /*navigatie bij foto Showfoto1*/
		position: absolute;  
		top: 564px;  
		left: 1px; 
		width: 324px; 
        clear: bottom;
        }
#fgroot3		{ /* Opmaak grote foto Showfoto3*/
		position: absolute;  
		top: 54px; border:3px ridge MediumPurple;
        clear: bottom;
		left: 15%;
		}
#fklein		{ /* Opmaak kleine foto Showfoto 1 en 2*/
		font-family: Comic Sans MS;
		font-size: 12pt;
		Font-weight: bold;
        position: absolute;
		top: 635px; width: 928px; height:385px; border:3px ridge DimGray; background-color:PowderBlue; 
		overflow:auto; color:#135;
		}
#fklein3		{ /* Opmaak kleine foto Showfoto 1 en 2*/
		font-family: Comic Sans MS;
		font-size: 12pt;
		Font-weight: bold;
                position: absolute;
		top: 51px; width: 324px; height:83px; border:3px ridge DimGray; background-color:PowderBlue; 
		overflow:auto; color:#135;
		}
#fklein6		{ /* Opmaak kleine foto Showfoto 1 en 2*/
		font-family: Comic Sans MS;
		font-size: 12pt;
		Font-weight: bold;
                position: absolute;
		top: 51px; width: 324px; height:154px; border:3px ridge DimGray; background-color:PowderBlue; 
		overflow:auto; color:#135;
		}
#fklein9		{ /* Opmaak kleine foto Showfoto 1 en 2*/
		font-family: Comic Sans MS;
		font-size: 12pt;
		Font-weight: bold;
                position: absolute;
		top: 51px; width: 324px; height:225px; border:3px ridge DimGray; background-color:PowderBlue; 
		overflow:auto; color:#135;
		}
#fklein12		{ /* Opmaak kleine foto Showfoto 1 en 2*/
		font-family: Comic Sans MS;
		font-size: 12pt;
		Font-weight: bold;
                position: absolute;
		top: 51px; width: 324px; height:296px; border:3px ridge DimGray; background-color:PowderBlue; 
		overflow:auto; color:#135;
		}
#fklein15		{ /* Opmaak kleine foto Showfoto 1 en 2*/
		font-family: Comic Sans MS;
		font-size: 12pt;
		Font-weight: bold;
                position: absolute;
		top: 51px; width: 324px; height:366px; border:3px ridge DimGray; background-color:PowderBlue; 
		overflow:auto; color:#135;
		}
#fklein18		{ /* Opmaak kleine foto Showfoto 1 en 2*/
		font-family: Comic Sans MS;
		font-size: 12pt;
		Font-weight: bold;
                position: absolute;
		top: 51px; width: 324px; height:436px; border:3px ridge DimGray; background-color:PowderBlue; 
		overflow:auto; color:#135;
		}	
#fklein21		{ /* Opmaak kleine foto Showfoto 1 en 2*/
		font-family: Comic Sans MS;
		font-size: 12pt;
		Font-weight: bold;
                position: absolute;
		top: 51px; width: 324px; height:507px; border:3px ridge DimGray; background-color:PowderBlue; 
		overflow:auto; color:#135;
		}									
#fomsch1{ /* Opmaak tekst bij kleine foto's  Showfoto1*/
		position: absolute;
		font-family: Monotype Corsiva;
		font-size: 14pt;
		color: #0000FF;
 		top: 0px; width: 914px;
		Left: 0px
		}
#fkleint3	{ /* Opmaak tekst bij kleine foto's  Showfoto 1 */
		font-family: Monotype Corsiva;
		font-size: 14pt;
		color: #0000FF;
                position: relative;
 		top: 129px; width: 338px; border:3px ridge red; background-color:PowderBlue;
		height: 871px;
	overflow-x: hidden;
	overflow-y: auto;
		}
#fkleint6	{ /* Opmaak tekst bij kleine foto's  Showfoto 1 */
		font-family: Monotype Corsiva;
		font-size: 14pt;
		color: #0000FF;
                position: relative;
 		top: 210px; width: 338px; border:3px ridge red; background-color:PowderBlue;
		height: 790px;
	overflow-x: hidden;
	overflow-y: auto;
		}
#fkleint9	{ /* Opmaak tekst bij kleine foto's  Showfoto 1 */
		font-family: Monotype Corsiva;
		font-size: 14pt;
		color: #0000FF;
                position: relative;
 		top: 281px; width: 338px; border:3px ridge red; background-color:PowderBlue;
		height: 719px;
	overflow-x: hidden;
	overflow-y: auto;
		}
#fkleint12	{ /* Opmaak tekst bij kleine foto's  Showfoto 1 */
		font-family: Monotype Corsiva;
		font-size: 14pt;
		color: #0000FF;
                position: relative;
 		top: 352px; width: 338px; border:3px ridge red; background-color:PowderBlue;
		height: 648px;
	overflow-x: hidden;
	overflow-y: auto;
		}
#fkleint15	{ /* Opmaak tekst bij kleine foto's  Showfoto 1 */
		font-family: Monotype Corsiva;
		font-size: 14pt;
		color: #0000FF;
                position: relative;
 		top: 441px; width: 338px; border:3px ridge red; background-color:PowderBlue;
		height: 559px;
	overflow-x: hidden;
	overflow-y: auto;
		}
#Layer1 { /* wordt gebruikt in Fotoboek_00*/
	position:absolute;
	left:875px;
	top:422px;
	width:124px;
	height:22px;
	z-index:1;
}
#Layer2mask { /* wordt gebruikt in Fotoboek_03 als body voor layer2*/
	position:absolute;
	left:100px;
	top:480px;
	width:715px;
	height:415px;
	z-index:50;
	vertical-align:top;
	overflow-x: hidden;
	overflow-y: auto;
	border:3px solid #c04043;
	background-color: #FFFFFF;
	background-image: url(../Achtergrond/Rood_Achter_verticaal.jpg);
	background-repeat:repeat-x;
}
#Layer2 { /* wordt gebruikt in Fotoboek_03 omschrijving*/
	position:absolute;	left:5px;
	top:5px;
	width:700px;

}
#Layer3 { /* wordt gebruikt in Fotoboek_03 terugknop*/
	position:absolute;
	left:102px;
	top:422px;
	width:715px;
	height:28px;
	z-index:50;
	background-image: url(../Knoppen/NavBalk_onder.png);
}
#Layer4 { /* wordt gebruikt in Fotoboek_03 voor statusbericht achtergrond*/
	position:absolute;
	left:225px;
	top:451px;
	width:438px;
	height:20px;
	vertical-align: center;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	z-index:50;
	background-color: #DDDDDD;
}
#Layer5 { /* wordt gebruikt in Fotoboek_03 voor statustekst*/
	font-family: Monotype Corsiva;
	font-size: 14pt;
	color: black;
	z-index:50;
	text-indent: 5px;
	position:absolute;
	left:438px;
	top:452px;
	width:226px;
	height:13px;
}
#Layer6 { /* wordt gebruikt in Fotoboek_03 voor statusbladzijden*/
	font-family: Monotype Corsiva;
	font-size: 14pt;
	color: black;
	z-index:50;
	text-indent: 5px;
	position:absolute;
	left:265px;
	top:452px;
	width:100px;
	height:13px;
}
#Layer7 { /* wordt gebruikt in Fotoboek_03 voor statustekst Blz.:*/
	font-family: Monotype Corsiva;
	font-size: 14pt;
	color: black;
	z-index:50;
	position:absolute;
	left:226px;
	top:452px;
	width:36px;
	height:13px;
}
#Layer8 { /* wordt gebruikt in Fotoboek_03 voor statustekst Status:*/
	font-family: Monotype Corsiva;
	font-size: 14pt;
	color: black;
	z-index:50;
	position:absolute;
	left:386px;
	top:452px;
	width:46px;
	height:13px;
}
#Boek { /* Opmaak fotoboek in Fotoboek_03 */
	position:absolute;
	left:97px;
	top:50px;
	width:725px;
	height:380px;
	z-index:1;
/*	border: thick solid #000000;*/
	overflow: hidden;
}
#Titelboek { /* Opmaak titel in Fotoboek_03 */
	position:absolute;
	left:100px;
	top:0px;
	width:713px;
	height:45px;
	z-index:50;
	text-transform: capitalize;
	font-family: Comic Sans MS;
	font-size: 24pt;
	Font-weight: bold;
	align: center;
	border:3px solid BlueViolet;
	background-color:LightCyan;
	vertical-align: middle;
}
#Titelboek1  { /* tbv de NB opmerking in de titel van fotoboek03.php*/
	position:absolute;
	left:715px;
	top:25px;
	width:112px;
	height:23px;
	z-index:51;
	font-size: 7pt;
	font-style: italic;
//	text-transform: none;
	color: #666666;
}
#Dark{ /* gebruik in Fotoboek03.php*/
	position:absolute;
	left:0px;
	top: 0px;
	width:2000px;
	height:900px;
	z-index:60; /* Trick IE into showing hover */
	background-color: transparent;
	background-image: url(../Achtergrond/Dark1.png);
	visibility: hidden;
	overflow: hidden;
	}
#terug {/* div style in Fotosoort*/
	align: right;
	left:875px;
	top:422px;
	width:100%;
	height:22px;
	z-index:1;
}
A 		{color : #008000;}
A:Visited 	{color : #008000;}
A:Active 	{color : #008000;}
A:Hover  	{color : #FF4500;}
