/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html, body {
	height:100%;
	width:100%;
}
body {
	margin:0;
	padding:0;
	color:#2EADDC;	
	background-color:#F5F5F5;
	text-align:center;
	width:100%;
	height:100%;
	
	}
body, table, th, td, p, input, textarea, select {
	font-family:Arial, Helvetica, Sans-serif;
	font-size:12px;
	}
body, p, ul, li {
	}
h1, h2, h3, h4, h5, h6, p{
	margin:0 0 15px 0;
	}
a {
	color:#2EADDC;
	text-decoration:underline;
	}
a:hover {
	color:#E4003B;
	text-decoration:underline;
	}
h1 {
	font-size:18px;
	color:#E4003B;
	}
h2 {
	font-size:16px;
	color:#E4003B;
	}
h3 {
	font-size:14px;
	color:#E4003B;
	}
h4 {
	font-size:13px;
	color:#E4003B;
	}
h5 {
	font-size:12px;
	color:#E4003B;
	}
h6 {
	font-size:10px;
	color:#E4003B;
	}	
p {
	}
label {
	cursor:pointer;
	}
/* EXTRA's */

a.leesVerder{
	}
a.leesVerder:hover {
	}
br.cB {clear:both;}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

/* ======== CONTAINER	======== */

#container {
	position:relative;
	marging:0 auto 0 auto;
	width:770px;
	min-height:100%;
	height:100%;
	text-align:left;
	background-color:#FBFFFA;
	}
	/* mozilla hax \*/
html>body #container {
    height:auto;
	}
	/* mozilla hax */

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

.header {
	position:relative;
	height:118px;
	background:#FFF url(../images/header.jpg) no-repeat left top;
	}

.breadcrum {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	padding-top:10px;
	margin:0px 0px 0px 10px;
	color:#FFF;
	font-size:10px;
	font-weight:bold;
	width:500px;
	}
.breadcrum a {
	font-family:Arial, Helvetica, Sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	}
.breadcrum a:hover {
	color:#FFF;
	font-weight:bold;
	text-decoration:underline;
	}

.datumBlock {
	position:absolute;
	top:75px;
	right:10px;
	width:120px;
	height:100px;
	z-index:10;
	text-align:right;
	color:#FFF;
	font-size:10px;
	}
	
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

.navSpacer{
    padding:6px 10px 5px 10px;
    background-color:#F2F308;
}

table.navTable{
	position:absolute;
	top:64px;
	left:0px;
	width:495px;
	height:26px;
	z-index:10;
    border:0px;
	background:transparent url(../images/navBack.gif) no-repeat left top;
}

table.navTable td{
	color:#E4003B;
	background-color:#F2F308;
	padding-right:8px;
	padding-left: 6px;
}

table.navTable td.navItemActive{
    background-color:transparent;
	padding-right:8px;
	padding-left: 6px;
}


/*\*/
 html body .navigatie {
	width:500px;
	}
/* */

table.navTable td.navItem a{
	text-decoration:none;
	color:#E4003B;
	font-weight:bold;
}

table.navTable td.navItemActive a{
    color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}
.subNavigatie {
	position:absolute;
	top:90px;
	left:0px;
	width:500px;
	height:26px;
	z-index:10;
	padding-left:10px;
	}
	
.subNavigatie a {
	padding:6px 7px 5px 7px;
	display:block;
	float:left;
	text-decoration:none;
	color:#FFF;
	}
.subNavigatie a:hover {
	color:#FFF;
	text-decoration:underline;
	}
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:770px;
	clear:both;
	background:transparent url(../images/footer.jpg) no-repeat left top;
}

/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

.contentBlock {
	position:relative;
	padding:35px 50px 180px 27px;
	line-height:1.8em;
	}

.contentBlock.inLineCalendar {
	position:relative;
	padding:35px 265px 180px 27px;
	line-height:1.8em;
	}

.contentBlock table {
	margin:10px 0 10px 0;
	}
.contentBlock table th,
.contentBlock table td {
	padding:2px 10px 2px 2px;
	
	}
.contentBlock ul {
	margin:10px 0px 10px 22px;
	}
.contentBlock ul ul {
	margin:3px 0px 3px 20px;
	}
.contentBlock ol {
	margin:10px 0px 10px 30px;
	}
.contentBlock li {}
.contentBlock li li {
	list-style:disc;
	}
/* ============================================================	*/ 
/* ========	FOTOFRAME			===============================	*/
/* ============================================================	*/

.fotoFrame {
	position:relative;
	padding-top:77px;
	float:right;
	margin:0px 0px 10px 20px;
	width:155px;
	height:155px;
	overflow:hidden;
	}
