body {
	margin:0;
	background:#FFEC00;
}
span {
	display:none;
}
#container {
	position:relative;
	height:595px;
	width:842px;
	margin:auto;
	background:#FFEC00;
}
#puckfoto a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:202px;
	height:125px;
	background:url(../images/puckfoto.jpg) top left no-repeat;
}
#pucklogo a {
	display:block;
	position:absolute;
	top:0;
	left:202px;
	width:283px;
	height:125px;
	background:url(../images/pucklogo.gif) top left no-repeat;
}
#navigation {
	position:absolute;
	top:77px;
	left:558px;
}
#navigation ul, #navigation li {
	list-style:none;
	margin:0;
	padding:0;
}

/**
 * Navigation
 */
#navigation {
	position:absolute;
	top:77px;
	left:558px;
}
#navigation ul, #navigation li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
#home a {
	display:block;
	width:284px;
	height:48px;
	background:url(../images/home0.gif) top left no-repeat;
}
.home #home a, #home a:hover {
	background-image:url(../images/home1.gif);
}
#wiekrijgtdetaart a {
	display:block;
	width:284px;
	height:48px;
	background:url(../images/wiekrijgtdetaart0.gif) top left no-repeat;
}
.wiekrijgtdetaart #wiekrijgtdetaart a, #wiekrijgtdetaart a:hover {
	background-image:url(../images/wiekrijgtdetaart1.gif);
}
#portfolio a {
	display:block;
	width:284px;
	height:48px;
	background:url(../images/portfolio0.gif) top left no-repeat;
}
.portfolio #portfolio a, #portfolio a:hover {
	background-image:url(../images/portfolio1.gif);
}
#productvanhetjaar a {
	display:block;
	width:284px;
	height:48px;
	background:url(../images/productvanhetjaar0.gif) top left no-repeat;
}
.productvanhetjaar #productvanhetjaar a, #productvanhetjaar a:hover {
	background-image:url(../images/productvanhetjaar1.gif);
}
#inspiratie a {
	display:block;
	width:284px;
	height:48px;
	background:url(../images/inspiratie0.gif) top left no-repeat;
}
.inspiratie #inspiratie a, #inspiratie a:hover {
	background-image:url(../images/inspiratie1.gif);
}
#mooiewoorden a {
	display:block;
	width:284px;
	height:48px;
	background:url(../images/mooiewoorden0.gif) top left no-repeat;
}
.mooiewoorden #mooiewoorden a, #mooiewoorden a:hover {
	background-image:url(../images/mooiewoorden1.gif);
}
#offerteaanvraag a {
	display:block;
	width:284px;
	height:49px; /* attention! 49px instead op 48px */
	background:url(../images/offerteaanvraag0.gif) top left no-repeat;
}
.offerteaanvraag #offerteaanvraag a, #offerteaanvraag a:hover {
	background-image:url(../images/offerteaanvraag1.gif);
}
#contact a {
	display:block;
	width:284px;
	height:48px;
	background:url(../images/contact0.gif) top left no-repeat;
}
.contact #contact a, #contact a:hover {
	background-image:url(../images/contact1.gif);
}
#specialeprojecten a {
	display:block;
	width:284px;
	height:48px;
	background:url(../images/specialeprojecten0.gif) top left no-repeat;
}
.specialeprojecten #specialeprojecten a, #specialeprojecten a:hover {
	background-image:url(../images/specialeprojecten1.gif);
}

/**
 * Navigation footer
 */
#navigation_footer, #portfolio_clients, #portfolio_browseimages {
	position:absolute;
	top:462px;
	left:0;
	width:558px;
}
#navigation_footer ul, #navigation_footer li, #portfolio_clients ul, #portfolio_clients li, #portfolio_browseimages ul, #portfolio_browseimages li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

/**
 * Home
 */
#home_header {
	position:absolute;
	top:125px;
	left:0;
	width:558px;
	height:27px;
	background:url(../images/home_header.gif) top left no-repeat;
}
#home_image {
	position:absolute;
	top:152px;
	left:0;
	width:558px;
	height:310px;
	background:url(../images/home_image.jpg) top left no-repeat;
}
#home_footer {
	position:absolute;
	top:462px;
	left:0;
	width:558px;
	height:48px;
	background:url(../images/home_footer.gif) top left no-repeat;
}

/**
 * Wie krijgt de taart
 */
#wiekrijgtdetaart_main {
	position:absolute;
	top:125px;
	left:0;
	width:558px;
	height:380px;
	background:url(../images/wiekrijgtdetaart_main.gif) top left no-repeat;
}
#wiekrijgtdetaart_footer a {
	display:block;
	position:absolute;
	top:505px;
	left:0;
	width:558px;
	height:90px;
	background:url(../images/wiekrijgtdetaart_footer.gif) top left no-repeat;
}
#recept_main {
	position:absolute;
	top:0;
	left:0;
	width:724px;
	height:510px;
	background:url(../images/recept.gif) top left no-repeat;
}

