body {
	background-color: #a0abb6;
	margin: 0px;
	text-align: center;
}
.container {
	text-align:left;
	background-color: #f6f6f6;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 842px;
	height: auto;
}
/*----------- Top Navigation -----------*/
.menu_top{
	width: 771px;
	height: 28px;
	margin-left: 36px;
}
.menu_top ul{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 6px;
}
.menu_top ul li{
	list-style: none;
	display: inline;
}
.menu_top ul li a{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #808c97;
	padding: 20 10 5 10px;
	margin-left: -30px;
	text-decoration: none;
}
.menu_top ul li a:hover{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #a0abb6;
	padding: 20 10 5 10px;
	margin-left: -30px;
}
.menu ul li a{
	border:none;
}

/*----------- Banner -----------*/
.banner {
	margin-left: 36;
	width: 771px;
}

/*----------- Beletteringen -----------*/
.menu_center{
	width: 771px;
	height: 30px;
	margin-left: 36px;
	margin-right: 0px;
	background: url(images/menu_bg.gif) repeat-x;
}
.menu_center ul{
	list-style: none;
	text-align: center;
	margin: auto;
	margin-right: 40px;
}
.menu_center ul li{
	display: inline;
	margin-left: 5px; /* distance between buttons */
	line-height: 30px; /* text height*/
}

/*----------------------//Autobelettering//-----------*/
.menu_center ul li .c_autobelettering:hover{
	padding: 5 10 5 10px; /* Makes sure that the entire button (including background) is clickable, and not just the text */
	background: url(images/menu_link_bg.gif);
	border-bottom: #759dc2 3px solid;
}
.menu_center ul li a.c_autobelettering{ 
	padding: 5 10 5 10px;
	background:url(images/menu_link_bg.gif);
	border-bottom: #595959 3px solid;
}
.menu_center ul li.selected a.c_autobelettering{ 
	padding: 5 10 5 10px;
	margin-bottom: 2px;
	background:url(images/menu_link_bg.gif);
	border-bottom: #759dc2 3px solid;
}
/*----------------------//Busbelettering//-----------*/
.menu_center ul li .c_busbelettering:hover{
	padding: 5 10 5 10px; /* Makes sure that the entire button (including background) is clickable, and not just the text */
	background: url(images/menu_link_bg.gif);
	border-bottom: #7fc8e0 3px solid;
}
.menu_center ul li a.c_busbelettering{ 
	padding: 5 10 5 10px;
	background: url(images/menu_link_bg.gif);
	border-bottom: #595959 3px solid;
}
.menu_center ul li.selected a.c_busbelettering{ 
	padding: 5 10 5 10px;
	margin-bottom: 2px;
	background: url(images/menu_link_bg.gif);
	border-bottom: #7fc8e0 3px solid;
}
/*----------------------//Vrachtbelettering//-----------*/
.menu_center ul li .c_vrachtbelettering:hover{
	padding: 5 10 5 10px; /* Makes sure that the entire button (including background) is clickable, and not just the text */
	background: url(images/menu_link_bg.gif);
	border-bottom: #aae466 3px solid;
}
.menu_center ul li a.c_vrachtbelettering{ 
	padding: 5 10 5 10px;
	background: url(images/menu_link_bg.gif);
	border-bottom: #595959 3px solid;
}
.menu_center ul li.selected a.c_vrachtbelettering{ 
	padding: 5 10 5 10px;
	margin-bottom: 2px;
	background: url(images/menu_link_bg.gif);
	border-bottom: #aae466 3px solid;
}
/*----------------------//Aanhangbelettering//-----------*/
.menu_center ul li .c_aanhangbelettering:hover{
	padding: 5 10 5 10px; /* Makes sure that the entire button (including background) is clickable, and not just the text */
	background: url(images/menu_link_bg.gif);
	border-bottom: #d8de2f 3px solid;
}
.menu_center ul li a.c_aanhangbelettering{ 
	padding: 5 10 5 10px;
	background: url(images/menu_link_bg.gif);
	border-bottom: #595959 3px solid;
}
.menu_center ul li.selected a.c_aanhangbelettering{ 
	padding: 5 10 5 10px;
	margin-bottom: 2px;
	background: url(images/menu_link_bg.gif);
	border-bottom: #d8de2f 3px solid;
}
/*----------------------//Bootbelettering//-----------*/
.menu_center ul li .c_bootbelettering:hover{
	padding: 5 10 5 10px; /* Makes sure that the entire button (including background) is clickable, and not just the text */
	background: url(images/menu_link_bg.gif);
	border-bottom: #f5921d 3px solid;
}
.menu_center ul li a.c_bootbelettering{ 
	padding: 5 10 5 10px;
	background: url(images/menu_link_bg.gif);
	border-bottom: #595959 3px solid;
}
.menu_center ul li.selected a.c_bootbelettering{ 
	padding: 5 10 5 10px;
	margin-bottom: 2px;
	background: url(images/menu_link_bg.gif);
	border-bottom: #f5921d 3px solid;
}

