/****** general ******/
HTML {
	height:100%;
}
BODY {
	height:100%;
	background-color:#7487A8;
	background-image:url(../../assets/graphics/backgrounds/body_tile.jpg);
	margin:0px 0px 0px 0px; /* top, right, bottom, left */
	text-align:center;
}
#wrapper {
	width:704px;
	height:100%;
	margin-left:auto; 
	margin-right:auto; 
	text-align:left;
	border:0px solid #000000;
}
H1 { 
	font:bold 17px/17px Arial, Helvetica, sans-serif;
	color:#323F65;
	letter-spacing:0px;
	margin:0px 0px -13px 0px; /* top, right, bottom, left */
}
H1.welkom { 
	font:bold 17px/17px Georgia, "Times New Roman", Times, serif;
	color:#3499DF;
	font-style:italic;
 	letter-spacing:0px;
	margin:0px 0px -13px 0px; /* top, right, bottom, left */
}
H2 { 
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:;
	letter-spacing:0px;
	margin:0px 0px -15px 0px; /* top, right, bottom, left */
}
TR { 
	vertical-align:top;
}
TD { 
	font:11px/15px Arial, Helvetica, sans-serif; 
	color:#323F65;
}
A {
	color:#323F65;
/*	font-weight:bold; */
	text-decoration:underline;
}
A:hover {
	color:#323F65;
	text-decoration:none;
}
UL, OL { 
	margin:0px 0px 0px 0px; /* top right bottom left */
	padding-left:20px;
}
LI { 
	margin:0px 0px 0px 0px; /* top, right, bottom, left FIREFOX / DE REST */
}
P {
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
}
.alert {
	font-weight:bold;
	color:#C90000;
}
SMALL {
	font-size:9px;
}
.side {
	background-color:#D6EBF9;
}


/****** search layer ******/
#searchdiv {
	left:501px;
	top:331px;
	width:200px;
	height:175px;
	margin-bottom:-175px;
/*	background-color:#C0E0F7; */
	visibility: hidden;
}
#search {
	width:200px;
	background-color:#C0E0F7;
	margin:0px 0px 0px 0px; /* top, right, bottom, left */
}
#search TD.head { 
	height:26px;
	vertical-align:middle;
	font:bold 11px Arial, Helvetica, sans-serif;
	background-color:#ECCE66;
	padding:0px 0px 0px 10px; /* top, right, bottom, left */
	border-bottom:1px solid #FFFFFF;
}
#search TD { 
	padding:5px 10px 5px 10px; /* top, right, bottom, left */
}
#search TD.blue { 
	background-color:#3499DF;
}
#search TD.active { 
	background-color:#D6EBF9;
}
SELECT.search {
	width:100%;
/*	height:20px; */
	font:9px Arial, Helvetica, sans-serif;
	color:#3499DF;
	background-color:#FFFFFF;
}
SELECT.search_30 {
	width:30%;
/*	height:20px; */
	font:9px Arial, Helvetica, sans-serif;
	color:#3499DF;
	background-color:#FFFFFF;
}
OPTION.search {
}


/****** mainmenu ******/
#mainmenu {
	width:698px;
	height:100%;
	text-align:center;
	background-color:#C0E0F7;
	margin:0px 0px 0px 0px; /* top, right, bottom, left */
}
#mainmenu TD { 
	font:bold 12px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	padding:0px 0px 0px 0px; /* top, right, bottom, left */
}
#mainmenu TD.active {
	color:#323F65; 
	background-color:#ECCE66;
}
#mainmenu TD.blue {
	width:151px;
	border-right:0px;
	color:#C0E0F7; 
	background-color:#3499DF;
}
#mainmenu A {
	color:#3499DF;
	text-decoration:none;
}
#mainmenu A:hover {
	color:#323F65;
	text-decoration:none;
}
#mainmenu A.active {
	color:#323F65;
	text-decoration:none;
}
#mainmenu A.active:hover {
	color:#323F65;
}
#mainmenu A.blue {
	color:#C0E0F7;
	text-decoration:none;
}
#mainmenu A.blue:hover {
	color:#FFFFFF;
}


/****** footer ******/
#footer {
	width:698px;
	height:100%;
	background-color:#C0E0F7;
	margin:0px 0px 0px 0px; /* top, right, bottom, left */
}
#footer TD { 
	font:9px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	padding:0px 10px 0px 10px; /* top, right, bottom, left */
}
#footer A {
	color:#323F65;
	text-decoration:none;
}
#footer A:hover {
	color:#323F65;
	text-decoration:none;
}
#footer A.active {
	color:#323F65;
	text-decoration:none;
	font-weight:bold;
}
#footer A.active:hover {
	color:#323F65;
	text-decoration:none;
}

/****** submenu ******/
#submenu {
	width:698px;
	height:100%;
	background-color:#D6EBF9;
	margin:0px 0px 0px 0px; /* top, right, bottom, left */
}
#submenu TD { 
	font:9px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	padding:0px 10px 0px 10px; /* top, right, bottom, left */
}
#submenu A {
	color:#323F65;
	text-decoration:none;
}
#submenu A:hover {
	color:#323F65;
	text-decoration:none;
}


/****** tabel ******/
#tabel {
	width:100%;
	background-color:#C0E0F7;
	margin:0px 0px 0px 0px; /* top, right, bottom, left */
}
#tabel TD.head { 
	height:26px;
	vertical-align:middle;
	font:bold 11px Arial, Helvetica, sans-serif;
	background-color:#ECCE66;
	padding:0px 0px 0px 10px; /* top, right, bottom, left */
	border-bottom:1px solid #FFFFFF;
}
#tabel TD { 
	font:10px Arial, Helvetica, sans-serif;
	padding:5px 10px 5px 10px; /* top, right, bottom, left */
}
#tabel TD.active { 
	background-color:#D6EBF9;
}

#tabel_s {
	width:100%;
	background-color:#C0E0F7;
	margin:0px 0px 0px 0px; /* top, right, bottom, left */
}
#tabel_s TD.head { 
	height:26px;
	vertical-align:middle;
	font:bold 11px Arial, Helvetica, sans-serif;
	background-color:#ECCE66;
	padding:0px 0px 0px 10px; /* top, right, bottom, left */
	border-bottom:1px solid #FFFFFF;
}
#tabel_s TD { 
	font:11px Arial, Helvetica, sans-serif;
	padding:5px 10px 5px 10px; /* top, right, bottom, left */
}
#tabel_s TD.active { 
	background-color:#D6EBF9;
}

#tabel_g {
	width:100%;
	background-color:#C0E0F7;
	margin:0px 0px 0px 0px; /* top, right, bottom, left */
}
#tabel_g TD.head { 
	height:52px;
	vertical-align:middle;
	font:bold 22px Arial, Helvetica, sans-serif;
	background-color:#ECCE66;
	padding:10px 10px 10px 10px; /* top, right, bottom, left */
	border-bottom:1px solid #FFFFFF;
}
#tabel_g TD { 
	font:20px Arial, Helvetica, sans-serif;
	padding:10px 10px 10px 10px; /* top, right, bottom, left */
}
#tabel_g TD.active { 
	background-color:#D6EBF9;
}


/****** formulier ******/
INPUT.veld {
	width:100%;
/*	height:20px; */
	font:9px Arial, Helvetica, sans-serif;
	color:#3499DF;
	background-color:#FFFFFF;
	border:1px solid #A2A8AF;
}
INPUT.veld_g {
	width:100%;
/*	height:20px; */
	font:18px Arial, Helvetica, sans-serif;
	color:#3499DF;
	background-color:#FFFFFF;
	border:1px solid #A2A8AF;
}
INPUT.veld_g_alert {
	width:100%;
/*	height:20px; */
	font:18px Arial, Helvetica, sans-serif;
	color:#C90000;
	background-color:#FFFFFF;
	border:1px solid #A2A8AF;
}
INPUT.veld_20 {
	width:20%;
/*	height:20px; */
	font:9px Arial, Helvetica, sans-serif;
	color:#3499DF;
	background-color:#FFFFFF;
	border:1px solid #A2A8AF;
}
INPUT.veld_40 {
	width:40%;
/*	height:20px; */
	font:9px Arial, Helvetica, sans-serif;
	color:#3499DF;
	background-color:#FFFFFF;
	border:1px solid #A2A8AF;
}

