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

* {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #999;
}

body, html {
	height: 100%;
}
/* links / tekst / afbeeldingen */

ul.vertical{
list-style: none;
margin-bottom: 18px;
line-height: 17px;
}

ul.vertical li{
padding-bottom: 2%;
}

ul.horizontal{
list-style: none;
}

ul.horizontal li{
display: inline;
padding-left: 2%;	
}

ul.horizontal img.spacer{
padding-left: 2%;	
}

ul li.regular{ color: #797979; }
ul li.active{ color: #797979; font-weight: bold;}

ul li a{ color: inherit; }ß

a { color: #333; text-decoration: none; }

img { border: none; }

input,textarea,select{
	color: #666;	
}

input[type="text"], input[type="password"], select, textarea{
	border-color:#8E8E8E #C2C2C2 #E2E2E2;
	border-width:1px;
	border-style:solid;
}

input[type="text"], input[type="password"]{
	height: 22px;		
}

input.mini{	width: 17px; }

input.tiny{ width: 30px; }

input.small{ width: 50px; }

input.middle{ width: 140px; }

select {
	margin-top: 2px;
	padding: 3px 3px;
}

/* Thema styles */

div#wrapper{
	width:900px;
	height: 100%;
	margin: 0 auto;
}

div#top{
	height: 30px;
	margin: 0 0 36px 0;
	padding: 16px 20px 0 20px;
	font-size: 0.9em;
}

div#nav{
	float:right;
	text-align:right;
	width: 500px;
}


div#mid{
	text-align: left;
	padding: 0 0 0 0;
	font-size: 0.9em;
	color: #b1b1b1;
	margin: 0 0 0 0;
}

	div#home_works{
		clear:both;
	}
	div#home_shop{
		clear:both;
	}
	div#home_agenda{
		clear:both;
	}
	
	div#work_wrapper{
		clear:both;
		margin: 0px 0px 36px 0px;
		text-align: center;
	}
	
	div#agenda_wrapper{
		clear:both;
		margin: 0px 0px 36px 44px;
	}
	
	div#textual_wrapper{
		clear:both;
		margin: 0px 0px 36px 44px;
	}
	
	div#picturebookthumbs_wrapper{
		width: 940px;	
		margin: 0px 0px 16px 0px;
	}
	
	div#sub{
		/*padding: 22px 20px 8px 20px;*/
		position:relative;
	}
	
	div#sub_content{	
		float: left;
		margin: 0 25px 0 44px;
		padding: 20px 0 0 0;
	}
	
	div.content_nav_prev{
		position:absolute;
		top: 50%;
		margin: -8px 0 0 16px;
	}
	
	div.content_nav_next{
		position:absolute;
		top: 50%;
		right: 0;
		margin: -8px 16px 0 0;
	}
	
	div#work_images{
	}
	
	div#work_images img.thumb{
		padding: 10px 10px 0 0 ;
	}
	
	div.textual_content{
		margin: 0 18px 0px 0;	
	}
	
	div.agenda_item{
		padding: 0 18px 0 0;
		margin: 0 18px 28px 0;
	}
	
	div#work_text{
		margin: 0 18px 18px 0;	
		float:left;
	}
	
	div#work_text, div.agenda_item, div.textual_content{
		padding: 0 0 0 20px;
	}
	
	div#work_text h1, div.agenda_item h1{
		margin-bottom: 0px;
	}

div#bottom{
	font-size: 0.81em;
	letter-spacing:0.01em ;
	color: #b1b1b1;
	margin: 24px 0 0 0;
	line-height: 24px;
}

div#footer_left{
	float:left;
	height:30px;
	padding: 0 4% 0 4%;
	margin-bottom: 16px;
}

div#footer_mid{
	float:left;
	height:30px;
	padding: 0 4% 0 4%;
	margin-bottom: 16px;
}

div#footer_right{
	float:left;
	height:30px;
	padding: 0 4% 0 4%;
	margin-bottom: 16px;
}

/* fonts */
h1, h1.agenda_item{
	font-weight: normal;	
	font-size: 1.1em;
}

h1 img{
	font-size: 1.2em;	
}

h2, h3, h4, h5, h2.agenda_item, h3.agenda_item, h4.agenda_item, h5.agenda_item{
	font-weight: normal;	
	font-size: 0.9em;
}

span.date{
	font-style:italic;
	color: inherit;
}

p, p.agenda_item{
	font-size: 0.9em;
}

/* margins paddings */
h1, h1.agenda_item{
	margin: 0 2.2% 1.6% 0;
}

h2, h3, h4, h5, h2.agenda_item, h3.agenda_item, h4.agenda_item, h5.agenda_item{
	margin: 0 2.2% 1.2% 0;
}

p.margin{
	margin: 0 0 20px 0;	
}

p{
	line-height: 20px;
}

/* margins paddings shop & works*/
div.shop_thumb, div.works_thumb{
	margin: 0 2.2% 3% 0;
}

div.picturebook_thumb{
	margin: 0 2.1% 3.2% 0;
	position:relative;
}

/* design universeel */

div#mid h1{
	text-transform: uppercase;	
	font-size: 1.07em;
	font-weight:300;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

div#mid div#sub_content h1{
	padding-bottom: 0px;
}

div.content_nav_prev a{
	background: URL(../images/layout/arrow_left.png);
	height: 18px;
	width: 9px;
	display: block;
}

div.content_nav_next a{
	background: URL(../images/layout/arrow_right.png);
	height: 18px;
	width: 9px;
	display: block;
}

/* design shop & works */
div.shop_thumb, div.works_thumb, div.picturebook_thumb{
	float:left;
}

a small.picturebook_thumb_text{
	display:none;	
}

a:hover small.picturebook_thumb_text{
	display:block;
	position:absolute;
	top: 0;
	left: 0;
	padding: 30px 17px 30px 21px;
	height: 229px;
	width: 172px;
	background: #fff;
	line-height: 19px;
}