* { padding			:0;
	margin			:0;
	border			:0; 
	font-family		:Verdana, Arial, Helvetica, sans-serif; } 

#total {
	width			:100%;
	margin			:0 auto; /*** Centers the design ***/
	height			:100%;
	background		:url(../images/index/bg_top.png) top no-repeat;
	}
	
* html #total { /*Only IE 6.0*/
	background:url(../images/index/bg_top_ie6.gif);
	background-repeat:no-repeat;
	margin:0 auto; /*** Centers the design ***/
	background-position:top center; }

.isPNG { behavior:url(css/iepngfix.htc); }
.clear { display:block; clear:both; }

#mainContainer {
	width			:877px;
	margin			:0 auto; /*** Centers the design ***/
	min-height		:100%;
	background		:#FFF url(../images/index/cols.jpg) center repeat-y; /*** This is our faux columns ***/
	text-align		:left; } /*** Because we centered the text in body we have to move the text back to left aligning ***/

#mainContainer_photo {
	width			:877px;
	margin			:0 auto; /*** Centers the design ***/
	min-height		:100%;
	background		:#FFF;
	text-align		:left; } /*** Because we centered the text in body we have to move the text back to left aligning ***/

* html #mainContainer { height:100%; } /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/

#header {
	background		:url(../images/index/header.jpg) top no-repeat;
	height			:140px;
	padding			:0px;
	width			:877px; }

#logospacer {
	width			:243px;
	height			:125px;
	margin-top		:10px;
	margin-left		:12px;	
	text-align		:center;
	clear			:both;
	float			:left;
	z-index:30; }

* html #logospacer { /*Only IE 6.0*/
	width			:243px;
	height			:125px;
	margin-top		:8px;
	margin-left		:12px;	
	text-align		:center;
	clear			:both;
	float			:left;	
	z-index:30; }

#banner { 
	width:613px;
	height:140px;
	margin-left:263px;
	z-index:40;
}

* html #banner{ /*IE 6 Only*/
	width:613px;
	height:140px;
	margin-left:263px;
	margin-top:-134px;
	z-index:40;
}

#talen{
	position:absolute;
	width			:153px;
	height			:25px;
	margin-left		:715px;
	margin-top		:-114px;
	color			:#582672;
	z-index:60;
}

* html #talen{ /*IE 6 Only*/
	width			:153px;
	height			:15px;
	margin-left		:654px;
	margin-top		:-114px;
	color			:#582672;
	z-index:800;}

#talen a { text-decoration:none; color:#582672; }
#talen a:hover{ color :#c3d62e; }


#social{ position:absolute; width:153px; top:152px; margin-left:720px; height:10px; z-index:62; }
* html #social{ /*IE 6 Only*/ position:absolute; width:153px; top:152px; height:10px; margin-left:720px; z-index:800; }
#social a { text-decoration:none; color:#582672; }
#social a:hover{ color:#c3d62e; }
#social li { margin-right:6px; }


#zoeken{ 
	position:absolute;
	width			:190px;
	height			:28px;
	margin-top		:-46px;
	margin-left		:651px;
	z-index:20;}

*:first-child+html #zoeken{ /*IE 7 Only*/
	width			:190px;
	height			:28px;
	margin-top		:-46px;
	margin-left		:651px;
	z-index:20;}

* html #zoeken{ /*IE 6 Only*/
	width			:190px;
	height			:28px;
	margin-top		:-46px;
	margin-left		:648px;
	z-index:20;}

#top_cols {
	width			:877px;
	height			:18px;
	margin			:0 auto;
	text-align		:center;
	background		:url(../images/index/topcols.gif);
	clear			:both;}
	
#menu {
	width			:877px;
	height			:31px;
	background		:#582672;
	margin			:0 auto;
	text-align		:center; }

#flashbanner {
	width			:877px;
	height			:209px;
	/*background	:url(../images/index/flashbanner.jpg);*/
	margin			:0 auto;
	text-align		:center;
}
#flashbanner_photo {
	width			:877px;
	height			:165px;
	/*background	:url(../images/index/flashbanner.jpg);*/
	margin			:0 auto;
	text-align		:center;
}
#spacer {
	width			:877px;
	height			:5px;
	margin			:0 auto;
	text-align		:center;
	clear			:both;
	background-color:#FFFFFF;
}
#left {
	float			:left;
	width			:228px;
	padding-top 	:0px;
	padding-left 	:18px;
	padding-bottom 	:0px;
	padding-right 	:18px;
	color			:#fff;
	clear			:right;
	display			:block;
}

