/* CSS Reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* Body */
body, html {
	padding:0;margin:0;
	background:url(../images/layout/decoration-hoekboven.jpg) top left no-repeat;
	font-family:Lucida Grande, Arial, Verdana, Helvetica, Sans-Serif;
	font-size:13px;
	background:#261B15;
}

div.container {
	width:700px;
	margin:0 auto;
}
div.header {
	height:125px;
	background:url(../images/header-bg.png) top left repeat-x;
}

a {
	text-decoration:none;
	color:#FF6600;
}
a:hover {
	color:#FF9900;
}

div.header div.links {
	float:right;
	font-family:"Museo-Sans-1","Museo-Sans-2","Arial","Sans-serif";
	font-size:16px;
	text-decoration:none;
	font-weight:300;
	color:#333;
	padding-top:32px;
	padding-right:10px;
}
div.header div.links a {

}
h1 {
	font-family:"Museo-Sans-1","Museo-Sans-2","Arial","Sans-serif";
	font-size:42px;
	font-weight:100;
	color:#FF6600;
	margin:0;padding:0;
	padding-left:15px;
}
h1 span.titel {
	color:#111;
}

div.content {
	min-height:430px;
	background:white url(../images/content-bg.jpg) bottom left no-repeat;
}
div.content.tekst {
	background:white url(../images/content-bg2.jpg) bottom left no-repeat;
}
div.content div.teaser {
	width:621px;
	height:350px;
	background:url(../images/teaser.png) 0 90px no-repeat;
	margin:0 auto;
	position:relative;
}
div.content div.teaser h1 {
	display:none;
}
div.content div.teaser div.werklink {
	position:absolute;
	right:-47px;
	bottom:61px;
}

/* Werk */
div.container-werk {
}
div.menu {
	background:url(../images/content-fade.png) bottom left no-repeat;
	width:225px;
	text-align:right;
	float:left;
	padding-top:50px;
	height:380px;
	margin-left:-60px;
	padding-right:35px;
}
div.menu h2 {
	color:#FF6600;
}
div.menu ul li {
	padding:2px 0;
}
div.menu ul li.actief {
	font-weight:bold;
}
div.menu ul li.jaar {
	color:#FF6600;
	padding-top:15px;
}
div.menu ul li a{
	color:#111;
}
div.menu ul li a:hover {
	color:#333;
	text-decoration:underline;
}

div.werk {
	width:500px;
	float:left;
	margin-top:-20px;
	height:450px;
	position:relative;
}
div.werk h1 {
	padding-left:5px;
}
div.werk div.afbeelding {
	margin-top:20px;
	height:379px;
	background:white url(../images/werk-bg.png) top left no-repeat;
	width:494px;
	position:relative;
}
div.werk div.afbeelding div#afbeelding-target {
	position:absolute;
	left:11px;
	top:12px;
	height:322px;
	width:469px;
	z-index:1;
}
div.werk div.afbeelding div#overlay {
	position:absolute;
	left:11px;
	top:12px;
	height:322px;
	width:469px;
	background:url(../images/werk-overlay.png) top left no-repeat;
	z-index:2;
}
div.werk ul.select {
	position:absolute;
	left:5px;
	top:425px;
	width:500px;
}
div.werk ul.select li {

}
div.werk ul.select li a {
	display:block;
	float:left;
	padding:2px 4px;
	font-size:11px;
	color:#333;
}
div.werk ul.select li a:hover {
	background:#ff6600;
	color:white;
}

/* Standaard tekst */
div.tekst {
	background:url(../images/content-fade.png) bottom left no-repeat;
	height:430px;
}
div.tekst h1 {
	padding-top:-20px;
}
div.tekst p {
	margin-left:270px;
	padding:9px 0;
	line-height:1.7em;
}

/* Footer */
div.footer {
	height:260px;
	padding-top:25px;
	background:url(../images/footer-bg.png) top left repeat-x;
	color:#B19F97;
	line-height:1.7em;
}
div.footer div.container div {
	float:left;
	width:300px;
}
div.footer div.container div.foam {
	float:right;
	width:200px;
}
div.footer div.container div.foam strong {
	padding-left:10px;
}
div.footer strong {
	display:block;
	font-weight:bold;
	color:#FFF;
}
div.footer a {
	color:#B19F97;
	text-decoration:none;
}
div.footer a:hover {
	color:#FFF;
}