/**********************************************/
/**        Stylesheets by, JCM Spoor         **/
/**        v0.8 - 18.02.2007                 **/
/**                                          **/
/**         used for: Site Template          **/
/**********************************************/

body {
	margin: 0px; 
	padding: 0px; 
	background-color: #222D2D; 
}
form {
	padding: 0px;
	margin: 0px;
}
#container {
	width: 960px; 
	margin: auto; 
	height: auto; 
	background-color: #FFFFFF;
	background-image: url(../images/page_bg.gif);
	background-repeat: repeat-y; 
	border: 1px; 
	border-color: black; 
	border-style: solid; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1px; 
	line-height: 0px; 
}
#header { 
	font-size: 10px; 
	line-height: 12px; 
	height: 144px; 
	background-image: url(../images/header.jpg); 
	background-repeat: no-repeat; 
}
	#titlebar {
	width: 541px;
	padding: 126px 0px 0px 170px;
	float: left;
	font-size: 11px; 
	line-height: 11px;
	}
	#language {
	width: 235px;
	margin: -13px 10px 0px 5px;
	padding: 0px 0px 0px 0px;
	float: right;
	font-size: 11px; 
	line-height: 11px;
	text-align: right;
}
#navigation { 

	width: 170px; 
	float: left; 
	font-size: 12px; 
	line-height: 14px;
}
	#menubar {
	background-image: url(../images/menubar.jpg);
	width: 150px;
	padding: 9px 10px 6px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
	#sitesearch {
	width: 170px;
	margin: 28px 0px 28px 0px;
	text-align: center;
}
		#searchfield {
			font-size: 11px;
			width: 100px;
			height: 14px;
			border: 1px;
			border-style: solid;
			border-color: Black;
			vertical-align: middle;	
		}
		#button_nl {
			border: 0px;
			vertical-align: middle;	
		}
		#button_eng {
			border: 0px;
			vertical-align: middle;	
		}
		#button {
			border: 0px;
			vertical-align: middle;	
		}
		
		#menu {
			font-size: 12px;
			border-top-width: 1px;
			border-bottom-width: 1px;
			border-left-width: 0px;
			border-right-width: 0px;
			border-color: #898989;
			border-style: solid;
		}
		#menu ul {
			margin: 10px 0px 10px 0px;
			padding: 0;
			list-style-type: none;
		}
		#menu li {
			border-bottom: 0px solid #DADADA;
			width: 155px;
		}
		#menu ul a {
			display: block;
			padding: 8px 0px 8px 15px;
			width: 155px;
			font-weight: bold;
			text-decoration: none;
			text-align: left;
			color: #424242;
		}
		#menu ul a:hover {
			padding: 8px 0px 8px 20px;
			width: 150px;
			color: #F46301;
			background-color: #F46301;
			background-image: url(../images/menu_bg.jpg);
		}
		#menu ul a:visited {
		}

#content {
	float: left; 
	padding: 0px;
	width: 790px; 
	font-size: 10px; 
	line-height: 12px; 
	 min-height: 690px; /* de div "navigation" mag niet groter worden dan "content" gebeurd dit wel dan : */
	                    /* deze waarde verhogen tot een minimale waarde groter dan de "navigation" div hoog is */
							  /* (anders krijg je problemen met de achtergrond en omlijning van de site) :( */
}
#footer {
	position: relative;
	width: 960px; 
	float: left; 
	font-size: 10px; 
	line-height: 12px; 
	height: 33px; 
	background-image: url(../images/footer.jpg); 
	background-repeat: no-repeat; 
}
	#foot_nav {
		position: absolute;
		width: 600px;
		height: 22px;
		left: 170px;
		top: 3px;
	text-align: left;
	padding: 8px 0px 0px 0px;
	color: White;
	}
		#foot_nav a, visited {
			color: White;
			text-decoration: none;
		}
		#foot_nav a:hover {
			color: White;
			text-decoration: underline;
		}
	#foot_copy {
	position: absolute;
	width: 180px;
	height: 22px;
	left: 765px;
	top: 3px;
	text-align: right;
	padding: 8px 0px 0px 0px;
	color: White;
}
/**********************************/
/* Einde basis stijl voor de site */
/**********************************/

/**********************************/
/* row, textcoloms, imgcoloms     */
/**********************************/
.row_feat_prod {
	width: 770px; 
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	 float: left; 
	 padding: 0px;  
	 position: relative; 
	 display: inline;
	
	line-height: 15px;
}

