body, div, ul, li, a, img, p, h1, h2, h3, h4 {
margin				: 0px;
padding				: 0px;
border				: 0px solid #FFF;
font-family			: Georgia, "Times New Roman", Times, serif;
font-weight			: normal;
font-size			: 100%;
color				: #333;
}

/* 	
	html {
     overflow: -moz-scrollbars-vertical;
	}

	zorgt voor contstante scrollbar rechts in Mozilla. 
	Dan verspringt de site niet meer als je pagina langer
	wordt dan het scherm.
	
	Leek me erg handig in deze site gezien de soms lange lijsten.
	
	Shrap
*/

html {
overflow			: -moz-scrollbars-vertical;
}

body {
text-align			: center;
background-color	: white;
background-image	: url(../img/bgTop.gif);
background-position	: top left;
background-repeat	: repeat-x;
}

/* Container; centreert de pagina in FireFox */
#container	{
width				: 770px;
margin				: auto;
text-align			: left;
}

.bolded a {
font-weight			: bold;
}

/* ALGEMEEN ----------------------------------------------------------------------*/
p {
padding				: 0.5em 0px 0.5em 10px;
font-size			: 70%;
line-height			: 1.7em;
}

a {
color				: #01774B;
text-decoration		: none;
}

a:hover {
text-decoration		: underline;
}

a.arrow {
padding				: 0px 0px 0px 23px;
background-image	: url(../img/arrow.gif);
background-repeat	: no-repeat;
background-position	: left 0px;
font-size			: 70%;
}

a.back {
padding				: 0px 0px 0px 23px;
background-image	: url(../img/back.gif);
background-repeat	: no-repeat;
background-position	: left 0px;
font-size			: 70%;
}

h1 {
padding				: 24px 0px 2px 10px;
font-size			: 110%;
color				: #01774B;
}

h2 {
padding				: 8px 0px 0px 10px;
font-size			: 75%;
font-weight			: bold;
color				: #01774B;
}

hr {
display				: block;
width				: 100%; 
height				: 1px;
background-color	: #CCC;
color				: #CCC;
line-height			: 0px;
padding				: 0px;
margin				: 0px;
font-size			: 0px;
border				: none;
float				: left;
}


/* Hoofdnavigatie -----------------------------------------------------------------------------------------------------------------------*/
#navi {
padding				: 33px 0px 0px 0px;
}	

#navi ul {
list-style-type		: disc;
}

#navi li {
display				: inline;
background-position	: 0px -28px;
}

#navi a {
display				: block;
float				: left;
height				: 14px;
text-decoration		: none;
}

#navi a:hover { 
background-position	: 0px -14px;
}

#navi a:active {
background-position	: 0px -28px;
color				: #FFF;
}
#navi a span {
display				: none;
}

#navi .selected {
background-position	: 0px -28px;
color				: #FFF;
}

#home 		{ background: url("../img/home.gif"); 		width: 65px;	top left no-repeat; }
#company 	{ background: url("../img/company.gif"); 	width: 130px;	top left no-repeat; }
#news 		{ background: url("../img/news.gif"); 		width: 66px;	top left no-repeat; }
#schedules	{ background: url("../img/schedules.gif"); 	width: 108px;	top left no-repeat; }
#eta 		{ background: url("../img/eta.gif"); 		width: 52px;	top left no-repeat; }
#tariffs 	{ background: url("../img/tariffs.gif"); 	width: 83px;	top left no-repeat; }
#gallery 	{ background: url("../img/gallery.gif"); 	width: 86px;	top left no-repeat; }
#logistics 	{ background: url("../img/logistics.gif");		width: 96px;	top left no-repeat; }
#beheer 	{ background: url("../img/beheer.gif");		width: 71px;	top left no-repeat; }


/* Header en tweede navigatie ---------------------------------------------------------------------------------------------------------------*/
#header {
float			: left;
}		
	
#headerLogo	{
float			: left;
padding			: 15px 0px 0px 0px;
}		
	
#headerNav {
float			: right;
width			: 230px;
padding			: 30px 10px 0px 30px;
}

#headerNav ul {
list-style-type	: none;
}

#headerNav li {
display			: inline;
color			: #01774B;
font-size		: 80%;
}


.imgRand {
	border: 1px solid #01774B;
}
.update {
font-size			: 60%;
padding				: 0px 10px 3px 0px;
text-align			: right;
color				: #949494;
}



/* Hoofdkolommen (home) ---------------------------------------------------------------------------------------------------------------------*/	
#linkerItemsHome {
float			: left;
width			: 365px;
padding			: 0px 9px 10px 10px;
}		

#rechterItemsHome {
float			: left;
width			: 365px;
padding			: 0px 9px 10px 10px;
}

