* { margin: 0px; padding: 0px; }


html, body {
	font-family: arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
	font-size: 12px;
	color: #000;
}

img {
	border: 0px;

}

.tabelPadding td { padding: 3px; }

.clearBoth { clear: both; }
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; }


/*
 * Layout wreapper
 */
#layout {
	margin: 0 auto;
	width: 935px;
}

/*
 * Site header
 */
#header {
	margin-bottom: 8px;
	padding-top: 230px;
	width: 935px;
	height: 28px;
	background: url('../img/headerBg.png') no-repeat;
}

/*
 * Transparant logo
 */
#header #logo {
	position: absolute;
	top: 35px;
	margin-left: 10px;
}

/*
 * 3 plaatjes in de header
 */
#header #plaatjes {
	position: absolute;
	top: 49px;
	margin-left: 475px;

}

#header #plaatjes ul {
	list-style: none;
}

#header #plaatjes li {
	float: left;
	margin-right: 6px;
}


/*
 * 1e vak (links boven)
 */
.vakEen {
	margin: 0px 8px 8px 0px;
	padding-left: 2px;
	float: left;
	width: 214px;
	height: 220px;
	background: url('../img/firstBg.gif') no-repeat;
}

.vakEenTitel {
	padding: 8px;
}

.vakEen h2 a {
	margin-top: 10px;
	padding: 8px;
	padding-left: 2px;
	font-family: "century gothic", futura, arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
	font-size: 13px;
	color: #009cff;
	text-decoration: none;
}

.vakEen a:hover {
	text-decoration: underline;
}

.vakEen a {
	text-decoration: none;
	font-weight: bold;
	color: #4c4c4c;
}


/*
 * 2e vak (2e boven)
 */
.vakTwee {
	margin: 0px 8px 8px 0px;
	padding: 10px;
	float: left;
	width: 267px;
	height: 199px;
	background: url('../img/secondBg.gif') no-repeat;
}

.vakTwee h2 a {
	padding-bottom: 8px;
	font-family: "century gothic", futura, arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
	font-size: 13px;
	color: #4c4c4c;
	text-decoration: none;
}
.vakTwee a {
	text-decoration: none;
	font-weight: bold;
	color: #4c4c4c;
}
.vakTwee a:hover {
	text-decoration: underline;
}

/*
 * 3e vak (laatste voor de foto, boven)
 */
.vakDrie {
	margin: 0px 8px 8px 0px;
	padding: 10px;
	float: left;
	width: 196px;
	height: 199px;
	background: url('../img/thirdBg.gif') no-repeat;
}

.vakDrie a  {
	text-decoration: none;

	color: #4c4c4c;
}

.vakDrie ul {

}

.vakDrie ul li {
	list-style-type: none;
	padding: 3px;
}

.vakDrie a:hover {
	text-decoration: underline;
}

.vakDrie h2 a {
	padding-bottom: 8px;
	font-family: "century gothic", futura, arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
	font-size: 13px;
	color: #ff6102;
	text-decoration: none;
}

/*
 * 1e fotos (rechts boven)
 */
.fotoEen {
	margin-bottom: 8px;
	float: left;
}

/*
 * 2e foto (links onder)
 */
.fotoTwee {
	margin: 0px 8px 8px 0px;
	float: left;
}

/*
 * 4e vak (eerste vak naast de foto, onder)
 */
.vakVier {
	margin: 0px 28px 8px 0px;

	float: left;
	width: 267px;
	height: 160px;
}

.vakVier h2 a {
	padding-bottom: 8px;
	font-family: "century gothic", futura, arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
	font-size: 13px;
	color: #87e105;
	text-decoration: none;

}

.vakVier a {
	text-decoration: none;
	font-weight: bold;
	color: #4c4c4c;
}

.vakVier a:hover {
	text-decoration: underline;
}


/*
 * 5e vak (rechts, onder)
 */
.vakVijf {
	margin-bottom: 8px;
	padding: 10px;
	float: left;
	width: 396px;
	height: 160px;
	background: url('../img/fifthBg.gif') no-repeat;
}

