/* main navigation -------------------------------------------------------*/
ul#mainnav { /* main list */
	background-color:	#7B7A7A;
	clear: 				both;
	width: 				844px;
	height: 			20px;
	padding: 			0;
	margin: 			0;
	list-style: 		none;
	position:  			relative;
	z-index: 			80;	
}

ul#mainnav li { /* main list items */
	float: 				left;
	position: 			relative;
	border-right:		4px solid #fff;
	color:				#fff;
	height:				20px;
}

ul#mainnav li a {
	color: 				#fff;
	font-family:		arial;
	font-size:			11px;
	height:				20px;
	line-height:		20px;
	text-decoration: 	none;
	display: 			block;
	width: 				92px;
	padding: 			0px 5px 0px 5px;
	margin: 			0;
}


ul#mainnav li.end, ul#mainnav li ul li, ul#newsnav li.end{
	border-right: 		0;
}

ul#mainnav li a:hover {
	/*background-color: 	#8ACBB8;*/
	background-color: 	#006D6F;
}



/* second-level lists ----------------------------------------------------*/
ul#mainnav li ul { 
	display: 			block;
	clear: 				both;
	position: 			absolute;
	z-index: 			100;
	list-style-type: 	none;
	top: 				0px;
	left: 				0px;
	padding: 			1px 0 0 0;
	margin: 		 	20px 0 0 0;
	width: 				102px;
	background-image:	url('images/transparant.gif');
}

ul#mainnav li ul li {
	height: 			0px;
	clear: 				both;
	overflow: 			hidden;
	visibility: 		hidden;
	display: 			block;
}

/* display a 'marker' li in the same way under 3 conditions */
ul#mainnav li ul li.corresponds_to_current_page, ul#mainnav li:hover ul li.corresponds_to_current_page, ul#mainnav li.over ul li.corresponds_to_current_page{
	display: 			block;
	background-color: 	#8ACBB8;
  	margin: 			3px 0 0 0;
	visibility: 		visible;
	color: 				#fff;
	font-size: 			11px;
	text-decoration: 	none;
	width: 				97px;
	line-height:		21px;
	height: 			21px;
	padding: 			0px 5px 0px 5px;
}

ul#mainnav li ul li.corresponds_to_current_page a, ul#mainnav li:hover ul li.corresponds_to_current_page a, ul#mainnav li.over ul li.corresponds_to_current_page a{
	background: 		transparent;
	padding: 			0px;
}

ul#mainnav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	xxtop: 				auto;
	xxleft: 			auto;
}

/* only display 2nd level li tag under 3 conditions */
ul#mainnav li:hover ul li, ul#mainnav li.over ul li{ 
	float: 				none;
	clear: 				both;
	display: 			block;
	line-height: 		19px;
	height: 			19px;
	overflow: 			hidden;
	margin:				3px 0 0 0;
	padding: 			0;
	visibility: 		visible;
}

/* display all a tags nested under the hovered list item */
ul#mainnav li ul li a, ul#mainnav li ul li a{ 
	display: 			block;
	padding-top: 		0;
	background-color: 	#7b7a7b;
	margin: 			0;
	line-height:		20px;
	height: 			20px;
	padding: 			1px 5px 0px 5px;
	visibility: 		visible;
}

/* Bg colour for rollover or current item*/
ul#mainnav li.over ul li a:hover, ul#mainnav li.active a {
	/*background-color: 	#8ACBB8;*/
	background-color: 	#006D6F;
}

/* Opmaak niuewspagina */



th.kolom {
	background-color:#66A7A9;
	color:#FFFFFF;
	padding:2px;
	padding-left:5px;
}

.column {

	float:left;
}

.sales ul {
	list-style:none;
	padding:0;
	margin:0;
}

.sales h1 {
	color:#FFFFFF;
	font-family:arial;
	font-size:14px;
	
}

.sales .active {
	background-color: 	#006D6F;
}


.sales li { /* main list items */
	margin-left:0;
	list-style:none;
}

.sales li a {
	color: 				#fff;
	font-family:		arial;
	font-size:			11px;
	height:				20px;
	line-height:		20px;
	text-decoration: 	none;
	display: 			block;
	width: 				90px;
	padding: 			0px 5px 0px 5px;
	margin: 			0;
}


.sales li.end, ul#mainnav li ul li, ul#newsnav li.end{
	border-right: 		0;
}

.sales li a:hover {
	background-color: 	#006D6F;
}