/*\*/
* html body .fotoFrame {
	height:232px;
	}
/* */
.fotoFrame img {
	display:block;
	}
.fotoFramePng {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	width:155px; 
	height:232px;
	background:transparent url(../images/image_frame.png) no-repeat left top;
	}
	
/*\*/
* html body .fotoFramePng {
	background:transparent none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/image_frame.png", sizingMethod="image");
	}
/* */

/* ============================================================	*/ 
/* ========	KALENDER			===============================	*/
/* ============================================================	*/

.calendarBlock {
	position:absolute;
	top:40px;
	right:50px;
	width:174px;
	z-index:100;
	background-color:#FEEE07;
	}
.calendarBlock h1 {
	color:#FEEE07;
	padding-bottom:4px;
	padding-top:4px;
	background-color:#E4003B;
	}
.calendarBlock .maandNav {
	margin:3px;
	color:#E4003B;
	background-color:#FFF;
	font-size:10px;
	text-align:center;
	height:18px;
	line-height:18px;
	overflow:hidden;
	}
.calendarBlock .maandNav .previous {
	display:block;
	float:left;
	vertical-align:bottom;
	}
.calendarBlock .maandNav .next {
	display:block;
	float:right;
	vertical-align:bottom;
	}
.calendarBlock .maandNav a {
	background-color:#E4003B;
	}
.calendarBlock .maandNav a:hover {
	background-color:#4DAADC;
	}

table.maand {
	width:166px;
	margin:2px;
	}

table.maand th {
	padding:2px 0 2px 0;
	text-align:center;
	color:#FEEE07;
	font-weight:normal;
	border:1px solid #E4003B;
	background-color:#E4003B;
	}
table.maand thead tr {
	background-color:#E4003B;
	}
table.maand td {
	padding:0;
	color:#E4003B;
	text-align:center;
	}
table.maand td span {
	display:block;
	margin:2px;
	width:16px;
	height:16px;
	font-size:10px;
	border:1px solid #FEEE07;
	line-height:16px;
	}
/*\*/
* html body table.maand td span {
	width:18px;
	height:18px;
	}
/* */
table.maand span.vandaag{
	color:#FEEE07;
	background-color:#E4003B;
	border:1px solid #E4003B;
	}

table.maand td span a {
	display:block;
	color:#E4003B;
	width:16px;
	background-color:#FFF;
	border:1px solid #E4003B;
	text-decoration:none;
	}
/*\*/
* html body table.maand td span a {
	width:18px;
	}
/* */
table.maand td span a:hover {
	color:#FFF;
	background-color:#2EADDC;
	text-decoration:none;
	}
	
.item {
	margin:3px;
	padding:7px;
	font-size:10px;
	line-height:14px;
	color:#FEEE07;
	background-color:#E4003B;
	}
.item h2 {
	margin:0px 0px 4px 0px;
	color:#FEEE07;
	font-size:12px;
	padding-left:10px;
	background:transparent url(../images/arrow_yellow.gif) no-repeat 0px 3px;
	}
	
.calendarBlock .rightcontent{
	margin:2px;
	color:#E4003B;
	background-color:#FFF;
	font-size:10px;
	text-align:center;
	line-height:18px;
	//overflow:hidden;
}

.login{
	background-color:#FFF;
	width:500px;
	border:1px #FEEE07 solid; 
	padding:4px;
}

/* ============================================================	*/ 
/* ========	VEEL GESTELDE VRAGEN	===========================	*/
/* ============================================================	*/ 

div.faq {}

div.faq a {
	display:block;
	padding:3px 0 3px 0;
	color:#999;
	font-weight:bold;
	}

div.faq a:hover {}

div.faq a.active {
	color:#000;
	margin:5px 10px 0px 0;
	padding:5px 0 5px 10px;
	border:1px solid #999;
	}

div.faq div.antwoord {
	margin:0 10px 10px 0;
	padding:10px;
	line-height:1.5em;
	border-right:1px solid #999;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	}

.splashOverlay{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:900;
}
.splashTrans{
    -moz-opacity:65;
    opacity:.65;
    filter:alpha(opacity=65);
	background-color: black;
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:800;
}
html>body .splashImage {
	width:100%;    
}

.splashImage {
	margin-top:40px;
	position:absolute;
	z-index:801;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
.splashImage img {
	border:medium none;
}

.splashCloser {
	font-size:15px;
	margin-top:10px;
	padding-bottom:5px;
	padding-top:5px;
}
.splashCloser a {
	color:white;
	font-weight:bold;
}