/**
 * Product van het jaar
 */
#productvanhetjaar_main {
	position:absolute;
	top:125px;
	left:0;
	width:558px;
	height:337px;
	background:url(../images/productvanhetjaar_main.gif) top left no-repeat;	
}
#product2004_main {
	position:absolute;
	top:125px;
	left:0;
	width:558px;
	height:337px;
	background:url(../images/product2004_main.gif) top left no-repeat;	
}
#product2005_main {
	position:absolute;
	top:125px;
	left:0;
	width:558px;
	height:337px;
	background:url(../images/product2005_main.gif) top left no-repeat;	
}
#product2006_main {
	position:absolute;
	top:125px;
	left:0;
	width:558px;
	height:337px;
	background:url(../images/product2006_main.gif) top left no-repeat;
}
#product2007_main {
	position:absolute;
	top:125px;
	left:0;
	width:558px;
	height:337px;
	background:url(../images/product2007_main.gif) top left no-repeat;
}
#product2008_main {
	position:absolute;
	top:125px;
	left:0;
	width:558px;
	height:337px;
	background:url(../images/product2008_main.gif) top left no-repeat;
}
#product2009_main {
	position:absolute;
	top:125px;
	left:0;
	width:558px;
	height:337px;
	background:url(../images/product2009_main.gif) top left no-repeat;
}
#product2010_main {
	position:absolute;
	top:125px;
	left:0;
	width:558px;
	height:337px;
	background:url(../images/product2010_main.gif) top left no-repeat;
}
#product2004 a, #product2005 a, #product2006 a, #product2007 a, #product2008 a, #product2009 a, #product2010 a, #product2011 a {
	display:block;
	width:124px;
	height:43px;
	margin:12px 0 0 12px;
}
#product2004 a {
	background:url(../images/product20040.gif) top left no-repeat;
}
#product2004 a.active, #product2004 a:hover {
	background-image:url(../images/product20041.gif);
}
#product2005 a {
	background:url(../images/product20050.gif) top left no-repeat;
}
#product2005 a.active, #product2005 a:hover {
	background-image:url(../images/product20051.gif);
}
#product2006 a {
	background:url(../images/product20060.gif) top left no-repeat;
}
#product2006 a.active, #product2006 a:hover {
	background-image:url(../images/product20061.gif);
}
#product2007 a {
	background:url(../images/product20070.gif) top left no-repeat;
}
#product2007 a.active, #product2007 a:hover {
	background-image:url(../images/product20071.gif);
}
#product2008 a {
	background:url(../images/product20080.gif) top left no-repeat;
}
#product2008 a.active, #product2008 a:hover {
	background-image:url(../images/product20081.gif);
}
#product2009 a {
	background:url(../images/product20090.gif) top left no-repeat;
}
#product2009 a.active, #product2009 a:hover {
	background-image:url(../images/product20091.gif);
}
#product2010 a {
	background:url(../images/product20100.gif) top left no-repeat;
}
#product2010 a.active, #product2010 a:hover {
	background-image:url(../images/product20101.gif);
}
#product2011 a {
	background:url(../images/product20110.gif) top left no-repeat;
}
#product2011 a.active, #product2011 a:hover {
	background-image:url(../images/product20111.gif);
}

/**
 * Portfolio
 */
