* {
	padding:			0px;
	margin: 			0px;
}

body {
	font-family: 		Times;
	color:				#424242;
	background:			#fff url('images/background.gif');
	font-size: 			14px;
	overflow: 			hidden;
}

table td {
	vertical-align: top;
}

h1 {
	font-size: 			30px;
	font-weight: 		normal;
	margin-bottom: 		20px;
}

p { 
	line-height: 		28px;
	margin-bottom: 		20px;
}

a img {
	border: 			none;
}

div#container {
	border:		 		1px solid #787878;
	background: 		white;
	width: 				830px;
	height: 			490px;
	margin: 			-245px 0px 0px -415px;
	position:			absolute;
 	top: 				50%; 
	left: 				50%;
}

a#logo {
	position: 			absolute;
	top: 				40px;
	left: 				40px;
}

ul#menu {
	position: 			absolute;
	top: 				270px;
	left: 				40px;
	list-style-type: 	none;
}

ul#menu li a:link, ul#menu li a:visited {
	background-image:		url('images/menu.jpg');
	display: 				block;
	width: 					190px;
	height: 				30px;

}

ul#menu li a#illustraties { background-position: 0px 0px;}
ul#menu li a#vrij-werk { background-position: 0px -30px;}
ul#menu li a#in-opdracht { background-position: 0px -60px;}
ul#menu li a#info-contact { background-position: 0px -90px;}
ul#menu li a#kopen { background-position: 0px -120px;}
ul#menu li a#portretten { background-position: 0px -150px;}

ul#menu li a:hover#illustraties { background-position: 190px 0px;}
ul#menu li a:hover#vrij-werk { background-position: 190px -30px;}
ul#menu li a:hover#in-opdracht { background-position: 190px -60px;}
ul#menu li a:hover#info-contact { background-position: 190px -90px;}
ul#menu li a:hover#kopen { background-position: 190px -120px;}
ul#menu li a:hover#portretten { background-position: 190px -150px;}

ul#menu li a#illustratiesactive { background-position: 190px 0px;}
ul#menu li a#vrij-werkactive { background-position: 190px -30px;}
ul#menu li a#in-opdrachtactive { background-position: 190px -60px;}
ul#menu li a#info-contactactive { background-position: 190px -90px;}
ul#menu li a#kopenactive { background-position: 190px -120px;}
ul#menu li a#portrettenactive { background-position: 190px -150px;}

div#gallery, div#content {
	position: 			absolute;
	top:				40px;
	left:				270px;
	width:				550px;
	height:				410px;
}

div#content {
	left:				310px;
	width: 				450px;
}

div#thumbnails {
	position: 			absolute;
	top:				50px;
	left:				0px;
	overflow: 			hidden;
}

div#thumbnails a.thumbnail {
	display: 			block;
	width:				160px;
	height:				90px;
	float: 				left;
	background-color: 	#efefef;
	margin:				0px 18px 18px 0px;
	border:				1px solid #787878;
}

a#button-up {
	background-image:	url('images/button-up.jpg');
	position: 			absolute;
	top:				0px;
	left:				0px;
	display:			block;
	width:				520px;
	height:				30px;
}

img#button-up {
	position: 			absolute;
	top:				0px;
	left:				0px;
	display:			block;
	width:				520px;
	height:				30px;
}

a#button-down {
	background-image:	url('images/button-down.jpg');
	position: 			absolute;
	bottom:				0px;
	left:				0px;
	display:			block;
	width:				520px;
	height:				30px;
}

img#button-down {
	position: 			absolute;
	bottom:				0px;
	left:				0px;
	display:			block;
	width:				520px;
	height:				30px;
}

img#fullsize-pic {
	position: 			absolute;
	top:				39px;
	left:				269px;
	border:				1px solid #787878;
}

img#vertical-dots {
	position: 			absolute;
	top:				40px;
	left:				590px;
}

img#vertical-dots-content {
	position: 			absolute;
	top:				40px;
	left:				270px;
}

div#information {
	position: 			absolute;
	top:				40px;
	left:				610px;
	line-height: 		30px;
}

div#information span {
	display:			block;
	float: 				left;
	width: 				90px;
	clear:				left;
	color:				#9d9d9d;
	font-weight: 		bold;
}

a#button-back {
	position: 			absolute;
	display:			block;
	top:				420px;
	left:				490px;
}