/* ---------------------[ Basis-layout stijlen ]--------------------- */
/* ------------[ IDs, want komen per pagina 1 keer voor ]------------ */

body {
	margin: 0px;
	}

body,p,td {
/*	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #212A85;
	}

h3 {
	font-size: 18px;
	font-weight: bold;
	}

h4, h5 {
	font-size: 13px;
	font-weight: bold;
	}

h6 {
	font-size: 11px;
	font-weight: bold;
	}

img {
	border: 0px;
	}

a {
	text-decoration: none;
	font-weight: bold;
	}

a:hover {
	text-decoration: underline;
	}

.rood {
	color: #ff0000;
}

.geleBullets {
	marker-offset: 2px;
	list-style-image: url("/_layout/bullet.gif");
	}

#tabelContainer {
	border-collapse: collapse;
	width: 100%;
	margin-left: -9px;
/*	margin-right: -8px;*/
	}

#celContainer {
	text-align: center;
	vertical-align: top;
	}

#tabelLayout {
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	border: 0px;
	}

#celBreadcrumb a {
	font-weight: normal;
	font-size: 11px;
	}

#celContent {
	text-align: left;
	vertical-align: top;
	width: 635px;
	}

/* . . . . . . . . . . . . . . . . . Rechterkolom */

#celRechts {
	text-align: right;
	vertical-align: top;
	}

#tabelRechts {
	width: 205px;
	}

.rechtsSpacer {
	height: 5px;
	}

/* . . . . . . . . . . . . . . . . . Menu aan linkerkant */

#celMenu {
	vertical-align: top;
	}

#tabelMenu {
	height: 100%;
	}

.celMenuItem {
	width: 150px;
	vertical-align: middle;
	}

.menuLink:link, .menuLink:visited, .menuLink:hover, .menuLink:active {
	display: block;
	width: 100%;
	padding-left: 18px;
	color: #333399;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	}

.menuLinkActive:link, .menuLinkActive:visited, .menuLinkActive:hover, .menuLinkActive:active {
	display: block;
	width: 100%;
	padding-left: 18px;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	}

.submenuLink:link, .submenuLink:visited, .submenuLink:hover, .submenuLink:active {
	display: block;
	width: 100%;
	padding-left: 27px;
	color: #333399;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	}
	
/* . . . . . . . . . . . . . . . . . Submenu's */

#submenu_opleidingen {
	border: 0px;
	}

#submenu_doelgroepen {
	border: 0px;
	}

#submenu_organisatie {
	border: 0px;
	}

/* . . . . . . . . . . . . . . . . . Knoppen boven in beeld */

#knoprss {
	position: relative;
	top: 13px;
	left: 391px;
	}

#knopzoeken {
	position: relative;
	top: 13px;
	left: 410px;
	}

#knoplogin {
	position: relative;
	top: 13px;
	left: 429px;
	}

#knopaanmelden {
	position: relative;
	top: 13px;
	left: 448px;
	}

/* ---------------------[ Content-Layout stijlen ]--------------------- */
/* -----------[ Klassen, want komen per pagina vaker voor ]------------ */

.tabelContentKader {
	width: 100%;
	}

.celContentHeader {
	height: 13px;
	width: 635px;
	background-image: url('/_layout/contentheader.gif');
	}

.celContentMidden {
	width: 635px;
	vertical-align: top;
	background-image: url('/_layout/contentachtergrond.gif');
	}

.divContentMidden {
	margin-left:52px;
	margin-right:52px;
	margin-top:22px;
	margin-bottom:26px;
	}

.celContentFooter {
	height: 9px;
	width: 635px;
	background-image: url('/_layout/contentfooter.gif');
	}

/* . . . . . . . . . . . . . . . . . HALVE CONTENT */

.celContent2Header {
	height: 13px;
	width: 315px;
	background-image: url('/_layout/content2header.gif');
	}

.celContent2Midden {
	vertical-align: top;
	background-image: url('/_layout/content2achtergrond.gif');
	width: 315px;
	}

.divContent2Midden {
	margin-left:32px;
	margin-right:20px;
	margin-top:22px;
	margin-bottom:26px;
	}

