body {
	margin: 0px;
	padding: 0px;
	height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #000000;
	padding:0px;
	margin:0px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #000000;
}

.small {font-size: 10px; font-weight:bold; color:#FFFFFF;}
.small2 {font-size: 10px; :#999999;}
.small3 {font-size: 10px; font-weight:bold; color:#666666;}

#back {
  position:absolute;
  width:900px;
  margin:-10px /* helft van de hoogte */ 0px 0px 380px /* helft van de breedte */; 
  left:50%;
  text-align: left;
  padding: 0px;
  overflow:hidden;
  z-index:5;
}


/* -------------------- taal -------------------------------------------------------------------------------------*/

#taal {
  position:absolute;
  width:900px;
  margin:0px /* helft van de hoogte */ 0px 0px -450px /* helft van de breedte */; 
  left:50%;
  text-align: left;
  padding: 0px;
  overflow:hidden;
  z-index:5;
}

.bgtaal { background-image:url(../img/bg_taal.jpg); background-repeat:repeat-x; background-position:left top;}


/* -------------------- navigatie -------------------------------------------------------------------------------------*/

#top {
  position:absolute;
  width:900px;
  height:70px;
  margin:0px /* helft van de hoogte */ 0px 0px -450px /* helft van de breedte */; 
  left:50%;
  text-align: left;
  padding: 0px;
  overflow:hidden;
  z-index:5;
  background-color:#77797D;
}

#top #logo a { width:228px; height:70px; position:absolute; margin:0px; top:0px;}
#top .orange {
	width:224px;
	margin-left:228px;
	height:70px;
	margin-top: 0px;
	position:absolute;
	background: url(../img/top_orange.jpg) no-repeat left top;
}
#top .orange2 {
	width:224px;
	margin-left:676px;
	height:70px;
	margin-top: 0px;
	position:absolute;
	background: url(../img/top_orange.jpg) no-repeat left top;
}
#top .green {
	width:224px;
	margin-left:452px;
	height:70px;
	margin-top: 0px;
	position:absolute;
	background: url(../img/top_green.jpg) no-repeat left top;
}
#top .blue {
	width:224px;
	margin-left:676px;
	height:70px;
	margin-top: 0px;
	position:absolute;
	background: url(../img/top_blue.jpg) no-repeat left top;
}

#top a:link {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	top: 15px;
	text-decoration: none;
	margin-left: 5px;
	position:absolute;
}
#top a:visited {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	top: 15px;
	text-decoration: none;
	margin-left: 5px;
	position:absolute;
}
#top a:hover {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	top: 15px;
	text-decoration: none;
	margin-left: 5px;
	position:absolute;
}



#navigatie {
	position:absolute;
	width:900px;
	height:44px;
	margin:70px /* helft van de hoogte */ 0px 0px -450px /* helft van de breedte */;
	left:50%;
	text-align: left;
	padding: 11px 0px 0px 38px;
	overflow:hidden;
	z-index:5;
	background: url(../img/bg_nav.jpg) no-repeat left top;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}

#navigatie a:link {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
}
#navigatie a:visited {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
}
#navigatie a:hover {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}
#navigatie .space{ padding-left:4px; padding-right:4px;}
#navigatie .space2{ padding-left:7px; padding-right:7px;}
#navigatie .space3{ padding-left:5px; padding-right:5px;}



/* -------------------- content -------------------------------------------------------------------------------------*/

#flash {
	position:absolute;
	width:900px;
	margin:114px /* helft van de hoogte */ 0px 0px -450px /* helft van de breedte */;
	left:50%;
	text-align: left;
	z-index:5;
	padding:0px;
	background-color:#F0F1F3;
}

#content {
	position:absolute;
	width:900px;
	margin:114px /* helft van de hoogte */ 0px 0px -450px /* helft van de breedte */;
	left:50%;
	text-align: left;
	z-index:5;
	padding-right:0px;
}

.bgcontent { background:#F0F1F2 url(../img/bg_content.jpg) no-repeat left bottom }
.bgcontent-special { background:#F0F1F2 url(../img/bg_content-special.jpg) no-repeat left bottom }

#content a:link {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: underline;
}

#content a:visited {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: underline;
}

#content a:hover {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}


#language { text-align:right; right:15px; margin-top:4px; color:#999999; position:relative; }

#language a:link {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}

#language a:visited {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}

#language a:hover {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}


h1 {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding-left:35px;
	padding-bottom:0px;
}

#left .h1, #double .h1 {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding-bottom:0px;
}

h2 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding-bottom:4px;
}

h3 {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding-left:0px;
	padding-bottom:0px;
}

a.titel:link {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}

a.titel:visited {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}

a.titel:hover {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: underline;
}


hr {
	BORDER-TOP-STYLE: none;
	BORDER-BOTTOM: #333 1px solid;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	HEIGHT: 1px;
	padding-bottom:4px;
	padding-top: 4px;
	margin-bottom:4px;
	margin-top: 4px;
}

.border { border:#666666 1px solid; }

ul li {
	margin:0px;
	padding:0px;
}

li.spatie {
	margin-bottom:10px;
	padding:0px;
}


#left {
	float:left; 
	position:relative; 
	width:400px; 
	left:0px; 
	text-align: justify;
	margin-top:15px;
	padding-left:35px;
}

#left2 {
	float:left; 
	position:relative; 
	width:560px; 
	left:0px; 
	text-align: justify;
	margin-top:15px;
	padding-left:35px;
}