.menu_center ul li a{
	text-decoration: none;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #000000;
}

/*----------- Submenu -----------*/
ul.submenu {
	margin: auto;
	margin-right: 40px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
}
li.submenu {
	list-style: none;
	display: inline;
}

a.submenu{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #ffffff;
	margin-left: 10px;
	text-decoration: none;
}
.submenu ul li a:hover{
	margin-left: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin-left: 10px;
	color: #ffffff;
	text-decoration: underline;
}
/*----------------------//Autobelettering//-----------*/ 
.submenu1{
	width: 771px;
	margin-left: 36px;
	height: 32px;
	background: url(images/menu_bg_1.gif);
}
/*----------------------//Busbelettering//-----------*/ 
.submenu2{
	width: 771px;
	margin-left: 36px;
	height: 32px;
	background: url(images/menu_bg_2.gif);
}
/*----------------------//Vrachtbelettering//-----------*/ 
.submenu3{
	width: 771px;
	margin-left: 36px;
	height: 32px;
	background: url(images/menu_bg_3.gif);
}
/*----------------------//Aanhangbelettering//-----------*/ 
.submenu4{
	width: 771px;
	margin-left: 36px;
	height: 32px;
	background: url(images/menu_bg_4.gif);
}
/*----------------------//bootbelettering//-----------*/ 
.submenu5{
	width: 771px;
	margin-left: 36px;
	height: 32px;
	background: url(images/menu_bg_5.gif);
}

/*----------- Title -----------*/
h1{
	margin-top: 0px;
	font-family: Arial, Verdana;
	font-size: 30px;
	color: #82ab2a;
	padding-left: 22px;
	line-height: 75px;
}
.content_title{
	width: 771px;
	height: 71px;
	background: url(images/title_bg.gif) repeat-x;
}

/*----------- Content -----------*/
.content_L {
	position:relative;
	left:0px;
 	width: 390px;
	z-index:1;
	padding: 10px 20px 0px 20px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
}

.content_L a{ 	color: #82ab2a;}

.content_R {
	position: absolute;
	left: 415px;
	width: 371px;
	height: 290px;
	z-index: 0;
	top: 0px;
	padding-top: 100px;
	padding-left: 20px;
}

.content_div {
	position: relative;
	left: 0px;
	margin-left: 36px;
	width: 771px;
	height: auto;
	
	z-index: 0;
}

.content_end {
	position: relative;
	bottom: 0px;
 	left: 0px; 
	width: 100%;
	height: 27px;
	z-index: 3;
	background:url(images/content_end_bg.gif) repeat-x;
}

/*----------- Footer -----------*/
.footer{
	font-family: Arial, Verdana;
	font-size: 12px;
	width: auto;
	height: 47px;
	background: url(images/footer_bg.gif) repeat-x;
	bottom: 0px;
	text-align: center;
}

.footer ul{
	list-style: none;
	margin-top: 0px;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-left: -40px;
}

.footer ul li{
	display: inline;
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #445e76;
	margin-left: 10px;
}
.footer ul li a{
	color: #ffffff;
}
