<!--
/*  Custom/Cascading Style Sheet  */

body						/*  Body  */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FEFFCC;

	scrollbar-3dlight-color: #597297;
	scrollbar-arrow-color: #597297;
	scrollbar-base-color: #597297;
	scrollbar-track-color: #6696BC;
	scrollbar-darkshadow-color: #6696BC;
	scrollbar-face-color: #6696BC;
	scrollbar-highlight-color: #6696BC;
	scrollbar-shadow-color: #597297;

}
table						/*  Table  */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FEFFCC;
}                               
p							/*  Paragraph  */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FEFFCC;
}
p.linkmenu
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FEFFCC;
       width: 160px;
/*     padding: 10px 15px 10px 10px;    Firefox anders dan IE */
       margin: 10px 10px 10px 10px;   
	border-top: solid 20px #597297;
	border-left: solid 1px #597297;
	border-bottom: solid 1px #597297;
	border-right: solid 1px #597297;
}
a:link						/*  Link    Let op volgorde is van belang   !!!!!  */
{ 
	color: #FEFFCC; text-decoration: none;   
}
a:visited					/*  Visited link  */
{ 
	color: #FEFFCC; text-decoration: none;
}
a:active					/*  Active link  */				
{ 
	color: #A2C8DF; text-decoration: none;
}
a:hover					/*  Mouse over link (IE4+ NS6+) */
{
	color: #FEFFCC;
       background-color: 597297;
/*	list-style-type: disc outside;  */
/*	border: 1 solid #FEFFCC;  */
}
a:hover.photo				/*  Mouse over link voor class=photo. Geen kader dus  */
{
	color: #FEFFCC;
	border: 0;
}


/* Required CSS classes: must be included in all pages using this script */

/* Apply the element you want to drag/resize */
.drsElement {
 position: absolute;
 border: 1px solid #597297;
 background-color: #6696BC;
}

/*
 The main mouse handle that moves the whole element.
 You can apply to the same tag as drsElement if you want.
*/
.drsMoveHandle {
 height: 20px;
 background-color: #597297;
 border-bottom: 1px solid #597297;
 cursor: move;
}

/*
 The DragResize object name is automatically applied to all generated
 corner resize handles, as well as one of the individual classes below.
*/
.dragresize {
 position: absolute;
 width: 5px;
 height: 5px;
 font-size: 1px;
 background: #EEE;
 border: 1px solid #333;
}

/*
 Individual corner classes - required for resize support.
 These are based on the object name plus the handle ID.
*/

.dragresize-tl {
 top: -8px;
 left: -8px;
 cursor: nw-resize;
}

.dragresize-tm {
 top: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: n-resize;
}

.dragresize-tr {
 top: -8px;
 right: -8px;
 cursor: ne-resize;
}

.dragresize-ml {
 top: 50%;
 margin-top: -4px;
 left: -8px;
 cursor: w-resize;
}

.dragresize-mr {
 top: 50%;
 margin-top: -4px;
 right: -8px;
 cursor: e-resize;
}

.dragresize-bl {
 bottom: -8px;
 left: -8px;
 cursor: sw-resize;
}

.dragresize-bm {
 bottom: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: s-resize;
}

.dragresize-br {
 bottom: -8px;
 right: -8px;
 cursor: se-resize;
}