#left a { text-decoration:none;	color:#ffffff; }
#left a:hover{ color:#c3d62e; }

#content {  
	float			:right;
	padding-top 	:0px;
	padding-left 	:18px;
	padding-bottom 	:0px;
	padding-right 	:18px;
	width			:571px;}

* html #left { position:relative; } /*** IE needs this  ***/

#page_titel { float:left;}
#linkpad { float:right; padding-top:2px; }
#linkpad h5 { color:#CCCCCC; font-size:10px; display:inline; }
#linkpad a { color:#CCCCCC; font-size:10px; text-decoration:none; }
#linkpad a:hover { color:#582672; font-size:10px; }

#footer {
	width			:847px; 
	height			:31px; 
	margin			:0 auto; 
	margin-top		:0px;
	padding-left	:15px;
	padding-right	:15px;
	padding-top		:12px;
	text-align:		center;
	vertical-align	:middle;
	background		:#FFF url(../images/index/footer.jpg) top no-repeat;
}

#footer_index {
	width			:847px; 
	height			:31px; 
	margin			:0 auto; 
	margin-top		:0px;
	padding-left	:15px;
	padding-right	:15px;
	padding-top		:12px;
	text-align:		center;
	vertical-align	:middle;
	background		:#FFF url(../images/index/footer.gif) top no-repeat;
}

#footer a { text-decoration:none; color:#582672; }
#footer a:hover{ color:#c3d62e; }
#footer_index a { text-decoration:none; color:#582672; }
#footer_index a:hover{ color:#c3d62e; }
	
#footercols_purple {
	background		:#582572 url(../images/index/footercols.gif);
	width			:877px; 
	height			:18px;
	margin			:0 auto; 
	text-align		:center;
	clear			:both;
}
#footercols_white {
	background		:url(../images/index/footercols_white.gif);
	width			:877px; 
	height			:18px;
	margin			:0 auto; 
	text-align		:center;
	clear			:both;
}
#footerspacer {
	display			:block;
	width			:877px;
	height			:5px;
	margin			:0 auto;
	text-align		:center;
	background-image:url(../images/index/spacer_2.jpg);
	clear			:both;
}

#bottom {
	width			:837px;
	margin			:0 auto; /*** Centers the design ***/	
	padding			:0 20px;	
	line-height		:19px;
	background		:#FFF url(../images/index/cols2.gif) center repeat-y; /*** This is our faux columns ***/
	text-align		:left;  /*** Because we centered the text in body we have to move the text back to left aligning ***/
}

#bottom p {
	margin-bottom	:5px;
}

#bottom ul {
	margin			:5px 0 5px 10px;
	padding			:0 0 0 5px;
	float			:none;
	display			:none;
}

#bottom ul li {
	display			:list-item;	
	list-style		:disc;
	margin			:2px;
	padding			:0px;	
	float			:none;
	display			:list-item;
	position		:inherit;
}

#top_bottom {
	width			:877px; 
	height			:18px;
	margin-left		:-20px;
	background		:url(../images/index/footer2_top.gif);
}

#top_bottom_index {
	width			:877px; 
	height			:18px;
	margin-left		:-20px;
	background		:url(../images/index/footer_top.gif);
}

#bottom_bottom {
	width			:877px; 
	height			:18px;
	margin-left		:-20px;
	background		:url(../images/index/footer2_bottom.gif);
}
#bottom_photo {
	width			:877px; 
	height			:18px;
	background		:url(../images/index/bottom_photo.gif);
}

#bottom_col {
	float			:left;
	clear			:right;
	display			:block;
	margin-right:20px;
}

#bronchure {
	font-size		:11px;
	text-decoration	:none;
	height			:58px;
	width			:80px;
	padding-top 	:30px;
	padding-left	:15px;
	color			:#ffffff;
}

#bronchure a {
	text-decoration	:none;
	color			:#ffffff ;
}
#bronchure a:hover{ color:#c3d62e; }