.row {
	width: 770px; 
	margin: 0px 10px 0px 10px;
	font-size: 11px;
	
	line-height: 15px;
}



	.row ul {
		list-style-type: none;
		padding: 0;
		margin: 5px 0px 0px 0px;
		
	}
	.row li {
	 padding: 0px 0px 0px 0px;
	}
	.row li a{
		background-image: url(../images/list_arrow_grn.gif);
		background-repeat: no-repeat;
		padding: 0px 10px 5px 10px;
		background-position: 0 3px;
		color: #739209;
	}
	.row li a:visited{
		background-image: url(../images/list_arrow_grn.gif);
		background-repeat: no-repeat;
		padding: 0px 10px 5px 10px;
		background-position: 0 3px;
		color: #739209;
	}
	.row li a:hover{
		background-image: url(../images/list_arrow.gif);
		background-repeat: no-repeat;
		padding: 0px 10px 5px 10px;
		background-position: 0 3px;
		color: #F46301;
	}
	/* links */
	.row a {	color: #303030; text-decoration: underline; }
	.row a:hover {	color: #F46301; text-decoration: none; }
	.row a:visited { color: #303030; text-decoration: underline; }
	
	/* Headers*/
	.row h1,h2,h3,h4,h5 { color: #F46301; }
	.row h1 { font-size: 30px;	margin: 12px 0px 11px 0px; }
	.row h2 { font-size: 22px;	margin: 8px 0px 11px 0px; }
	.row h3 { font-size: 18px;	margin: 7px 0px 11px 0px; }
	.row h4 { font-size: 14px;	margin: 6px 0px 11px 0px; }
	.row h5 { font-size: 12px;	margin: 5px 0px 11px 0px; }
	.row h6 { font-size: 11px;	margin: 5px 0px 11px 0px; }
	
	/* Paragraph */
	.row p{ margin: 0px 0px 11px 0px; }
	
	
	
	/* Images */
	.row img { border: solid; border-width: 0px; }
	
	/* Horizontal ruler */
	.row hr { border: 0; color: #898989; background-color: #898989; height: 1px; text-align: left; }
	
	.colom_title_green {
		color: white;  
		background-color: #81A30D;  
		/**/background-image: url(../images/title_bg_green.jpg);
		background-repeat: repeat-x;
		padding: 5px; 
		margin: -5px -5px 5px -5px;
		text-align: center;
		font-size: 12px;
		font-weight: bold;
	}
	.colom_title_orange {
	color: white;
	background-color: #DE6706; /**/background-image: url(../images/title_bg_orange.jpg);
	background-repeat: repeat-x;
	padding: 5px;
	margin: -5px -5px 5px -5px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	}
	.colom_1_4 {
	font-size: 10px;
		width: 172px; 
		float: left; 
		padding: 5px; 
		margin: 15px 5px 0px 5px; 
		background-color: #F6F6F6; 
		position: relative; 
		display: inline;
	}
	.colom_2_4 {
	font-size: 10px;
		width: 364px; 
		float: left; 
		padding: 5px; 
		margin: 15px 5px 0px 5px; 
		background-color: #F6F6F6; 
		position: relative; 
		display: inline;
	}
	.colom_3_4 {
	font-size: 10px;
		width: 556px; 
		float: left; 
		padding: 5px; 
		margin: 15px 5px 0px 5px; 
		background-color: #F6F6F6; 
		position: relative; 
		display: inline;
	}
	/* 1 colom width text div */
	.colom_1_5 {
		width: 134px; 
		float: left; 
		padding: 5px; 
		margin: 15px 5px 0px 5px; 
		background-color: #F6F6F6; 
		position: relative; 
		display: inline;
	}
	/* 2 coloms width text div */
	.colom_2_5 {
		width: 288px; 
		float: left; 
		padding: 5px; 
		margin: 15px 5px 0px 5px; 
		background-color: #F6F6F6; 
		position: relative; 
		display: inline;
	}
	/* 3 coloms width text div */
	.colom_3_5 {
		width: 442px; 
		float: left; 
		padding: 5px; 
		margin: 15px 5px 0px 5px; 
		background-color: #F6F6F6; 
		position: relative; 
		display: inline;
	}
	/* 4 coloms width text div */
	.colom_4_5 {
		width: 596px; 
		float: left; 
		padding: 5px; 
		margin: 15px 5px 0px 5px; 
		background-color: #F6F6F6; 
		position: relative; 
		display: inline;
	}
	/* 5 coloms width text div */
	.colom_5_5 {
		width: 750px; 
		float: left; 
		padding: 5px; 
		margin: 15px 5px 0px 5px; 
		background-color: #F6F6F6;
		position: relative; 
		display: inline;
	}
	.colom_ruler {
		width: 750px; 
		margin: 0px 5px 0px 5px; 
		float: left; 
		padding: 5px; 
		position: relative; 
		display: inline;
	}
.img_colom_1_5 {
	 width: 144px; 
	 float: left; 
	 padding: 0px; 
	 margin: 15px 5px 0px 5px; 
	 background-color: #F6F6F6; 
	 position: relative; 
	 display: inline;
}
.img_colom_2_5 {
	 width: 298px; 
	 float: left; 
	 padding: 0px; 
	 margin: 15px 5px 0px 5px; 
	 background-color: #F7E6BF; 
	 position: relative; 
	 display: inline;
}
.img_colom_3_5 {
	 width: 452px; 
	 float: left; 
	 padding: 0px; 
	 margin: 15px 5px 0px 5px; 
	 background-color: #F7E6BF; 
	 position: relative; 
	 display: inline;
}
.img_colom_4_5 {
	 width: 606px; 
	 float: left; 
	 padding: 0px; 
	 margin: 15px 5px 0px 5px; 
	 background-color: #F7E6BF; 
	 position: relative; 
	 display: inline;
}
.img_colom_5_5 {
	 width: 760px; 
	 float: left; 
	 padding: 0px; 
	 margin: 15px 5px 0px 5px; 
	 background-color: #F7E6BF; 
	 position: relative; 
	 display: inline;
}
/**********************************/
/* end row & coloms               */
/**********************************/
/* User account */
#main_menu{
	background-image: url(../images/mailbox/accnt_menubg.gif);
	background-repeat: repeat-x;
}

/* NAVIGATION BUTTONS */
			.account_menu {
						height: 23px;
						width: 338px;
			}
			/* Button for "List" Options */
			.bttn_listoptions	{
						position:relative;
						float: left;
						margin: 0;
						padding: 0;
						background: url(../images/mailbox/bttn_listoptions_hover.gif) no-repeat;
						width: 86px;
						height: 23px;
	                    overflow:hidden;/* for ie to hide extra height*/
			}
			.bttn_listoptions a {
						display: block;
						width: 86px;
						height: 23px;
						float: left;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.bttn_listoptions a:hover {
						color: #000;
			}
			.bttn_listoptions img {width: 86px; height: 23px; border: 0; }
			.bttn_listoptions a:hover img{visibility:hidden}
			/* End button for "List Options" */

			/* Button for "Messages" */
			.bttn_messages	{
						position:relative;
						float: left;
						margin: 0;
						padding: 0;
						background: url(../images/mailbox/bttn_messages_hover.gif) no-repeat;
						width: 81px;
						height: 23px;
	                    overflow:hidden;/* for ie to hide extra height*/
			}
			.bttn_go	{
						position:relative;
						float: left;
						margin: 0;
						padding: 0;
						background: url(../images/search_bttn.jpg) no-repeat;
						width: 28px;
						height: 21px;
	                    overflow:hidden;/* for ie to hide extra height*/
			}
			.bttn_messages a {
						display: block;
						width: 81px;
						height: 23px;
						float: left;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.bttn_messages a:hover {
						color: #000;
			}
			.bttn_messages img {width: 81px; height: 23px; border: 0; }
			.bttn_messages a:hover img{visibility:hidden}
			/* End button for "messages" */

			/* Button for "Personal data" */
			.bttn_personaldata	{
						position:relative;
						float: left;
						margin: 0;
						padding: 0;
						background: url(../images/mailbox/bttn_personaldata_hover.gif) no-repeat;
						width: 97px;
						height: 23px;
	                    overflow:hidden;/* for ie to hide extra height*/
			}
			.bttn_personaldata a {
						display: block;
						width: 97px;
						height: 23px;
						float: left;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.bttn_personaldata a:hover {
						color: #000;
			}
			.bttn_personaldata img {width: 97px; height: 23px; border: 0; }
			.bttn_personaldata a:hover img{visibility:hidden}
			/* End button for "Personal data" */

			/* Button for "Products" */
			.bttn_products	{
						position:relative;
						float: left;
						margin: 0;
						padding: 0;
						background: url(../images/mailbox/bttn_products_hover.gif) no-repeat;
						width: 74px;
						height: 23px;
	                    overflow:hidden;/* for ie to hide extra height*/
			}
			.bttn_products a {
						display: block;
						width: 74px;
						height: 23px;
						float: left;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.bttn_products a:hover {
						color: #000;
			}
			.bttn_products img {width: 74px; height: 23px; border: 0; }
			.bttn_products a:hover img{visibility:hidden}
			/* End button for "Products" */


			* html a:hover {visibility:visible}
			/* END OF NAVIGATION */