/* Hoofdkolommen (vervolgpagina's) */			
#linkerItemsNext {
float				: left;
width				: 490px;
padding				: 0px 9px 10px 10px;
xoverflow: hidden;
xborder: 1px solid red;
}


/*

ul	{
color				: #009;
padding-left		: 2em;
padding-bottom		: 1.2em;
}

li	{
list-style-type		: square;
}

ul ul	{
color				: #009;
padding-left		: 2em;
padding-bottom		: 1.2em;
}

li li	{
list-style-type		: circle;
}

*/
#linkerItemsNext ul {
padding-left		: 2em;
padding-bottom		: 1.2em;
}

#linkerItemsNext li {
margin				: 5px 0px 5px 15px;
padding				: 0px 0px 0px 5px;
font-size			: 12px;
line-height			: 1.7em;
list-style-type		: square;
}

#guiskruimelpad {
padding				: 25px 0px 0px 10px;
font-size			: 70%;
}

#guiskruimelpad ul {
list-style-type		: none;
}

#guiskruimelpad li {
display				: inline;
margin				: 0px;
font-size			: 11px;
}

#rechterItemsNext {
float				: left;
width				: 230px;
padding				: 0px 9px 10px 10px;

}	
#rechterItemsNext ul {
list-style-type		: none;
}

/* Tabellen op de Homepage -------------------------------------------------------------------------------------------------------*/
.dataBoxHome {
padding				: 10px 0px 6px 12px;
border-left			: 1px solid #FFF;
border-right		: 1px solid #FFF;
border-bottom		: 1px solid #FFF;
background-color	: #E5E5E5;
}

.dataBoxHome p{
font-size			: 70%;
padding				: 0px 0px 0px 3px;
display				: inline;
}



.dataBoxHome table{
width				: 340px;
margin				: 0px 0px 4px 0px;
border				: 1px solid #FFF;
}



.dataBoxHome td {
border-bottom		: 1px solid #ECECEC;
padding				: 3px 8px;
font-size			: 70%;
}

.head {
color				: #01774B;
font-weight			: bold;
background-color	: #FFF;
}

.odd {
background-color	: #EFEFEF;
}

.even {
background-color	: #FFF;
}

/* Todays Arrivals */
#headerArrivals {
height				: 32px;
margin				: 20px 0px 0px 0px;
background-image	: url(../img/headerArrivals.gif);
background-position	: left top;
background-repeat	: no-repeat;
}

#headerArrivals h1 {
padding				: 0px 0px 0px 40px;
}

/* Cargo Tracer */
#headerCargo {
height				: 32px;
margin				: 20px 0px 0px 0px;		
background-image	: url(../img/headerCargotracer.gif);
background-position	: left top;
background-repeat	: no-repeat;
}

#headerCargo h1 {
padding				: 0px 0px 0px 40px;
}

.dataBoxHome input.textfield {
width				: 200px;
height				: 15px;
margin				: 5px 0px 0px 0px;
border				: 1px solid #CCC;
background-color	: #F6F6F6;
}


/* Subnavigatie -------------------------------------------------------------------------------------------------------------*/	
#subnavi {
border-top			: 1px solid #CCC;
list-style-type		: none;
}
	
#subnavi li {
border-bottom		: 1px solid #CCC;
width				: 230px;
}

#subnavi a {
width				: 200px;
display				: block;
padding				: 5px 10px 5px 20px; 
background-color	: #FFF;
color				: #01774B;
font-size			: 80%;
text-decoration		: none;
}
	
#subnavi a:hover{
background-color	: #EEE;
}

#subnavi .selected,
#subnavi a:hover.selected {
background-color	: #CCE7DD;
}

#subnavi li li {
border-bottom		: 1px solid #FFF;
}

#subnavi li li a {
padding				: 5px 10px 5px 32px;
width				: 188px;
font-size			: 11px;
background			: url(../img/subsub_arrow.gif) no-repeat;
background-position	: 20px 10px;
}
	
.news a {
background-image	: url(../img/subnavNews.gif);
background-repeat	: no-repeat;
background-position	: 3px 7px;
}

.press a {
background-image	: url(../img/subnavPress.gif);
background-repeat	: no-repeat;
background-position	: 3px 7px;
}

/* Tabellen -------------------------------------------------------------------------------------------------------------*/	
#linkerItemsNext table.generalData {
width				: 98%;
margin				: 25px 10px 10px 0px;
padding				: 1px 0px 1px 0px;
border				: 0px;
}

#linkerItemsNext table.generalData td h2{
padding				: 2px 0px 0px 10px;
font-size				: 100%;
font-weight			: bold;
}

#linkerItemsNext table.generalData td p{
padding				: 2px 0px 0px 10px;
font-size				: 100%;
}

#linkerItemsNext table {
width				: 98%;
margin				: 25px 10px 10px 0px;
padding				: 1px 0px 1px 0px;
border-top			: 1px solid #CCC;
border-bottom		: 1px solid #CCC;
clear				: left;
}

#linkerItemsNext td {
padding				: 1px 0px 3px 10px;
font-size			: 70%;
line-height			: 1.7em;
vertical-align		: top;
color				: #333333;
}

#linkerItemsNext table tr.head td{
padding				: 2px 0px 2px 10px;
border-bottom		: 1px solid #CCC;
font-size			: 75%;
}

#linkerItemsNext td.error {
background-color	: red;
}

img.homePic {
padding				: 5px;
}
	

/* News & Press -------------------------------------------------------------------------------------------------------------*/	
.newsitem {
background-image	: url(../img/subnavNews.gif);
background-repeat	: no-repeat;
background-position	: 10px 28px;
padding-left		: 25px;
}

.pressitem {
background-image	: url(../img/subnavPress.gif);
background-repeat	: no-repeat;
background-position	: 10px 28px;
padding-left		: 25px;
}

.pic {
float				: right;
padding				: 15px 0px 10px 10px;
}	

.newspressLegenda {
float				: left;
width				: 90px;
padding				: 25px 5px 0px 5px;
color				: #01774B;
font-size			: 70%;
}

.newsdate {
font-size			: 70%;
color				: #CCC;
text-align			: right;
}

.news_link {
float				: left;
text-align			: right;
width				: 230px;
padding-top			: 8px;
color				: #01774B;
font-size				: 80%;
}

.news_link a.arrow {
font-size				: 100% !important;
background-position		: 0px 2px;
}

/* Eta -------------------------------------------------------------------------------------------------------------*/	

.ico_arrived {
background-image	: url(../img/iconAnchor.gif);
background-repeat	: no-repeat;
width: 20px; height: 16px;
float: left;
}

.ico_departed {
background-image	: url(../img/iconDeparted.gif);
background-repeat	: no-repeat;
width: 20px; height: 16px;
float: left;
}

.ico_changed {
background-image	: url(../img/iconChanged.gif);
background-repeat	: no-repeat;
width: 20px; height: 16px;
float: left;
}

.ico_delayed {
background-image	: url(../img/iconClock.gif);
background-repeat	: no-repeat;
width: 20px; height: 16px;
float: left;
}

.ico_eta {
background-image	: url(../img/iconETA.gif);
background-repeat	: no-repeat;
width: 20px; height: 16px;
float: left;
}

#eta_header h1 {
padding				: 28px 0px 0px 0px;
float				: left;
}

#eta_header .arrow {
float				: right;
margin				: 35px 10px 0px 0px;
xborder: solid 1px green;
}

#eta_content  {
clear: both;
margin: 0 ;
padding: 0;
}

#eta_content table {
margin-top: 5px;
padding-top: 0px;
}
.date {
text-align: center;
}

#eta_content .label_odd {
	background-color: #EFFFF9;
}
#eta_content .label_even {
	background-color: #FFF;
}
#eta_content .odd {
	background-color: #CCE7DD;
}
#eta_content .even {
	background-color: #EFFFF9;
}

.eta_remarks {
font-weight	: bold;
color		: #E86F0D;
}

/* Schedules -------------------------------------------------------------------------------------------------------------*/	

#map_container {
position		: relative;
margin			: 20px 0px 20px 12px;
width			: 465px;
height			: 257px;
border			: 1px solid #007E32;
}

#map_container img.kaart {
position		: absolute;
z-index			: 1;
padding			: 3px;
left			: 0px;
top				: 0px;
}


#map_container .pdf_links {
position		: absolute;
z-index			: 2;
left			: 381px;
top				: 192px;
}

#map_container .pdf_links img {
padding-bottom	: 10px;
}

.j_harmonica {
margin-top		: 104px;
}

/* CMS -------------------------------------------------------------------------------------------------------------*/	
#fullwidth {
float				: left;
width				: 770px;
font-size			: 100%;
}

/* Edit  -------------------------------------------------------------------------------------------------------------*/	
dl ul li{
font-size			: 70%;
}
dl dt{
margin				: 12px 0px 8px 0px;
}
/* Footer -------------------------------------------------------------------------------------------------------------*/	
#logo7u {
float				: left;
width				: 770px;
padding				: 6px 0px 0px 0px;
text-align			: right;
}

.etaLegenda {
	padding: 5px 0px 5px 12px;
	width:85px;
	float:left;
	margin-top:5px;
	}	
	
.columnheader {
	padding: 5px 0px 5px 12px;
	width:85px;
	margin-top:5px;
	}		
.nextArrow {
	text-align:right;
	padding:10px 0px 0px 10px;
	width:200px;
	}	
	
a.arrival{
	background-image:url(../img/arrow.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-right:2px;
	padding-left:23px;
	height:20px;
	}	
	



.form_error {
color				: red;
}
.form_highlight {
border				: dotted 1px red;
}