/* CSSinhoud van de pagina's van de site www.egeltjes.nl */

* {
	margin:0; 
	padding:0; 
	border:0;
}
html, body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	color:#FFFFFF;
	line-height: 16px;
	text-decoration: none;
	background-color: #CC0000;
	}
.h1 {
	font-size:11px;
}
.h2 {
color: #CCCC99;
}
p {
	margin:0 0 0 0;
	padding:0;
	font-size:11px;
	line-height:16px;
}
p+p {
	font-size:11px;
	}
/* styles for IE 5 Mac */

a:link, a:visited { 
	font-weight: bold; 
	color:  #E5E5E5; 
	text-decoration: none; 
}
a:hover, a:active {
	font-weight: bold; 
	color: #00FF00; 
	text-decoration: none; 
}
#content {
	background-color:#FF0000;
	position:absolute;
	top:10px;
	left:10px;
	height:380px;
	width:670px;
	padding:10px 20px 10px 10px;
	overflow:auto;
}
	/* commented backslash hack  - invisible to IE 5 \*/

#container {
	position:absolute;
	margin:-210px 0 0 -340px;
	left:50%;
	top:50%;
	width: 680px;
	height: 420px;
	z-index: 1;
	visibility: visible;
}
	/* end hack */
	
#menu{
	position:relative;
	top: 0px;
	left: 0px; 
	width: 680px; 
	height: 30px;
	background-image: url(../afb/menu/lijn_geel2.gif);
	background-repeat: repeat-x; 
	z-index: 2;
	line-height: 15px; 
	font-size:11px; 
	font-weight: bold; 
	text-decoration: none; 
	text-align: left;
	visibility: visible; 
}
#contactknop {
	position:absolute;
	left:614px;
	width:69px;
	height:30px;
	z-index:10;
	top: 0px;
	visibility: visible;
}
 
/*Het menu aan de bovenkant*/
body.homenav a#homenav,
body.dagboeknav a#dagboeknav,
body.contactnav a#contactnav,
body.gedichtennav a#gedichtennav {
	color:#D60404;
	background-image:url(afb/menu/lijn_geel2.gif);
	cursor:default;
	font-weight: bold;
}
/* -----------------stond eerst abus?? op top:37- nu 15 lager.--------------------Tekstlayer   */
#Tekst {
	position:absolute;
	left:08px; 
	top: 55px; 
	width:266px; 
	height:330px;
	z-index:3;
	visibility: visible;
	text-align: left;
	line-height: 15px;
}
#Tekstanders {
	position:absolute;
	left:08px; 
	top: 56px; 
	width:208px; 
	height:330px;
	z-index:3;
	visibility: visible;
	text-align: right;
	line-height: 18px;
}

/* --------------------------------------------------------------fotomasker ....  */
#masker {
	position: absolute;
	left: 284px;
	width: 370px;
	height: 370px;
	z-index:11;
	background-image: url(../afb/fotoos/a_masker.gif);
	top: 30px;
	visibility: visible;
}
#maskercontact {
	position: absolute;
	left: 284px;
	width: 370px;
	height: 370px;
	z-index:11;
	background-image: url(../afb/contact/contact_achter.gif);
	top: 30px;
	visibility: visible;
}
#tekstrechtsA {
	position: absolute;
	left: 42px;
	top: 26px;
	width: 300px;
	height: 290px;
	z-index:18;
	line-height: 18px;
	visibility: visible;
}
#trB, #trC, #trD, #trE, #trF, #trG, #trH, #trI {
	position: absolute;
	left: 42px;
	top: 26px;
	width: 300px;
	height: 290px;
	z-index:15;
	line-height: 18px;
	visibility: hidden;
}
/* -----foto's a moet visible staan, b,c,d,e staan hidden---------------  */
#F0a {
	position: absolute;
	left:284px;
	width:370px;
	height:370px;
	z-index:4;
	top: 30px;
	visibility: visible;
}
#F0b, #F0c, #F0d, #F0e {
	position: absolute;
	left:284px;
	width:370px;
	height:370px;
	z-index:4;
	top: 30px;
	visibility: hidden;
}

/* ...........................Fotoknoppen.............................................. */
#knopje5 {
	position:absolute;
	left:555px;
	top:400px;
	width:19px;
	height:20px;
	z-index:2;
	visibility: visible;
}
#knopje4 {
	position:absolute;
	left:580px;
	top:400px;
	width:20px;
	height:20px;
	z-index:2;
	visibility: visible;
}
#knopje3 {
	position:absolute;
	left:605px;
	top:400px;
	width:20px;
	height:20px;
	z-index:2;
	visibility: visible;
}
#knopje2 {
	position:absolute;
	left:630px;
	top:400px;
	width:20px;
	height:20px;
	z-index:2;
	visibility: visible;
}
#knopje1 {
	position:absolute;
	left:655px;
	top:400px;
	width:20px;
	height:20px;
	z-index:2;
	visibility: visible;
}
/*De slider staat naast de BBB   */
#BBB {
	position:absolute;
	left:0px;
	top:406px;
	width:58px;
	height:14px;
	z-index:2;
	visibility: visible;
	line-height: 14px;
	overflow: hidden;
}
/*Alle mogelijke breedtes geprobeerd van de slider div om ervoor te zorgen dat de pixels tussenruimte niet worden geplaatst, zonder resultaat, ook helemaal geen width ingevuld (was 258, 302, 301, 320 etc.. 4/8 de totale breedte gebruikt, 680px met daarin de grote tabel mar dat werkt niet.  toch iets in de javafuncs wat we moeten aangeven??  */
#slider {
	position:absolute;
	left:54px;
	width: 315px;
	top: 404px;
	height:14px;
	z-index:2;
	visibility: visible;
	line-height: 14px;
}
/*  Hieronder staat een div die niet nodig blijkt te zijn, dus heb ik die uitgeschakeld 
#blznrs {
	position:absolute;
	left:313px;
	top:400px;
	width:68px;
	height:14px;
	z-index:2;
	visibility: visible;
	line-height: 14px;
	background-image: url(../afb/dagboek/schuifbalk_pijl_links_leeg.gif)
	overflow: visible;
}
*/
.blznrs { 
	font-size: 9px;
	color: #E5E5E5;
	font-weight: bold; 
	text-decoration: none; 
}
#form {
	position: absolute;
	left: 80px;
	top: 26px;
	width: 250px;
	height: 290px;
	z-index:15;
	line-height: 19px;
	visibility: hidden;
}
.tekstvlak{
	background-color:#CE5980;
	font-size: 11px;
	color: #E5E5E5;
	border:#FF0000;
	border-color: #CCCCCC;
}
.verstuur{
	background-color:#CE5980;
	font-size: 11px;
	font-weight:bold;
	border:#FF0000;
	color: #E5E5E5;
}