img, div, a, input  { 
	behavior: url(iepngfix.htc);
	
}



body{
	background:url(../images/bg-body.gif) top left repeat-x #ceebf9;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-weight:100;
}

p{
	color:#000000;
	font-size:12px;
	margin:0;
	padding:0;
}

p a, li a{
	color:#1b86e8;
	text-decoration:underline;
	font-style:italic;
}

p a:hover, li a:hover{
	color:#1b86e8;
	text-decoration:none;
	font-style:italic;
}

#blokje02 p, #blokje01 p{
	margin:80px 15px 0 9px;
	font-size:11px;
}

ul{
	list-style-type:none;
	
	font-size:12px;
	padding:0;
	margin:0;
	color:#1d5607;;
	font-weight:bold;
}

li{
	background:url(../images/icon-zwart.png) left center no-repeat;
	padding:0 0 0 15px;
	margin:0;
	color:#000000;
	font-weight:normal;
}

h1{
	font-size:16px;
	color:#87c31d;
	font-weight:bold;
}

h2{
	font-size:13px;
	color:#1d5607;
	font-weight:bold;
	padding:0;
	margin:17px 0 0 0;
}

h3{
	color:#1b86e8;
	font-size:13px;
	font-weight:bold;
	margin:0 0 17px 0;
}
	

#blokje01 h1,#blokje02 h1, #blokje_destinations h1{
	font-size:13px;
	color:#1d5607;
	font-weight:bold;
	margin:2px 0 0 80px;
}

img, object{
	display:block;
	margin:0;
	padding:0;
}



/*-------------------------------------- LAGEN ---------------------------------------*/

#container{
	position:relative;
	margin:0 auto;
	width:970px;
	padding:0 15px 0 15px;
}

#top{
	position:relative;
	background:url(../images/bg-content-top.gif) top left no-repeat;
	width:970px;
	height:19px;
	margin:0;
	padding:0;
	z-index:0;
}

#midden{
	position:relative;
	background:url(../images/bg-content.png) top left repeat-y;
	width:970px;
	margin:0;
	padding:0 20px 0 20px;
	z-index:1;
}

#vervolg #midden{
	position:relative;
	background:url(../images/bg-content-vervolg.png) top left repeat-y;
	width:970px;
	margin:0;
	padding:0 20px 0 20px;
}

#bottom{
	position:relative;
	background:url(../images/bg-content-bottom.png) top left no-repeat;
	width:970px;
	height:19px;
	margin:0;
	padding:0;
}



/*-------------------------------- PAGINA ELEMENTEN ----------------------------------*/

#logo{
	position:absolute;
	top:20px;
	left:23px;
	margin:0;
	padding:0;
}

#flash{
	position:relative;
	z-index:2;
}

#blokjes{
	position:relative;
	width:619px;
	margin:0 0 0 315px;
	padding:0;
	height:139px;
}

#blokje01{
	position:absolute;
	width:303px; 
	height:139px;
	right:0px;
	top:0;
	background:url(../images/blokje-destinations-home.png) top left no-repeat;
}

#blokje02{
	position:absolute;
	width:303px; 
	height:139px;
	top:0;
	left:0;
	background:url(../images/blokje-freight-home.png) top left no-repeat;
}

#blokje03{
	position:absolute;
	left:20px;
	width:285px;
	height:200px;
	top:300px;
	background:url(../images/image-home-blokje03.gif) 9px 67px #1984e8 no-repeat;
	padding:9px;
	color:#FFFFFF;
	font-size:18px;
	font-weight:100;
	text-transform:uppercase;
	z-index:50;
}

#blokje03 a, #blokje03_destinations a{
	margin:0 0 0 150px;
	font-weight:bold;
	color:#1984e8;
	background:url(../images/icon-pdf.gif) 0 0 no-repeat;
	padding:0 0 15px 25px;
	text-decoration:underline;
	font-size:11px;
	text-transform:none;
	line-height:30px;
}

#blokje03 a:hover, #blokje03_destinations a:hover{
	text-decoration:none;
}	

#footer{
	position:relative;
	font-size:9px;
	color:#1984e8;
	padding:0 0 20px 20px;
	margin:0;
}



/*-------------------------------- Navigatie -------------------------------------*/

#menu{
	position:relative;
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:42px;
	z-index:50;
}

#menu ul#nav{
	list-style:none;
	margin:0;
	padding:0;
}

#menu ul#nav li{
	padding:0;
	margin:0;
	background:none;
	list-style-type:none;
	display:inline;
	float:right;
} 

#menu ul#nav li a{
	display:block;
	height:42px;
	border:none;
	text-indent:-2000px;
	margin:0;
	padding:0;
	text-decoration:none;
	/*width:100%;/* Make list items do what they're supposed to in IE6 */
}

#menu ul#nav li a:hover{
	display:block;
	text-decoration:none;
	background-position:0 -42px;
	margin:0;
	padding:0;
}

#btncontact a{
	padding:0;
	margin:0;
	text-decoration:none;
	display:block;
	width:114px;
	background:url(../images/menu-contact-us.gif) 0 0 no-repeat;
}

#btnaboutus a{
	padding:0;
	margin:0;
	text-decoration:none;
	display:block;
	width:94px;
	background:url(../images/menu-about-us.gif) 0 0 no-repeat;
}

#btndestinations a{
	padding:0;
	margin:0;
	text-decoration:none;
	display:block;
	width:122px;
	background:url(../images/menu-destinations.gif) 0 0 no-repeat;
}

#btnfreight a{
	padding:0;
	margin:0;
	text-decoration:none;
	display:block;
	width:151px;
	background:url(../images/menu-freight-sevices.gif) 0 0 no-repeat;
}

#btnhome a{
	padding:0;
	margin:0;
	text-decoration:none;
	display:block;
	width:73px;
	background:url(../images/menu-home.gif) 0 0 no-repeat;
}

#menu ul#nav li ul {
	position:absolute;
	display:none;
	font-size:10px;
	border:1px solid #7bb21b;
	background:none #FFFFFF;
	padding:7px 10px 3px 5px; 
	margin:0;
	width:170px;
}

#menu ul#nav li ul li{ 
	clear:left; 
	display:block;
	padding:0;
	margin:0;
	background:none #FFFFFF;
	color:#1b3f95;
	font-size:10px;
	float:none;
}

#menu ul#nav li ul li a{
	display:block;
	margin:0;
	padding:0px 10px 7px 15px;
	color:#1984e8;
	text-indent:0px;
	height:auto;
	text-decoration:none;
	font-weight:normal;
	background:none #FFFFFF;
	z-index:50;
}
#menu ul#nav li ul li a:hover{
	text-decoration:underline;
	padding:0px 10px 7px 15px;
}

/*switch submenu's for full css supporting browsers*/
#menu ul#nav li:hover ul{display:block;}
#menu ul#nav li:hover ul li ul{display:none;}
#menu ul#nav li ul li:hover ul{display:block;}
#menu ul#nav li ul li:hover ul li ul{display:none;}
#menu ul#nav li ul li ul li:hover ul{display:block;}
#menu ul#nav li ul li ul li:hover ul li ul{display:none;}
#menu ul#nav li ul li ul li ul li:hover ul{display:block;}
#menu ul#nav li ul li ul li ul li:hover ul li ul{display:none;}
#menu ul#nav li ul li ul li ul li ul li:hover ul{display:block;}
#menu ul#nav li ul li ul li ul li ul li:hover ul li ul{display:none;}





/*--------------------------------------VERVOLG PAGINA ----------------------------------------*/

#vervolg #blokje02{
	background:url(../images/blokje-contact-vervolg.png) top left no-repeat;
}

#tekstvlak{
	position:relative;
	background-color:#FFFFFF;
	top:-165px;
	margin:0px 30px 0 303px;
	padding:10px 50px 0 20px;
	z-index:10;
}

#vervolg #blokjes{
	position:relative;
	width:619px;
	margin:0 0 0 -9px;
	padding:0;
	height:0;
}

#blokje03_destinations{
	position:absolute;
	left:21px;
	width:285px;
	height:200px;
	top:300px;
	background:url(../images/image-home-blokje03.gif) 9px 67px #1984e8 no-repeat;
	padding:9px;
	color:#FFFFFF;
	font-size:18px;
	font-weight:100;
	text-transform:uppercase;
	z-index:50;
}



/*------------------------------------ DESTINATIONS ----------------------------------------*/

#blokje_destinations{
	position:relative;
	width:619px;
	margin:0 0 0 315px;
	padding:0;
	height:157px;
	background:url(../images/bg-blokje-destinations.gif) top left no-repeat #93c933;
}

table.destinations{
	color:#FFFFFF;
	font-size:12px;
	background-color:none;
	margin-top:25px;
}

#intro{
	position:absolute;
	top:185px;
	left:35px;
	width:235px;
	z-index:10;
	font-size:12px;
	color:#1d5607;
}



/*------------------------------------ CONTACT FORM ----------------------------------------*/

table.contact{
	padding:0px;
	margin: 0px;
	background-color:#eaf8ff;
}

input{
	border:1px solid #abdbf5;
	background-color:#FFFFFF;
}

.bordertextearea{
	border:1px solid #abdbf5;
}


textarea{
	border:1px solid #abdbf5;
	background-color:#FFFFFF;
	font-size:100%;
	font-family:"Trebuchet MS", "Arial Narrow", Arial, Verdana;
}

.noborder{
	border:none;
	background:none;	
}

.verzenden{
	color:#FFFFFF;
	padding:1px 3px 1px 3px;
	background-color:#1984e8;
}