.rood{
	color:#FF0000;
	list-style-type:none;}

#left3 {
	float:left; 
	position:relative; 
	width:300px; 
	left:0px; 
	text-align: justify;
	margin-top:15px;
	padding-left:35px;
}

#right {
	float:right;
	position:relative;
	width:400px;
	right:15px;
	text-align: justify;
	margin-top:15px;
}

#right2 {
	float:right;
	position:relative;
	width:260px;
	right:15px;
	text-align: justify;
	margin-top:15px;
}

#right3 {
	float:right;
	position:relative;
	width:550px;
	right:35px;
	text-align: justify;
	margin-top:15px;
	margin-left:0px;
}

#double {
	float:left; 
	position:relative; 
	width:845px; 
	left:0px; 
	text-align: justify;
	margin-top:15px;
	padding-left:35px;
}

#double2 {
	float:left; 
	position:relative; 
	width:865px; 
	left:0px; 
	text-align: justify;
	margin-top:15px;
	padding-left:35px;
}

#foto {
	float:right;
	position:relative;
	width:auto;
	right:0px;
	text-align: right;
	margin-top:20px;
}

#video {
	float:right;
	position:relative;
	width:auto;
	right:0px;
	text-align: left;
	margin-top:20px;
}

#foto2 {
	float:right;
	position:relative;
	width:450px;
	right:0px;
	text-align: right;
	margin-top:20px;
	z-index:50;
	margin:20px 0px 0px -450px /* helft van de breedte */;
}



.adres {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}

#adres a:link {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}

#adres a:visited {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}

#adres a:hover {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
}

#adres a.legal:link {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: underline;
}

#adres a.legal:visited {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: underline;
}

#adres a.legal:hover {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
}

#adres {
	position:relative;
	padding-left: 35px;
	z-index:15;
	padding-bottom:20px;
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	width:850px;
	height:30px;
    text-align: left;
    z-index:15;
}

.bgprod1 {
	background: url(../img/bg_prod1.jpg) no-repeat left bottom;
	padding-left: 15px;
	padding-top: 10px;
	padding-right:15px;
}

.bgprod1b {
	background: url(../img/bg_prod1b.jpg) no-repeat right bottom;
	padding-left: 15px;
	padding-top: 10px;
	padding-right:15px;
}

.bgprod2 {
	background: url(../img/bg_prod2.jpg) no-repeat left bottom;
	padding-left: 15px;
	padding-top: 10px;
	padding-right:15px;
}

.bgprod3 {
	background: url(../img/bg_prod3.jpg) no-repeat left bottom;
	padding-left: 15px;
	padding-top: 10px;
	padding-right:15px;
}


/* formulier ------------------------------------------------------------------------------------------- */	

.red {
	font-family:Verdana, Arial, Helvetica;
	font-size:11px;
	color:#ff0000;
}

.inputveld {
	font-family:Verdana, Arial, Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#FFFFFF;
	height: 18px;
	width: 150px;
	border: 1px solid #999999;
}

.inputveldje {
	font-family:Verdana, Arial, Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#FFFFFF;
	height: 18px;
	width: 60px;
	border: 1px solid #999999;
}

.textarea {
	font-family:Verdana, Arial, Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#FFFFFF;
	height: 90px;
	width: 300px;
	border: 1px solid #CCCCCC;
}

.button1 {
	padding: 2px;
	margin: 2px;
	height: 20px;
	width:110px;
	border: 1px solid #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-align:center;
	cursor: pointer;
	letter-spacing: 0.1em;
	margin-top:15px;
	background-color:#666666
}

.button2 {
	padding: 2px;
	margin: 2px;
	height: 20px;
	width:90px;
	border: 1px solid #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-align:center;
	cursor: pointer;
	letter-spacing: 0.1em;
	margin-top:15px;
	background-color:#999999;
}


/* toepassingen ------------------------------------------------------------------------------------------- */	

#container {position:relative; width:860px; padding:0px;}
.item {display:block; color:#fff; cursor:pointer; float:left; margin-right:20px; margin-bottom:20px; text-align:left; font:11px verdana,arial,sans-serif; }


/* producten ------------------------------------------------------------------------------------------- */	

#gallery { width:260px; padding:0px;float:left;}
#gallery2 { width:315px; padding:0px;float:left;}
#gallery3 { width:500px; padding:0px;float:right; }

a.switch img {
	display:block;
	float:left;
	margin-right:3px;
	margin-bottom:3px;
	border:1px solid #ffffff;
}
a.switch img.active {
	border:1px solid #FF0000;
}
.off {border:#666666 1px solid; }
.hide {display:none;  }
.show {margin-left:10px; display:block; float:left; }
.show img {float:left; }
.clear {clear:both;}
p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; line-height:16px; }
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; line-height:16px;}

/* actueel  ------------------------------------------------------------------------------------------- */	
#actueel img{
	display:block;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	clear:right;
}

/*DETAIL - verdelers  --------------------------------------------------------------------------------- */

#adres-plaatser{
	height:100px;
	width:800px;
	}
	
#bio{
	margin-top:15px;
	margin-right:20px;
	width:360px;
	float:left;
	}

#foto-bio{
	width:400px;
	float:right;
	margin-top:15px;
	}
	
#double-verdeler {
	float:left; 
	position:relative; 
	width:845px; 
	left:0px; 
	text-align: justify;
	margin-top:15px;
	margin-bottom:15px;
	padding-left:35px;
}
