*{margin:0;padding:0}
 
body{
	font:20px/36px Georgia,"Times New Roman",Times,serif;
	color:#111;
	text-align:center;
	overflow:scroll;
	overflow-x:auto;
	overflow-y:scroll;
	background-image: url(images/achtergrondmtg.png);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

#wrapper,#content,#footer,#indiefever{margin:0 auto;min-width:920px;max-width:1200px;padding:30px 60px}

#background{
	background-color:#CCCCCC
}
.clear{clear:both}img{border:none}
h1{
	font-size:3.5em;
	font-weight:normal;
	padding:40px 0;
	letter-spacing:-3px;
	word-spacing:0.1em;
	font-family: "Times New Roman", Times, serif;
}
.space{letter-spacing:-10px;padding-right:5px}
.space1{letter-spacing:-1px}
.space2{letter-spacing:2px}
.tagline{
	line-height:30px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #b9941c;
	border-bottom-color: #b9941c;
	padding-top: 20px;
	padding-bottom: 20px;
}
.nav-grid{width:22%;float:left;margin:40px 4% 20px 0}
.nav-grid-right{width:22%;float:right;margin:40px 0 20px 0}

#products_layer{padding-top:20px}
.product-left{width:30%;float:left;margin-right:5%}
.product-right{width:30%;float:right}
.product-right a{margin-top:20px;float:left}
.product-right a:hover{color:#595959}
.product-right img{background-color:red;float:left;margin-top:22px;margin-right:10px}
.icon{display:block;background-color:#FFF;border:4px double #CCC}
.icontitle{font-size:1.4em;text-align:center}
.slogan{color:#CCC;font-size:0.8em}

#products_layer p{margin:4px 0 16px 0;color:#4D4D4D}

#products_layer .intro{font-size:0.8em;padding-bottom:10px;color:#111}
.product-full{width:65%;float:right;border-bottom:1px dashed #CCC}
.nasty_placeholder{display:block;width:100%;height:580px}

#work_layer h3{margin-bottom:20px}

#work_layer p{margin-bottom:20px}
.work-grid-3-left{width:22%;float:left;margin-right:4%}
.work-grid-3-middle{width:48%;float:left;margin-right:4%;padding:6px 0 60px 0}
.work-grid-3-right{width:22%;float:right;font-style:italic;height:350px}
.image-bg{background-color:#FFF}
.image-border{border:4px double #CCC;height:350px;overflow:hidden}
.side-title{font-size:1em;font-style:normal}
.side-note{font-size:0.6em;color:#999;height:200px}
.next-button{margin-top:55px;cursor:pointer;float:left;font-size:0.9em;color:#111;font-style:normal}
.next-button:hover{
	cursor:pointer;
	color:#999
}

#company_layer h3{margin-bottom:20px}
#company_layer h4{font-weight:normal;font-size:0.8em;line-height:1.5em;text-align:left;margin-left:90px}
#company_layer p{margin-bottom:20px}
#company_layer img{float:left;background-color:#FFF;border:1px solid #CCC;padding:4px;margin-top:2px}.picture-note{font-style:italic;font-size:0.6em;color:#999;margin-left:90px}
.minheight{min-height:120px}
.background-press{
	width:48%;
	float:left;
	margin-right:4%
}
.people{width:48%;float:right}
.background-left{
	width:60%;
	float:left;
	margin-right:8%
}
.background-right{width:46%;float:right}
.people-left{width:46%;float:left}
.people-right{width:46%;float:right}
.press{line-height:1.2em}
.press ul{text-align:left;font-size:0.7em}
.press ul li{margin-bottom:20px}
.press a{border-bottom:dotted 1px #111}
.blog-left{width:48%;float:left;margin-right:4%}
.blog-right{width:48%;float:right}
p{font-size:0.7em;text-align:left;line-height:1.5em}
h2{font-weight:normal;font-size:1.5em;text-align:left;padding-bottom:10px}
h3{font-weight:normal;font-size:1.3em;text-align:left}
a{text-decoration:none;color:#111}
a:hover{
	color:#b9941c
}
.lucida{font-family:"Lucida Grande",Tahoma;color:#CCC}
a.nav-grid,a.nav-grid-right{color:#111;padding-bottom:30px}
a.nav-grid.selected,a.nav-grid-right.selected{color:#ccc;cursor:pointer}
a.nav-grid.selected:hover,a.nav-grid-right.selected:hover{color:#111}
a.nav-grid.selected:hover h2,a.nav-grid-right.selected:hover h2{
	color:#b9941c
}
a.nav-grid.selected:hover p,a.nav-grid-right.selected:hover p{color:#111}
a.nav-grid.selected:hover span,a.nav-grid-right.selected:hover span{
	color:#b9941c
}
a.nav-grid.initial:hover,a.nav-grid-right.initial:hover{cursor:pointer}
a.nav-grid.initial:hover h2,a.nav-grid-right.initial:hover h2{
	color:#b9941c;
}
a.nav-grid.initial:hover p,a.nav-grid-right.initial:hover p{color:#111}
a.nav-grid.initial:hover span,a.nav-grid-right.initial:hover span{
	color:#b9941c
}
.post{width:70px;float:left;margin-right:20px}
.blog-right .post{width:50px}
.day{font-size:2em}
.month{font-size:1em;margin-bottom:0px}
#blog_layer h3{margin-bottom:20px;color:#CCC}
#blog_layer h4{font-weight:normal;text-align:left}
.blog-left h4{font-size:1.8em;margin-bottom:20px}
.blog-right h4{font-size:1em}
.blog-right p{font-size:0.7em;margin-left:70px}
.blog-left p{margin-bottom:12px}
.blog-left p a{border-bottom:1px dotted #555}
.blog-right .single{margin-bottom:40px;color:#000;cursor:pointer}
.blog-right .single.selected{cursor:auto}
.blog-right .single:hover h4{
	color:#999
}
.blog-right .selected:hover h4{color:#000}
.blog-right .selected .post{border-bottom:3px double #CCC}
#blog_layer img{float:left;padding:4px;margin:0 40px 10px 0}
#blog_layer .border{border:1px solid #CCC}
#author{text-align:left;margin:0px;border-top:1px solid #BFBFBF;padding-top:10px;margin-top:30px;font-size:0.75em}
#author img{margin:0px;margin-right:10px;background-color:#FFF;border:1px solid #CCC;padding:2px;margin-top:2px}
#author a{font-style:italic;color:#7F7F7F}.author{font-style:italic;color:#BFBFBF;font-size:.75em}
.blog-left h1{font-size:1em}.blog-left h2{font-size:0.8em}
.blog-left .image-bg{background-color:#FFF}
.blog-left .image-border{border:4px double #CCC;overflow:hidden}
.blog-left .image-center{margin-left:auto;margin-right:auto}
.blog-left .image-caption{text-align:center;font-size:0.6em;font-style:italic;line-height:1.5em;margin-bottom:2em;margin-top:0.5em}
#paginator{display:inline;list-style-type:none;}
#paginator li{display:block;float:left;background-color:#E5E5E5;margin-right:3px;border:1px solid #CCC;color:#999;padding:1px 8px}
#paginator li.selected{color:#000}
#paginator li:hover{background-color:#D8D8D8}
#background{display:none}
#products_layer{display:none}
#work_layer{display:none}
#company_layer{display:none}
#blog_layer{display:none}
#highlight{font-size:0.8em;color:#999}
#highlight:hover{
	color:#000000
}
#highlight:hover span{
	color:#b9941c
}
#highlight span{
	font-size:1.2em;
	margin-right:12px;
	color:#b9941c
}
#highlight img{margin-bottom:-8px;margin-right:10px}
#highlight-blue{font-size:0.8em;color:#999}
#highlight-blue:hover{color:#98BBFF}
#highlight-blue:hover span{color:#3887FF}
#highlight-blue span{font-size:1.2em;margin-right:12px;color:#111}
#highlight-blue img{margin-bottom:-8px;margin-right:10px;border:none}
#fever-left{width:48%;float:left;margin-right:4%}
#fever-right{width:48%;float:right}
#fever-left p,#fever-right p{margin-bottom:12px}
#indiedownload{margin:70px 0 60px 0}
#fever-right em{color:#989898;font-size:0.9em}
#fever-right em span{color:#111}
#fever-right p a,#fever-left p a{border-bottom:1px dotted #555}
#fever-right p a:hover,#fever-left p a:hover{
	color:#b9941c
}
#footer p,#footer-background p{color:#CCC;font:0.5em/1.6em "Lucida Grande",Tahoma;text-align:center}
#footer-background{margin:0 auto;min-width:920px;max-width:1200px;padding:30px 0px}