
/*//<------ START MAIN BODY ----//*/
body
	{
	background-image: 		url(images/bg_nobotel_01.jpg);
	background-color:		#CACACA;
	background-repeat:		no-repeat;
	margin-top: 			0px;
	padding:				0px; 
	margin:					0 0 0; 
	color:					#EDEBEB; 
	font:					Arial, Helvetica, sans-serif;
	}
	
/*//<------ END MAIN BODY ----//*/


/*//<------ START HEADER ----//*/

#header
	{
	width:					800px; 
	height:					150px; 
	position:				relative; 
	margin:					0 auto; 
	background:				0 0 ;
	}

#header img.logo
	{
	width:					274px; 
	height:					70px; 
	position:				relative; 
	top:					52px; 
	left:					0;
	}
	
/*//<------ END HEADER ----//*/
	
	
/*//<------ START TOP MENU ----//*/	

#menu 
	{
	list-style:				none;
	padding:				0;
	margin:					auto;
	width:					800px;
	height:					48px;
	position:				relative;
	}
#menu span
	{
	display:				none;
	position:				relative;
	}
#menu a 
	{
	display:				block;
	text-indent:			-10000%;
	position:				absolute;
	outline:				none;
	left:					-166px;
	top:					72px;
	width: 219px;
	height: 48px;
	background-image: url(images/page_services.png);
	}
#menu a:hover 
	{
	background-position:	left bottom;
	}
#menu a:hover span 
	{
	display:				block;
	}

#menu .about 
	{
	width:					175px;
	height:					48px;
	background:				url(images/menu_about.png) no-repeat;
	left:					0px;
	top:					0px;
	}
#menu .about span 
	{
	width:					175px;
	height:					48px;
	background:				url(images/menu_about.png) no-repeat;
	left:					-10000%;
	top:					0px;
	}
#menu .about_page
	{
	width:					175px;
	height:					48px;
	background:				url(images/menu_about.png) no-repeat;
	left:					0px;
	top:					0px;
	background-position:	left bottom;
	}

#menu .services 
	{
	width:					219px;
	height:					48px;
	background:				url(images/menu_services.png) no-repeat;
	left:					176px;
	top:					0px;
	}
#menu .services span 
	{
	width:					219px;
	height:					48px;
	background:				url(images/menu_services.png) no-repeat;
	left:					-10000%;
	top:					0px;
	}
#menu .services_page
	{
	width:					219px;
	height:					48px;
	background:				url(images/menu_services.png) no-repeat;
	left:					176px;
	top:					0px;
	background-position:	left bottom;
	}

#menu .teamwork 
	{
	width:					177px;
	height:					48px;
	background:				url(images/menu_teamwork.png) no-repeat;
	left:					396px;
	top:					0px;
	}
#menu .teamwork span 
	{
	width:					177px;
	height:					48px;
	background:				url(images/menu_teamwork.png) no-repeat;
	left:					-10000%;
	top:					0px;
	}
#menu .teamwork_page
	{
	width:					177px;
	height:					48px;
	background:				url(images/menu_teamwork.png) no-repeat;
	left:					396px;
	top:					0px;
	background-position:	left bottom;
	}

#menu .news 
	{
	width:					112px;
	height:					48px;
	background:				url(images/menu_nieuws.png) no-repeat;
	left:					574px;
	top:					0px;
	}
#menu .news span 
	{
	width:					112px;
	height:					48px;
	background:				url(images/menu_nieuws.png) no-repeat;
	left:					-10000%;
	top:					0px;
	}
#menu .news_page
	{
	width:					112px;
	height:					48px;
	background:				url(images/menu_nieuws.png) no-repeat;
	left:					574px;
	top:					0px;
	background-position:	left bottom;
	}
	
#menu .contact 
	{
	width:					113px;
	height:					48px;
	background:				url(images/menu_contact.png) no-repeat;
	left:					687px;
	top:					0px;
	}
#menu .contact span 
	{
	width:					113px;
	height:					48px;
	background:				url(images/menu_contact.png) no-repeat;
	left:					-10000%;
	top:					0px;
	}
#menu .contact_page
	{
	width:					113px;
	height:					48px;
	background:				url(images/menu_contact.png) no-repeat;
	left:					687px;
	top:					0px;
	background-position:	left bottom;
	}

/*//<------ END TOP MENU ----//*/	

#body_content
	{
	width:					800px; 
	height:					500px;
	position:				relative; 
	margin:					0 auto;
	}	
	