.vakVijf h2 {
	padding-bottom: 8px;
	font-family: "century gothic", futura, arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
	font-size: 13px;
	color: #009cff;
	text-decoration: none;
}


.vakVijf a {
	text-decoration: none;
	font-weight: bold;
	color: #4c4c4c;
}

.vakVijf a:hover {
	text-decoration: underline;
}

.vakVijf ul {
	margin-top: 20px;
	list-style: none;
}

.vakVijf li {
	margin-right: 5px;
	 padding: 1px;
	 float: left;
	 display: inline;
	 border: 1px solid #e1ebf9;
	 background: #fff;
}

.vakVijf li.last {
	margin-right: 0px;
}

/*
 *  Vak acht (NIEUW)
 */
 .vakAcht {
	margin: 0px 8px 8px 0px;
	padding: 10px;
	float: left;
	width: 196px;
	height: 199px;
	background: url('../img/thirdBg.gif') no-repeat;
}


.vakAcht h2 a {
	padding-bottom: 8px;
	font-family: "century gothic", futura, arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
	font-size: 13px;
	color: #ff6102;
	text-decoration: none;
}

.vakAcht a {
	text-decoration: none;
	font-weight: bold;
	color: #4c4c4c;
}



/*
 * Vak negen (NIEUW)
 */
.vakNegen {
	margin: 0px 8px 8px 0px;
	padding: 10px;
	float: left;
	width: 196px;
	height: 199px;
	background: url('../img/thirdBg.gif') no-repeat;
}

.vakNegen a  {
	text-decoration: none;
    font-weight: bold;
	color: #4c4c4c;
}

.vakNegen h2 {
	padding-bottom: 8px;
	font-family: "century gothic", futura, arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
	font-size: 13px;
	color: #ff6102;
	text-decoration: none;
}

.vakNegen h2 a {
	padding-bottom: 8px;
	font-family: "century gothic", futura, arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
	font-size: 13px;
	color: #ff6102;
	text-decoration: none;
}

.vakNegen a:hover {
	text-decoration: underline;
}


/*
 * Vak tien (NIEUW)
 */
.vakTien {
	margin: 0px 8px 8px 0px;
	padding: 10px;
	float: left;
	width: 196px;
	height: 199px;
	background: url('../img/firstBg.gif') no-repeat;
}

.vakTien a  {
	text-decoration: none;
    font-weight: bold;
	color: #4c4c4c;
}

.vakTien h2 {
	padding-bottom: 8px;
	font-family: "century gothic", futura, arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
	font-size: 13px;
	color: #009cff;
	text-decoration: none;
}

.vakTien h2 a {
	padding-bottom: 8px;
	font-family: "century gothic", futura, arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
	font-size: 13px;
	color: #009cff;
	text-decoration: none;
}

.vakTien a:hover {
	text-decoration: underline;
}


/*
 * Vak elf (NIEUW)
 */
.vakElf {
    margin-bottom: 8px;
	float: left;
	width: 467px;
	height: 199px;
	background: url('../img/tenBg.gif') no-repeat;
}

/* TIJDELIJK: opendag */
.vakElfOpendag {
    margin-bottom: 8px;
	padding: 10px;
	float: left;
	width: 467px;
	height: 199px;
	background: url('../img/opendag2009.gif') no-repeat;
}

.vakElfOpendag .label {
	margin-left: 300px;
	margin-top: -60px;
}

.vakElf h2 {
	padding-bottom: 8px;
	font-family: "century gothic", futura, arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
	font-size: 13px;
	color: #009cff;
	text-decoration: none;
}

.vakElf a {
	text-decoration: none;
	font-weight: bold;
	color: #4c4c4c;
}

.vakElf a:hover {
	text-decoration: underline;
}


/*
 * Zoeken
 */
#zoekForm {
	width: 137px;
	position: absolute;
	margin-top: -2px;
	border: 1px solid #d3e1f4;
	height: 17px;
	background: url(../img/zoeken.gif) no-repeat;
	font-size: 11px;
	padding-left: 18px;
	padding-top: 3px;
}

#zoekenLaden {
	position: absolute;
	z-index: 200;
	margin-top: 2px;
	margin-left: 2px;
	display: none; /* verbergen totdat er wordt gezocht */
}

