/* fanton.be */


body{
	background-image:url(media/bg_strook.jpg);
	background-repeat:repeat-x;
	font-family:Arial,verdana, sans-serif;
	font-size:11px;
	color:#38332e;
	height:100%;
	
	}

.center1{
	position:absolute;
	left:50%;
	width:502px;
	top:0px;
	margin-left:-256px;
	
	height:20px;
	}

.lijnen{
	position:absolute;
	top:0px;
	background-image:url(media/bg_lijnen.jpg);
	width:100%;
	height:90px;
	}

.logo{
	position:absolute;
	top:83px;
	height:58px;
	width:178px;
	background-image:url(media/logo.jpg);
	background-repeat:no-repeat;
	}

.colomcontainer{
	position:relative;
	width:502px;
	height:400px;
	display:block;
	}
	
.linkerkolom{
	position:absolute;
	width:240px;
	height:400px;
	border-top:3px solid #93a8a8;
	margin-top:20px;
	}

.rechterkolom{
	position:absolute;
	width:240px;
	height:400px;
	left:261px;
	border-top:3px solid #93a8a8;
	margin-top:20px;
	}
	 
.colomcontainer h4{
	font-size:14px;
	font-weight:bold;
	color:#434d4d;
	position:relative;
	top:-40px;
	}

/* MENU */
	.menucontainer{
		position:absolute;
		top:83px;
		height:58px;
		left:172px;
		background-color:#FFFFFF;
		}
	/* DIENSTEN */	
		.div_diensten{
			position:absolute;
			left:0px;
			height:58px;
			width:102px;
			}
		
		.a_diensten{
			display:block;
			background-image:url(media/diensten_1.jpg);
			height:58px;
			
			}
		.a_diensten:hover{
			display:block;
			background-image:url(media/diensten_2.jpg);
			height:58px;	
			}
		.diensten_actief{
			position:absolute;
			top:145px;
			left:212px;
			width:25px;
			height:6px;
			background-image:url(media/active_arrow.gif);
			background-repeat:no-repeat;
			}
			
		
	/* REFERENTIES */
	
		.div_referenties{
			position:absolute;
			left:102px;
			height:58px;
			width:126px;
			}
		.a_referenties{
			display:block;
			background-image:url(media/referenties_1.jpg);
			height:58px;
			
			}
		.a_referenties:hover{
			display:block;
			background-image:url(media/referenties_2.jpg);
			height:58px;
			}
		.referenties_actief{
			position:absolute;
			top:145px;
			left:322px;
			width:25px;
			height:6px;
			background-image:url(media/active_arrow.gif);
			background-repeat:no-repeat;
			}
	/* CONTACT */
	
		.div_contact{
			position:absolute;
			left:228px;
			height:58px;
			width:102px;
			}
		.a_contact{
			display:block;
			background-image:url(media/contact_1.jpg);
			height:58px;
			
			}
		.a_contact:hover{
			display:block;
			background-image:url(media/contact_2.jpg);
			height:58px;
			}
			
		.contact_actief{
			position:absolute;
			top:145px;
			left:439px;
			width:25px;
			height:6px;
			background-image:url(media/active_arrow.gif);
			background-repeat:no-repeat;
			}


.inhoudcontainer{
	position:absolute;
	top:200px;
	width:502px;
	height:100%;
	background-color:#FFFFFF;
	}

.inhoudcontainer2{
	position:absolute;
	top:350px;
	left:0px;
	width:502px;
	height:100%;
	background-color:#FFFFFF;
	}

.inhoud1{
	position:relative;
	width:100%;

	border-bottom: 4px solid #93a8a8;
	padding: 10px 0px 10px 0px;
	background-color:#FFFFFF;
	text-align:justify;
}

.inhoud2{
	position:relative;
	width:100%;
	padding: 10px 0px 10px 0px;
	background-color:#FFFFFF;
	text-align:justify;
	
	}
.inhoud1 img{
	float:right;
	border:3px solid #93a8a8;
	margin-left:15px;
	}
	
div.promo{
	position:relative;
	border:2px solid #e7eeee;
	height:160px;
	width:500px;
	top:170px;
	}
	

img.referentie{
	float:left;
	margin-right:20px;
	border:3px solid #93a8a8;
	}

img.referentie2{
	float:right;
	margin-right:20px;
	border:3px solid #a8a393;
	}

li{
	list-style-type:square;
	line-height:20px;
	}
	

.paginatitel{
	position:absolute;
	top:-25px;
	font-size:14px;
	font-weight:bold;
	color:#434d4d;
	}



/* TEXTOPMAAK */

h3{
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	}
	
.p2{
	font-size:11px;
	color:#93a8a8;
	font-weight:bold;
	}

.p3{
	font-size:11px;
	color:#a8a393;
	font-weight:bold;
	float:right;
	}

.referentieitem{
	position:relative;
	width:100%;
	height:120px;
	}

.scheidinglijn{
	position:relative;
	width:100%;
	height:2px;
	border-top:1px solid #CCCCCC;
	}

.link1{
	color:#38332e;
	}
.link1:hover{
	text-decoration:none;
	}

img.noborder{
	position:relative;
	border:none;
	float:right;
	}


	
.listdiv{
	background-image:url(media/list-style.gif);
	background-repeat:no-repeat;
	position:relative;
	height:18px;
	border-bottom:1px solid #efefef;
	margin-left:30px;
	width:300px;
	margin-top:12px;
	padding-left:25px;

	
	}


.mailme{
	background-image:url(media/mail.gif);
	background-repeat:no-repeat;
	display:block;
	line-height:15px;
	height:15px;
	}

p{
	margin-top:2px;
}

h2{
	margin-bottom:1px;
	color:#465353;
}