#body_content a
	{
	padding:				0 0 0 0; 
	color:					#007BC4; 
	text-decoration:		none;
	}
#body_content a:hover
	{
	text-decoration:		underline;
	}
	
/*//<------ START ABOUT PAGE ----//*/

#left_content
	{
	width:					420px; 
	height:					420px;
	float:					left; 
	padding:				0 0 0 0;
	color:					#000000;
	}
#left_content h1
	{
	width:					220px; 
	height:					26px; 
	color:					#007BC4;
	margin:					40px 0 0 20px; 
	font:					28px "Verdana", Arial, Helvetica, sans-serif;
	}
#left_content h2
	{
	width:					396px; 
	color:					#3C484C; 
	margin:					26px 0 0 20px; 
	font:					16px "Verdana", Arial, Helvetica, sans-serif;
	line-height:			24px;
	}
#left_content h3
	{
	width:					396px; 
	color:					#3C484C;
	margin:					10px 0 0 20px;  
	font:					11px "Verdana", Arial, Helvetica, sans-serif;
	line-height:			16px;
	}

#right_content
	{
	width:					380px; 
	height:					420px;
	float:					left;
	padding:				0 0 0 0;
	margin:					0 0 0 0;
	background:				url(images/content_about_block.jpg) no-repeat;
	}
#right_content h1
	{
	width:					220px; 
	height:					26px; 
	color:					#ffffff;
	margin:					130px 0 0 100px; 
	font:					18px "Verdana", Arial, Helvetica, sans-serif;
	}
#right_content h2
	{
	width:					240px; 
	color:					#ffffff; 
	margin:					10px 0 0 100px; 
	font:					11px "Verdana", Arial, Helvetica, sans-serif;
	line-height:			16px;
	}
	
/*//<------ END ABOUT PAGE ----//*/


/*//<------ START DIENSTEN PAGE ----//*/

#left_content_services
	{
	width:					200px; 
	height:					500px;
	float:					left; 
	padding:				0 0 0 0;
	color:					#000000;
	}
	
#right_content_services
	{
	width:					600px; 
	height:					500px;
	float:					left;
	padding:				0 0 0 0;
	margin:					0 0 0 0;
	}
#right_content_services h1
	{
	width:					580px; 
	height:					26px; 
	color:					#007BC4;
	margin:					40px 0 0 20px; 
	font:					28px "Verdana", Arial, Helvetica, sans-serif;
	}
#right_content_services h2
	{
	width:					580px; 
	color:					#3C484C;
	margin:					20px 0 0 20px;  
	font:					11px "Verdana", Arial, Helvetica, sans-serif;
	line-height:			16px;
	}
	
#menu_services
	{
	list-style:				none;
	padding:				0;
	margin:					auto;
	width:					190px;
	height:					240px;
	position:				left;
	}
#menu_services span
	{
	display:				none;
	position:				relative;
	}
#menu_services a 
	{
	display:				block;
	text-indent:			-10000%;
	position:				absolute;
	outline:				none;
	left:					1px;
	top:					48px;
	height: 				50px;
	width: 					190px;
	}
#menu_services a:hover 
	{
	background-position:	left bottom;
	}
#menu_services a:hover span 
	{
	display:				block;
	}

#menu_services .consultancy 
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_consultancy.png) no-repeat;
	left:					0px;
	top:					45px;
	}
#menu_services .consultancy span 
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_consultancy.png) no-repeat;
	left:					-10000%;
	top:					0px;
	}
#menu_services .consultancy_page
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_consultancy.png) no-repeat;
	left:					0px;
	top:					45px;
	background-position:	left bottom;
	}
	
#menu_services .cost-control 
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_cost-control.png) no-repeat;
	left:					0px;
	top:					114px;
	}
#menu_services .cost-control span 
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_cost-control.png) no-repeat;
	left:					-10000%;
	top:					0px;
	}
#menu_services .cost-control_page
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_cost-control.png) no-repeat;
	left:					0px;
	top:					114px;
	background-position:	left bottom;
	}

#menu_services .service-nummers 
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_service-nummers.png) no-repeat;
	left:					0px;
	top:					184px;
	}
#menu_services .service-nummers span 
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_service-nummers.png) no-repeat;
	left:					-10000%;
	top:					0px;
	}
#menu_services .service-nummers_page
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_service-nummers.png) no-repeat;
	left:					0px;
	top:					184px;
	background-position:	left bottom;
	}	