#zoekenIcon {
	position: absolute;
	z-index: 200;
	margin-left: 1px; /* FIX: plaatje 1px naar rechts omdat anders de border niet mooi doorloopt */
	display: block; /* tonen zolang er niet wordt gezocht of wanneer de XML result-set terug is gestuurd */
}


/*
 * Zoeken - tekst opmaak
 */
.zoekenInactief {
	color: #aeaeae;
	font-style: italic;
}

.zoekenActief {
	color: black;
	font-style: normal;
}

.zoekLink a {
	color: #FFF;
}



/*
 * Geen javascript melding
 */
#jsMelding {
    position: fixed;
	top: 0px;
	width: 100%;
	text-align: center;
	background: #ffffe1;
	padding: 4px;
	border-bottom: 1px solid #a0a0a0;
}

#jsMelding img{
	position: absolute;
	margin-left: -20px;
	margin-top: -1px;
}

/* Content */
.content { float: left; }

.content .contentTop {
	background: url(../img/contentTop.gif);
	width: 739px;
	height: 16px;
}

.content .contentInner {
	width: 739px;
	background: url(../img/contentInner.gif);
}

.content h2 {
	padding-bottom: 8px;
	font-family: "century gothic", futura, arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
	font-size: 13px;
	color: #1768a0;
}

.content h2 a {
	color: #1768a0;
}

.content .contentInner .padding {
	padding: 5px;
	padding-left: 12px;
	padding-right: 12px;
}

.content .contentInner img {
	padding-right: 3px;
	padding-bottom: 3px;
}

.content .contentInner a {
	color: #1768a0;
}

.content .contentInner .nTitel {
	background: #e2ecfb;
	padding: 4px;
	color: #1768b0;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
}

.content .contentInner ul {
	margin-left: 35px;
}

.content .contentFooter {
	width: 739px;
	height: 17px;
	background: url(../img/contentBottom.gif);
}

/* Content gerelateerde boxjes - links */
.links {
	float: left;
}

.links .padding { padding: 3px; }

.links .linksTop {
	background: url(../img/linksTop.gif);
	width: 190px;
	height: 16px;
	margin-right: 6px;
}

.links h2 {
	padding-bottom: 8px;
	font-family: "century gothic", futura, arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
	font-size: 13px;
	color: #ff6102;
}

.links .linksInner {
	width: 190px;
	margin-right: 6px;
	background: url(../img/linksInner.gif);
}

.links .linksFooter {
	width: 190px;
	height: 16px;
	margin-right: 6px;
	margin-bottom: 6px;
	background: url(../img/linksFooter.gif);
}

/*
 * Roosters
 */
.lijst {
	height: 150px;
	width: 185px;
	overflow-y: scroll;
}

.lijst .item {
	margin: 0px;
	padding: 4px;
	width: 155px;

}

.lijst .item a {
	color: #000;
	text-decoration: none;
}

.lijst .item:hover {
	background: #f8e9e6;
}

.roosters .uitleg {
	position: absolute;
	margin-left: 290px;
	margin-top: 100px;
}


.roosters .tableHeader {
	background: #e3edf9;
	color: #1768a0;
	font-weight: bold;
	padding: 4px;
}

.roosters .tableCellNew {
	color: red;
	font-weight: bold;
}

.roosters .tableCell {
	background: #e4eaf2;
	padding: 1px;
}

.roosters .tableCellHidden {
	color: #86867f;
}

.roosters .tableCellRemoved {
	color: red;
}

.roosters .roosterKnoppen {
	position: absolute;
}

/*
 * Forum specifieke CSS
 */
.forumTop {
	background: url(../img/forumTop.gif) no-repeat;
	width: 935px;
	height: 19px;
	margin-right: 6px;
}

.forumContent {
	width: 935px;
	padding: 4px;
	margin-right: 6px;
	background: url(../img/forumContent.gif) repeat-y;
}

.forumBottom {
	width: 935px;
	height: 23px;
	margin-right: 6px;
	background: url(../img/forumBottom.gif) no-repeat;
}