#agendawrapper {width: 1000px; margin: 0 auto;}
#agendawrapper header {position: relative; margin-top: 20px; margin-bottom:20px; height: 91px; font-size: 16px; line-height: 91px; text-align: center; text-transform: uppercase; background-image: url("images/agendaheader1000.png");}
#agendawrapper header #toevoegen {position: absolute; right: 10px; top: 45px; cursor: pointer;}

#agendawrapper header #prev {position: absolute; width: 27px; height: 30px; top: 31px; left: 420px; background: url("images/agendapijllinks.png"); cursor: pointer;}
#agendawrapper header #next {position: absolute; width: 27px; height: 30px; top: 31px; right: 420px; background: url("images/agendapijlrechts.png"); cursor: pointer;}


#agenda {margin-left: -9px; width: 1020px;}

.inner {position: relative;}

.dag {width: 128px; height: 140px; background-color: grey; margin: 10px; margin-left: 9px; margin-right: 8px; float: left;}
.dag .inner {position: absolute;}
.dag .nummer {text-align: right; position: relative; right: 5px; top: 120px; z-index: 1;}
.dagleeg { background-color: none; width: 128px; height: 140px; margin: 10px; margin-left: 9px; margin-right:8px; float: left; }

.itemOuter, .itemOuterEmpty {position: relative; height: 43px; width: 150px; top: 8px; z-index:2; left: -10px;}
.itemOuter {cursor: pointer;}
.itemOuter .itemInner {width: 108px; padding-top: 4px; padding-left: 20px; height: 32px; position: absolute; left: 10px; color: #F8F8F8; word-wrap: break-word;}
.itemOuter .itemInner a {padding-top: 5px}
.itemOuter .itemInner .crewplaatje {position: absolute; width: 18px; height: 18px; left: -5px; top: -5px;}


.itemOuter .rechts {width: 10px; height: 36px; position: absolute; right: 5px;}
.itemOuter .links {width: 10px; height: 36px; position: absolute; left: 0px;}

.itemOuter .rechts.eindweek {height: 45px; right: -2px; width: 14px;}
.itemOuter .links.beginweek {height: 45px; left: -4px; width: 14px; bottom: 7px;}

.itemOuter .rechts.eindplaatje {width: 7px; height: 43px; right: 5px;}
.itemOuter .links.beginplaatje {width: 7px; height: 43px; left: 3px;}

.surf { background-color: #E95D19;}
.kite { background-color: #870EC5;}
.wake { background-color: #017791;}
.snow { background-color: #1FB7CC;}
.skate { background-color: #339A37;}
.party { background-color: #BF2918;}
.borrel { background-color: #B68814;}
.overige {background-color: #B68814;}
.claim {background-color: #999999;}

.surf.beginplaatje {background: url("images/surfflaplinks.png");}
.surf.eindplaatje {background: url("images/surfflaprechts.png");}
.surf.beginweek {background: url("images/omflapsurflinks.png");}
.surf.eindweek {background: url("images/omflapsurfrechts.png");}
.surf.crewplaatje {background: url("images/iconsurf.png");}

.kite.beginplaatje {background: url("images/kiteflaplinks.png");}
.kite.eindplaatje {background: url("images/kiteflaprechts.png");}
.kite.beginweek {background: url("images/omflapkitelinks.png");}
.kite.eindweek {background: url("images/omflapkiterechts.png");}
.kite.crewplaatje {background: url("images/iconkite.png");}

.wake.beginplaatje {background: url("images/wakeflaplinks.png");}
.wake.eindplaatje {background: url("images/wakeflaprechts.png");}
.wake.beginweek {background: url("images/omflapwakelinks.png");}
.wake.eindweek {background: url("images/omflapwakerechts.png");}
.wake.crewplaatje {background: url("images/iconwake.png");}

.snow.beginplaatje {background: url("images/snowflaplinks.png");}
.snow.eindplaatje {background: url("images/snowflaprechts.png");}
.snow.beginweek {background: url("images/omflapsnowlinks.png");}
.snow.eindweek {background: url("images/omflapsnowrechts.png");}
.snow.crewplaatje {background: url("images/iconsnow.png");}

.skate.beginplaatje {background: url("images/skateflaplinks.png");}
.skate.eindplaatje {background: url("images/skateflaprechts.png");}
.skate.beginweek {background: url("images/omflapskatelinks.png");}
.skate.eindweek {background: url("images/omflapskaterechts.png");}
.skate.crewplaatje{background: url("images/iconskate.png");}

.party.beginplaatje {background: url("images/partyflaplinks.png");}
.party.eindplaatje {background: url("images/partyflaprechts.png");}
.party.beginweek {background: url("images/omflappartylinks.png");}
.party.eindweek {background: url("images/omflappartyrechts.png");}
.party.crewplaatje {background: url("images/iconparty.png");}

.borrel.beginplaatje {background: url("images/algemeenflaplinks.png");}
.borrel.eindplaatje {background: url("images/algemeenflaprechts.png");}
.borrel.beginweek {background: url("images/omflapoverigelinks.png");}
.borrel.eindweek {background: url("images/omflapoverigerechts.png");}
.borrel.crewplaatje {background: url("images/iconborrel.png");}

.overige.beginplaatje {background: url("images/algemeenflaplinks.png");}
.overige.eindplaatje {background: url("images/algemeenflaprechts.png");}
.overige.beginweek {background: url("images/omflapoverigelinks.png");}
.overige.eindweek {background: url("images/omflapoverigerechts.png");}
.overige.crewplaatje {background: url("images/iconalgemeen.png");}
 
.claim.beginplaatje {background: url("images/claimflaplinks.png");}
.claim.eindplaatje {background: url("images/claimflaprechts.png");}
.claim.beginweek {background: url("images/omflapclaimlinks.png");}
.claim.eindweek {background: url("images/omflapclaimrechts.png");}
.claim.crewplaatje {background: url("images/iconclaim.png");}