body {behavior:url("csshover.htc");}

body { margin: 0; padding: 0; background-color: #c8c8c8;}

#horizon {text-align: center; position: absolute; top: 50%; left: 0; width: 100%;}

#content {margin-left: -479px; position: absolute; top: -279px; left: 50%; width: 958px; height: 558px;}

#header, #middle, #footer {width: 100%;}
#header {height: 66px; }
#middle {height: 386px; }
#footer {height: 108px;}

img {border-width: 0;}

#previous-button, #next-button {float: left; display: block;  background: transparent url(images/danieldesign-previous-next-buttons.png) top left no-repeat; padding: 384px 0 0 0; overflow: hidden; height: 0px !important;  height /**/:384px; /* for IE5/Win */ }

#previous-button {margin-left: 28px; width: 35px; background-position: -72px 0px; }
a:hover#previous-button { background-position: -0px 0px; }

#next-button { width: 36px; background-position: -162px 0px; }
a:hover#next-button { background-position: -90px 0px; }

#previous-button.home {margin-left: 28px; width: 35px; background-position: -0px 0px; }
a:hover#previous-button.home { background-position: -72px 0px; }

#next-button.home { width: 36px; background-position: -90px 0px; }
a:hover#next-button.home { background-position: -162px 0px; }

#images {float: left; width: 835px; margin-top: 1px;}

#header {border: 0px solid red;}
#middle {border: 0px solid blue;}
#footer {border: 0px solid green;}

#navcontainer { display: block; margin-top: 27px; padding-right: 0px; float: left; margin-left: 
27px; }

#navcontainer ul { /* all lists */ padding: 0; margin: 0; list-style: none; 
line-height: 1;  text-align: left; }

#navcontainer li { /* all list items */ float: left; margin: 0; }

#navcontainer a {display: block; width: 54px; background: transparent url(images/danieldesign-navigation.gif) top left no-repeat; padding: 54px 0 0 0; overflow: hidden; height: 0px !important;  height /**/:54px; /* for IE5/Win */ }

#navcontainer #web a { background-position: 0px -210px; }
#navcontainer #web a:hover { background-position: 0px -70px; }
#navcontainer #web a:active { background-position: 0px -140px; }

#navcontainer #print a { background-position: -54px -210px; }
#navcontainer #print a:hover { background-position: -54px -70px; }
#navcontainer #print a:active { background-position: -54px -140px; }

#navcontainer #motion a { background-position: -108px -210px; }
#navcontainer #motion a:hover { background-position: -108px -70px; }
#navcontainer #motion a:active { background-position: -108px -140px; }

#danieldesign-logo {display: block; float:right;  width: 496px; margin-top: 30px; margin-right: 26px; background: transparent url(images/danieldesign-logo.gif) top left no-repeat; padding: 68px 0 0 0; overflow: hidden; height: 0px !important;  height /**/:68px; /* for IE5/Win */ }
a:hover#danieldesign-logo { background-position: -0px -68px; }

