/***************************************/
/* used colors                         */
/* black: 000, white: fff              */
/*      dark --> light			       */
/* grey:333, 666, 999, ccc             */
/* purple: 606, 909, 939, c9c, fcf     */
/* red: f33                            */
/***************************************/

/* ----- pseudo elements ----- */

body {
	margin: 0pt 0pt 0pt 0pt;
	background: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

h1 {
	color: #909;
	font-size: 120%;
	margin-top: 0;
}

h2 {
	font-size: 110%;
	margin-bottom: 0;
}

h3 {
	font-size: 110%;
	margin-top: 0;
	font-style: bold;
}

h4 {
	font-size: 110%;
	margin-top: 0;
	color: #909;
}

h5 {
	font-size: 100%;
	margin-top: 0;
	font-style: italic;
}

h6 {
	font-size: 80%;
	margin-top: 0;
	color: #909;
}

img {
	border: 0;
}

/* ----- tables ----- */

table td {
	padding: 0; 
	vertical-align: top;
} 

/* !!! some browsers don't inherit !!! */
/* !!!font-size in table from body !!! */
table {
	font-size: 11px;
}

table td.between {
	padding: 0 2em; 
	border-width: 0; 
} 

table tr.bottom-padding {
	padding-bottom: 10em;
}

td.table-action-button {
	width: 15pt;
}
th.table-title {
	color: #909;
	font-weight: bold;
	padding-bottom: 5pt;
	text-align: left;
}

th.component-title {
	color: #909;
	font-weight: bold;
	padding: 0 5pt 0 5pt;
	text-align: left;
}

th.table-header {
	background: #999;
	color: #fff;
	padding: 2pt;
}

div.cell-row-bottom-border {
	border-bottom: 1pt solid #909;
}

table.page-component {
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1pt solid #909;
	cell-spacing: 5px;
}

/* ----- general ----- */

div.bottom-padding {
	padding-bottom: 20pt;
}

/* ----- links ----- */

a:link {
	color: black;
	text-decoration: underline;
}
Ê
a:visited {
	color: #606;
	text-decoration: underline;
}

a.standard-hyperlink-menu:link {
	color: blue;
	text-decoration: underline;
}

a.standard-hyperlink-menu:visited {
	color: blue;
	text-decoration: underline;
}

/* ----- error ----- */

div.error-page {
	padding-top: 20pt;
	font-size: 180%;
	color: red;
}

div.error-message {
	text-align: center;
	font-size: 120%;
	color: red;
	padding: 20pt;
}

/* ----- content ----- */

div.center {
	text-align: center;
}

div.admin-content {
	margin: 30px 20pt 0 20pt;
}

div.presentation-content {
	display: block:
	float: left;
	text-align: left;
	width: 750px;
	position: relative;
	/* invisible border needed for position absolute*/
	border: 1pt solid #fff;
	margin-top: 50px;
}

.clear {
	clear: both;
}

div.top-contents {
	margin-bottom: 50pt;
}

div.bottom-contents {
	margin-top: 50pt;
}

div.one-column {
	width: 100%;
}

div.left-column {
	padding-right: 20px;
	width: 48%;
}

div.right-column {
	position: absolute;
	width: 48%;
	top: 0pt;
	right: 0;
	margin-left: 5px;
}

div.left-column-flex {
	margin-right: 240px;
}

div.right-column-cells {
	float: right;
}

/* ----- images ----- */

img.image-medium-size-square {
	width: 125px;
	height: 125px;
}

img.image-for-cell {
	width: 152px;
}

/* ----- presentation tables ----- */

table.presentation {
	border:2px solid #909;
}

table.presentation th {text-align:left; vertical-align:top; padding:10pt; border-bottom:2px solid #909; }

table.presentation td {vertical-align:middle; text-align:left; border-bottom:1px solid #909; padding:10pt; border-bottom:1px solid #909;  }

table.presentation-2 {
	border:0;
}

table.presentation-2 th {text-align:left; vertical-align:top; padding:0 ; border:0; }

table.presentation-2 td {vertical-align:middle; text-align:left; padding:0; border:0; background: #fcf; }

/* ----- cells ----- */

.cell-content {
	background: transparent;
	font-weight: bold;
	padding: 0;
	text-align: center;
	/*border: 2px dotted orange;*/
	margin: 0;
}

div.cell-bg {
	display:block;
	width: 180px;
	margin-bottom: 10px;
	/*border: 2px solid green;*/
}

.filler-none {
	height: 0px;
}

.filler-wit {
	height: 14px;
	background: #fff;
	margin: 0;
}

.wit {
	background: #fff;
	border:1px solid #999;
	color: #999;
	/*border: 2px solid red;*/
}

.wit a:link, div.wit a:visited {
	color: #999;
	text-decoration: none;
	display: block;
}

.filler-grijs {
	height: 14px;
	background: #ccc;
	margin: 0;
}

.grijs {
	background: #CCC;
	border:1px solid #999;
	color: #999;
}

.grijs a:link, div.grijs a:visited {
	color: #999;
	text-decoration: none;
	display: block;
}

.filler-paars {
	height: 14px;
	background: #c9c;
	margin: 0;
}

.paars {
	background: #c9c;
	border:1px solid #939;
	color: #939;
}

.paars a:link, div.paars a:visited {
	color: #939;
	text-decoration: none;
	display: block;
}

.filler-rood {
	height: 14px;
	background: #f33;
	margin: 0;
}

.rood {
	background: #F33;
	border:1px solid #606;
	color: #606;
}

.rood a:link, div.rood a:visited {
	color: #606;
	text-decoration: none;
	display: block;
}

.tight {
	margin: 00;
	border: 0;
	padding: 0;
}

/****************************/
/* styles for background.WO */

div.LAI-header-logo {
	text-align: center;
	margin-top: 20pt;
}

div.LAI-header-text {
	text-align: center;
	margin-top: 10pt;
}

OLD.language-button-off {
	display: inline;
	padding: 5px;
	background: white;
}

OLD.language-button-on {
	display: inline;
	padding: 5px;
	background: gray;
}

OLD.language-choice {
	position: fixed;
	top: 5px;
	right: 5px;
}

a.language-button-off:visited, a.language-button-off:link {
	text-decoration: none;
}

a.language-button-on:visited, a.language-button-on:link {
	text-decoration: none;
}

.language-button-off {
	color: gray;
}

.language-button-on {
	color: dark-gray;
}

.language-choice {
	text-align: right;
	margin-top: 0pt;
}

/* ----- forms ----- */

div.form-buttons {
	text-align: left;
	margin: 5pt 10pt;
	padding: 10pt 0 10pt 0;
}

.field-localized {
}

.field-default {
	color: red;
}

/**********************/
/* styles for menu */

div#menu {margin-top: 20pt; margin-bottom: 0px;}

table.menu {margin: 0 auto 0 auto; text-align: center; background: #ccc; }

td.group-menu {width: 7em; background: #999; text-align: center;}

td.page-menu {color: #909; background: #ccc;}

td.page-menu-item-divider {color: #FFF;}

div#page-menu-bar {background: #ccc; display: block;}

/* dynamic styles */

div.group-menu-item-active {color: #909; background: #ccc; padding-bottom: 1px; padding-top: 0px;}

div.group-menu-item {color: #fff; padding-bottom: 1px; padding-top: 0px;}

div.group-menu-item a {color: #fff; text-decoration: none;}

div.group-menu-item-active a {color: #909; text-decoration: none;}

div.page-menu-item-active {color: #909; padding-bottom: 1px; padding-top: 0px;}

div.page-menu-item {padding-bottom: 1px; padding-top: 0px;}

div.page-menu-item-active a {color: #909; text-decoration: none; padding: 0 0.5em;}

div.page-menu-item a {color: #666; text-decoration: none; padding: 0 0.5em;}

div.detail-page-bar {
	text-align: center;
	color: #909;
	background: #ccc;
	width: 100%;
}

/*********************/
/* styles for page.WO*/

div.feature-title {
	font-weight: bold;
	background: transparent;
	margin: 0 0pt 5pt 0pt;
	padding-left: 20pt;
	color: #fff;
	width: 100%;
	padding-bottom: 1px;
}

div.feature {
	margin-bottom: 30pt;
	padding-left: 20pt;
}

div.item-title-bold {
	font-weight: bold;
	margin-top: 10px;
}

div.item-title-normal {
	font-weight: normal;
	margin-top: 8px;
}

div.item-text {
	margin-top: 0pt;
	margin-bottom: 0px;
}

div.feature-bg-nieuws {
	display: block;
	background: #909;
}
	
div.feature-bg-training {
	display: block;
	background: #c9c;
}
	
div.feature-bg-faq {
	display: block;
	background: #ccc;
}
	
table.detail-info div {
	padding-bottom: 10px;
	width: 550px;
}

table.detail-info span {
	font-weight: bold;
}

/* ----- footer ----- */

div.footer-bar {
	background: #ccc; 
	display: block; 
	text-align:center;
	color: #666;
	padding-bottom: 1px;
	margin-top: 3em;
	margin-bottom: 3em;
}

.footer-bar a:link, div.grijs a:visited {
	color: #666;
}

/* ----- printing ----- */

div.printable {
	padding-top: 2em;
}