@charset "UTF-8";
/* CSS Document */
html, body {
	margin: 0px;
	padding: 0px;
 	height: 99%;
	width: 100%;
	font-family : Verdana, Arial, Tahoma, Geneva, helvetica, sans-serif;
	font-size : 11px;
	letter-spacing: 0.1px;
	line-height: 20px;
	color : #000000;
	background-color: #ffffff;
	background-image : url(/image/background.jpg);
	background-repeat : repeat-x;
	background-position: top center;
	margin-bottom: 1px;
}
p {
	margin: 0px;	
	margin-top: 10px;
	margin-bottom: 10px;
}
h1 {
	font-size : 12px;
	font-weight: normal;
	text-align: center;
	margin: 0px;
	margin-bottom: 5px;
}
h2 {
	font-size : 12px;
}
h3 {
	margin-top: 15px;
	margin-bottom: 5px;
	font-size : 11px;
	line-height: 0px;
}
h4 {
	font-size : 11px;
	margin-top: 20px;
	margin-bottom: 0px;
}
img {
    border : 0;
}
a:link, a:visited {
	color : #1d74b0;
	outline: none;
}
a:hover, a:focus {
	color : #693a93;
}
a.contact-link {
	color : #ffffff;
	text-decoration: none;	
}
a.contact-link:hover, a.contact-link:focus {
	color : #693a93;
}
#center {
	width : 792px;
	height: 100%;
	margin-left : auto;
	margin-right : auto;
}
#header {
	float: left;
	width: 368px;
	height: 81px;
	background-image : url(/image/header.jpg);
	background-repeat : repeat-none;
}
#tab-container {
	float: right;
	height: 81px;
}
#tab-top {
	width: 288px;	
	height: 32px;
}
#tab1{
	float: left; display: inline;
	width: 118px;	
	height: 49px;
	background-image : url(/image/tab1-space.jpg);
}
#tab2 {
	float: left; display: inline;
	width: 136px;	
	height: 49px;
	background-image : url(/image/tab2-space.jpg);
}
#tab3 {
	float: left; display: inline;
	width: 170px;	
	height: 49px;
	background-image : url(/image/tab2-space.jpg);
}

#shadow-left {
	float: left;
	width: 20px;
	height: 494px;
	background-image : url(/image/shadow-left.jpg);
}
#content {
	float: left;
	width: 750px;
	height: 491px;
	background-color: #ffffff;
	padding: 1px;
	padding-top: 0px;
}
#shadow-right {
	float : left;
	width: 20px;
	height: 494px;
	background-image : url(/image/shadow-right.jpg);
}
#shadow-bottom {
	clear: both;
	width: 792px;
	height: 20px;
	background-image : url(/image/shadow-bottom.jpg);
}

/*Content*/
#left {
	float:left;
	display: inline;
	width: 260px;	
}
#right {
	float: right;
	display: inline;
	width: 488px;	
	height: 492px;
	background-color: #ddedf6;
	margin: 1px;
	margin-top: 0px;
	overflow: auto;
	overflow-x:hidden;
	position: relative;
}
#image {
	width: 258px;
	height: 258px;
	margin: 1px;
	margin-top: 0px;
}
#stien {
	float:left;
	display: inline;
	width: 128px;
	height: 171px;
	background-image : url(/image/stien.jpg);
	margin: 1px;
}
#menu {
	float:left;
	display: inline;
	width: 128px;
	height: 171px;
	margin: 1px;
	background-image : url(/image/menu-background.gif);
}
.menu-item {
	width: 100%;
}
a.menu-link {
	display: block;
	width: 100%;
	height: 100%;
}
#item1 {
	background-image : url(/image/menu-item1.jpg);
	height: 34px;
}
#item1:hover {
	background-image : url(/image/menu-item1-over.jpg);
}
#item2 {
	background-image : url(/image/menu-item2.jpg);
	height: 34px;
}
#item2:hover {
	background-image : url(/image/menu-item2-over.jpg);
}
#item3 {
	background-image : url(/image/menu-item3.jpg);
	height: 35px;
}
#item3:hover {
	background-image : url(/image/menu-item3-over.jpg);
}
#item4 {
	background-image : url(/image/menu-item4.jpg);
	height: 34px;
}
#item4:hover {
	background-image : url(/image/menu-item4-over.jpg);
}
#item5 {
	background-image : url(/image/menu-item5.jpg);
	height: 34px;

}
#item5:hover {
	background-image : url(/image/menu-item5-over.jpg);
}
#address {
	float:left;
	display: inline;
	width: 258px;
	height: 50px;
	margin: 1px;
	padding-top: 9px;
	background-image : url(/image/address-background.gif);
	color: #FFF;
	font-size: 10px;
	text-align: center;
	
}

#title {
	width: 100%;
	margin-top: 20px;
	text-align: center;
}
#text {
	padding: 20px;
	padding-bottom: 10px;
	padding-top: 0px;
}
.box {
	padding: 10px;
}
.box-background {
	background-color: #dcdeee;
}
.painting {
	float: left;
	margin: 10px;
	
   -moz-box-shadow: 3px 3px 4px #333; /* Firefox/Mozilla */  
   -webkit-box-shadow: 3px 3px 4px #333; /*Safari/Chrome */  
   box-shadow: 3px 3px 4px #333; /* Opera & hoe het zou moeten */  
   /* Voor IE 8 */  
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";  
   /* Voor IE 5.5 - 7 */  
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');  
}
.box-small {
	width: 170px;
	float: left; display: inline;
	padding-left: 5px;	
	padding-bottom: 5px;
	position: relative;
}
.box-small .painting {
	margin: 5px;	
}
.box-right {
	float: right;
	display: inline;
	width: 258px;
	padding: 10px;
	padding-top: 0px;
}
.name {
	float: left;	
	font-style: normal;
}
.price {
	float:right;
	font-weight: normal;
	font-style: normal;
}
.specifications {
	clear: both;
	padding-left: 15px;
	margin-top: 0px;
	font-style: italic;
	margin: 0px;
}
.clear {
	clear: both;	
}
#expositie-left {
	padding: 10px;
	width: 130px;
	float: left;
}
#expositie-right {
	float: right;
	padding:10px;
	padding-left: 0px;
	width: 308px;
}
#expositie-text {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}
.image-left {
	float: left;
}
.image-right {
	float: right;
}
#quote {
	font-style: italic;
	padding: 10px;
}
#endless-wave {
	margin-top: 36px;
}