html {
	height: 100%;
}

body {
	margin: 0px;
	background: #535c0b;
}



/* STANDAARD HTML-ELEMENTEN */
body,
input,
select,
textarea {
	color: #fff;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
}

a:link,
a:visited,
a:active {
	text-decoration: underline;
	color: #FFFFFF;
} 
a:hover {
	color: #faa91c;
	text-decoration: underline;
}

/*.blokSplitL a,
.blokSplitR a,*/
/*.txtIntro a {
	color: #faa91c;
}*/

a.blokSplitL:link,
a.blokSplitR:link,
a.txtIntro:link,
a.blokSplitL:active,
a.blokSplitR:active,
a.txtIntro:active,
a.blokSplitL:visited, 
a.blokSplitR:visited,
a.txtIntro:visited {
	color: #FFFFFF;
}

a.blokSplitL:hover,
a.blokSplitL:hover,
a.txtIntro:hover {
	color: #faa91c;
}


img,
a img,
table {
	border: 0px;
}

p {
	margin: 0px 0px 18px 0px;
}

ul,
li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

li {
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 10px;
	background: url(images/list.gif) 0px 8px no-repeat;
}

h1,
.h1 {
	font: bold 36px/40px "Comic Sans MS", Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #faa91c;
}

h2,
.h2 {
	font: bold 16px/18px "Comic Sans MS", Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #faa91c;
}

h3,
.h3 {
	font: bold 13px/16px "Comic Sans MS", Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #0d2141;
}

/* Paginamanagerstyles */
img.left {
	margin: 0px;
	margin-right: 10px;
	float: left;
}

img.right {
	margin: 0px;
	margin-left: 10px;
	float: right;
}

.h1, .h2, .h3, .h4, .h5, .h6 { /* Paginamanagerstyles (omzetten van <h*>-tag naar een <span> met deze class) */
	display: block;
}



/* CONTAINERS */

.container100p {
	width: 100%;
	min-height: 18px;
	background: #4488db url(images/bg-main.gif) repeat-x left top;
}

.containerMain {
	width: 970px;
	min-height: 18px;
	margin: 0px auto 0px auto;
	padding-bottom: 20px;
	background: url(images/bg-gelebaan.gif) repeat-y right top;
}
* html .containerMain {
	height: 18px;
}

.containerFooter100p {
	width: 100%;
	height: 108px;
	background: #4488db url(images/bg-footer.gif) repeat-x left bottom;
}

.containerFooter {
	width: 970px;
	height: 108px;
	margin: 0px auto;
	background: #4488db url(images/bg-footer-boompjes.gif) no-repeat left top;
}

.flash {
	width: 480px;
	height: 691px;
	overflow: hidden;
	float: left;
}

.werkveld {
	width/**/:/**/284px; /* 304px */
	min-height: 691px;
	padding: 25px 10px 0px 10px;
	float: left;
	background: url(images/bg-werkveld.gif) no-repeat left top;
}
* html .werkveld {
	height: 691px;
}

.menu {
	width/**/:/**/180px; /* 186px */
	min-height/**/:/**/611px; /* 691px */
	float: left;
	padding: 0px 0px 0px 6px;
	margin: 0px 0px 10px 0px;
	font: bold 14px/20px "Comic Sans MS", Arial, Helvetica, sans-serif;
	background: url(images/bg-menu.gif) no-repeat left top;
}
* html .menu {
	height/**/:/**/611px; /* 691px */
}

*+html .menu { 	
	width/**/:/**/180px; /* 186px */
	min-height/**/:/**/611px; /* 691px */
	float: left;
	padding: 0px 0px 0px 6px;
	margin: 0px 0px 0px 0px;
	font: bold 14px/20px "Comic Sans MS", Arial, Helvetica, sans-serif;
	background: url(images/bg-menu.gif) no-repeat left top;
}

/* ALGEMEEN */
/* Menu */
.menu .kop {
	width: 173px;
	height: 16px;
	overflow: hidden;
	margin: 15px 0px 29px 7px;
}

* html .menu .kop { 
	margin: 0px 0px 24px 7px;
}

*+html .menu .kop { 
	margin: 0px 0px 31px 7px;
}

.menu .Zoeken {
	width: 157px; 
	height/**/:/**/ 25px; /* 50px */
	margin: 35px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}

.menu .ZoekVeld {
	width: 118px;
	height: 32px;
	float: left;
	background: url(images/zoekveld.gif) no-repeat left top;
}

* html .menu .ZoekVeld {
	width: 115px;
}

.menu .ZoekVeld input {
	width: 95px;
	height: 20px;
	margin: 5px 0px 0px 13px;
	font: bold 14px/20px "Comic Sans MS", Arial, Helvetica, sans-serif;	
	color: #aeaeae;
	border: none;
	background:#fff;
}

.Zoekbtn a:link,
.Zoekbtn a:active,
.Zoekbtn a:visited {
	width: 37px;
	height: 32px;
	float: left;
	background: url(images/btn-zoeken.gif) no-repeat left top;
}
.Zoekbtn a:hover {
	background: url(images/btn-zoeken.gif) no-repeat right top;
}

