/* --------------------------  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.gif);
	background-repeat:		repeat-y;
	margin-left:			auto;
	margin-right:			auto;
}

#wrapper {
	width:					950px;
	margin-left:			auto;
	margin-right:			auto;
}

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

/*--- languagebox -----*/

#languagebox {
	display:				block;
	float:					right;
	/* height:					40px; */
	width:					200px;
	/* border-bottom:			1px dotted #80afca; */
	
	background:				#fff;
}

#languagebox img {
	height:					11px;
	width:					16px;
	border:					0px;
	margin:					13px -10px 0px 18px;
	padding:				2px;
	float:					left;
	}

#leftframe {
	width:					200px;
	margin:					0;
	float:					left;
	min-height: 600px;
}
* html #leftframe {
	height: 600px;
}

.leftframe-contentbox {
	float:					left;
	margin:					0;
	text-align:				left;
	padding:				0px 18px 0px 18px;
	width:              	162px;  
	overflow:				hidden;

}

.leftframe-contentbox strong {
    color:					#474747;

	display: block;
	/* padding-top: 20px; */
	padding-top: 15px;
	padding-bottom: 4px;
}
.leftframe-contentbox h2 {
	color:					#474747;
	font-size:				1.0em;
	margin:					0;
	padding:				20px 0px 20px 0px;
}

.leftframe-contentbox p {
	color:					#474747;
}

.readon-left a {
	text-decoration:		none;
	color:					#bc0000;
	/* height:					18px; */
	display:				block;
	background-image:		url(../images/restyle/readon_left.gif);
	background-repeat:		no-repeat;
	background-position:	right;
	margin-top:				2px;
}

.readon-left {
	/* height:					36px; */
	width:					154px;
	/* margin-bottom:			8px; */
	padding-bottom: 5px;
	}

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

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

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


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


div#rightframe div.seperator
{
	height: 1px;
	line-height: 1px;
	overflow: hidden;
	width: 744px;
	border-top: 1px dotted #80afca;
}

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

#rightframe-topright {
	width:					375px;
	height:					272px;
	float:					left;
	margin:					0;
}

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

.rightframe-contentboxleft {
	width:					374px;
	float:					left;
	/* margin:					0px 0px 20px 0px; */
	margin: 0;
	padding:				0;
	/*
	border-bottom:			1px dotted #80afca;
	border-bottom:			1px dotted #80afca;	
	*/
}

.rightframe-contentboxright {
	width:					370px;
	float:					left;
	margin:					50px 0 0 0;
	/* margin:					0; */
	padding:				0px 0px 5px 0px;
	/* border-left:			1px solid #80afca; */
	/* border-bottom:			1px solid #80afca; */
	background:				#016096;
}

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

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

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

/*---- opmaak forum tabel ----*/

.forumbox {
	width:					370px;
	height:					184px;
	/* height:					134px; */
	background:				url(../images/restyle/forumbox_header.gif) no-repeat 0px 33px;
	background-color:  		#e0ecf2;	
	float:					left;
	border-bottom: 			1px dotted #80afca;
    margin:					0;
    display:				block;
    position:				relative;
overflow:hidden;
}

.forumtable {
	padding:				3px 0px 0px 0px;


}

.forumbox table {
	float:					right;
	text-align:				left;
	margin:					0;
	padding:				0;
	border-collapse:		collapse;
	width:					382px;
}

th.forum-header {
	padding:7px 15px 16px 15px;
	position:relative;
}


thead {
	color:					#015f95;
	font-size:				0.9em;

}


td {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				0.9em;
	text-decoration:		none;
	color:					#474747;
	font-weight:			normal;
	margin:					0;
	padding:				2px 1px 2px 15px;

}

div.forumtable table td
{
	padding-bottom: 5px;
}

table a {
	text-decoration:		none;
	color:					#bc0000;
}

table a:hover {
	text-decoration:		underline;
color:					#bc0000;
}


/*--------- eyecatcherbox in rightframe-contentboxleft ---------*/

.eyecatcher{
	height:					130px;
	border-bottom:			1px dotted #80afca;	
	margin:					0;
}

.eyecatcher img{
	padding:				13px;
}

/*---------- introbox in rightframe-contentboxleft-----------*/

.intro {
	margin:					0;
	padding:				5px 0px 3px 0px;
	float:					left;
	
	height: 265px;
}
.intro .intro-left #logos a {
		margin-top:10px;
display:block;
}

.intro-left {
	margin:					0;
	padding:				0;
	float:					left;
	width:					138px;
	overflow:				hidden;
	padding:				0px 15px 0px 25px;
}
.intro-left img {
    padding:				0px 0px 31px 0px;
	display:				block;
}

.intro-right {
	margin:					0;
	padding:				20px 0px 0px 0px;
	float:					left;
	width:					186px;
	overflow:				hidden;
	/* background:				url(../images/restyle/logo_customs.gif) no-repeat top left; */
	/* height:					212px; */
	height: 220px;
}


