body { 
	margin: 0px; 
	padding: 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #fff; 
	line-height: 1.8em; 
	background: url(../images/bg.jpg) repeat fixed;
}

#wrapper {position: relative; margin: 20px auto; width: 790px; text-align: left; }


div.padder { 
	padding: 65px 14px 8px 34px; 
}


#header { 
	position: relative; 
	width: 764px; 
	height: 170px; 
	text-align: right;
	padding-right: 26px;
	padding-top: 10px;
	background: url(../images/logo.gif) no-repeat left;
}



	


#menutemp { 
position: relative;
width: 320px; 
z-index: 2000;
left: -80px;}

#menutemp p { 

font-family: Arial, Verdana, Helvetica, sans-serif; 
font-weight: bold;
font-size: 0.95em;
line-height: 2em;
text-align:left;
letter-spacing: 6px;
}

#menutemp a {color: #C0C0C0; text-decoration:none;}
#menutemp a:visited {color: #C0C0C0;}
#menutemp a:hover {color: #F14A23; letter-spacing: 5px; }

#werk { 
position: absolute;
width: 440px;
height: 500px;
top: 50px;
left: 340px;
z-index: 2100;}

#content { 
/*deze stijl moet een bgimage krijgen met de achtergrondkleuren van de 3 kolommen*/
	position: relative; 
	height: auto; 
	width: 790px;
	white-space: nowrap;
	background: url(../images/bgcontent.gif) repeat-y left top;



}

.column {
	position: relative;
	height: auto;
	float: left;
	white-space: normal;
}

#clm1.column { width: 130px; z-index:2000; background-color: #F14A23; }
#clm2.column { 	background: url(../images/bgcontent.gif) repeat-y left top; width: 555px; min-height: 429px; padding-right: 35px; padding-left: 200px; padding-top: 0px; margin-bottom: 20px;}


h1 {
position:absolute;
	font-size: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #C0C0C0;
	padding-top:0px;
	line-height: 1.8em;
	text-align: left;
	letter-spacing:5px;
	left: 154px;
	width: 500px;
	top: 6px;
}
h2 { 	font-family: Arial, Helvetica, sans-serif; margin-bottom: -12px; font-size: 1.2em; font-weight: bold; color: #C0C0C0;  line-height: 1.8em; letter-spacing: 1px; }
h3 { 	font-family: Arial, Helvetica, sans-serif; margin-top: 36px; margin-bottom: -12px; font-size: 1em; color: #C0C0C0; }
h4 { 	font-family: Arial, Helvetica, sans-serif; margin-top: 12px; margin-bottom: -12px; font-size: 1em; color: #C0C0C0; }
p {	font-size: 1em;  line-height: 2.1em; color: #C0C0C0; font-weight: normal;}

a {color: #C0C0C0; text-decoration:underline;}
a:visited {color: #C0C0C0;}
a:hover {color: #fff; }


#footer a {color: #C8E241; text-decoration:underline;}
#footer a:visited {color: #fff;}
#footer a:hover {color: #C7E340; }

ul {font-size: 1em;  line-height: 1.8em;	margin-left: -27px; color: #C0C0C0;}
ol {font-size: 1em;  line-height: 1.8em; margin-left: -20px;color: #C0C0C0; }
li {padding-right: 10px;}

.citaat {

	font-variant: small-caps;
	font-weight: bold;
	margin-left: 15px;
	margin-right: 15px;
}

.intro {
	font-weight: bold;
}

td {font-size: 0.85em;
color: #C0C0C0;
}
.alignleft {
	float: left;
	margin-left: -160px;
	margin-top: 10px;
	margin-right: 20px;
	clear: both;
}


.imgleft {
	float: left;
	margin-left: -190px;
	margin-top: 10px;
	margin-right: 20px;
	clear: both;
	border:1px solid #FFFFFF;}
	
.imgright {
	float: right;
	margin-top: 10px;
	margin-left: 20px;
	border:1px solid #FFFFFF;}

.nadruk {
	font-size: 1.2em;
	font-variant: small-caps;
	color: #000;
	font-weight:bold;
	text-align:center;
}

#siteby {
	font-size: 0.85em;
	color: #000;
	text-align: right;
	padding-top: 0px;
	padding-right: 8px;

}
.sitebyp {position: relative; top: -20px;}

#siteby a {color: #000; text-decoration:underline;}
#siteby a:visited {color: #000;}
#siteby a:hover {text-decoration: none; }

.bijschrift { font-size: 85%; }

.imgpadding { 
	margin-left: 15px;
}


.lijn {border-top: 1px dotted #C0C0C0; padding-top: 10px; }

#clm2.column img { 	border: 1px solid #fff;}


/* Easy Slider */

	#slider{ position: relative; left: 0px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:432px;
		height:350px;
		overflow:hidden; 
		text-align: center;
		
		}	
		


	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
	float: left;
	margin-top: -300px;
	margin-left: -50px;
		}	
		
		
	#nextBtn{ 
	float: right; 


		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */