/* CSS Document www.groupsupport.com
	CSS: Stefan van de Wiel / Edited: Lars van de Donk
	E-mail: - / lars.van.de.donk@isaac.nl
	Url: www.isaac.nl
*/

* {
	margin:				0;
	padding:			0;
}

html,
body {
	margin:				0;
	padding:			0 auto;
	height:				auto !important;/* voor moderne browsers */
	height:				100%; /* voor IE */
	min-height: 		100%;
	background-color:	#FFFFFF;
	overflow-x:			hidden;
}

body,
td,
p {
	font-family:		Trebuchet MS;
	font-size:			11px;
	color:				#93a793;
	margin-top:			15px;
}

p.p_left{
	color:				#FFFFFF;
	padding-bottom:		10px;
}

h1{
	font-size:			18px;
	color:				#70b65d;
	font-weight:		normal;
}

h2{
	font-size:			13px;
	color:				#FFFFFF;
	font-weight:		bold;
	margin-bottom:		10px;
}

h3{
	font-size:			12px;
	color:				#70b65d;
	font-weight:		bold;
	margin:				15px 0 15px 2px;
}

h4{
	color:				#409d27;
	font-weight:		bold;
	font-size:			11px;
}

ul li{
	list-style:			none;
}

ul li ul li{
	margin-left:		15px;		
}

ol li{
	list-style:			inside decimal;
}

span.subtitle{
	color:				#7982bd;
	font-weight:		bold;
	margin:				10px 0 10px 0;
}

span.footerfloat{
	float:				right;
	text-align:			right;
	margin-right:		20px;
}

div#footer a{
	text-decoration:	none;
	color:				#747474;
}

div#right ul li{
	list-style-image:	url(img/news_icon.gif);
	margin-left:		20px;
	color:				#7a82bd;
	font-size:			11px;
}

div#right ul li a{	
	color:				#7a82bd;
}

div#right ul li a:hover{
	text-decoration:	none;
}	

div#relativecontainer {
	margin:				auto 0;
	padding:			0;
	height:				auto !important;/* voor moderne browsers */
	height:				100%; /* voor IE */
	min-height: 		100%;
	width:				100%;
}


div#absolutecontainer {
	position:			absolute;
	width:				100%;
	margin:				0;
	padding:			0;
	height:				auto !important;/* voor moderne browsers */
	height:				100%; /* voor IE */
	min-height: 		100%;
}

div#top{
	text-align:			right;
	margin-bottom:      15px;
	width:				100%;
}

div#header {
	position:			relative;
	width:				711px;
	top:				0;
	background-image: 	url(img/logo.jpg);
	background-repeat:	no-repeat;
	background-position:left top;
	padding:			0 0 23px 250px;
}

div#contentframe {
	position:			relative;
	width:				961px;
	background-color:	#FFFFFF;
	margin:				auto auto;
	margin-top:			18px;
	padding:			0;
}

div#content {
	position:			relative;
	width:				959px;
	padding:			20px 0 20px 0;
	top:				0;
	border:				1px solid #d0e0d0;
	background-color:	#FFFFFF;
}

div#left {
	position:			relative;
	float:				left;
	width:				227px;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	background-color:	#FFFFFF;
	color:				#FFFFFF;	
}

div#left_container{
	float:				left;
	width:				227px;
	color:				#000000;
	position:			absolute;
	left:				-1px;
}

div#left_container a{
	text-decoration:	none;
	color:				#FFFFFF;
}


div.inhoud {
	position:			relative;
	float:				right;
	width:				688px;
	margin:				0;
	padding:			10px 20px 0 20px;
	background-color:	#FFFFFF;
	border-left:		1px solid #E5E7F2;
}

div.inhoud ul li{
	list-style:			disc inside;
}

div.inhoud a{
	color:				#93a793;
}
	

div.inhoud#home {
	width:				465px;
	border-right:		1px solid #E5E7F2;
}

div#textarea{
	width:				202px;
	margin:				5px 20px 10px -5px;
	color:				#FFFFFF;
	background:			#70b65d url(img/active_arrow.gif) bottom left repeat-x;	
	padding:			7px 10px 14px 10px;
	font-size:			17px;		
	float:				left;
	line-height:		25px;
}

div#textarea .quote{
	font-size:			13px;
	color:				#FFFFFF;
}

div#right {
	position:			relative;
	float: 				right;
	width:				205px;
	margin:				0;
	padding:			10px 0 0 20px;
	background-color:	#FFFFFF;
}

div#footer {
/*	position:			absolute;
	bottom:				0;*/
	width:				100%;
	clear:				both;
	margin:				10px 0 0 0;
	padding:			0;
	color:				#747474;
	height:				150px;
}

div#footerinhoud {
	margin:				0 auto;
	width:				961px;
}