.intro h2 {
	height: 				16px;
	padding:				0px 0px 0px 0px;
	margin:					0px 0px 16px 0px;
	text-align:				left;
	width:					152px;
	background:				none;
	color:					#0084ba;
}

.intro-left h2 {
	color:					#005e95;
	background-color:		#fff6de;
	margin-left:			1px;
	padding-left:			16px;
}


.intro-left h2 a {
	color:					#005e95;
	text-decoration:		none;
}

.intro-right h2 a {
	color:					#fff;
	text-decoration:		none;
}

.intro-left h2 a:hover {
	color:					#005e95;
	text-decoration:		underline;
}

.intro-right h2 a:hover {
	color:					#fff;
	text-decoration:		underline;
}

.intro p {
	color:					#474747;
	text-align:				left;
	width:					154px;
	margin:					14px auto 0px auto;
}

.intro-right div#Standard
{
}
.intro-right div#Standard h2
{
	padding-left: 20px;
}
.intro-right div#Standard ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 0.9em;
	color: #016096;
}
.intro-right div#Standard ul li
{
	padding-left: 20px;
	padding-bottom: 7px;
	background-image: url(../images/restyle/intro_bullet.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

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

.contentboxright-column {
	/* width:					170px; */
	width:					169px;
	float:					left;
	padding:				15px 0px 1px 15px;
	background-color:		#016096;
	margin:					0px 0px 0px 0px;
	border-right: dashed 1px #80b0cb;
}

.contentboxright-column img{
	width:					185px;
	height:					78px;
	float:					left;
    margin:					-15px 0px 0px -15px;
}

.contentboxright-column h2{
	color:					#fff;
	width:					160px;
	display:				block;
	text-align:				left;
	float:					left;
	height:					32px;
	margin:					0px;
	padding:				15px 0px 0px 0px;
}

.contentboxright-column p {
	float:					left;
	color:					#fff;
	text-align:				left;
	width:					154px;
	margin:	 				0;
	padding:				0;
}

.readon-right, readon-right2 {
	height:					36px;
	width:					154px;
	}

.readon-right a {
	text-decoration:		none;
	color:					#fff;
	height:					18px;
	display:				block;
	background-image:		url(../images/restyle/readon_right.gif);
	background-repeat:		no-repeat;
	background-position:	right;
    margin:5px 0px 0px 0px;
}
p.readon-right2 {
	text-decoration:		none;
	color:				#fff;
	height:				18px;
	display:			block;
	background-image:		url(../images/readon_right2.gif);
	background-repeat:		no-repeat;
	background-position:	right;
    margin:5px 0px 0px 0px;
}
.readon-right2 a {
	text-decoration:		none;
	color:				#fff;
}
.readon-right a:hover {
	color:					#3dbbeb;
}
.readon-right2 a:hover {
	color:					#3dbbeb;
}
/*------------------------------------------------------  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:					140px;
	margin:					0;
	padding:				0px 0px 0px 20px;
	
}

#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:				10px 0 0 0;
	float:					left;
	height:					12px;
	width:					100%;
}

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

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

#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;

}

#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;}

.clearance div.editknoppen {
display:block;
position:absolute;
padding:10px;
visibility:visible;
margin-left:-100px;
}

.consultancy div.editknoppen {
display:block;
position:absolute;
visibility:visible;
margin-left:-100px;
margin-top:80px;
padding:10px;
}

.connect div.editknoppen {
display:block;
position:absolute;
visibility:visible;
margin-left:-100px;
margin-top:160px;
padding:5px;
}


.clearance {
padding:0px;
margin:0px 0px 0px 22px;
float:left;
width:152px;
}
.consultancy {
padding:0px;
margin:0px 0px 0px 22px;
float:left;
width:152px;
}
.connect {
padding:0px;
margin:0px 0px 0px 22px;
float:left;
width:152px;
}

/*
.clearance div a img {
display:block;
position:absolute;
border:1px solid red;
visibility:visible;
top:0;
left:-50px;
}

.consultancy div a img {
display:block;
position:absolute;
border:1px solid red;
visibility:visible;
top:50px;
left:-50px;
}

.connect div a img {
display:block;
position:absolute;
border:1px solid red;
visibility:visible;
top:120px;
left:-50px;
}

}*/

.clearance div.editknoppen a img {
display:block;
position:inherit;
border:none;
visibility:visible;
margin:0;
top:0;
left:0;
}

.consultancy div.editknoppen a img {
display:block;
position:inherit;
border:none;
visibility:visible;
margin:0;
top:10px;
left:0;
}

.connect div.editknoppen a img {
display:block;
position:inherit;
border:none;
visibility:visible;
margin:0;
top:10px;
left:0;
}