/* --------------------------  CSS Document index.htm - Maco Douane Services\   --------------------------*/

body {
	margin:					25px 0px 0px 0px;
	padding:				0px;
	text-align:				center;
	background:				url(../images/restyle/header_top.gif) no-repeat center top;
	background-color:		#ebf3f7;
	font-size:				76.1%;/*dit percentage zodat standaard font-size op 1.0 em kan*/
	font-family:			Arial;
	line-height:			1.2em;
}

#mainframe {
	width:					986px;
	background-image:		url(../images/restyle/main_bg_vervolg.gif);
	background-repeat:		repeat-y;
	margin-left:			auto;
	margin-right:			auto;

}

#wrapper {
	width:					950px;
	margin-left:			auto;
	margin-right:			auto;
}
div.clear
{
	clear: both;
	height: 0;
}

/*------------------------------------------ leftframe ---------------------------------------------------*/

#leftframe {
	width:					200px;
	margin:					0px 0px 0px 0px;
	float:					left;
}
* html div#leftframe
{
overflow: hidden
}

.leftframe-contentbox {
	float:					right;
	margin:					0;
	text-align:				left;
	padding:				0;
	width:             		194px;  
	overflow:				hidden; 
}

.leftframe-contentbox h2 {
	color:					#474747;
	font-size:				1.0em;
	margin:					0;
	padding:				16px 0px 16px 14px;
	width:					174px;
	border-bottom:			1px dotted #80afca;
}

.leftframe-contentbox p {
	color:					#474747;
	padding:				14px 14px 0px 14px;
	position:				relative;
}

.readon-left a, .readon-left2 a
{
	text-decoration:		none;
	color:					#ce4444;
	height:					16px;
	display:				block;
	background-image:		url(../images/restyle/readon_left.gif);
	background-repeat:		no-repeat;
	background-position:	right;
	margin-top:				-14px;
	position:				relative;
}
.readon-left2 a
{
	background-position: left;
}

.readon-left {
	height:					12px;
	width:					154px;
	}

/* ------ spacers voor minimal height mainmenu en leftframe-content -----*/
.min-height {
	width: 					1px;
	height:					272px;
	float:					left;
}

.min-height2{
	width: 					1px;
	height:					10px;
	float:					left;
}

/*----------------------------------------------  end leftframe ------------------------------------------*/


/*---------------------------------------------  start rightframe -----------------------------------------*/


/*------- logo --------*/
.logo {
	width:					370px;
	height:					136px;
	border-bottom: 			1px dotted #80afca;
	float:					left;
}

.logo img {
	padding-top: 			25px;
}

.readon {
	color:					#CE4444;
	text-decoration:		none;
}

#rightframe {
	float:					right;
	width:					750px;
}

#rightframe-topright {
	width:					367px;
	height:					136px;
	float:					left;
	margin:					0;
	padding:				0;
	background:				#fff;
}

#rightframe-header {
	width:					375px;
	height:					136px;
	background-image:		url(../images/restyle/maco_img_vervolg.jpg);
	float:					left;
	margin:					0;
	padding:				0;
}

.rightframe-contentboxleft {
	width:					470px; /* 550 */
	padding:				8px 40px 0px 40px;
	float:					left;
	margin:					0;
overflow:hidden;
}

.rightframe-contentboxleft p {
	/* padding:				8px 40px 0px 40px; */
	text-align:				left;
	padding-bottom: 10px;
/* clear:both; */
}

.rightframe-contentboxleft h3 {
	width:					425px; /* 440 */
	/* padding:				30px 20px 10px 40px; */
	
	margin:0;
	text-align:left;
	color:#00538e;
	font-size:16px;
	font-weight:bold;
	display:block;
	line-height:20px;
	
	float:left;
}

.rightframe-contentboxleft ul {
	text-align:				left;
	color:					#474747;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				0.9em;
	line-height:			15px;
	/* padding:0px 40px 0px 60px; */
	padding:0px 40px 15px 15px;
	margin:0;
	display:block;
}

.rightframe-contentboxleft ol {
	text-align:				left;
	color:					#474747;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				0.9em;
	line-height:			15px;
	padding:0px 40px 0px 60px;
}

.rightframe-contentboxright {
	width:					191px;
	float:					left;
	margin:					1px 0px 0px 1px;
	padding:				0;
	background:				#fff;
    border-left:1px solid #80afca;
    border-bottom:1px dotted #80afca;
}

.logos img {
        padding:15px;
}

.logos {
		display:block;
		padding:20px 0px 20px 15px;
		float:left;
}


/*-------- columns rightframe-contentboxright ----------*/

.contentboxright-item {
	width:					193px;
	float:					left;
	margin:					0;
	border-bottom:			1px dotted #80afca;	
}

.contentboxright-item h2 {
	color:					#015f95;
	width:					176px;
	text-align:				left;
	float:					left;
	margin:					0;
	padding:				14px 0px 14px 12px;
	border-bottom:			1px dotted #80afca;	
}

.contentboxright-item p {
	float:					left;
	color:					#016096;
	text-align:				left;
	width:					170px;
	margin:	 				0;
	padding:				14px 0px 0px 12px;
}

.readon-right {
	height:					16px;
	width:					154px;
}

.readon-right a {
	text-decoration:		none;
	color:					#ce4444;
	height:					16px;
	display:				block;
	margin-top:				-10px;
}

.readon-middle a:hover {
	text-decoration:		underline;
}

.readon-middle {
	height:					16px;
}