.menu .item {
	width: 180px;
	height: 52px;
	position: relative;
	line-height: 18px;
}
* html .menu .item {
	line-height: 14px;
}
*+html .menu .item {
	line-height: 14px;
}

.menu a:link,
.menu a:active,
.menu a:visited,
.menu a:hover {
	color: #fff;
	text-decoration: none;
}

.oneven,
.even,
.onevenActief,
.evenActief {
	width: 180px;
	height: 59px;
	overflow: hidden;
	position: absolute;
	top: -7px;
	left: 0px;
	cursor: pointer;
}

.oneven {
	background: url(images/nav-oneven.gif) no-repeat left top;
}
.even {
	background: url(images/nav-even.gif) no-repeat left top;
}

.onevenActief {
	background: url(images/nav-oneven.gif) right top;
}
.evenActief {
	background: url(images/nav-even.gif) right top;
}

.oneven:hover,
.even:hover {
	background-position: right top;
}

.actief {
	background-position: right top;
}


.menu .item table {
	width: 180px;
	table-layout: fixed;
}

.menu .item td {
	width/**/:/**/145px; /* 180px */
	height/**/:/**/36px; /* 59px */
	padding: 15px 13px 15px 22px;
	vertical-align: middle;
}

* html .menu .item td {
	padding: 8px 13px 15px 22px;
}

*+html .menu .item td {
	padding: 8px 13px 15px 22px;
}

/* Werkveld algemeen */
.logoTS {
	margin: 0px 0px 24px 6px;
}

.fotoIntro {
	width: 284px;
	height: 178px;
	overflow: hidden;
	position: relative;
}

.fotoIntroMask {
	width: 284px;
	height: 178px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 200;
}

.fotoIntroImg {
	width: 284px;
	height: 178px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
}

.content {
	width/**/:/**/281px; /* 284px */
	min-height: 18px;
	padding: 15px 0px 0px 3px;
}
* html .content {
	height: 18px;
}

.txtIntro {
	width: 281px;
	min-height: 18px;
	margin: 0px 0px 20px 0px;
}
* html .txtIntro {
	height: 18px;
}

.introTxt {
	color: #fff;
	font: bold 14px/20px "Comic Sans MS", Arial, Helvetica, sans-serif;
}

.blokSplit {
	width: 281px;
	min-height: 18px;
}
* html .blokSplit {
	height: 18px;
}

.blokSplit img {
	margin: 0px 0px 10px 0px;
}

.blokSplitL,
.blokSplitR {
	width: 131px;
	min-height: 18px;
	float: left;
}
* html .blokSplitL {
	height: 18px;
}
* html .blokSplitR {
	height: 18px;
}

.blokSplitL {
	margin-right: 10px;
}



/* WIE IS WIE */
.flashFuntool {
	width: 283px;
	height: 375px;
	overflow: hidden;
}

.blokWieiswie {
	width: 276px;
	min-height: 18px;
	margin-top: 10px;
}
* html .blokWieiswie {
	height: 18px;
}

.blokWieiswie h3 {
	color: #faa91c;
}

.blokWieiswie .boven {
	width: 276px;
	height: 14px;
	background: url(images/vlak-wieiswie-boven.gif) no-repeat left bottom;
}

.blokWieiswie .midden {
	width/**/:/**/246px; /* 276px */
	min-height/**/:/**/206px; /* 226px */
	padding: 10px 15px;
	background: #163b71 url(images/vlak-wieiswie-midden.gif) no-repeat left top;
}
* html .blokWieiswie .midden {
	height/**/:/**/206px; /* 226px */
}

.blokWieiswie .afdeling {
	width: 246px;
	min-height: 18px;
	margin: 0px 0px 10px 0px;
}
* html .blokWieiswie .afdeling {
	height: 18px;
}

.blokWieiswie .midden .img {
	width: 68px;
	height: 90px;
	overflow: hidden;
	float: left;
	margin: 0px 10px 10px 0px;
}

.blokWieiswie .midden .img img {
	border: 2px solid #fff;
}

.blokWieiswie .onder {
	width: 276px;
	height: 14px;
	background: url(images/vlak-wieiswie-onder.gif) no-repeat left top;
}



/* LINKS */
.links .txtIntro {
	margin-bottom: 20px;
}

.links ul {
	margin-bottom: 20px;
}

.links li p {
	margin: 0px 0px 0px 0px;
}

.links li a {
	font-weight: bold;
	font-size: 14px;
}





/* HACKS -> 'Display-Table'-vervanger */
.containerMain:after,
.werkveld:after,
.menu:after,
.content:after,
.txtIntro:after,
.blokSplit:after,
.blokSplitL:after,
.blokSplitR:after,
.blokWieiswie:after,
.blokWieiswie .midden:after,
.blokWieiswie .afdeling:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}



/* Styles voor de print variant */
@media print
{
    .NoPrint { 
    	display: none;
    }
}