/* WWW.IWIT.NL */
/* (C)2009 Ewout van Lambalgen */

/*________________________________________________________________ DE BASICS */
html, body { background:#7fa2ac url(../_img/background.jpg) center bottom repeat-x fixed; margin:0; padding:0; }

a { outline:none; }

/* fonts: Museo/Museo Sans
/* (C) http://www.josbuivenga.demon.nl/ */
@font-face { font-family:"MuseoSans"; src:url(../_fonts/MuseoSans500.otf); }
@font-face { font-family:"Museo500"; src:url(../_fonts/Museo500.otf); }
@font-face { font-family:"Museo700"; src:url(../_fonts/Museo700.otf); }

/*________________________________________________________________ DE HEADER */
h1 { background:url(../_img/logo.png) 0 0 no-repeat; display:block; height:102px; left:50%; margin:0 0 0 -225px; overflow:hidden; position:fixed; text-indent:-9999px; top:29px; width:450px; z-index:900; }
a.twitter { background:url(../_img/twitter.png) 0 0 no-repeat; display:block; height:63px; left:50%; margin:0 0 0 -184px; overflow:hidden; position:fixed; text-indent:-9999px; top:9px; width:66px; z-index:901; }
a.twitter:hover { width:108px; }

/*________________________________________________________________ DE FOOTER */
#landschap { background:url(../_img/landschap.png) 0 bottom no-repeat; bottom:-150px; display:block; height:313px; left:50%; margin:0 0 0 -695px; position:fixed; width:1389px; z-index:3; }
#boom1 { background:url(../_img/boom1.png) 0 bottom no-repeat; bottom:-423px; display:block; height:846px; left:50%; margin:0 0 0 400px; position:fixed; width:259px; z-index:4; }
#boom2 { background:url(../_img/boom2.png) 0 bottom no-repeat; bottom:-300px; display:block; height:618px; left:50%; margin:0 0 0 -490px; position:fixed; width:218px; z-index:4; }

.foot { bottom:9px; color:#fff; font-family:"Museo500", Verdana, Arial, sans-serif; left:50%; font-size:12px; margin:0 0 0 -495px; position:fixed; text-align:center; width:990px; word-spacing:1px; z-index:901; }
.foot a { color:#fff; text-decoration:none; }
.foot a:hover { color:#eb008b; }

/*________________________________________________________________ DE CONTENT */
#wolken1 { background:url(../_img/wolken1.png) 0 0 repeat fixed; height:2500px; z-index:1; }
#wolken2 { background:url(../_img/wolken2.png) 0 0 repeat fixed; height:2500px; z-index:2; }

#iwit { background:url(../_img/iwit.png) 0 bottom no-repeat; display:block; height:1331px; left:50%; margin:0 0 0 200px; position:fixed; top:-900px; width:421px; z-index:4; }

.portfolio { position:relative; z-index:5; }

.thumbs { display:block; float:left; overflow:hidden; position:absolute; text-indent:-9999px; }
a.typoaap { background:url(../_img/_thumbs/typo-aap.png) 0 0 no-repeat; height:125px; left:50%; margin:350px 0 0 120px; width:74px; }
a.computerturnoff { background:url(../_img/_thumbs/computer-turnoff.png) 0 0 no-repeat; height:111px; left:50%; margin:470px 0 0 -100px; width:109px; }
a.ijsijsbaby { background:url(../_img/_thumbs/ijs-ijs-baby.png) 0 0 no-repeat; height:131px; left:50%; margin:495px 0 0 60px; width:196px; }
a.rockwellbeer { background:url(../_img/_thumbs/rockwell-schilderbeer.png) 0 0 no-repeat; height:138px; left:50%; margin:580px 0 0 -98px; width:199px; }
a.supersizeme { background:url(../_img/_thumbs/supersize-me.png) 0 0 no-repeat; height:253px; left:50%; margin:650px 0 0 100px; width:210px; }
a.filmfestival { background:url(../_img/_thumbs/filmfestival-rotterdam.png) 0 0 no-repeat; height:181px; left:50%; margin:800px 0 0 -290px; width:384px; }
a.poperdepop { background:url(../_img/_thumbs/persoonlijke-popup.png) 0 0 no-repeat; height:248px; left:50%; margin:970px 0 0 20px; width:347px; }
a.luchador { background:url(../_img/_thumbs/luchador.png) 0 0 no-repeat; height:185px; left:50%; margin:1000px 0 0 -190px; width:225px; }
a.condoom { background:url(../_img/_thumbs/condoom.png) 0 0 no-repeat; height:167px; left:50%; margin:1300px 0 0 10px; width:156px; }
a.rails { background:url(../_img/_thumbs/rails.png) 0 0 no-repeat; height:289px; left:50%; margin:1200px 0 0 130px; width:282px; }
a.rmcdheader { background:url(../_img/_thumbs/ronald-mcdonald-header.png) 0 0 no-repeat; height:71px; left:50%; margin:1280px 0 0 -160px; width:174px; }
a.rmcdfoto { background:url(../_img/_thumbs/ronald-mcdonald-foto.png) 0 0 no-repeat; height:249px; left:50%; margin:1440px 0 0 -410px; width:301px; }
a.christian { background:url(../_img/_thumbs/christian-bale.png) 0 0 no-repeat; height:126px; left:50%; margin:1420px 0 0 -80px; width:88px; }
a.heath { background:url(../_img/_thumbs/heath-ledger.png) 0 0 no-repeat; height:172px; left:50%; margin:1660px 0 0 -200px; width:168px; }
a.gangsterfolder { background:url(../_img/_thumbs/gangster-chaos-folder.png) 0 0 no-repeat; height:197px; left:50%; margin:1590px 0 0 -10px; width:151px; }
a.gangsterposter { background:url(../_img/_thumbs/gangster-chaos-poster.png) 0 0 no-repeat; height:298px; left:50%; margin:1790px 0 0 -500px; width:335px; }
.michaeljackson { background:url(../_img/_thumbs/michael-jackson.png) 0 0 no-repeat; height:517px; left:50%; margin:980px 0 0 -529px; width:373px; }
.maffiamaatje { background:url(../_img/_thumbs/maffiamaatje.png) 0 0 no-repeat; height:422px; left:50%; margin:1480px 0 0 100px; width:398px; }
.fez { background:url(../_img/_thumbs/arbitrair.png) 0 0 no-repeat; height:127px; left:50%; margin:2200px 0 0 -310px; width:93px; }

#contact { background:url(../_img/contact.png) 0 0 no-repeat; height:385px; left:50%; margin:1880px 0 0 -160px; position:absolute; width:394px; z-index:6; }
.naam { background:none; border:none; font-size:14px; height:18px; margin:82px 0 0 50px; outline: 0; padding:0 0 0 80px; width:130px; }
.email { background:none; border:none; font-size:14px; height:21px; margin:26px 0 0 84px; outline: 0; padding:0 0 0 70px; width:150px; }
.info { display:none; }
.bericht { background:none; border:none; font-family:"MuseoSans", Verdana, Arial, sans-serif; font-size:14px; height:176px; margin:25px 0 0 12px; outline: 0; padding:26px 0 0 0; width:370px; }
.versturen { margin:-42px 0 0 295px; overflow:hidden; position:relative; z-index:7; }

#contact2 { font-family:"Museo500", Verdana, Arial, sans-serif; font-size:16px; left:50%; margin:2000px 0 0 -120px; position:absolute; width:394px; z-index:6; }

#links { background:url(../_img/arbitrair-wdka.png) 0 0 no-repeat; height:51px; left:50%; margin:2350px 0 0 -215px; position:absolute; width:518px; z-index:5; }
a.arbitrair { background:url(../_img/arbitrair-wdka.png) 0 -51px no-repeat; display:block; float:left; height:51px; overflow:hidden; text-indent:-9999px; width:180px; }
a.arbitrair:hover { background:url(../_img/arbitrair-wdka.png) 0 -102px no-repeat; }
a.wdka { background:url(../_img/arbitrair-wdka.png) -218px -51px no-repeat; display:block; float:left; height:51px; margin:0 0 0 38px; overflow:hidden; text-indent:-9999px; width:300px; }
a.wdka:hover { background:url(../_img/arbitrair-wdka.png) -218px -102px no-repeat; }

/*________________________________________________________________ DE POPUPS */
#mbOverlay { background:#000; cursor:pointer; height:100%; left:0; position:fixed; top:0; width:100%; z-index:9998; }
#mbOverlay.mbOverlayFF { background:transparent url(../_img/80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }

#mbCenter { background:#000; -moz-border-radius: 10px; -webkit-border-radius: 10px; left:50%; overflow:hidden; position:absolute; z-index:9999; }
#mbCenter.mbLoading { background: #000 url(../_img/loading.gif) no-repeat center; }
	
#mbImage { left:0; position:relative; top:0;
/*	Begin styles for inline content, if no style is given	*/
	background-position:center center; background-repeat:no-repeat; color:#fff; font-family:"MuseoSans", Verdana, Arial, sans-serif; font-size:12px; line-height:20px; padding:10px; text-align:left; }

#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }

/*	End inline content styles	*/
#mbBottom { color:#999; font-family:"MuseoSans", Verdana, Arial, sans-serif; font-size:12px; line-height:20px; min-height:20px; padding:0 10px 10px; text-align:left; }
#mbTitle { color:#fff; display:inline; font-size:12px; line-height:20px; }
#mbTitle a { color:#fff; text-decoration:underline; }
#mbTitle a:hover { color:#eb008b; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { background:transparent url(../_img/previous.png) no-repeat center; width:69px; }
#mbNextLink { background:transparent url(../_img/next.png) no-repeat center; width:41px; }
#mbCloseLink { background:transparent url(../_img/close.png) no-repeat center; width:46px; }

/*	Styles for flash version alert	*/
#mbError { border:10px solid #700; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; font-family:"MuseoSans", Verdana, Arial, sans-serif; font-size:12px; line-height:20px; margin:20px; padding:10px 10px 10px; position:relative; text-align:center; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }