*{margin:0;padding:0}
html{min-width:984px}
a img{border:none}
body{background:#fff url(/gui/shared/bodybg.gif) center;color:#000;font:12px/21px 'Tahoma', Verdana, Arial, Helvetica, sans-serif;text-align:center}
h1 span,#lang span{background:url(/gui/shared/hoveractbg.gif);display:none}
h1 a{background:url(/gui/shared/h1dockxgroup.gif) no-repeat;height:82px;margin:77px 0 0 708px;float:left;width:252px}
textarea{ font-family:'Tahoma', Verdana, Arial, Helvetica, sans-serif}
#trianglejuice{/* Just here because we like the juice of triangles */}
#header{height:215px;margin:0 auto;width:984px}
#subheader,#body{clear:both;margin:0 auto;width:984px}
#navigation{float:right;padding:29px 0 0 0;width:669px;background:url(/gui/shared/navbg.gif) no-repeat 0 64px}
#nav{float:left;padding:0 0 0 45px;position:relative}
#nav li{float:left;height:45px;list-style:none}
#nav .act,#nav .act a{width:120px !important}
#nav .act a{background:none !important}
#nav .act li.act{font-weight:bold}
#nav a{float:left;height:45px}
#nav li li{list-style:url(/gui/shared/ulli.gif);margin:0 0 0 16px}
#nav li li a{color:#000}
#nav li li a:link,#nav li li a:visited{text-decoration:none}
#nav li li a:hover,#nav li li a:active{text-decoration:underline}
#nav span{display:none}
#nav #bedrijven a:hover,#nav #bedrijven a:active,#nav #diensten a:hover,#nav #diensten a:active,#nav #jobs a:hover,#nav #jobs a:active,#nav #nieuws a:hover,#nav #nieuws a:active,#nav #contact a:hover,#nav #contact a:active{background:none !important}
#lang{background:url(/gui/shared/lang100.gif) no-repeat 68px 46px;float:left;padding:46px 0 0 68px}
#lang li{float:left;height:10px;list-style:none;margin:0 19px 0 0}
#lang a{float:left;height:10px}
#lang #nl a{width:21px}
#lang #nl a:link,#lang #nl a:visited{background:url(/gui/shared/lang32.gif) no-repeat 0 0}
#lang #fr a,#lang #en a,#lang #de a{width:20px}
#lang #fr a:link,#lang #fr a:visited{background:url(/gui/shared/lang32.gif) no-repeat -40px 0}
#lang #en a:link,#lang #en a:visited{background:url(/gui/shared/lang32.gif) no-repeat -79px 0}
#lang #de a:link,#lang #de a:visited{background:url(/gui/shared/lang32.gif) no-repeat -118px 0}
#lang #nl a:hover,#lang #nl a:active,#lang #nl a.act,#lang #fr a:hover,#lang #fr a:active,#lang #fr a.act,#lang #en a:hover,#lang #en a:active,#lang #en a.act,#lang #de a:hover,#lang #de a:active,#lang #de a.act{background:none !important}
#companiesnav{background:url(/gui/shared/hoverbg.gif);background:url(/gui/shared/hoveractbg.gif);clear:both;display:none;float:left;left:24px;position:absolute;top:35px;width:140px;z-index:69}
#companiesnav ul{background:#e2e1d7 url(/gui/shared/hoverbg.gif) repeat-x;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:2px solid #808284;float:left;padding:16px 8px 8px 4px;width:128px;z-index:69}
.act #companiesnav ul{background:#e2e1d7 url(/gui/shared/hoveractbg.gif) no-repeat !important}
#companiesnav li,#companiesnav li a{background:none !important;height:auto;text-align:left;float:none}
#companiesnav li{line-height:16px;padding:0 0 5px}
#nav li:hover div,#nav .over div{display:block}
#left{float:left;text-align:right;width:283px}
#left{padding:50px 0 0}
#left p{padding:0 77px 0 32px}
#companylinks{background:url(/gui/shared/companies100.png) no-repeat 135px 9px;float:left;margin-left:-77px;padding:8px 77px 0 0;width:283px}
#companylinks span{display:none}
#companylinks a,#companylinks li{clear:both;float:right;height:16px}
#companylinks li{list-style:none;margin:0 0 20px}
#dockxrental,#dockxrental a{width:118px}
#dockxrental a:link,#dockxrental a:visited{background:url(/gui/shared/companies32.png) no-repeat -30px 1px}
#dockxmovers,#dockxmovers a{width:122px}
#dockxmovers a:link,#dockxmovers a:visited{background:url(/gui/shared/companies32.png) no-repeat -26px -35px}
#dockxlogistics,#dockxlogistics a{width:134px}
#dockxlogistics a:link,#dockxlogistics a:visited{background:url(/gui/shared/companies32.png) no-repeat -14px -71px}
#dockxindustrieslombaerts,#dockxindustrieslombaerts a{width:148px}
#dockxindustrieslombaerts a:link,#dockxindustrieslombaerts a:visited{background:url(/gui/shared/companies32.png) no-repeat 0 -107px}
#markant,#markant a{width:74px}
#markant a:link,#markant a:visited{background:url(/gui/shared/companies32.png) no-repeat -74px -143px}
#dockxrental a.act:link,#dockxrental a.act:visited,#dockxrental a:hover,#dockxrental a:active,#dockxmovers a.act:link,#dockxmovers a.act:visited,#dockxmovers a:hover,#dockxmovers a:active,#dockxlogistics a.act:link,#dockxlogistics a.act:visited,#dockxlogistics a:hover,#dockxlogistics a:active,#markant a.act:link,#markant a.act:visited,#markant a:hover,#markant a:active,#dockxindustrieslombaerts a.act:link,#dockxindustrieslombaerts a.act:visited,#dockxindustrieslombaerts a:hover,#dockxindustrieslombaerts a:active,#indigo a.act:link,#indigo a.act:visited,#indigo a:hover,#indigo a:active{background:none}
#homepage{background:url(/gui/shared/homepage32.jpg) no-repeat 0 54px;float:left;padding:40px 0 0;width:600px}
#homepage a{float:left;height:242px !important;width:200px}
#homepage li{float:left;list-style:none !important;margin:14px 0 0 !important;padding:0 !important;width:200px}
#homepage span{display:none}
#homepage a{-webkit-transition:opacity .5s linear}
#dockxrentalhp a:link,#dockxrentalhp a:visited{background:url(/gui/shared/homepage100.jpg) no-repeat 0 0}
#dockxmovershp a:link,#dockxmovershp a:visited{background:url(/gui/shared/homepage100.jpg) no-repeat -200px 0}
#dockxlogisticshp a:link,#dockxlogisticshp a:visited{background:url(/gui/shared/homepage100.jpg) no-repeat -400px 0}
#markanthp a:link,#markanthp a:visited{background:url(/gui/shared/homepage100.jpg) no-repeat 0 -256px}
#dockxindustrieslombaertshp a:link,#dockxindustrieslombaertshp a:visited{background:url(/gui/shared/homepage100.jpg) no-repeat -200px -256px}
#indigohp a:link,#indigohp a:visited{background:url(/gui/shared/homepage100.jpg) no-repeat -400px -256px}
#dockxrentalhp a:hover,#dockxrentalhp a:active,#dockxmovershp a:hover,#dockxmovershp a:active,#dockxlogisticshp a:hover,#dockxlogisticshp a:active,#markanthp a:hover,#markanthp a:active,#dockxindustrieslombaertshp a:hover,#dockxindustrieslombaertshp a:active,#indigohp a:hover,#indigohp a:active{background:none;opacity:0}
#right{float:right;padding-right:24px !important;text-align:left;width:600px;z-index:1}
#right a{color:#8b1;font-weight:bold}
#right a:link,#right a:visited{text-decoration:none}
#right a:hover,#right a:active{text-decoration:underline}
#right .ext span{background:url(/gui/shared/ext.gif) no-repeat right center;padding:0 13px 0 0}
#right h2{color:#8b1;font-size:21px;font-weight:normal;line-height:23px;margin:50px 0 20px}
#right h3{color:#8b1;font-size:14px;font-weight:normal;margin:28px 0 4px}
#right p,#right ul,#right ol{margin:0 0 8px}
#right small{font-size:10px}
#right ul li{list-style:url(/gui/shared/ulli.gif);line-height:16px;margin:2px 0 6px 16px}
#sosumi{border-top:3px solid #8b1;float:left;margin:48px 0 0;padding:20px 0 32px;width:600px}
#error404{background:#fdd;border:3px solid #d00;font-weight:bold;margin:48px 0 0 !important;padding:4px 8px;text-align:center}
.herror{background:url(/gui/shared/header/error.jpg) no-repeat 34px 0}
.hhomepage{background:url(/gui/shared/header/bedrijven.jpg) no-repeat 34px 0}
.dockx{color:#8b1;font-weight:bold}
.left{float:left}
.right{float:right;text-align:right}