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

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	
	text-align:center;
	background:#A0B949 url(../images/backGradient.jpg) repeat-x left top;
	
	scrollbar-face-color: #ddd; 
	scrollbar-highlight-color: #FFF; 
	scrollbar-shadow-color: #aaa; 
	scrollbar-3dlight-color: #aaa; 
	scrollbar-arrow-color:  #666; 
	scrollbar-track-color: #FFF; 
	scrollbar-darkshadow-color: #FFF;
	}
body, table, th, td, p, input, textarea, select {
	font-family:Arial, Helvetica, Sans-serif;
	font-size:13px;
	}
h1, h2, h3, h4, h5, h6, p {
	margin:0 0 10px 0;
	}
	
a {}
a:hover {}
h1 {
	font-weight:normal;
	font-size:18px;
	color:#333C26;
	}
h2 {
	margin-top:20px;
	font-size:16px;
	color:#333C26;
	}
h3 {}
h4 {}
h5 {}
h6 {}	
p {}
img {border:none;}
ol {}
ul {}
li {}
li li {}

label {}
.cB {clear:both;}

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

.container {
	position:relative;
	margin:25px auto 0 auto;
	width:813px;
	text-align:left;
	background:#FFF url(../images/contentBack.gif) repeat-y left top;
	}
	/* mozilla hax \*/
html>body .container {
    height:auto;
	}
	/* mozilla hax */

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

div.header {
	position:relative;
	height:140px;
	_height:158px;
	border:9px solid #FFF;
	background:#FFF url(../images/headerBack.jpg) repeat-y left top;
	}
.titelQuote {
	margin:19px 0 0 16px;
	}
	
.logos {
position:absolute;
top:0px;
right:0px;
height:40px;
z-index:10;
	}
.logos img {
	margin-right:15px;
	display:block;
	float:left;
	}
	
.contentBlock {
	min-height:500px;
	_height:500px;
	padding-bottom:30px;
	background:transparent url(../images/leftColBack.jpg) no-repeat left bottom;
	}
/* ============================================================	*/ 
/* ========	LEFTCOL			===============================	*/
/* ============================================================	*/

div.leftCol {
	float:left;
	width:197px;
	min-height:563px;
	_height:563px;
	}
	
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.navigatie {
	
	}
div.navigatie a {
	display:block;
	color:#132944;
	margin-left:9px;
	padding:5px 0px 5px 10px;
	text-decoration:none;
	border-bottom:1px solid #3063A1;
	
	}
div.navigatie a:hover,
div.navigatie a.active {
	background-color:#FFF;
	}
	
/* ============================================================	*/ 
/* ========	COLSET			===============================	*/
/* ============================================================	*/

.colSet {
	margin:0px 25px 25px 225px;
	_margin-left:222px;
	}
.rightCol {
	float:right;
	width:150px;
	border-right:9px solid #FFF;
	}
.mainCol {
	margin-right:170px;
	}

.mainColEditMode{
	width:400px;
}	

.mainCol img {
	margin:5px 5px 5px 5px;
	display:block;
	}
.newsItem {
	padding:12px 0 8px 0;
	border-bottom:2px solid #CAE46E;
	}
.newsItem h3 {
	margin:0;
	font-size:12px;
	font-weight:bold;
	color:#3B72B5;
	}
.newsItem a {
	color:#000;
	text-decoration:none;
	}
.newsItem a:hover {
	color:#3B72B5;
	}
/* ============================================================	*/ 
/* ========	SEARCH				===============================	*/
/* ============================================================	*/
.search {
	margin-left:9px;
	padding:5px;
	background-color:#ECF6FE;
	}
.search input.typeText {
	width:151px;
	_width:158px;
	}
	
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div.footer {
	position:relative;
	clear:both;
	background-color:#A0B949;
	}
div.footer .footerText {
	text-align:center;
	padding:7px 10px 7px 0px;
	}
div.footer .footerText h2 {
	margin:0;
	font-size:15px;
	color:#FFF;
	}

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

div.contentBlock {

	}

	
/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
		margin:0px;
		}
.formgrid {
		}
.formGrid td {
		}
.formGrid .nameCell {
	}
.formGrid .inputCell {
		}
input,
select {
	vertical-align:middle;
	}
input.typeText {
	padding-left:5px;
	color:#000;
	font-weight:normal;
	height:16px;
	_height:20px;
	border:1px solid #3063A1;
	}
label {
	vertical-align:middle;
	cursor:pointer;
	}
select.select {
	
	}
textarea.textarea {
	
	}
	
.imgBlocker{
    width  : 100%;
    height : 100%;
    z-index : 999;
    display : none;
    background-image : url(images/white_shade.gif);
    background-repeat : repeat;
    background-attachment : fixed;
    background-position : 0px 100%;
    position : fixed;
    top : 0px;
    left : 0px;
}
	
.mainColGallery {
    width:500px;
    border:1px;
    display:block;
}

.mainColGallery p img{
    margin:2px;
}