.inhoud, body, td       { color: black; font-weight: normal; font-size: 12px; line-height: 15px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: none; list-style-position: outside; }
.inhoud a:link          { color: #004268; font-weight: bold; font-size: 12px; line-height: 15px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: none; list-style-position: outside; }
.inhoud a:visited       { color: #004268; font-weight: bold; font-size: 12px; line-height: 15px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: none; list-style-position: outside; }
.inhoud a:hover         { font-weight: bold; font-size: 12px; line-height: 15px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: underline; list-style-position: outside } 

.small		            { color: black; font-weight: 500; font-size: 10px; line-height: 15px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic";  text-decoration: none; list-style-position: outside }
.small a:link           { color: #e31209; font-weight: bold; font-size: 10px; line-height: 15px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: none; list-style-position: outside }
.small a:visited        { color: #fac70c; font-weight: bold; font-size: 10px; line-height: 15px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: none; list-style-position: outside }
.small a:hover          { font-weight: bold; font-size: 10px; line-height: 15px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: underline; list-style-position: outside } 

.menu                   { color: #004268; font-weight: bold; font-size: 14px; line-height: 18px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: none; position: relative; left: 20px;}
.menu a:link            { color: #004268; font-weight: bold; font-size: 14px; line-height: 18px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: none; position: relative;  }
.menu a:visited         { color: #004268; font-weight: bold; font-size: 14px; line-height: 18px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: none; position: relative;  }
.menu a:hover           { color: #004268; font-weight: bold; font-size: 14px; line-height: 18px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: underline; position: relative; } 
.menuAAA  a:hover { 
	/* dit maakt wel een leuk vakje rond het linkje. Het lijkt net alsof de plaatjes eruit springen overigens */
	border-style: solid;
	color: #004268;
	border-color: white;
    border-left: 0px solid white; /* rgb(255, 0, 0) */;
    border-right: 0px solid white;
    border-bottom: 0px solid white;
    text-decoration: none;
    border-top-width: 5px ! important;
	border-bottom-width: 5px;
	border-LEFT-width: 5px;
    background-color: white; /* rgb(204, 204, 255); */
    opacity: 1;
    }

.menusub                { font-size: 10px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: none; position: relative; left: 30px }
.menusub a:link         { font-size: 10px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: none; position: relative; }
.menusub a:visited      { font-size: 10px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: none; position: relative; }
.menusub a:hover        { font-size: 10px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; position: relative; } 

.menubeheer                   { color: #004268; font-weight: bold; font-size: 11px; line-height: 18px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic";  text-decoration: none; position: relative; left: 7px; }
.menubeheer a:link            { color: #004268; font-weight: bold; font-size: 11px; line-height: 18px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic";  text-decoration: none;  }
.menubeheer a:visited         { color: #004268; font-weight: bold; font-size: 11px; line-height: 18px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: none; }
.menubeheerAAA a:hover           { color: #004268; font-weight: bold; font-size: 11px; line-height: 18px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: underline; } 
.menubeheer  a:hover { 
	/* dit maakt wel een leuk vakje rond het linkje. Het lijkt net alsof de plaatjes eruit springen overigens */
	border-style: solid;
	color: #004268;
	border-color: rgb(255, 0, 0);
    border-left: 1px solid rgb(255, 0, 0);
    border-right: 1px solid rgb(255, 0, 0);
    border-bottom: 1px solid rgb(255, 0, 0);
    text-decoration: none;
    border-top-width: 1px ! important;
    background-color: rgb(204, 204, 255);
    opacity: 1;
	position: relative; left: -1px; /* anders heb je last van verschuivende tekst ivm border width */
    }

.menurechts				{ color: #efebe1; font-weight: bold; font-size: 12.5px; line-height: 18px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: none; position: relative; left: 6px }
.menurechts a:link      { color: #efebe1; font-weight: bold; font-size: 12.5px; line-height: 18px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: none; position: relative; left: 6px }
.menurechts a:visited   { color: #efebe1; font-weight: bold; font-size: 12.5px; line-height: 18px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: none; position: relative; left: 6px }
.menurechts a:hover     { color: white; font-weight: bold; font-size: 12.5px; line-height: 18px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; position: relative; left: 6px }


.titel					{ color: black; font-weight: 900; font-size: 16px; line-height: 20px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: none }

.tussenkop				{ color: black; font-weight: bold; font-size: 14px; line-height: 20px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: none }
.tussenkop a:link		{ color: black; font-weight: bold; font-size: 14px; line-height: 20px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: none }
.tussenkop a:visited	{ color: black; font-weight: bold; font-size: 14px; line-height: 20px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: none }
.tussenkop a:hover		{ color: black; font-weight: bold; font-size: 14px; line-height: 20px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: underline }

hr     {color:#efebe1; height:1px}

.table { font-size: 11px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic";  }

.contact				{ color: black; font-size: 10px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: none; position: relative; left: 6px; }
.contact a:link			{ color: black; font-size: 10px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: none; position: relative; left: 6px; }
.contact a:visited		{ color: black; font-size: 10px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: none; position: relative; left: 6px; }
.contact a:hover		{ color: black; font-size: 10px; font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; text-decoration: underline; position: relative; left: 6px; }


.Code {
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 'Courier New' , Monospace;
	background-color: #ff9933;
}

.mainTable {
	text-align: left; 
	width: 900px; 
	border-style: solid;
	border-color: #48499E;
	border-width: 2px; /* 2px */
}
.mainTableTop {
	width: 900px; 
	height: 100px; 
	background-image: url(../gfx/website/top2.jpg);
}
.mainTableLeft {
	width: 150px; 
	height: 470px; 
	background-image: url(../gfx/website/left2.jpg);
}
.mainTableInhoud {
	width: 720px; 
	height: 470px;
	background-color: #E9F0F9;
	border-style: solid;
	border-color: #48499E;
	border-width: 2px; /*2px*/

}
.mainTableRight {
	width: 30px; 
	height: 470px; 
	background-image: url(../gfx/website/right2.jpg);
}

.mainTableBottom {
	background-image: url(../gfx/website/bottom2.jpg); 
	width: 900px; 
	height:30px;
	color: white; 
	font-size: 10px; 
	font-family: "Arial", "Verdana", "Helvetica", "Helvetic"; 
	text-decoration: none; 
	position: relative;
}
.mainTableBottom a:link		{ color: white; text-decoration: none; }
.mainTableBottom a:visited	{ color: white; text-decoration: none; }
.mainTableBottom a:hover	{ color: white; text-decoration: underline; }

.inhoudScroll {
	padding: 2px; /*2*/
	width: 716px;
	height: 462px; /* rekening houden met padding en border(s) van mainTableInhoud en eigen inhoudScroll! */
	overflow: auto;
	position: relative;
}

/* Scroll Bar Master Styling Starts Here */

.scrollgeneric
{
line-height: 1px;
font-size: 1px;
position: absolute;
}

.vscrollerbase, .vscrollerbar {
width: 15px;
top: 0px;
}

.vscrollerbar {
left: 0px;
}

.hscrollerbase, .hscrollerbar {
height: 15px;
left: 0px;

}


.hscrollerbar {
top: 0px;
}

.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 5px;
z-index: 2;
}

.vscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background: url(images/vscroller.png) 0px -10px;
width: 15px;
height: auto;
top: 0px;
}

.vscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background: url(images/vscroller.png);
width: 15px;
height: 10px;
}

.hscrollerbarbeg {
background: url(images/hscroller.png) -10px 0px;
height: 15px;
width: auto;
left: 0;
}

.hscrollerbarend {
background: url(images/hscroller.png);
height: 15px;
width: 10px;
}