#menu_services .dataverwijdering 
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_dataverwijderen.png) no-repeat;
	left:					0px;
	top:					254px;
	}
#menu_services .dataverwijdering span 
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_dataverwijderen.png) no-repeat;
	left:					-10000%;
	top:					0px;
	}
#menu_services .dataverwijdering_page
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_dataverwijderen.png) no-repeat;
	left:					0px;
	top:					254px;
	background-position:	left bottom;
	}	

/*//<------ END DIENSTEN PAGE ----//*/


/*//<------ START SAMENWERKEN PAGE ----//*/

#left_content_teamwork
	{
	width:					200px; 
	height:					500px;
	float:					left; 
	padding:				0 0 0 0;
	color:					#000000;
	}
	
#right_content_teamwork
	{
	width:					600px; 
	height:					500px;
	float:					left;
	padding:				0 0 0 0;
	margin:					0 0 0 0;
	}
#right_content_teamwork h1
	{
	width:					500px; 
	height:					26px; 
	color:					#007BC4;
	margin:					40px 0 0 20px; 
	font:					28px "Verdana", Arial, Helvetica, sans-serif;
	}
#right_content_teamwork h2
	{
	width:					500px; 
	color:					#3C484C;
	margin:					20px 0 0 20px;  
	font:					11px "Verdana", Arial, Helvetica, sans-serif;
	line-height:			16px;
	}
	
#menu_teamwork
	{
	list-style:				none;
	padding:				0;
	margin:					auto;
	width:					190px;
	height:					240px;
	position:				left;
	}
#menu_teamwork span
	{
	display:				none;
	position:				relative;
	}
#menu_teamwork a 
	{
	display:				block;
	text-indent:			-10000%;
	position:				absolute;
	outline:				none;
	left:					1px;
	top:					48px;
	height: 				50px;
	width: 					190px;
	}
#menu_teamwork a:hover 
	{
	background-position:	left bottom;
	}
#menu_teamwork a:hover span 
	{
	display:				block;
	}

#menu_teamwork .providers
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_providers.png) no-repeat;
	left:					0px;
	top:					45px;
	}
#menu_teamwork .providers span 
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_providers.png) no-repeat;
	left:					-10000%;
	top:					0px;
	}
#menu_teamwork .providers_page
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_providers.png) no-repeat;
	left:					0px;
	top:					45px;
	background-position:	left bottom;
	}

#menu_teamwork .deliver 
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_leveranciers.png) no-repeat;
	left:					0px;
	top:					114px;
	}
#menu_teamwork .deliver span 
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_leveranciers.png) no-repeat;
	left:					-10000%;
	top:					0px;
	}
#menu_teamwork .deliver_page
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_leveranciers.png) no-repeat;
	left:					0px;
	top:					114px;
	background-position:	left bottom;
	}
	
/*//<------ END SAMENWERKEN PAGE ----//*/


/*//<------ START NIEUWS PAGE ----//*/

#left_content_news
	{
	width:					450px; 
	height:					500px;
	float:					left; 
	padding:				0 0 0 0;
	color:					#000000;
	}
#left_content_news h1
	{
	width:					450px; 
	height:					26px; 
	color:					#007BC4;
	margin:					40px 0 0 20px; 
	font:					28px "Verdana", Arial, Helvetica, sans-serif;
	}
#left_content_news h2
	{
	width:					450px; 
	color:					#3C484C;
	margin:					20px 0 0 20px;  
	font:					11px "Verdana", Arial, Helvetica, sans-serif;
	line-height:			16px;
	}
	
#right_content_news
	{
	width:					350px; 
	height:					500px;
	float:					left;
	padding:				0 0 0 0;
	margin:					0 0 0 0;
	}

#right_content_news ul
	{
	width:					300px;
	margin:					86px 0 0 100px;
	padding:				0 0 0 0;
	font:					11px "Verdana", Arial, Helvetica, sans-serif;
	list-style:				none;
	line-height:			22px;
	}
#right_content_news li
	{
	color:					#007BC4; 
	}
#right_content_news ul li a
	{
	padding:				0 0 0 0; 
	color:					#007BC4; 
	text-decoration:		none;
	}
#right_content_news ul li a:hover
	{
	text-decoration:		underline;
	}
	
/*//<------ END NIEUWS PAGE ----//*/


/*//<------ START CONTACT PAGE ----//*/