.celContent2Footer {
	height: 9px;
	width: 315px;
	background-image: url('/_layout/content2footer.gif');
	}

.middenSpacer {
	width: 5px;
	}

/* . . . . . . . . . . . . . . . . . LinkTable algemeen */

.tabelLinkTable {
	width: 635px;
	height: 150px;
	background-image: url('/_layout/linktable_achtergrond.gif');
	}

.tabelLinkTableHoog {
	width: 635px;
	height: 150px;
	background-image: url('/_layout/linktable_achtergrond_hoog.gif');
	}

.celLinkTable {
	width: 153px;
	height: 75px;
	text-align: center;
	}

.celLinkTable a {
	font-weight: bold;
	font-size: 12px;
	color: #333399;
	display: block;
	}

.celLinkTable a:hover {
	font-weight: bold;
	font-size: 12px;
	color: #333399;
	}

.divLinkTable {
	position: absolute;
	width: 0px;
	height: 150px;
	}

.imgLinkTable {
	position: absolute;
	right:0px;
	top: 1px;
	}

.imgLinkTableLinks {
	position: absolute;
	right:306px;
	top: 2px;
	}

#tabelLinkTableDoelgroepen {
	width: 614px
	height: 145px;
	}

/* . . . . . . . . . . . . . . . . . Div voor Afdrukken-link */

#divPrintRel {
	position: relative;
	width: 0px;
	height: 0px;
	border: 0px;
	}

#divPrintAbs {
	position: absolute;
	top: 275px;
	left: 527px;
	width: 100px;
	border: 0px;
	text-align: right;
	vertical-align: top;
	}

#divPrintAbs a {
	font-weight: normal;
	}

/* . . . . . . . . . . . . . . . . . Formulieren */

.grijs {
	color: #999999;
	}

input {
	border: 1px solid #212A85;
	color: #212A85;
	height: 20px;
	}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #212A85;
	color: #212A85;
	width: 346px;
	}

option {
	color: #212A85;
	}

option:focus{ border:2; outline:2; }
option:hover{ background-color: #ff0000; }

#memoVraag {
	border: 1px solid #212A85;
	color: #212A85;
	}

#txtZoekveld {
	width: 200px;
	}

#btnZoeken {
	width: 75px;
	height: 19px;
	border: 0px;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	background-image: url('/_layout/knop_kaal.gif');
	cursor: hand;
	}

#btnBreed {
	width: 140px;
	height: 19px;
	border: 0px;
	color: #ffffff;
	font-size: 10px;
	background-image: url('/_layout/knop_breed.gif');
	cursor: hand;
	}

.btn100 {
	width: 100px;
	height: 19px;
	border: 0px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	background-image: url('/_layout/knop_kaal_100.gif');
	cursor: hand;
	}

.btn125 {
	width: 125px;
	height: 19px;
	border: 0px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	background-image: url('/_layout/knop_kaal_125.gif');
	cursor: hand;
	}

.btn150 {
	width: 150px;
	height: 19px;
	border: 0px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	background-image: url('/_layout/knop_kaal_150.gif');
	cursor: hand;
	}

.btn175 {
	width: 175px;
	height: 19px;
	border: 0px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	background-image: url('/_layout/knop_kaal_175.gif');
	cursor: hand;
	}

/* ---------------------[ Overige stijlen ]--------------------- */
/* [ CONTROLEER bij nieuwe of basislayout niet wordt aangetast ] */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/*  *{padding: 0; margin: 0;}    weggehaald */

html, body {
min-height: 100%;
height: auto !important;
height: 100%
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 11px "Trebuchet MS";
	font-weight: bold;
	color: #2F3A8B;
}

#TB_secondLine {
	font: 11px "Trebuchet MS";
	font-weight: bold;
	color: #2F3A8B;
}

#TB_window a:link {color: #cc9900;;}
#TB_window a:visited {color: #cc9900;;}
#TB_window a:hover {color: #cc9900;;}
#TB_window a:active {color: #cc9900;;}
#TB_window a:focus{color: #cc9900;;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 1px solid #ffc416;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border:none;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
/*	_margin-bottom:1px;*/
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#FFC416;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
/*	_margin-top:1px;
	_margin-bottom:1px; */
}