
/* pushes the page to the full capacity of the viewing area */
body { margin:0; padding:0; background-color:#000 }

/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:1280; height:800;}

/* places the content ontop of the background image */
#content 


body {
	background-color: #212026;/*#26252b;*/
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.6em;
	color: #fff;
}


#container {
	position: relative;
	margin: 50px auto;
	width: 960px;
	height: 540px;
	padding: 10px 0;
/*	background: transparent url(../gfx/bg.jpg) no-repeat top left; */
	border: 0px solid #fff;
}

#presentatie1 {
	position: relative;
	width: 900px;
	margin: 0 30px;
	height: 250px;
	top: 0px;
/*	display: none;*/
	overflow: hidden;
	border: 1px solid #6d695a;
}

#presentatie2 {
	position: relative;
	width: 900px;
	margin: 0 30px;
	height: 250px;
	top: 10px;
/*	display: none;*/
	overflow: hidden;
	border: 1px solid #6d695a;
}


#presentatie1 li,
#presentatie2 li {
	position: relative;
/*	background-color: #333;*/
	color: #fff;
	width: 900px;
	height: 250px;
}



#slider1prev,
#prevBtn {
	position: absolute;
	top: 0;
	width: 30px;
	margin-left: 0px;
	border: 0px solid #333;
}

#slider1prev a,
#prevBtn a {
	display: block;
	width: 30px;
	height: 250px;
	overflow: hidden;
	text-indent: -9999px;
	border: 0px solid #333;
	background: transparent url(../gfx/prev_btn.gif) no-repeat top left;
}

#slider1prev a:hover,
#prevBtn a:hover {
	background: transparent url(../gfx/prev_btn.gif) no-repeat scroll -30px 0;
}

#prevBtn {
	top: 277px;
}


#slider1next,
#nextBtn {
	position: absolute;
	top: 0px;
	margin-left: 930px;
	width: 30px;
}

#slider1next a,
#nextBtn a {
	display: block;
	width: 30px;
	height: 250px;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(../gfx/next_btn.gif) no-repeat top left;
}
#slider1next a:hover,
#nextBtn a:hover {
	background: transparent url(../gfx/next_btn.gif) no-repeat scroll -30px 0;
}

#nextBtn {
	top: 277px;
}





#footer {
	position: absolute;
	top: 530px;
	left: 70px;
	color: #999;
	width: 800px;
	border: 0px solid #fff;
}




/* tekstblokken */


#home_start_1 {
	position: absolute;
	top: 20px;
	left: 40px;
	width: 300px;
	height: 25px;
	border: 0px solid #333;
	text-align: left;
}

#home_start_1b {
	position: absolute;
	top: 115px;
	left: 400px;
	width: 455px;
	height: 25px;
	border: 0px solid #333;
	text-align: right;
}


#content_type1 {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 290px;
	height: 220px;
	border: 0px solid #333;
	text-align: left;
}

#content_type2 {
	position: absolute;
	top: 20px;
	left: 280px;
	width: 270px;
	height: 220px;
	border: 0px solid #333;
	text-align: left;
}

#content_type2a {
	position: absolute;
	top: 20px;
	left: 380px;
	width: 270px;
	height: 220px;
	border: 0px solid #333;
	text-align: left;
}

#content_type2b {
	position: absolute;
	top: 20px;
	left: 480px;
	width: 270px;
	height: 220px;
	border: 0px solid #333;
	text-align: left;
}

#content_type2c {
	position: absolute;
	top: 20px;
	left: 540px;
	width: 270px;
	height: 220px;
	border: 0px solid #333;
	text-align: left;
}

#content_type3 {
	position: absolute;
	top: 20px;
	left: 580px;
	width: 270px;
	height: 220px;
	border: 0px solid #333;
	text-align: left;
}

#kolom1 {
	position: absolute;
	width: 330px;
	height: 240px;
	border: 1px solid #333;
	text-align: left;
}

#kolom2 {
	position: absolute;
	top: 270px;
	left: 620px;
	width: 220px;
	height: 280px;
	border: 0px solid #333;
	text-align: left;
}

#kolom_wide {
	position: absolute;
	top: 270px;
	left: 480px;
	width: 370px;
	height: 230px;
	border: 0px solid #333;
	text-align: left;
}

#kolom_left {
	position: absolute;
	top: 270px;
	left: 30px;
	width: 370px;
	height: 230px;
	border: 0px solid #333;
	text-align: left;
}



p.h2 { 
	font-size: 1.0em; 
	line-height: 20px; 
	color:#d7d5c9; 
	letter-spacing: 1px;
}



p.content 
{font-family: Helvetica, Arial; color:#999999; font-size: 9pt; line-height: 14pt}
p.content_dark
{font-family: Helvetica, Arial; color:#3f3e3c; font-size: 9pt; line-height: 14pt}
p.content_white
{font-family: Helvetica, Arial; color:#ffffff; font-size: 9pt; line-height: 14pt}
p.footertext 
{font-family: Helvetica, Arial; color:#999999; font-size: 8pt; line-height: 14pt}
p.content_white_header
{font-family: Helvetica, Arial; color:#ffffff; font-size: 10pt; line-height: 14pt}
p.content_white_right
{font-family: Helvetica, Arial; color:#ffffff; font-size: 10pt; line-height: 14pt; text-align: right;}


a:link { color:#e8e8e8; text-decoration: none; }
a:visited { color:#666; text-decoration: none;}
a:hover { color:#FFCC33; text-decoration: overline; }
a:active { color:#FFFF33; text-decoration: underline; } 
