body {margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; background-image:url(Images/background.gif); background-repeat:repeat;}

#bodyTabel {vertical-align:top; padding:0px; margin:0px; border:0px;}

.title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	color: #333;
}

.titleEx {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #333;
}

.textTitle {font-weight:bold;}

.textGray {color:#666;}

.textGreen {color:#018755;}

.kaderInfo {
	margin-top:10px;
	margin-bottom:10px;
	background:#E3E3E3;
	width:300px;
	padding:2px;
	border:1px solid #888;
	color:#666;
}

a.textLink {font-family:Arial, Helvetica, sans-serif; font-size:11px; border:Opx;}
a.textLink:link {color: blue; text-decoration:none;border:0px;} 
a.textLink:visited {color:#333399 ; text-decoration:none;border:0px;}
a.textLink:hover {color:blue;text-decoration:underline;border:0px;} 
a.textLink:active  {color:blue ;text-decoration:underline; border:0px;}

#rechterTabel {padding:0px; border:0px; margin:0px;}
#stopSlideShow {visibility: hidden;}
#slideshow {visibility:hidden;}

.titleCell {padding-bottom:5px; padding-top:20px;}
.topTitleCell {padding-top:15px; padding-bottom:5px;}

.gradientCell {
	background-color:#e3e3e3; 
	background-image:url(Images/gradient.jpg); 
	background-repeat:repeat-x;
}
.emptyGradientCell {background-color:#e3e3e3; background-image:url(Images/gradient.jpg); background-repeat:repeat-x; padding:10px; text-align: justify;}

.smallTextCell {
	vertical-align: top; 
	border-style: solid;
	border-width: 0px 0px 1px 1px;
	border-color:white;
	padding:5px;
}
.smallTextCellMetHelpCursor {
	vertical-align: top; 
	border-style: solid;
	border-width: 0px 0px 1px 1px;
	border-color:white;
	padding:5px;
	CURSOR: help;
}

.smallTextCellGr {
	vertical-align: top; 
	border-style: solid;
	border-width: 0px 0px 1px 1px;
	border-color:white;
	padding:5px;
	background-color:#E3E3E3;
}

.smallTextCellGrTitle {
	vertical-align: top; 
	border-style: solid;
	border-width: 0px 0px 1px 1px;
	border-color:white;
	background-color:#E3E3E3;
	padding:8px 5px 8px 5px;
}



.whiteTextCell {vertical-align: top; 
border-style: solid;
border-width: 0px 0px 1px 1px;
border-color:white;
padding:5px;
background: white;
}

.redTextCell {vertical-align: top; 
border-style: solid;
border-width: 0px 0px 1px 1px;
border-color:white;
padding:5px;
color:red;
}

.topCelContact {
	background-image:url(Images/gradientgroen_1x16.gif);
	background-repeat:repeat-x;
	background-color:#018755;
	color:white;
	font-size:11px;
	text-align: left;
	padding-left:5px;
	border-style: solid;
border-width: 0px 0px 1px 1px;
border-color:white;
}

.jobTitleCell {
	background-image:url(Images/gradientgroen_1x16.gif);
	background-repeat:repeat-x;
	background-color:#018755;
	color:white;
	font-size:14px;
	text-align: left;
	padding-left:5px;
	border-style: solid;
	border-width: 0px 0px 1px 1px;
	border-color:white;
	padding-bottom:3px; 
	padding-top:3px;
}


#excellTabel {border-style:solid; border-width:0px;}
.footerCel {padding-top:5px;}

.headerCell {
	background-color:#CCCCCC;
	vertical-align: top;
	border-style: solid;
	border-width: 0px 0px 1px 1px;
	border-color:white;
	padding:5px;
	vertical-align: top;
}
.headerCell2 {
	background-color:#d8d8d8;
	vertical-align: top;
	border-style: solid;
	border-width: 0px 0px 1px 1px;
	border-color:white;
	padding:5px;
	vertical-align: top;
}

.headerCellBold {
	background-color:#CCCCCC;
	vertical-align: top;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color:white;
	padding:5px;
	vertical-align: top;
	font-weight:bold;
}


.titleCell2 {
	vertical-align: top;
	border-style: solid;
	border-width: 0px 0px 1px 1px;
	border-color:white;
	padding:5px;
	vertical-align: top;
}

.redText {color:red;}

#footerDiv {margin:15px; margin-bottom:0px; text-align:center; padding:10px; }

/* new layout */

div#divLeft {
	width:130px;
	float:left;
}

div#divRight {
	float:left;
}

div#myNav {
	width:130px;
	float:left;
}

div#myNav .main_ul {
	margin:0;
	padding:0;
	float:left;
}

div#myNav .main_li, div#myNav .subnav_act, div#myNav .sub_li {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}

div#myNav .main_li a {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	background:url(images/bg_btn_grey.jpg) repeat-x top left;
	width:115px;
	height:18px;
	display:block;
	text-decoration:none;
	color:#333333;
	padding:2px 0 0 15px;
}

div#myNav .main_li a:hover {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	background:url(images/bg_btn_grey.jpg) repeat-x top left;
	width:115px;
	height:18px;
	display:block;
	text-decoration:none;
	padding:2px 0 0 15px;
	color:#01945d;
}

div#myNav .sub_li a {
	background:#f2f2f2;
	width:105px;
	height:18px;
	font-size:10px;
	color:#666666;
	text-decoration:none;
	padding:2px 0 0 25px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	display:block;
	text-decoration:none;
	color:#333333;
}

div#myNav .sub_li a:hover {
	background:#f2f2f2;
	width:105px;
	height:18px;
	font-size:10px;
	color:#666666;
	text-decoration:none;
	padding:2px 0 0 25px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	display:block;
	text-decoration:none;
	color:#01945d;
}

div#myNav .nav_act a, div#myNav .nav_act a:hover {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	background:url(images/bg_btn_green.jpg) repeat-x top left;
	width:115px;
	height:18px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	padding:2px 0 0 15px;
}

div#myNav .subnav_act a, div#myNav .subnav_act a:hover {
	width:105px;
	height:18px;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	padding:2px 0 0 25px;
	background:#01945d;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	display:block;
	text-decoration:none;
}

div#myNav .subnav_act {
	list-style:none;
	padding:0;
	margin:0;
}

div#myImage {
	background:url(images/fotoLeft_130x422.jpg) no-repeat top left;
	height:422px;
	width:130px;
	float:left;
}

div#myGradient {
	background:#E3E3E3 url(Images/gradient.jpg) repeat-x top left;
	/*height:300px;*/
	float:left;
	width:130px;
}

#topTabel, div#topDiv {
	background:#CCCCCC url(Images/gradient56_lijn.jpg) repeat-x; 
	width:100%; 
	height:56px;
	float:left;
}
#titelCel {
	padding-left:10px;
}

div#mainDiv, div#mainDiv2 {
	width:100%;
	float:left;
	margin:0;
	padding:0;
	background:url(images/gradient_long.jpg) no-repeat 0px 620px;
}

div#rightDiv div#mainDiv {
	width:auto;
	background:none;
	margin:0 0 0 15px;
}