@charset "UTF-8";
/* CSS Document */

body{ background:#fff url('../images/body.bg.jpg') repeat top left; margin: 0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size: 11px; line-height: 1.5em;}
#wrapper{ margin: 0 auto; width: 964px; background: #FFF; }
.clear,.clr{clear:both;}
img{ border:0; padding:0; margin:0;}
h1{ font-size:22px; text-transform:uppercase; line-height: 1.2em; padding:0; margin:0 0 20px 0;}
h2{ font-size:14px; line-height: 1.2em; padding:0; margin:0; margin-bottom:3px; font-family:Arial, Helvetica, sans-serif;}

/* ---------------
	NAVIGATIE
   --------------- */

#nav { float:left; width: 100%; clear:both; margin-bottom: 10px;}
#p-home #nav { margin-bottom: 0;}
#nav ul{margin: 0;padding:0;}
#nav ul li{list-style:none;float:left;}
#nav ul li a, #nav ul li a:visited{display:block;color: #fff;width: 289px;height: 0px !important;margin:0 3px 0 0;	padding: 62px 15px 0 15px;	overflow:hidden;}

#button1 a{ background: url('../images/button1.gif'); }
#button2 a{ background: url('../images/button2.gif'); }
#button3 a{ background: url('../images/button3.gif'); }

#nav ul li a.active{ background-position: 0 -144px; }
#nav ul li#button3 a {margin: 0 0 0 1px;}
#nav ul li a:hover{ background-position: 0 -72px; }

#back { float:left; width: 255px; position:absolute;}
#lang{ color:#000; width: 100%; text-align:right;}
/* ---------------
	CONTENT
   --------------- */
   
/* map */
#map { background:url('../images/map.jpg') no-repeat top left; height: 673px; position:relative;}
.popup { display:none; position: absolute;}
#map a { position:absolute; display:block; height: 25px; width: 105px;}

	#b-santander {left: 381px; top: 91px;}
	#b-bilbao { left: 457px; top: 121px;}
	#b-barcelona {  right: 70px; top: 289px;}
	#b-valencia {  top: 445px; left: 620px;}
	
	#b-santander .tooltip { }
	#b-bilbao .tooltip { }
	#b-barcelona .tooltip { top: -185px;}
	#b-valencia .tooltip { top: -185px;left: 20px;}

.tooltip{ position: absolute; top: 21px; left: -200px; z-index: 3; display: none; cursor:pointer; }

   
.contentblock{ background:#96c038; margin:0px; _width: 100%;}
#p-warehousing .contentblock, #p-about .contentblock { _width: 944px;}


.black{background:#130E10; margin: 0 10px 10px 10px;}
.black strong { color: #96C03A;}
.marginadjust{margin: -10px 10px 0px 10px; }

#kop-warehousing{ background: transparent url(../images/kop1_warehousing.gif) no-repeat top left; height: 0px; padding-top: 80px; overflow:hidden; }
#warehouse1{ background: transparent url(../images/h2_warehouse1.gif) no-repeat top left; height: 0px; padding-top: 50px; overflow:hidden; }
#warehouse2{ background: transparent url(../images/h2_warehouse2.gif) no-repeat top left; height: 0px; padding-top: 50px; overflow:hidden; }
#warehouse3{ background: transparent url(../images/h2_warehouse3.gif) no-repeat top left; height: 0px; padding-top: 50px; overflow:hidden; }
.warehouse{ padding: 5px 0;}

#kop1-about{ background: transparent url(../images/kop1_about1.gif) no-repeat top left; height: 0px; padding-top: 60px; overflow:hidden; }
#kop2-about{ background: transparent url(../images/kop1_about2.gif) no-repeat top left; height: 0px; padding-top: 41px; overflow:hidden; margin-bottom: 15px; }
.aboutfoto{ width: 75px; float:left; padding: 5px 5px;}
.abouttxt{ width: 195px; float:left; padding: 0 0 15px 5px; line-height:1.4em; text-align:left;}
.abouttxt strong { text-align:left; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF;}

.col.images img { margin-bottom: 10px; margin-top: 3px;}
.col.images img.last { margin-bottom: 0;}

#infobox{
	position:absolute;
	width:243px;
	height:194px;
	visibility:hidden;}

.col{ float:left; width: 300px; padding: 10px; }
#p-warehousing .col { width: 285px; margin-left: 10px}
#p-warehousing .col.first { margin-left:0;}
#p-warehousing .black .col { margin:0;}
#p-about .col { width: 294px; text-align:justify;}
#p-about .col.about p { margin-bottom: 2em;}

#footer .col { width: 300px; margin:0;}
p { margin: 0 0 1em 0;}

#tweecol img{ padding:10px 0 0 15px;}

.superscript{ font-size:50%; position:relative; bottom: 0.3em; vertical-align:top; }
.justify{ text-align:justify;}

/* ---------------
	FOOTER
   --------------- */
#footer{ color:#000; background:#FFF;}
.footeradjust{margin-left: 50px; width: 26%;}
#foot1{ font-weight: bold;}
#foot2{ }
#foot3{ font-size: 8px;}