/****************************************************************************/
/************** CASCADING STYLE SHEET RAPID DEVELOPMENT COMPANY *************/
/****************************************************************************/

body {
	background:url(images/bg.png) #40301a repeat-x;
	font-family:"Arial";
	line-height:17px;
	font-size:11px;
	color:#40301a;
	margin:0;
}

/****************************************************************************/
/**************************** WRAPPER - CONTAINER ***************************/
/****************************************************************************/

#wrapper {
	background:url(images/wrapper.png) top center no-repeat;
	min-height:200px;
}

#container {
	margin:0 auto;
	width:910px;
}

/****************************************************************************/
/********************************** HEADER **********************************/
/****************************************************************************/

#header {
	position:relative;
	height:178px;
	width:910px;
}

/****************************************************************************/
/*********************************** LOGO ***********************************/
/****************************************************************************/

#header h1.logo {
	text-indent:-6000px;
	padding:0;
	margin:0;
}

#header h1.logo a {
	display:block;
	height:146px;
	width:146px;
}

/****************************************************************************/
/*********************************** MENU ***********************************/
/****************************************************************************/

#header ul.menu {
	list-style-type:none;
	position:absolute;
	left:340px;
	padding:0;
	margin:0;
	bottom:0;
}

#header ul.menu li {
	text-indent:-6000px;
	float:left;	
}

#header ul.menu li a {
	display:block;
	height:51px;
}

/****************************************************************************/
/***************************** MENU - NEDERLANDS ****************************/
/****************************************************************************/

#header ul.menu.nl li.welkom a {
	background:url(images/menu_welkom.png) no-repeat;
	width:98px;
}

#header ul.menu.nl li.fr-welkom a {
	background:url(images/fr-menu_welkom.png) no-repeat;
	width:98px;
}

#header ul.menu.nl li.diensten a {
	background:url(images/menu_diensten.png) no-repeat;
	width:125px;
}

#header ul.menu.nl li.fr-diensten a {
	background:url(images/fr-menu_diensten.png) no-repeat;
	width:125px;
}

#header ul.menu.nl li.ecommerce a {
	background:url(images/menu_ecommerce.png) no-repeat;
	width:124px;
}

#header ul.menu.nl li.consultancy a {
	background:url(images/menu_consultancy.png) no-repeat;
	width:114px;
}

#header ul.menu.nl li.contact a {
	background:url(images/menu_contact.png) no-repeat;
	width:101px;
}

#header ul.menu.nl li a:hover,
#header ul.menu.nl li.current a {
	background-position:bottom;	
}

/****************************************************************************/
/*********************************** BODY ***********************************/
/****************************************************************************/

#body {
	position:relative;	
	height:482px;
	width:910px;
}

#body .image {
	height:482px;
	float:left;	
}

#body.frontpage .image {
	width:487px;
}

#body.frontpage .image {
	background:url(images/image-welkom.jpg) no-repeat;
}

#body.subpagina .image {
	width:350px;
}

#body.subpagina .image {
	background:url(images/image_01.png) no-repeat;
}

#body.subpagina .imagecontact {
	background:url(images/image_contact.png) no-repeat;
}

#body.subpagina .imageconsultancy {
	background:url(images/image_consultancy.png) no-repeat;
}

#body.subpagina .imagedevelop {
	background:url(images/image_develop.png) no-repeat;
}

#body.subpagina .imageecommerce {
	background:url(images/ecommerce.png) no-repeat;
}

#body.subpagina .imagereferenties {
	background:url(images/referenties.png) no-repeat;
}

/****************************************************************************/
/********************************** CONTENT *********************************/
/****************************************************************************/

#body.frontpage .content {
	padding:65px 0 0 40px;
	width:380px;
	float:left;
}

#body.subpagina .content {
	padding:65px 0 0 40px;
	width:510px;
	float:left;
}

#body .content .meerinfo a {
	background:url(images/meerinfo.png) no-repeat;
	text-indent:-6000px;
	cursor:pointer;
	display:block;
	height:18px;
	width:120px;
}

#body .content .meerinfo a:hover {
	background-position:bottom left;
}

#body .content .fr-meerinfo a {
	background:url(images/fr-meerinfo.png) no-repeat;
	text-indent:-6000px;
	cursor:pointer;
	display:block;
	height:22px;
	width:141px;
}

#body .content .fr-meerinfo a:hover {
	background-position:bottom left;
}

/****************************************************************************/
/********************************** HEADING *********************************/
/****************************************************************************/

#body .content h1 {
	text-indent:-6000px;
	display:block;
	padding:0;
}

#body.frontpage .content h1 {
	margin:0 0 15px 0;	
}

#body.subpagina .content h1 {
	margin:0 0 3px 0;	
}

#body .content h1.welkom {
	background:url(images/ttl-welkom.png) no-repeat;
	height:148px;
	width:218px;
}

#body .content h1.fr-welkom {
	background:url(images/fr-ttl-welkom.png) no-repeat;
	height:148px;
	width:218px;
}