INPUT.veld_cms {
	width:30%;
/*	height:20px; */
	font:9px Arial, Helvetica, sans-serif;
	color:#3499DF;
	background-color:#FFFFFF;
	border:1px solid #A2A8AF;
}

TEXTAREA.veld {
	width:100%;
/*	height:20px; */
	font:9px Arial, Helvetica, sans-serif;
	color:#3499DF;
	background-color:#FFFFFF;
	border:1px solid #A2A8AF;
}
SELECT.veld {
	width:100%;
/*	height:20px; */
	font:9px Arial, Helvetica, sans-serif;
	color:#3499DF;
	background-color:#FFFFFF;
}
OPTION.veld {
}
INPUT.submit {
/*	width:100%; */
/*	height:20px; */
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#A2A8AF;
	border:0px;
}
INPUT.submit_g {
/*	width:100%; */
/*	height:20px; */
	font:bold 22px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#A2A8AF;
	border:0px;
}

/****** featured content glider ******/
H2.arrang { 
/*
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:;
	letter-spacing:0px;
*/
	margin:0px 0px -12px 0px; /* top, right, bottom, left */
}
.glidecontentwrapper-1 {
	position: relative; /* Do not change this value */
	width: 240px;
	height: 55px; /* Set height to be able to contain height of largest content shown*/
	padding:0px 0px 0px 0px; /* top, right, bottom, left */
	margin:0px 0px 0px 0px; /* top, right, bottom, left */
	border: 0px solid #FFFFFF;
	overflow: hidden;
}
.glidecontentwrapper-2 {
	position: relative; /* Do not change this value */
	width: 240px;
	height: 70px; /* Set height to be able to contain height of largest content shown*/
	padding:0px 0px 0px 0px; /* top, right, bottom, left */
	margin:0px 0px 0px 0px; /* top, right, bottom, left */
	border: 0px solid #FFFFFF;
	overflow: hidden;
}
/*
Total wrapper width: 240px+0px+0px=240px
Or width of wrapper div itself plus any left and right CSS border and padding
Adjust related containers below according to comments
*/

.glidecontent { /*style for each glide content DIV within wrapper.*/
	position: absolute; /* Do not change this value */
	background: #C0E0F7;
	padding:0px 0px 0px 0px; /* top, right, bottom, left */
	margin:0px 0px 0px 0px; /* top, right, bottom, left */
	visibility: hidden;
	width: 240px;
}

.glidecontent_1 { /*style for each glide content DIV within wrapper.*/
	position: absolute; /* Do not change this value */
	background: #C0E0F7;
	padding:0px 0px 0px 0px; /* top, right, bottom, left */
	margin:0px 0px 0px 0px; /* top, right, bottom, left */
	visibility: hidden;
	width: 240px;
}
.glidecontent_2 { /*style for each glide content DIV within wrapper.*/
	position: absolute; /* Do not change this value */
	background: #C0E0F7;
	padding:0px 0px 0px 0px; /* top, right, bottom, left */
	margin:0px 0px 0px 0px; /* top, right, bottom, left */
	visibility: hidden;
	width: 240px;
}
/*
Total glidecontent width: 240px+0px+0px=240px
Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler { /*style for DIV used to contain toggler links. */
	width: 240px;
	height: 0px;
	padding:0px 0px 0px 0px; /* top, right, bottom, left */
	margin:0px 0px 0px 0px; /* top, right, bottom, left */
	text-align: center; /*How to align pagination links: "left", "center", or "right"
	background: #FF0000; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
Total contenttoggler width: 240px+0px+0px=240px
Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a { /*style for every navigational link within toggler */
/*A
	display: -moz-inline-box;
	display: inline-block;
	border: 1px solid black;
	color: #2e6ab1;
	padding: 1px 3px;
	margin-right: 3px;
	font-weight: bold;
	text-decoration: none;
A*/
}

.glidecontenttoggler a.selected { /*style for selected page's toggler link. ".selected" class auto generated! */
/*A
	background: #E4EFFA;
	color: black;
A*/
}
.glidecontenttoggler a:hover {
/*A
	background: #E4EFFA;
	color: black;
A*/
}
.glidecontenttoggler a.toc { /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
.glidecontenttoggler a.prev, .glidecontenttoggler a.next { /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}
.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover {
/*A
	background: #1A48A4;
	color: white;
A*/
}