div#footerleft{
	width:				713px;
	height:				47px;
	float:				left;
	background-color:	#d0e1d0;
	padding:			15px 0 15px 20px;
}

div#footerright{
	width:				224px;
	height:				77px;
	float:				left;
	margin-left:		4px;
	background-color:	#d0e1d0;
	background-image:	url(img/footerright_bg.jpg);
}

div#tagcloud{
	width:				939px;
	border:				1px solid #d0e0d0;
	height:				40px;
	background-color:	#FFFFFF;
	margin-top:			2px;
	padding:			0 0 0 20px;
}

div#left_lightpurple{
	width:				185px;
	background:			#9ba1cd url(img/arrow_top.gif) top left no-repeat;
	min-height:			100px;
	margin:				0 0 4px 0;
	color:				#FFFFFF;
	padding:			15px 10px 0 20px;
}

div#left_darkpurple{
	width:				185px;
	background:			top	left no-repeat #7A82BD url(img/arrow_top.gif);
	min-height:			100px;
	margin:				4px 0 4px 0;
	color:				#FFFFFF;	
	padding:			15px 10px 0 20px;	
}

div#left_green{
	width:				185px;
	background:			top	left no-repeat #8cc47d url(img/arrow_top.gif);
	min-height:			100px;
	margin:				4px 0 0 0;
	color:				#FFFFFF;
	padding:			15px 10px 0 20px;
}

div#readmore_darkpurple{
	width:				70px;
	height:				18px;
	background:			url(img/readmore_darkp.jpg);
	float:				right;
	text-align:			center;
	margin:				-10px 5px 0 5px;
}

div#readmore_lightpurple{
	width:				70px;
	height:				18px;
	background:			url(img/readmore_lightp.jpg);
	float:				right;
	text-align:			center;
	margin:				-10px 5px 0 5px;
}

div#readmore_green{
	width:				70px;
	height:				18px;
	background:			url(img/readmore_green.jpg);
	float:				right;
	text-align:			center;
	margin:				-10px 5px 0 5px;
}

div#customers{
	margin:				20px 0 0 -10px;
}

div#galleryleft{
	float:				left;
	width:				50%;
}

div#galleryright{
	float:				right;
	width:				50%;
	text-align:			right;
}

/***************************************
*****	EINDE ALGEMENE ITEMS	********
***************************************/

/***************************************
*****		START MENU ITEMS	 	****
***************************************/
div#menu {
	width: 				696px; 	/* 961px */ 
	margin:  			0 0 15px 15px;
	padding:            0;
	height: 			37px;	
	background:			url(img/menu_bg.gif) bottom left repeat-x;

}
 
div#menu ul {
	list-style:			none;
} 
 
div#menu ul li {
	height: 			37px;	
	float:				left;
}

div#menu ul li a {
	color:				#FFFFFF;
	font-weight:		bold;
	padding:            5px 15px 0 15px;
	height: 			32px;	/* 37px */	
	float:				left;
	text-decoration:	none
}

div#menu ul li a:hover {
	background:			url(img/menu_bghover.gif) top left repeat-x;	
}

div#menu ul li a.active {
	color:				#FFFFFF;
	font-weight:		bold;
	padding:            5px 15px 0 15px;
	height: 			32px;	
	float:				left;
	text-decoration:	none;
	background:			#70b65d url(img/active_arrow.gif) bottom left repeat-x;	
}

/***************************************
*****		EINDE MENU ITEMS	 	****
***************************************/
/***************************************
*****	  START SUBMENU ITEMS	 	****
***************************************/
div#left_submenu{
	float:				left;
	width:				227px;
	background-color:	#FFFFFF;
	color:				#000000;
	position:			absolute;
	left:				-1px;
	top: 18px;
}

/* Totale menu */

div#left_submenu ul{
	list-style:			none; 
	margin-right:		1px;
}

/* Eerste niveau */

div#left_submenu ul li a{
	text-decoration:	none;
	color:				#93a793;			
}

div#left_submenu ul li.active a{
	color:				#409d27;		
}

div#left_submenu ul li.activesub a{
	color:				#409d27;		
}

div#left_submenu ul li{
	padding:			2px 0 4px 27px;
	background:			url(img/submenu_inactive.jpg) left bottom no-repeat;

}

div#left_submenu ul li.active {
	background:			url(img/top_border_submenu2.jpg) left top no-repeat;
	font-size:			11px;
	font-weight:		bold;

}

div#left_submenu ul li.activesub{
	background:			#FFFFFF url(img/top_border_submenu.jpg) left top no-repeat; 
	font-weight:		bold;
	color:				#409d27;
	margin-bottom:		0;

}

div#left_submenu ul li#underactive {
	border-top:			#d6ddd5 solid 1px;
	padding-top:		0px;
	margin-right:		16px;
	margin-top:			-3px;
}