#portfolio_dynamic {
	position:absolute;
	top:125px;
	left:0;
	width:558px;
	height:337px;
	background-color:#FFF;
	overflow:hidden;
}
#portfolio_clients {
	position:absolute;
	top:4px;
	left:0px;
	width:196px;
	height:288px;
}
#portfolio_browseimages {
	position:absolute;
	top:309px;
	left:14px;
	width:130px;
	height:17px;
}
#browse_1 a, #browse_2 a, #browse_3 a, #browse_4 a, #browse_5 a, #browse_6 a, #browse_7 a, #browse_8 a, #browse_9 a, #browse_10 a {display:block; width:13px; height:17px;}
#browse_1 a {background:url(../images/portfolio/browseimages/10.gif) top left no-repeat;}
#browse_1 a.active, #browse_1 a:hover {background-image:url(../images/portfolio/browseimages/11.gif);}
#browse_2 a {background:url(../images/portfolio/browseimages/20.gif) top left no-repeat;}
#browse_2 a.active, #browse_2 a:hover {background-image:url(../images/portfolio/browseimages/21.gif);}
#browse_3 a {background:url(../images/portfolio/browseimages/30.gif) top left no-repeat;}
#browse_3 a.active, #browse_3 a:hover {background-image:url(../images/portfolio/browseimages/31.gif);}
#browse_4 a {background:url(../images/portfolio/browseimages/40.gif) top left no-repeat;}
#browse_4 a.active, #browse_4 a:hover {background-image:url(../images/portfolio/browseimages/41.gif);}
#browse_5 a {background:url(../images/portfolio/browseimages/50.gif) top left no-repeat;}
#browse_5 a.active, #browse_5 a:hover {background-image:url(../images/portfolio/browseimages/51.gif);}
#browse_6 a {background:url(../images/portfolio/browseimages/60.gif) top left no-repeat;}
#browse_6 a.active, #browse_6 a:hover {background-image:url(../images/portfolio/browseimages/61.gif);}
#browse_7 a {background:url(../images/portfolio/browseimages/70.gif) top left no-repeat;}
#browse_7 a.active, #browse_7 a:hover {background-image:url(../images/portfolio/browseimages/71.gif);}
#browse_8 a {background:url(../images/portfolio/browseimages/80.gif) top left no-repeat;}
#browse_8 a.active, #browse_8 a:hover {background-image:url(../images/portfolio/browseimages/81.gif);}
#browse_9 a {background:url(../images/portfolio/browseimages/90.gif) top left no-repeat;}
#browse_9 a.active, #browse_9 a:hover {background-image:url(../images/portfolio/browseimages/91.gif);}
#browse_10 a {background:url(../images/portfolio/browseimages/100.gif) top left no-repeat;}
#browse_10 a.active, #browse_10 a:hover {background-image:url(../images/portfolio/browseimages/101.gif);}
#portfolio_image {
	position:absolute;
	top:0;
	left:198px;
	width:362px;
	height:337px;
}

#portfolio_main {
	position:absolute;
	top:125px;
	left:0;
	width:558px;
	height:337px;
	background:url(../images/portfolio_main.gif) top left no-repeat;
}
#huisstijlen a, #campagnes a, #affiches a, #flyersenfolders a, #boekjes a, #periodieken a, #websites a, #diversen a {
	display:block;
	width:124px;
	height:43px;
	margin:12px 0 0 12px;
}
#huisstijlen a {
	background:url(../images/huisstijlen0.gif) top left no-repeat;
}
#huisstijlen a.active, #huisstijlen a:hover {
	background-image:url(../images/huisstijlen1.gif);
}
#campagnes a {
	background:url(../images/campagnes0.gif) top left no-repeat;
}
#campagnes a.active, #campagnes a:hover {
	background-image:url(../images/campagnes1.gif);
}
#affiches a {
	background:url(../images/affiches0.gif) top left no-repeat;
}
#affiches a.active, #affiches a:hover {
	background-image:url(../images/affiches1.gif);
}
#flyersenfolders a {
	background:url(../images/flyersenfolders0.gif) top left no-repeat;
}
#flyersenfolders a.active, #flyersenfolders a:hover {
	background-image:url(../images/flyersenfolders1.gif);
}
#boekjes a {
	background:url(../images/boekjes0.gif) top left no-repeat;
}
#boekjes a.active, #boekjes a:hover {
	background-image:url(../images/boekjes1.gif);
}
#periodieken a {
	background:url(../images/periodieken0.gif) top left no-repeat;
}
#periodieken a.active, #periodieken a:hover {
	background-image:url(../images/periodieken1.gif);
}
#websites a {
	background:url(../images/websites0.gif) top left no-repeat;
}
#websites a.active, #websites a:hover {
	background-image:url(../images/websites1.gif);
}
#diversen a {
	background:url(../images/diversen0.gif) top left no-repeat;
}
#diversen a.active, #diversen a:hover {
	background-image:url(../images/diversen1.gif);
}

/**
 * Inspiratie
 */
#inspiratie_main {
	position:absolute;
	top:125px;
	left:0;
	width:558px;
	height:337px;
/*	background:url(../images/inspiratie_main.gif) top left no-repeat;*/
}

/**
 * Mooie woorden
 */
#mooiewoorden_main {
	position:absolute;
	top:125px;
	left:0;
	width:558px;
	height:337px;
/*	background:url(../images/mooiewoorden_main.gif) top left no-repeat;*/
}
#bno a {
	display:block;
	width:124px;
	height:43px;
	margin:12px 0 0 12px;
}
#bno a {
	background:url(../images/bno0.gif) top left no-repeat;
}
#bno a.active, #bno a:hover {
	background-image:url(../images/bno1.gif);
}
#referenties a {
	display:block;
	width:124px;
	height:43px;
	margin:12px 0 0 12px;
}
#referenties a {
	background:url(../images/referenties0.gif) top left no-repeat;
}
#referenties a.active, #referenties a:hover {
	background-image:url(../images/referenties1.gif);
}
#referenties_main {
	position:absolute;
	top:125px;
	left:0;
	width:558px;
	height:337px;
	background:url(../images/referenties_main.gif) top left no-repeat;
}