#left_content_contact
	{
	width:					200px; 
	height:					500px;
	float:					left; 
	padding:				0 0 0 0;
	color:					#000000;
	}
	
#right_content_contact
	{
	width:					600px; 
	height:					500px;
	float:					left;
	padding:				0 0 0 0;
	margin:					0 0 0 0;
	}
#right_content_contact h1
	{
	width:					500px; 
	height:					26px; 
	color:					#007BC4;
	margin:					40px 0 0 20px; 
	font:					28px "Verdana", Arial, Helvetica, sans-serif;
	}
#right_content_contact h2
	{
	width:					500px; 
	color:					#3C484C;
	margin:					20px 0 0 20px;  
	font:					11px "Verdana", Arial, Helvetica, sans-serif;
	line-height:			16px;
	}
	
#menu_contact
	{
	list-style:				none;
	padding:				0;
	margin:					auto;
	width:					190px;
	height:					240px;
	position:				left;
	}
#menu_contact span
	{
	display:				none;
	position:				relative;
	}
#menu_contact a 
	{
	display:				block;
	text-indent:			-10000%;
	position:				absolute;
	outline:				none;
	left:					1px;
	top:					48px;
	height: 				50px;
	width: 					190px;
	}
#menu_contact a:hover 
	{
	background-position:	left bottom;
	}
#menu_contact a:hover span 
	{
	display:				block;
	}

#menu_contact .contactformulier
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_contactformulier.png) no-repeat;
	left:					0px;
	top:					45px;
	}
#menu_contact .contactformulier span 
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_contactformulier.png) no-repeat;
	left:					-10000%;
	top:					0px;
	}
#menu_contact .contactformulier_page
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_contactformulier.png) no-repeat;
	left:					0px;
	top:					45px;
	background-position:	left bottom;
	}

#menu_contact .routebeschrijving 
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_routebeschrijving.png) no-repeat;
	left:					0px;
	top:					114px;
	}
#menu_contact .routebeschrijving span 
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_routebeschrijving.png) no-repeat;
	left:					-10000%;
	top:					0px;
	}
#menu_contact .routebeschrijving_page
	{
	width:					190px;
	height:					60px;
	background:				url(images/btn_routebeschrijving.png) no-repeat;
	left:					0px;
	top:					114px;
	background-position:	left bottom;
	}
#right_content_services label
{
width: 					10em;
text-align: 			left;
color:					#3C484C;
margin:					4px 0 0 0;  
margin-right: 			20px;
display: 				block;
}
#right_content_services input
{
margin:					0 0 0 0;  
width: 					200px;
} 	
#right_content_services textarea
{
margin:					0 0 0 0;  
width: 					200px;
} 	
	
/*//<------ END CONTACT PAGE ----//*/


/*//<------ START DISCLAIMER PAGE ----//*/

#left_content_disclaimer
	{
	width:					800px; 
	height:					500px;
	float:					right; 
	padding:				0 0 0 0;
	color:					#000000;
	}
#left_content_disclaimer h1
	{
	width:					760px; 
	height:					26px; 
	color:					#007BC4;
	margin:					40px 0 0 20px; 
	font:					28px "Verdana", Arial, Helvetica, sans-serif;
	}
#left_content_disclaimer h2
	{
	width:					760px; 
	color:					#3C484C; 
	margin:					26px 0 0 20px; 
	font:					16px "Verdana", Arial, Helvetica, sans-serif;
	line-height:			24px;
	}
#left_content_disclaimer h3
	{
	width:					760px; 
	color:					#3C484C;
	margin:					10px 0 0 20px;  
	font:					11px "Verdana", Arial, Helvetica, sans-serif;
	line-height:			16px;
	}	
	
/*//<------ END DISCLAIMER PAGE ----//*/


/*//<------ START MAIN FOOTER ----//*/

#footer
	{
	width:					800px; 
	height:					100px; 
	color:					#858585; 
	position:				relative;
	margin:					40px auto; 
	font:					11px/16px "Verdana", Arial, Helvetica, sans-serif;
	}

#footer ul
	{
	width:					800px;
	margin:					0 0 0 0;
	padding:				0 0 0 0;
	}
#footer li
	{
	display:inline;
	}
#footer ul li a
	{
	padding:				0 0 0 0; 
	color:					#858585; 
	text-decoration:		none;
	}
#footer ul li a:hover
	{
	text-decoration:		underline;
	}
	

/*//<------ END MAIN FOOTER ----//*/