#infoline {display: block; float:left;  width: 652px; margin-top: 26px; margin-left: 26px;  background: transparent url(images/danieldesign-infoline.png) top left no-repeat; padding: 20px 0 0 0; overflow: hidden; height: 0px !important;  height /**/:20px; /* for IE5/Win */ }
#infoline.jake-macdonald-birth-card { background-position: 0px -30px; }
#infoline.hoogsensitiviteit-als-kracht-cover { background-position: 0px -60px; }
#infoline.rina-mushonga-cd-cover-flyer { background-position: 0px -90px; }
#infoline.awakenings-website { background-position: 0px -120px; }
#infoline.keuzegids-2002-cover { background-position: 0px -150px; }
#infoline.keuzegids-2002 { background-position: 0px -180px; }
#infoline.keuzegids-2004 { background-position: 0px -210px; }
#infoline.inchemex-website { background-position: 0px -240px; }
#infoline.silbernberg-website { background-position: 0px -270px; }
#infoline.birthday-party-invitation { background-position: 0px -300px; }
#infoline.gestoord-brochure { background-position: 0px -330px; }
#infoline.choice-stationary { background-position: 0px -360px; }
#infoline.wedding-invitation { background-position: 0px -390px; }
#infoline.roland-berger-report { background-position: 0px -420px; }
#infoline.versal-2-cover { background-position: 0px -450px; }
#infoline.versal-2 { background-position: 0px -480px; }
#infoline.zapto-website { background-position: 0px -510px; }
#infoline.restaurant-fier-website { background-position: 0px -540px; }
#infoline.arts-bolck-stationary { background-position: 0px -570px; }
#infoline.een-nieuwe-werkelijkheid-cover { background-position: 0px -600px; }
#infoline.intuitiekaarten { background-position: 0px -630px; }
#infoline.arts-bolck-brochure { background-position: 0px -660px; }
#infoline.shakies-bagels-promo { background-position: 0px -690px; }
#infoline.shakies-vouchers { background-position: 0px -720px; }
#infoline.shakies-restyling-01 { background-position: 0px -750px; }
#infoline.shakies-restyling-02 { background-position: 0px -780px; }
#infoline.zapto-drinks-website { background-position: 0px -810px; }
#infoline.keuzegids-2002-cdrom { background-position: 0px -840px; }
#infoline.wordsinhere-website { background-position: 0px -870px; }
#infoline.weka-website { background-position: 0px -900px; }
#infoline.succes-door-bezieling-cover { background-position: 0px -930px; }
#infoline.tbli-2003-cdrom { background-position: 0px -960px; }
#infoline.hoogsensitiviteit-als-kracht-trailer { background-position: 0px -990px; }
#infoline.intuitiekaarten-trailer { background-position: 0px -1020px; }
#infoline.versterk-je-uitstraling { background-position: 0px -1050px; }
#infoline.arts-bolck-promo { background-position: 0px -1110px; }

#emailadres {display: block; float:right;  width: 229px; margin-top: 23px; margin-right: 26px; background: transparent url(images/danieldesign-emailadres.gif) top left no-repeat; padding: 22px 0 0 0; overflow: hidden; height: 0px !important;  height /**/:22px; /* for IE5/Win */ }
a:hover#emailadres { background-position: -0px -22px; }

#trailer-screenshots {width: 138px; float: left;}

#images-shakies-voucher {display: block; float:left;  width: 835px; margin-top: 0px; margin-right: 0px; background: transparent url(images/danieldesign-shakies-vouchers.jpg) top left no-repeat; padding: 382px 0 0 0; overflow: hidden; height: 0px !important;  height /**/:382px; /* for IE5/Win */ }
p:hover#images-shakies-voucher { background: transparent url(images/danieldesign-shakies-vouchers-02.jpg) top left no-repeat; }

#images-versal-2 {display: block; float:left;  width: 835px; margin-top: 0px; margin-right: 0px; background: transparent url(images/danieldesign-versal-2.jpg) top left no-repeat; padding: 382px 0 0 0; overflow: hidden; height: 0px !important;  height /**/:382px; /* for IE5/Win */ }
p:hover#images-versal-2 { background: transparent url(images/danieldesign-versal-2-v2.jpg) top left no-repeat; }

#images-birth-card {display: block; float:left;  width: 835px; margin-top: 0px; margin-right: 0px; background: transparent url(images/danieldesign-jake-macdonald-birth-card.jpg) top left no-repeat; padding: 382px 0 0 0; overflow: hidden; height: 0px !important;  height /**/:382px; /* for IE5/Win */ }
p:hover#images-birth-card { background: transparent url(images/danieldesign-ivy-macdonald-birth-card.jpg) top left no-repeat; }

#images-intuitiekaarten {display: block; float:left;  width: 835px; margin-top: 0px; margin-right: 0px; background: transparent url(images/danieldesign-intuitiekaarten-v3-01.jpg) top left no-repeat; padding: 382px 0 0 0; overflow: hidden; height: 0px !important;  height /**/:382px; /* for IE5/Win */ }
p:hover#images-intuitiekaarten { background: transparent url(images/danieldesign-intuitiekaarten-v3-02.jpg) top left no-repeat; }