/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 644px; height: 327px; position: relative;}
.anythingSlider .wrapper                { width: 644px; overflow: auto; height: 327px; margin: 0; position: absolute; top: 0; left: 0; overflow: hidden;}
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0;}
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 327px; width: 644px; margin: 0;background: transparent url(../images/bg0.png) no-repeat 0 0;  }


.home .anythingSlider ul li.slide1                   { background: transparent url(../images/bg1.png);  }
.home .anythingSlider ul li.slide2                   { background: transparent url(../images/bg2.png);  }
.home .anythingSlider ul li.slide3                   { background: transparent url(../images/bg3.png);  }
.home .anythingSlider ul li.slide4                   { background: transparent url(../images/bg-iphone.png);  }

.over-mij .anythingSlider ul li.slide1                   { background: transparent url(../images/bg-flo.png);  }
.over-mij .anythingSlider ul li.slide2                   { background: transparent url(../images/bg5.png);  }
.over-mij .anythingSlider ul li.slide3                   { background: transparent url(../images/bg6.png);  }
.over-mij .anythingSlider ul li.slide4                   { background: transparent url(../images/bg-music.png);  }



.mijn-werk .anythingSlider ul li.slide1                   { background: transparent url(../images/bg-strandwest.png);  }
.mijn-werk .anythingSlider ul li.slide2                   { background: transparent url(../images/bg-goudse1.png);  }
.mijn-werk .anythingSlider ul li.slide3                   { background: transparent url(../images/bg-alkkw.png);  }
.mijn-werk .anythingSlider ul li.slide4                   { background: transparent url(../images/bg-scd.png);  }
.mijn-werk .anythingSlider ul li.slide5                   { background: transparent url(../images/bg-ov.png);  }
.mijn-werk .anythingSlider ul li.slide6                   { background: transparent url(../images/bg-total-x.png);  }
.mijn-werk .anythingSlider ul li.slide7                   { background: transparent url(../images/hga-bg.png);  }
.mijn-werk .anythingSlider ul li.slide8                   { background: transparent url(../images/float-architects.png);  }
.mijn-werk .anythingSlider ul li.slide9                   { background: transparent url(../images/stork.png);  }
.mijn-werk .anythingSlider ul li.slide10                   { background: transparent url(../images/primepitch.png);  }


.blog .anythingSlider ul li.slide1                   { background: transparent url(../images/bg4.png);  }

.contact .anythingSlider ul li.slide1                   { background: transparent url(../images/bg10.png);  }
.contact .anythingSlider ul li.slide2                   { background: transparent url(../images/bg11.png);  }
.contact .anythingSlider ul li.slide3                   { background: transparent url(../images/bg0.png);  }

.project-planner .anythingSlider ul li.slide1                   { background: transparent url(../images/bg-pink.png);  }
.project-planner .anythingSlider ul li.slide2                   { background: transparent url(../images/bg-green.png);  }
.project-planner .anythingSlider ul li.slide3                   { background: transparent url(../images/bg-yellow.png);  }
.project-planner .anythingSlider ul li.slide4                   { background: transparent url(../images/bg-blue.png);  }
.project-planner .anythingSlider ul li.slide5                   { background: transparent url(../images/bg-orange.png);  }


.anythingSlider .arrow                  { display: block; height: 18px; width: 18px; background: transparent url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 295px; cursor: pointer;z-index: 99; }
.anythingSlider .forward                { background-position: -18px 0; right: 15px; }
.anythingSlider .forward:hover          { background-position: -18px -17px; }
.anythingSlider .back                   { background-position: -0 0; left: 15px; }
.anythingSlider .back:hover             { background-position: -0 -17px; }


#thumbNav                               { position: relative; top: 100px; left: -16px; width: 20px;}
.mijn-werk #thumbNav					{ top: 18px; }
#thumbNav a                             
{
	display: block;
	width: 17px;
	height: 30px;
	margin-bottom: 3px;
	background: transparent url(../images/inactive-button.png) no-repeat 50% 50%;
	text-align: center;
	line-height: 30px;
	padding-left: 3px;
}
#thumbNav a:hover                       { background: url(../images/active-button.png) no-repeat 50% 50%; }
#thumbNav a.cur                         { background: url(../images/active-button.png) no-repeat 50% 50%;color: #eae723; }


/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

/* a.arrow{display:none} */