#homebutton {
   left: 0;
   top: 0;
}

#flagNL {
   left: 433px;
   top: 10px;
}

#flagEN {
   left: 483px;
   top: 10px;
}

#mapWrapper {
   left: 0;
   top:  92px;
}

div.langWrapper {
   overflow: hidden;
   left: 565px;
   top: 0;
   width: 235px;
   height: 600px;
}

div.lead {
   left: 20px;
   top: 50px;
   width: 520px;
}

img.header {
   left: 0;
   top: 10px;
}

div.list {
   padding-right: 10px;
   overflow: auto;
   left: 0;
   top: 40px;
   width: 225px;
   height: 560px;
}

div.list > p {
   margin-top: 10px;
}

p.text {
   margin-bottom: 20px;
   padding: 5px 10px;
}

div.title {
   font-weight: bold;
   padding: 1px 5px 2px 5px;
   white-space: nowrap;
}

div.titleBackground {
   background-color: #ffff33;
   opacity: .5;
   -moz-border-radius: 7px;
   filter: alpha(opacity=50);
}

/* temp rule for routes not yet finalized */
div.disabled {
   background-color: #cecece;
   color: #505050;
   opacity: .7;
   padding: 2px 5px 3px 5px;
   white-space: nowrap;
   -moz-border-radius: 7px;
}

div.rollover {
   visibility: hidden;
}

div.zwerfHeader {
   font-variant: small-caps;
   font-weight: bold;
   padding-left: 30px;
   top: 30px;
}

span.routeTitle {
   font-weight: bold;
}

div.routeTitleWrapper {
   margin-bottom: 10px;
   z-index: 10;
}

/* common menu styles are set in main.css */
#menu {
   padding: 0 10px;     /* Firefox has a bug whereby offsetHeight = top/bottom padding even if style.height is explicitly set to 0px */
   white-space: nowrap;
   left: 0;
   top: 0;              /* recalculated in moveMenu | zwerfMenu.js */
}

a.menuItem:hover {
   color: #ff99cc;
}

#listEN > p.geel {
   margin-bottom: 50px;    /* hack to keep menu items aligned when sync scrolling */
}

/*
 * if you edit this, be sure to edit the hotzones array in /content/zwerf/zwerfverhalen.html as well
 */

/* rollover coords */
#rolloverEN0,
#rolloverNL0  { left: 343px; top:  14px; } /* Het Geheim van het Oude Horloge */
#rolloverEN1,
#rolloverNL1  { left: 294px; top: 267px; } /* Het Schorriemorrie van de Pruk */
#rolloverEN2,
#rolloverNL2  { left: 138px; top:  63px; } /* De Duinen van Max Velthuijs */
#rolloverEN3,
#rolloverNL3  { left: 354px; top: 111px; } /* De Boschjesclub */
#rolloverEN4,
#rolloverNL4  { left: 300px; top: 296px; } /* De Reis naar het Westen */
#rolloverEN5,
#rolloverNL5  { left: 289px; top: 227px; } /* Deftig op Reis */
#rolloverEN6,
#rolloverNL6  { left: 272px; top: 258px; } /* De Vierde Koning */
#rolloverEN7,
#rolloverNL7  { left: 326px; top: 305px; } /* Isa en de Toren aan de Overkant */
#rolloverEN8,
#rolloverNL8  { left: 303px; top: 287px; } /* Een Retourtje Tijd */
#rolloverEN9,
#rolloverNL9  { left: 333px; top: 297px; } /* Hink Stap 100 Sprong */
#rolloverEN10,
#rolloverNL10 { left: 366px; top: 260px; } /* Alexine's Avonturen */
#rolloverEN11,
#rolloverNL11 { left: 296px; top: 275px; } /* Tijdgeesten */
#rolloverEN12,
#rolloverNL12 { left: -16px; top: 181px; } /* Alles in de wind */
#rolloverEN13,
#rolloverNL13 { left: 121px; top: 289px; } /* Eduard, Anna en de Anderen */

/* title coords WITHIN the rollover DIVs */
#titleEN0,
#titleNL0  { left: -154px; top:  83px; }
#titleEN1,
#titleNL1  { left:   12px; top: -28px; }
#titleEN2,
#titleNL2  { left:   27px; top:  39px; }
#titleEN3,
#titleNL3  { left:   28px; top:  94px; }
#titleEN4,
#titleNL4  { left:   31px; top:  27px; }
#titleEN5,
#titleNL5  { left:   91px; top:  28px; }
#titleEN6,
#titleNL6  { left: -122px; top:   9px; }
#titleEN7,
#titleNL7  { left: -210px; top:  49px; }
#titleEN8,
#titleNL8  { left:   69px; top:   0px; }
#titleEN9,
#titleNL9  { left:   20px; top: -10px; }
#titleEN10,
#titleNL10 { left:  -43px; top:  68px; }
#titleEN11,
#titleNL11 { left:  -70px; top: -23px; }
#titleEN12,
#titleNL12 { left:    30px; top:-10px; }
#titleEN13,
#titleNL13 { left:  -17px; top:  39px; }