BODY {
	font-family: "Trebuchet MS", Palatino;
	font-size:12pt;
	color:#FFF;	
	background-color:#000;
	background-image:url(vbar.png);
	background-position:178px 40px; 
	background-repeat:no-repeat;
	}
A {
	font-family: "Trebuchet MS", Palatino;
	text-decoration:none; 
	color:#CFF; 
	background-color:#000; 
	}
A:hover {
	color:#FFF;
	}

BODY	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
H1	{
	font-family: "Trebuchet MS", Palatino;
	font-size: 20px;
	font-weight:normal;
	font-style:normal;
	color: #FFF;
	position:absolute;
	left:10px; 
	top:5px;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	}
	
H2	{
	font-family: "Trebuchet MS", Palatino;
	font-size: 20px;
	font-weight:normal;
	font-style:normal;
	color: #FFF;
	position:absolute;
	left:200px; top:5px; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

H3	{
	font-family: "Trebuchet MS", Palatino;
	font-size: 16px;
	font-weight:bold;
	font-style:normal;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

H4	{
	font-family: "Trebuchet MS", Palatino;
	font-size: 16px;
	font-weight:normal;
	font-style:normal;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	line-height:24px;
	}

P	{
	font-family: Arial;
	font-size: 10pt;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

LI	{
	font-family: Arial;
	font-size: 10pt;
	}
/* index2 */
DIV.featured{ /*20190224 */
	position:absolute; 
	top:70px; 
	left:190px;
	height:200px;
	}
DIV.afdelingenmenu{
	position:absolute; 
	top:400px; /* 20190224 was 70px */
	left:190px;
	height:200px;
	}
/* 20131123 */
DIV.tekstpagina{
	position:absolute; 
	top:70px;left:190px;
	width:600px;
	font-family: "Trebuchet MS", Palatino;
	font-size:12pt;
	line-height:24px;
	}
.tekstpagina h3 {
	font-size: 24px;
	font-weight:normal;
	font-style:normal;
	margin: 6px 0px 12px 0px;
}	
.tekstpagina h4 {
	font-size: 20px;
	font-weight:normal;
	font-style:italic;
}	
.tekstpagina P	{
	font-family: "Trebuchet MS", Palatino;
	font-size:12pt;
}
.tekstpagina li	{
	font-family: "Trebuchet MS", Palatino;
	font-size:12pt;
}

DIV.afdelingenmenu SPAN{
	position:absolute; 
	top:0px;
	width:100px; 
	height:100px; 
	}
DIV.afdelingenmenu SPAN#A1{left:0px;}
DIV.afdelingenmenu SPAN#A2{left:112px;} /* 150px;} */
DIV.afdelingenmenu SPAN#A3{left:224px;} /* 300px;} */
DIV.afdelingenmenu SPAN#A6{left:336px;} /* 450px;} */
DIV.afdelingenmenu SPAN#A5{left:448px;} /* 600px;} */
DIV.afdelingenmenu SPAN#A4{left:560px;}
DIV.afdelingenmenu SPAN#A7{left:672px;} /* 20190223 */

DIV.afdelingenmenu DIV.detailbox
{
	position:absolute;
	background-image:url('spatie10x13.gif');
	top:100px;
	width:720px;
	height:100px;
	visibility:hidden;
}
DIV.afdelingenmenu SPAN#A1 DIV.detailbox{left:-6px;}
DIV.afdelingenmenu SPAN#A2 DIV.detailbox{left:-118px;} /* -156px;} */
DIV.afdelingenmenu SPAN#A3 DIV.detailbox{left:-230px;} /* -306px;} */
DIV.afdelingenmenu SPAN#A6 DIV.detailbox{left:-342px;} /* -456px;} */
DIV.afdelingenmenu SPAN#A5 DIV.detailbox{left:-454px;} /* -606px;} */
DIV.afdelingenmenu SPAN#A4 DIV.detailbox{left:-566px;} 
DIV.afdelingenmenu SPAN#A7 DIV.detailbox{left:-678px;} /* 20190223 */ 

DIV.afdelingenmenu DIV.detailbox DIV.detail
{
	position:absolute;
	background:#000;
	top:60px;
	width:680px;
	height:auto;
	padding:0px;
	/* border-top:1px solid #900;
	border-right:1px solid #900;
	border-bottom:1px solid #900; */
	line-height:0px; //minimale afstand
	color:#900;
}

/* DIV.afdelingenmenu DIV.detailbox DIV.detail A IMG
{
	margin:3px;
	background:#600;
}

DIV.afdelingenmenu DIV.detailbox DIV.detail A:hover IMG
{
	background:#F00;
} */
DIV.afdelingenmenu DIV.detailbox DIV.detail A IMG
{
	margin:3px;
	background:#033;
}

DIV.afdelingenmenu DIV.detailbox DIV.detail A:hover IMG
{
	background:#366;
}

DIV.afdelingenmenu SPAN:hover DIV.detailbox{visibility:visible;}


DIV.beheerlink{
	position:absolute; 
	top:400px; left:5px;
	}
DIV.banner{
	position:absolute; 
	top:70px; left:10px;
	
	}
DIV.introductie{
	position:absolute;
	top:300px; left:190px;
	}

/* groep */
DIV.groepafbeeldingen {
   position:absolute;
   left:190px; top:60px; 
	width:620px; height:530px; 
   }
DIV.bijschrift {
	position:absolute;
	left:820px;
	top:60px;
	width:140px;
	font-family:Arial, Tahoma;
	font-size:10pt; /* 10pt, niet 12px (is 9pt, heel lelijk) */
	font-weight:normal;
	letter-spacing:0px;
	}

/* werk */
DIV.afbeeldingenmenu {
	position:absolute;
	left:5px; top:70px;
	width:140px;
	font-family:Arial, Tahoma;
	font-size:10pt; /* 10pt, niet 12px (is 9pt, heel lelijk) */
	font-weight:bold;
	letter-spacing:0px;
	color:#808080;
	}
DIV.afbeelding	{
	position:absolute;left:190px;top:60px;
	font-family:Arial, Tahoma;
	font-size:10pt; /* 10pt, niet 12px (is 9pt, heel lelijk) */
	font-weight:normal;
	letter-spacing:0px;
	width:770px; /* nodig voor Opera */
	height:530px; /* tessie */
	}
DIV.afbeelding H4{
	display:inline;
	}
DIV.afbeelding P	{
	line-height:16px;
	}
DIV.afbeelding IMG	{
	border: 0px solid white; 
	margin: 1px 10px 10px 1px;
	float:left;
	}

/* website */	
DIV.websiteafbeelding{
	position:absolute; 
	top:70px;left:190px;
	height:200px;
	}
DIV.websiteinfo{
	position:absolute; 
	top:300px; left:190px; 
	width:630px;
	}
DIV.websiteinfo A{
	font-weight:bold;
	}

/* groep / website */
DIV.groepenmenu {
	position:absolute;
	left:5px; top:70px;
	font-family:Arial, Tahoma;
	font-size:9pt; /* 10pt, niet 12px (is 9pt, heel lelijk) */
	line-height: 10pt;
	font-weight:normal;
	letter-spacing:0px;

	width:170px;
	max-height:90%;
	overflow:auto;
	}
@media screen and (min-resolution: 144dpi) {
DIV.groepenmenu {
	width:190px;
	/* font-size:12pt; */
	line-height:32pt;
	max-height:90%;
	overflow:auto;
}
}

DIV.groepenmenu A:hover	{color:#FFF;}


A IMG	{border:0px solid black;}

A DIV	{
	visibility:hidden;
	}

A:hover DIV	{
	visibility:visible;
	}

/* 20180401... */
DIV.afdelingenmenu A DIV	{
	background-color:#000;
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	visibility:inherit;
	}

DIV.afdelingenmenu A:hover DIV	{
	visibility:hidden;
	}
/* ...20180401 */

IMG.Raised, IMG.Lowered{
	height:96px; 
	width: 96px; 
	}
IMG.Raised{
	border-top:1px solid #CFF;
	border-left:1px solid #CFF;
	border-right:1px solid #366;
	border-bottom:1px solid #366;
	}
A:hover IMG.Raised{
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-right:1px solid #CFF;
	border-bottom:1px solid #CFF;
	} 
/* IMG.Raised{
	border-top:3px solid #900;
	border-left:3px solid #900;
	border-right:3px solid #600;
	border-bottom:3px solid #600;
	}
A:hover IMG.Raised{
	border-top:3px solid #F00;
	border-left:3px solid #F00;
	border-right:3px solid #A00;
	border-bottom:3px solid #A00;
	} */
IMG.Lowered{
	border-top:1px solid #366;
	border-left:1px solid #366;
	border-right:1px solid #CFF;
	border-bottom:1px solid #CFF;
	}

IMG.OTHERTHUMB, IMG.THISTHUMB {
	padding:1px;
	}

/* toegevoegd 26-1-2008 */

table.reacties
{
  border: 1px solid black;
  border-bottom:0px;
  border-spacing:0px;
  font-family:Arial, Tahoma;
  font-size:10pt; /* 10pt, niet 12px (is 9pt, heel lelijk) */
  font-weight:normal;
}
table.reacties td
{
  border:0px;
  border-bottom:1px solid black;
  text-align:left;
  margin:0px 0px 0px 0px;
  padding:2px 4px 2px 4px ;
  background:white;
}
table.reacties th
{
  border:0px;
  text-align:left;
  margin:0px 0px 0px 0px;
  padding:2px 4px 2px 4px ;
  background: #FFC;
}
input.sqbtn
{
	width:32px;
	height:32px;
	margin:4px 0px 4px 0px;
	font-weight:normal;
}
input.sqbtn1
{
	width:32px;
	height:32px;
	margin:4px 0px 4px 0px;
	font-weight:bold;
}
.dohide { visibility:hidden; display:none}
.doshow { visibility:visible; display:inline;}
div.doshow {display:block; margin-left:10px;}
.showhide { cursor:pointer; color:#F00; border:2px solid #F00; font-weight:bold; border-radius:8px; padding-bottom:3px;}