@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0;}

.clear { clear:both }
.left { float:left }
.right { float:right }

body { background:url(../../images/bg.png) repeat-y left top; font-family:Arial, Helvetica, sans-serif; color:#222; }

	ul#nav { height:40px; list-style:none; background:#222; }
		ul#nav li { float:left; display:block; color:#FFF; font-weight:bold; text-transform:lowercase; font-size:24px; padding:5px 20px 0 70px; height:35px; width:170px; }
			ul#nav li.stuff { background:url(../../images/stuff.jpg) no-repeat 15px top; }
			ul#nav li.tale { background:url(../../images/tale.jpg) no-repeat left top; padding-right:0px; }
			ul#nav li.services { background:url(../../images/services.jpg) no-repeat 5px top; padding-right:40px; }
			ul#nav li.getintouch { background:url(../../images/getintouch.jpg) no-repeat 3px top; padding-right:0px; }
				ul#nav li a { text-decoration:none; color:#FFF; outline:none; } ul#nav li a:hover { border-bottom:1px dotted #FFF; }

	p#instructions { color:#FFF; font-size:16px; margin:34px 0 54px 40px;}
	h1 { margin-left:40px; font-size:56px; line-height:50px; background:url(../../images/headerNL.png) no-repeat left bottom; height:104px; }
		h1 span { display:none; }
	p#begrijp { margin-left:40px; font-size:14px; margin-top:25px; }
		p#begrijp a { border-bottom:1px #222 dotted; color:#222; text-decoration:none; } p#begrijp a:hover { text-decoration:none; border-bottom:#FFF 1px dotted; }

	div.tweet { color: #FFF; height:90px; background:url(../../images/tweetbg.png) no-repeat left top; width:645px; margin-left:42px; margin-top:60px; }
	div.tweet .tweet_list { list-style-type: none;  margin:0;  padding:0; }
	div.tweet .tweet_list li { overflow: auto; font-size:16px; }
	div.tweet .tweet_list li a { color: #FFF; text-decoration:none; }
	div.tweet p span.tweet_text, div.tweet p.loading { text-align:center; font-size:16px; margin-top:-14px; display:block; }
	div.tweet p { font-size:12px; text-decoration:none; margin-top:35px; }
	
	h2 { font-size:48px; margin-left:40px; margin-top:50px; font-weight:normal; }
	a.previous { margin-left:40px; float:left; display:block; width:170px; background:url(../../images/pijl_links.png) no-repeat left top; text-align:right; height:30px; padding-top:10px;}
		a.previous, a.next { color:#FFF; text-decoration:none; font-size:14px; font-weight:bold; }
	a.next { margin-left:280px; float:left; display:block; width:150px; background:url(../../images/pijl_rechts.png) no-repeat right top; height:30px; padding-top:10px;}
	
	div.stuffwrap { width:960px; }
		div.stuffwrap div.artist { height:245px; float:left; padding-left:50px; padding-right:70px; padding-top:25px; width:195px; }
			div.stuffwrap div.artist h4 { font-size:24px; font-weight:normal; margin-bottom:10px;  }
			div.stuffwrap div.artist p { line-height:50px;}
		div.stuffwrap img.stuffimg {margin-left:40px; margin-top:16px; float:left;}
	p#construction { margin-left:40px; line-height:50px; }
	
	p.keeponreading { color:#FFF; margin-left:40px; margin-top:53px; margin-bottom:203px; }
	p.keeponreadingtouch { color:#FFF; margin-left:40px; margin-top:53px; margin-bottom:200px; }
		a.scroll-link, a.scroll-link-stuff, a.scroll-link-tale { outline:none; }
	
	p#tale { margin-left:40px; line-height:50px; display:block; width:980px; margin-top:5px; font-size:14px; }
	div#wrap { margin-left:40px; width:980px; padding-top:40px; background:url(../../images/daveenmarinke.png) no-repeat 55px 7px; margin-bottom:40px; }
		div#wrap h2, h3 { margin:0 0 16px 0; } div#wrap h2 { font-size:50px; font-weight:normal; } div#wrap h3 { font-size:24px; font-weight:normal; margin-bottom:10px; }
		div#wrap p { line-height:50px; font-size:14px; }
	div#dave { float:left; width:465px; text-align:right; }
		div#dave p a { color:#00aeef; text-decoration:none; border-bottom:1px dotted #222; } div#dave p a:hover { border-bottom:1px dotted #FFF; }
	div#middle { float:left; width:50px; text-align:center; font-size:50px; }
	div#marinke { float:right; width:465px; }
		div#marinke p a { color:#ec008c; text-decoration:none; border-bottom:1px dotted #222; } div#marinke p a:hover {border-bottom:1px dotted #FFF;}
	
	p#touch { margin-left:40px; line-height:50px; margin-top:5px; }
		p#touch a {color:#FFF; text-decoration:none; border-bottom:1px dotted #FFF; } p#touch a:hover { border-bottom:1px dotted #222; }
	p#skype { margin-left:40px; margin-top:30px; }
	
	div#quotewrap { width:1000px; height:500px; margin-top:585px; }
		div#quotewrap p#quote { margin-left:40px; line-height:50px; float:left; font-size:24px; color:#FFF; }
		div#quotewrap img { float:left; margin-top:255px; margin-left:95px; }