body {
	color:#e8e8f0;
	font:13px/20px arial, helvetica, sans-serif;
	margin:0;
	background:#3e3e3e url(../images/design/bg-body.png) repeat-x;
}

/* Common Parts */
a {color:#e8e8f0;}
a:hover {text-decoration:none;}
p {
	margin:0 0 15px;
	line-height:20px;
}
img {
border-style:none;
}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
input, select, label, textarea{

}

h1 { margin:0 0 14px; }

input.form_input{
width: 250px;
}
textarea.form_textarea{
width: 250px;
}
input, select, label, textarea {vertical-align:middle;}
input.text,
select,
textarea {
	font:100% arial, helvetica, sans-serif;
	color:#646466;

}
ul {
	margin:0 0 15px 15px;
	padding:0;
}
ul ul {margin:2px 0 2px 15px;}


/*NEW STYLE*/
#page-box {
	width:auto;
	padding:0 54px 30px 77px;
	margin:0 auto;
	background:none;
	min-height:1070px;
}
#page-box.biografie{
	background:url(../images/design/bg-photo.jpg) no-repeat 0px 92px;

}


/* Main Blocks 
#page-box {
	width:869px;
	padding:0 54px 30px 77px;
	margin:0 auto;
	background:url(../images/design/bg-photo.jpg) no-repeat 0 109px;
	min-height:713px;
}
#page-box.schilderijen{
	background:none;
}
*/

* html #page-box {height:713px;}
#header {
	padding:61px 0 92px;
	width:100%;
}
#header:after {
	clear:both;
	display:block;
	content:"";
}
#header strong {
	float:left;
	margin:0;
	text-indent:-9999em;
	overflow:hidden;
	background:url(../images/design/logo.gif) no-repeat;
	width:236px;
	height:29px;
}
#header strong a {
	display:block;
	height:100%;
}
#nav {
	float:left;
	margin:12px 0 0;
	list-style:none;
	font-size:18px;
	position: relative;
}
#nav li {
	float:left;
	margin:0 0 0 20px;
	display:inline;
	position:relative;
}
#nav a {
	color:#fff;
	text-decoration:none;
}
#nav a:hover {background-position: left -21px !important;}
#nav ul {
	display:none;
	margin:0;
	list-style:none;
	position:absolute;
	top:20px;
	left:0;
	width:120px;
	background:url(../images/design/none.gif);
}
#nav li.open ul {
	display:block;
}
#nav li.selected a {
	background-position: left -21px !important;
}
#nav li:hover ul, #nav li.hover ul {display:block;}
#nav li li {
	float:none;
	margin:8px 0 0;
	display:block;
	width:125px;
}
#nav li li a {color:#fff !important;}
#nav li li a:hover {color:#999 !important;}
#content {
	width:428px;
	margin:0 0 30px 0px;
	overflow:hidden;
}
#content.biografie{
	width:420px;
	margin:0 0 30px 540px;
	overflow:hidden;
}
#content h1 {
	margin:0 0 14px;
	font-weight:normal;
	color:#e8e8f0;
	font-size:27px;
	padding: 0;
	line-height: 30px;
	
}
.images {
	margin:0 0 30px;
	list-style:none;
	width:869px;
	overflow:hidden;
	position: relative;
	float: left;
}
.images li {
	padding:5px;
	margin:0 22px 20px 0;
	float:left;
}
.images .top {
	height:5px;
	font-size:1px;
	line-height:1px;
	background:url(../images/design/bg-photo-top.png) repeat-x;
	margin:-5px 0 0;
	float:left;
	width:100%;
}
.images .btm {
	height:5px;
	font-size:1px;
	line-height:1px;
	background:url(../images/design/bg-photo-btm.png) repeat-x;
	margin:0 0 -5px;
	float:left;
	width:100%;
}
.images .top span, #images .btm span {
	float:left;
	width:5px;
	height:5px;
	overflow:hidden;
	margin:0 0 0 -5px;
	position:relative;
}
.images .top span {background:url(../images/design/bg-photo-top-left.png) no-repeat;}
.images .btm span {background:url(../images/design/bg-photo-btm-left.png) no-repeat;}
.images .top em, #images .btm em {
	float:right;
	width:5px;
	height:5px;
	overflow:hidden;
	margin:0 -5px 0 0;
	position:relative;
}
.images .top em {background:url(../images/design/bg-photo-top-right.png) no-repeat;}
.images .btm em {background:url(../images/design/bg-photo-btm-right.png) no-repeat;}
.images a {
	width:100%;
	padding:0 5px;
	margin:0 -5px;
	background:url(../images/design/bg-photo-left.png) repeat-y;
	overflow:hidden;
	display:block;
	text-decoration:none;
}
.images img {float:left;}
.images .right {
	background:url(../images/design/bg-photo-right.png) repeat-y right top;
	margin:0 -5px 0 0;
}
.paging {
	width:100%;
	overflow:hidden;
	margin:0;
	list-style:none;
}
.paging li {
	float:left;
	margin:0 3px 0 5px;
	display:inline;
}
tr {
height:30px;
}
.paging a {
	display:block;
	border:1px solid #666;
	background:#666;
	color:#fff;
	text-decoration:none;
	text-align:center;
	width:20px;
	line-height:20px;
}

div#cases .content-viewport {
overflow:hidden;
width:869px !important;
position: relative;
}

#cases {
float:left;
margin:0;
overflow: hidden;
}
.paging a.selected {
background:#333 none repeat scroll 0 0;
}

.paging a:hover, .paging .active a {background:#333;}


.block-expo-list { list-style: none; margin: 0; width: 475px; }
.block-expo-list h2 { margin: 0 0 5px; font-size: 14px; display: block;  }
.block-expo-list p { margin: 0; font-size: 11px; }
.block-expo-list li { border: 1px solid #666; padding: 10px 20px 15px 100px; min-height: 65px; height: auto !important; height: 65px; position: relative;  margin: 0 0 10px; }
.block-expo-list .more { background: transparent url(../images/design/enter.gif) no-repeat 0 50%; padding: 0 0 0 15px; line-height: 26px; float: right; clear: right; font-size: 11px; }
.block-expo-list .date { float: right; clear: right;  margin: 0 0 10px; font-size: 11px; }
.block-expo-list .thumb { float: left; position: absolute; left: 6px; top: 6px; width:78px; height:78px;}
.block-expo-detail table {margin: 0 0 0 10px;}
.block-expo-detail table tr {height: 0px;}
.block-expo-detail { width: 775px; }
.block-expo-detail ul{  margin: 0 0 20px 25px; }
.block-expo-detail h3 { margin: 0 0 5px; }
.block-expo-detail h3.pic { margin: 0 25px 5px; }
.block-expo-detail .backto { background: transparent url(../images/design/enter.gif) no-repeat 0 50%; padding: 0 0 0 15px;  float: right; line-height: 34px; }
.block-expo-detail h1 { width: 500px; }

.block-expo-gallery-wrap { float: right; width: 350px; }
.block-expo-gallery { list-style: none; padding: 0 0 25px; margin: 0; overflow: hidden; height: 1%; }
.block-expo-gallery a{ border: 1px solid #666666; padding: 1px; display: block; margin: 0 10px 10px 0; }
.block-expo-gallery li { float: left; }