div#left_submenu ul li#underactive_none {
	border-top:			#d6ddd5 solid 1px;
	border-left:		#d6ddd5 solid 1px;
	background:			none;
	margin-right:		16px;
	margin-bottom:		0;
	margin-top:			-5px;
}

/* Tweede niveau */

div#left_submenu ul li ul{
	border:				none;
	margin-top:			10px;
	margin-left:		-7px;
	font-weight:		normal;

}

div#left_submenu ul li ul li {
	background:			#FFFFFF url(img/sub2_bg_inactive.jpg) left bottom no-repeat; 
	padding-bottom:		3px;
	padding-top:		3px;
	padding-right:		16px;
	margin-left:		1px;
	margin-top:			0;
	color:				#93a793;
}

div#left_submenu ul li ul li a{
	color:			 	#93a793;
}

div#left_submenu ul li ul li.last a{
	color:				#93a793;
}

div#left_submenu ul li ul li.green a{
	color:				#93a793;
}


div#left_submenu ul li ul li.active{
	background:			#FFFFFF url(img/sub2_bg_active_nosub.jpg) left bottom no-repeat; 
	font-weight:		normal;
	margin-top:			3px;
}

div#left_submenu ul li ul li.last{
	background:			#FFFFFF url(img/sub2_bg_last.jpg) left bottom no-repeat;
}

div#left_submenu ul li ul li.lastactive{
	background:			#FFFFFF url(img/sub2_bg_last_active.jpg) left bottom no-repeat;
}

/* Alleen nodig bij derde niveau */

div#left_submenu ul li ul li ul li{
	background:			#FFFFFF url(img/sub3_bg_inactive.jpg) left bottom no-repeat; 
	margin:				0 0 0 0;
	color:				#aab0d9;

}

div#left_submenu ul li ul li ul li.last{
	background:			#FFFFFF url(img/sub3_bg_inactive.jpg) left bottom no-repeat; 
	margin:				0 0 0 0;
	color:				#aab0d9;

}

div#left_submenu ul li ul li ul li.active{
	background:			#FFFFFF url(img/sub3_bg_active.jpg) left bottom no-repeat; 
	padding-bottom:		3px;
	padding-top:		0px;
	margin:				0 0 0 0;
	color:				#7a82bd;
}

/***************************************
*****	  EINDE SUBMENU ITEMS	 	****
***************************************/
/***************************************
*****	  START LANGUAGE ITEMS	 	****
***************************************/

div#language {
	margin:  			0 0 0 0;
	padding:            0 0 0 0;
	height: 			17px;	
	background:			#BCC0DE;
	float:				right;
	color:				#FFFFFF;
}

div#language ul {
	margin:				0;
	padding:            0;
	list-style:			none;
} 
 
div#language ul li {
	height: 			17px;	
	float:				left;
	margin:				0 0 0 0;
	padding:            0;
}

div#language ul li a {
	color:				#FFFFFF;
	font-weight:		bold;
	height: 			17px;	
	float:				left;
	padding:			0 5px 0 5px;
	text-decoration:	none;
}

div#language ul li a:hover {
	background: 		#70b65d;	
	padding:			0 5px 0 5px;
	margin:				0 0 0 0;
}

div#language ul li a.active {
	color:				#FFFFFF;
	font-weight:		bold;
	margin:				0;
	padding:            0 3px 0 5px;
	height: 			17px;	
	float:				left;
	text-decoration:	none;
	background:			#7A82BD;	
}

div#language ul li a.active:hover {
	color:				#FFFFFF;
	font-weight:		bold;
	margin:				0;
	padding:            0 3px 0 5px;
	height: 			17px;	
	float:				left;
	text-decoration:	none;
	background:			#7A82BD;
}

/******************************************/
/*********   NEWS ARTICLES   **************/
/******************************************/

div.news{	
	width: 				688px;
	height:				140px;
	margin:				0;
	border-bottom:		1px solid #e5e7f2;
} 

div.news p{		
	margin:				5px 0 0 0;
	padding:            0;
}

div.news a{
	color:				#7a82bd;
	text-decoration:	none;
}

div.news img{
	float:				left;
	margin:				3px 20px 0 20px;
}

div.newsarchive{
	text-align:			right;
}


/******************************************/
/*********   OPMAAK IMAGES   **************/
/******************************************/

img.arrow_submenu{
	margin:				0 0 0 80px;
}

img.arrow_in_submenu{
	margin:				0 6px 0 -4px;
}

img.f_right{
	float:				right;
	margin-left:		20px;
}

a img{
	border:				none;
}

/******************************************/
/*****   ELEMENTEN CONTACT FORM   *********/
/******************************************/

label {
	width:				180px;
	height:				20px;
	display:			block;
	float:				left;
	padding:            4px 0 0 10px;
}



input {
	height:				14px;
	margin-bottom:		4px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	padding:            3px 0 0 0;
}