/* YUI CSS reset
----------------------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
ul, ol {
	list-style-type:none;
}
 
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
 
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
/* End of reset
----------------------------------------------------------------------------------------------------*/




/* Body Layout
----------------------------------------------------------------------------------------------------*/  

body {
	background: #12233F url(../IMAGES/body-bg.jpg) repeat top;
	z-index: -100;
}

#header {
	z-index: 2;
	height: 78px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
}

#header img { /* floats logo image left */
	float:left;
}


#content {
	clear: both;
	background: #FFF;

       /* height:400px;    MINIMALE Hoogte van de content */

	padding-top: 15px;
	padding-bottom: 15px;
	border-right: 2px solid #000;
	border-left: 2px solid #000;
	font: 14px/18px Arial, Helvetica, sans-serif;
}
 
#footer {
	background: #0A2133;
	height: 15px;
	color: #95D5FF;
	width: 960px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;
	font: 12px Arial, Helvetica, sans-serif;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
}


#footer a {
	color: #95D5FF;
}


@media print {
  body * {
    visibility:hidden;
    font-size:100%;
  }
  
  #web_document, #web_document * {
    visibility:visible;
  }
  
  #web_document {
    position:absolute;
    left:0;
    top:0;
    
    left:0px;
    right:960px;
    
    width:100%;
  }
  
}

/*  Werkt niet onder explorer   */
.rounded {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 2px solid #000;
    margin-bottom: 15px;
}

    

/* Header links/text styles
----------------------------------------------------------------------------------------------------*/
.headerlinks {
	float: right;
	text-align: right;
	margin-top: 10px;
	color: #09F;
}
.headerlinks a {
	color:#95D5FF;
	text-decoration:none;
}
.headerlinks a:hover {
	color: #FFF;
}
.headerlinks strong {
	color: #FFF;
	font: normal 24px Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1px;
}
 

/* Misc styles
----------------------------------------------------------------------------------------------------*/
.topborder { /* Used on top of content section to round corners and apply border if navigation using 'rounded' class */
	border: 2px solid #000;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
}
 
.toppad { /* Generic style applied anywhere top padding needed */
	padding-top:20px;
}
#credit {
	text-align:center;
	color: #95D5FF;
	height: 25px;
	font-size: 12px;
}
#credit a {
	color: #95D5FF;
}


 
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
 
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}