/**
 * Offerteaanvraag
 */
#offerteaanvraag_main {
	position:absolute;
	top:125px;
	left:0;
	width:558px;
	height:470px;
	background:url(../images/offerteaanvraag_main.gif) top left no-repeat;
}
#offerteaanvraag_dank {
	position:absolute;
	top:125px;
	left:0;
	width:558px;
	height:337px;
	background:url(../images/offerteaanvraag_dank.gif) top left no-repeat;
}
form#offerte_form input, form#offerte_form textarea {
	border:0px;
	background-color:transparent;
	font:80% Arial, Helvetica, sans-serif;
}
form#offerte_form textarea {
	width:90%;
	line-height:24px;
}
form#offerte_form #naam, form#offerte_form #adres, form#offerte_form #plaats, form#offerte_form #bedrijf, form#offerte_form #telefoon, form#offerte_form #email {
	position:absolute;
	left:88px;
}
form#offerte_form #naam {top:70px;}
form#offerte_form #adres {top:94px;}
form#offerte_form #plaats {top:118px;}
form#offerte_form #bedrijf {top:142px;}
form#offerte_form #telefoon {top:166px;}
form#offerte_form #email {top:190px;}
form#offerte_form #omschrijving {
	position:absolute;
	top:258px;
	left:15px;
}
form#offerte_form input#submit  {
	position:absolute;
	top:349px;
	left:12px;
 	width:124px;
 	height:43px;
 	margin:0;
 	padding:0;
	border:0;
 	background:transparent url(../images/verzend0.gif) no-repeat center top;
 	text-indent:-1000em;
 	cursor:pointer; /*hand-shaped cursor*/
 	cursor:hand; /*for IE 5.x*/
}
form#offerte_form input#submit:hover {
 	background:url(../images/verzend1.gif);
}

/**
 * Contact
 */
#contact_main {
	position:absolute;
	top:125px;
	left:0;
	width:558px;
	height:337px;
/*	background:url(../images/contact_main.gif) top left no-repeat;*/
}
#email a, #offerte a, #route a {
	display:block;
	width:124px;
	height:43px;
	margin:12px 0 0 12px;
}
#email a {
	background:url(../images/email0.gif) top left no-repeat;
}
#email a.active, #email a:hover {
	background-image:url(../images/email1.gif);
}
#offerte a {
	background:url(../images/offerte0.gif) top left no-repeat;
}
#offerte a.active, #offerte a:hover {
	background-image:url(../images/offerte1.gif);
}
#route a {
	background:url(../images/route0.gif) top left no-repeat;
}
#route a.active, #route a:hover {
	background-image:url(../images/route1.gif);
}
#routebeschrijving_main {
	position:absolute;
	top:125px;
	left:0;
	width:558px;
	height:337px;
	background:url(../images/routebeschrijving_main.gif) top left no-repeat;
}

/**
 * Speciale projecten
 */
#specialeprojecten_main {
	position:absolute;
	top:125px;
	left:0;
	width:558px;
	height:337px;
/*	background:url(../images/specialeprojecten_main.gif) top left no-repeat;*/
}
#specialeprojecten_main2 {
	position:absolute;
	top:125px;
	left:0;
	width:558px;
	height:337px;
	background:url(../images/specialeprojecten_main-2.gif) top left no-repeat;
}
#boekthumbs #overvecht a {
	display:block;
	width:70px;
	height:94px;
	margin:12px 0 0 12px;
	background:url(../images/boekthumb-overvecht.gif) top left no-repeat;
}
#boekthumbs #zuilen a {
	display:block;
	width:70px;
	height:94px;
	margin:12px 0 0 2px;
	background:url(../images/boekthumb-zuilen.gif) top left no-repeat;
}
#boekthumbs #kanaleneiland a {
	display:block;
	width:70px;
	height:94px;
	margin:12px 0 0 2px;
	background:url(../images/boekthumb-kanaleneiland.gif) top left no-repeat;
}
#boekthumbs #feestelijkovervecht a {
	display:block;
	width:70px;
	height:94px;
	margin:12px 0 0 2px;
	background:url(../images/boekthumb-feestelijkovervecht.gif) top left no-repeat;
}
#boekthumbs #hoograven a {
	display:block;
	width:70px;
	height:94px;
	margin:12px 0 0 2px;
	background:url(../images/boekthumb-hoograven.gif) top left no-repeat;
}