#body .content h1.diensten {
	background:url(images/ttl-diensten.png);
	height:42px;
	width:213px;
}

#body .content h1.fr-diensten {
	background:url(images/ttl-fr-diensten.png);
	height:42px;
	width:213px;
}

#body .content h1.ecommerce {
	background:url(images/ttl-ecommerce.png);
	height:42px;
	width:213px;
}

#body .content h1.consultancy {
	background:url(images/ttl-consultancy.png);
	height:42px;
	width:213px;
}

#body .content h1.contact {
	background:url(images/ttl-contact.png);
	height:42px;
	width:213px;
}

#body .content h1.route{
	background:url(images/ttl-contact.png) no-repeat;
	height:42px;
	width:213px;
}

#body .content h1.development {
	background:url(images/ttl-develop.png);
	height:42px;
	width:213px;
}

#body .content h1.fr-development {
	background:url(images/fr-ttl-develop.png);
	height:42px;
	width:213px;
}

#body .content h1.referenties {
	background:url(images/ttl-referenties.png);
	height:42px;
	width:213px;
}

#body .content h1.fr-referenties {
	background:url(images/ttl-fr-referenties.png);
	height:42px;
	width:213px;
}

/****************************************************************************/
/*********************************** TAAL **********************(************/
/****************************************************************************/

#body ul.taal {
	list-style-type:none;
	position:absolute;
	bottom:10px;
	right:30px;
	padding:0;
	margin:0;
}

#body ul.taal li {
	margin-left:4px;
	float:left;	
}

#body ul.taal li a {
	display:block;
	height:11px;
	width:16px;
}

#body ul.taal li.nl a {
	background:url(images/taal_nl.png) no-repeat;	
}

#body ul.taal li.fr a {
	background:url(images/taal_fr_h.png) no-repeat;	
}

#body ul.taal li.nl a:hover
{
	background:url(images/taal_nl.png) no-repeat;		
}

#body ul.taal li.nl.current_nl a {
	background:url(images/taal_nl.png) no-repeat;		
}

#body ul.taal li.nl.not_nl a {
	background:url(images/taal_nl_h.png) no-repeat;		
}

#body ul.taal li.fr a:hover {
	background:url(images/taal_fr.png) no-repeat;	
}

#body ul.taal li.fr.current_fr a{
	background:url(images/taal_fr.png) no-repeat;	
}
/****************************************************************************/
/********************************** FOOTER **********************************/
/****************************************************************************/

#footer {
	font-family:"Trebuchet MS";
	padding:30px 0 0 0;
	height:130px;
	width:910px;
}

#footer .box {
	height:130px;
	float:left;
}

#footer .box h3 {
	text-indent:-6000px;
	margin:0 0 14px 0;
	display:block;
	height:11px;
	padding:0;
}

/****************************************************************************/
/******************************* TOP DIENSTEN *******************************/
/****************************************************************************/

#footer .box.diensten {
	margin:0 22px 0 0;
	width:237px;	
}

#footer .box.diensten h3 {
	background:url(images/h3_diensten.png) no-repeat;
	margin-left:15px;
	width:120px;
}

#footer .box.diensten ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#footer .box.diensten ul li {
	font-family:"Trebuchet MS";
	font-weight:bold;
	margin:0 0 2px 0;	
	font-size:13px;
}

#footer .box.diensten ul li a {
	background:url(images/footer_diensten.png) left top no-repeat;
	text-decoration:none;
	padding:5px 0 0 34px;
	display:block;
	color:#efebdf;
	height:23px;
}

#footer .box.diensten ul li a:hover {
	background-position:left bottom;	
}

/****************************************************************************/
/******************************* TOP DIENSTEN FRANS *************************/
/****************************************************************************/

#footer .box.fr-diensten {
	margin:0 22px 0 0;
	width:237px;	
}

#footer .box.fr-diensten h3 {
	background:url(images/fr-h3_diensten.jpg) no-repeat;
	margin-left:12px;
	width:157px;
	height:12px;
}

#footer .box.fr-diensten ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#footer .box.fr-diensten ul li {
	font-family:"Trebuchet MS";
	font-weight:bold;
	margin:0 0 2px 0;	
	font-size:13px;
}

#footer .box.fr-diensten ul li a {
	background:url(images/footer_diensten.png) left top no-repeat;
	text-decoration:none;
	padding:5px 0 0 34px;
	display:block;
	color:#efebdf;
	height:23px;
}

#footer .box.fr-diensten ul li a:hover {
	background-position:left bottom;	
}

/****************************************************************************/
/***************************** ONZE REFERENTIES *****************************/
/****************************************************************************/

#footer .box.referenties {
	width:332px;	
}

#footer .box.referenties h3 {
	background:url(images/h3_referenties.png) no-repeat;
	margin-left:25px;
	width:116px;
}

#footer .box.referenties .item {
	position:relative;
	line-height:20px;
}