.readon-middle a {
	text-decoration:		none;
	color:					#ce4444;
	height:					16px;
	display:				block;
	margin-top:				-10px;
}

.readon-right a:hover {
	text-decoration:		underline;
}


.even {
	background-color:		#e0ecf2;
}

.uneven {
	background:				#e0ecf2;
}

/*------------------------------------------------------  end rightframe -------------------------------------------------*/


/* ---------------------------------------------------- styles voor het menu ---------------------------------------------*/

#menu {
	width:					200px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	background-color:		#016096;
	float:					left;
	margin:					0;
	padding:				0;
	text-align:         	left;
}

#menu a {
	color:					#fff;
	text-decoration:		none;
	height:					20px;
	background-image:		url(../images/restyle/menu_icon.gif);
	background-repeat:		no-repeat;
	background-position:	left;
	padding:				0px 0px 0px 14px;
	margin:					0;

}

#menu a:hover {
	color: 					#3dbbeb;
	background-image:		url(../images/restyle/menu_icon_hover.gif);
	background-repeat:		no-repeat;
	background-position:	left;
}

#menu ul {
	margin:					0;
	padding:				16px 0px 16px 16px;
	line-height:        	25px;
	list-style:				none;
line-height:24px;
}

#menu ul li {
	margin:					0;
	padding:				0;
}
/*----submenu----*/
#menu ul li ul {
	text-align:				left;
	width:					165px;
	margin:					0;
	padding:				0px 0px 0px 15px;
	
}

#menu ul li ul li a{
	background-image:		url(../images/restyle/menu_subicon.gif);
	background-repeat:		no-repeat;
	background-position:	left;		
}

#menu ul li ul li a:hover {
	background-image:		url(../images/restyle/menu_subicon_hover.gif);
	background-repeat:		no-repeat;
	background-position:	left;
}

#menu ul li ul li ul li a{
	background-image:		none;
}

#menu ul li ul li ul li a:hover {
	background-image:		none;
}

/* ------------------------------------------------------- bottom + footer ----------------------------------------------------- */

#bottom {/*box voor bottom menu die meeschuift naar onder*/
	color:					#016096;
	margin:					0;
	padding:				45px 0px 0px 0px;
	float:					left;
	height:					12px;
	width:					100%;
	background:url(../images/restyle/bottom_bg.gif) no-repeat 218px 0px;
}

#bottom h4 {
	font-size:				0.75em;
	text-transform:			uppercase;
	color:					#1678af;
	float:					left;
	font-weight:			normal;
	padding:				0px 178px 0px 234px;
	margin-top:				-10px;
}

#bottom p {
	font-size:				0.75em;
	text-transform:			uppercase;
	color:					#1678af;
	float:					left;
	margin:					-10px 4px 0px 1px;
}
#bottom span {
	color:					#1678af;
	float:					left;
	margin:					-12px 0px 0px 2px;
}

#bottom a {
	text-decoration:		none;
	color:					#1678af;
}

#bottom a:hover {
	text-decoration:		underline;
}

#footer {
	background-image:		url(../images/restyle/footer_bg.gif);
	background-repeat:		no-repeat;
	background-position:	top left;
	height:					28px;
	width:					986px;
	float:					left;
}

#absolutebottom p {
	font-size:				0.9em;
	color:					#8eadbf;
	margin-left:			auto;
	margin-right:			auto;
	margin-top:				-5px;
	height:					20px;
	width:					934px;
	text-align:				right;
	text-decoration:		none;
}

#absolutebottom a {
	text-decoration:		none;
	color:					#8eadbf;
}

#absolutebottom a:hover {
	color:					#8eadbf;
}



/*---------------------------------------------------  main opmaak styles --------------------------------------------------*/


h1 {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				0.9em;
	color:					#000;
}

h2 {
	font-size:				0.9em;
	font-family:			Arial;
}

p {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				0.9em;
	text-decoration:		none;
	color:					#474747;
	font-weight:			normal;
	margin:					0;
	padding:				0;
}

a {
	color:					#016096;				
}

a:hover {
	color:					#960101;
}

span {
	font-size:				0.85em;
	font-family:			times new roman;
	padding-right:			7px;
	font-weight:			normal;
}
.sitemapClass {
	width:					100px;
	text-align:				left;
}
.menu_sitemap {
	width:					100px;
	text-align:				left;
}
.sitemap  {
	color:					#33a9ed;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				9px;
	padding:				0px;
	margin:					0px;
	text-align:				left;
}
div.colofon {
	padding:9px;
	padding-bottom:px;
	margin-left:190px;
	width:540px;
	height:60px;
	text-align:center;
	font-family: verdana,swiss,arial;
	font-size:9px;
	font-weight:normal;	
}

a.colofon {color:#FFD896;text-decoration:none}
a.colofon:hover,a.colofon:active {color:#ffffff;text-decoration:underline;}


.rightframe-contentboxleft table {
	padding-bottom: 15px;
	/* padding-left:35px; */
}
.rightframe-contentboxleft table.contact {
	/* padding-left:40px; */
}

table tr td a.sitemap {
color:#00538e;
} 

.rightframe-contentboxleft table {
text-align:left;
font-size:11px;
display:block;
color:#474747;
}

.rightframe-contentboxleft table th {
padding-right:35px;
/* padding-left:40px; */
#padding-right:0px;
#padding-left:0px;
color:#474747;
}

.rightframe-contentboxleft table tr td {
padding-right:35px;
/* padding-left:40px; */
#padding-right:0px;
#padding-left:0px;
color:#474747;
}