#footer .box.referenties .item a {
	padding:0 5px 0 135px;
	text-decoration:none;
	background:#4f3b20;
	font-size:10px;
	display:block;
	width:192px;
	height:88px;
	color:#fff;	
}

#footer .box.referenties .item a:hover {
	background:#664d2a;	
}

#footer .box.referenties .item .screenshot {
	position:absolute;
	height:95px;
	width:125px;
	left:5px;
	top:4px;
}

#footer .box.referenties .item .screenshot.proxis {
	background:url(images/screenshot_proxis.png) no-repeat;	
}

#footer .box.referenties .item .screenshot.bl {
	background:url(images/sfeerbeeld2.jpg) no-repeat;	
}

#footer .box.referenties .item h4 {
	font-family:"Trebuchet MS";
	padding:10px 0 0 0;
	font-size:16px;
	color:#e3d79b;
	margin:0;
}

#footer .box.referenties .item h4 span {
	color:#ebe8d9;	
}

#footer .box.referenties .item p {
	margin:0;	
}

/****************************************************************************/
/***************************** ONZE REFERENTIES FRANS************************/
/****************************************************************************/

#footer .box.fr-referenties {
	width:332px;	
}

#footer .box.fr-referenties h3 {
	background:url(images/fr-h3_referenties.jpg) no-repeat;
	margin-left:25px;
	width:108px;
	height:12px;	
}

#footer .box.fr-referenties .item {
	position:relative;
	line-height:20px;
}

#footer .box.fr-referenties .item a {
	padding:0 5px 0 135px;
	text-decoration:none;
	background:#4f3b20;
	font-size:10px;
	display:block;
	width:192px;
	height:88px;
	color:#fff;	
}

#footer .box.fr-referenties .item a:hover {
	background:#664d2a;	
}

#footer .box.fr-referenties .item .screenshot {
	position:absolute;
	height:95px;
	width:125px;
	left:5px;
	top:4px;
}

#footer .box.fr-referenties .item .screenshot.proxis {
	background:url(images/screenshot_proxis.png) no-repeat;	
}

#footer .box.fr-referenties .item .screenshot.bl {
	background:url(images/sfeerbeeld2.jpg) no-repeat;
}

#footer .box.fr-referenties .item h4 {
	font-family:"Trebuchet MS";
	padding:10px 0 0 0;
	font-size:16px;
	color:#e3d79b;
	margin:0;
}

#footer .box.fr-referenties .item h4 span {
	color:#ebe8d9;	
}

#footer .box.fr-referenties .item p {
	margin:0;	
}

/****************************************************************************/
/******************************** COPYRIGHT *********************************/
/****************************************************************************/

#footer .box.copyright {
	margin:0 0 0 30px;
	width:260px;
	color:#fff;
}

#footer .box.copyright h3 {
	background:url(images/h3_copyright.png) no-repeat;
	margin-left:15px;
	width:227px;
}

#footer .box.copyright .contactgegevens {
	background:url(images/footer_contact.png) repeat-x;
	height:88px;
	width:260px;
}

#footer .box.copyright .contactgegevens .id {
	padding:0 0 0 10px;
	line-height:20px;
	font-weight:bold;
	color:#e3d79b;
	width:120px;
	float:left;
}

#footer .box.copyright .contactgegevens .txt {
	padding:0 10px 3px 0;
	line-height:20px;
	text-align:right;
	color:#f3f3f1;
	width:120px;
	float:left;
}

#footer .box.copyright .contactgegevens .row a {
	text-decoration:none;
	cursor:pointer;
	display:block;
	color:#f3f3f1;
	height:23px;
	width:260px;
}

#footer .box.copyright .contactgegevens .row a:hover {
	background:#664d2a;	
}

/****************************************************************************/
/******************************** COPYRIGHT FRANS****************************/
/****************************************************************************/

#footer .box.fr-copyright {
	margin:0 0 0 30px;
	width:260px;
	color:#fff;
}

#footer .box.fr-copyright h3 {
	background:url(images/h3_copyright.png) no-repeat;
	margin-left:15px;
	width:227px;
	height:12px;	
}

#footer .box.fr-copyright .contactgegevens {
	background:url(images/footer_contact.png) repeat-x;
	height:88px;
	width:260px;
}

#footer .box.fr-copyright .contactgegevens .id {
	padding:0 0 0 10px;
	line-height:20px;
	font-weight:bold;
	color:#e3d79b;
	width:120px;
	float:left;
}

#footer .box.fr-copyright .contactgegevens .txt {
	padding:0 10px 3px 0;
	line-height:20px;
	text-align:right;
	color:#f3f3f1;
	width:120px;
	float:left;
}

#footer .box.fr-copyright .contactgegevens .row a {
	text-decoration:none;
	cursor:pointer;
	display:block;
	color:#f3f3f1;
	height:23px;
	width:260px;
}

#footer .box.fr-copyright .contactgegevens .row a:hover {
	background:#664d2a;	
}

/****************************************************************************/
/********************************** OVERIG **********************************/
/****************************************************************************/

.clear {
	clear:both;	
}