body {background: #d5e9ed; color:#666666; font-family:Tahoma,Verdana,Arial; margin: 0px; font-size: 11px;}

* {margin: 0; padding: 0;}
p {margin-bottom: 15px;}
a, a:link, a:visited {color: #444; outline: none;}
img {border: 0;}

#container {width: 100%;}

.wrapper {position: relative; width: 906px; margin: 0 auto; overflow: hidden;}
.left {float: left;}
.right {float: right;}

#topbar {background: url(/themes/site_themes/default/images/topbar.jpg); height: 84px; width: 906px;}
#topbar a {display: block; width: 906px; height: 84px;}

#page {width: 906px; background: url(/themes/site_themes/default/images/pagebg.jpg) repeat-y; margin: 0; overflow: hidden;}
#page .top {float: left; width: 906px; height: 13px; background: url(/themes/site_themes/default/images/pagetop.jpg) no-repeat;}
#page .bottom {float: left; width: 906px; height: 13px; background: url(/themes/site_themes/default/images/pagebottom.jpg) no-repeat;}
#page .wide {width: 583px; display: inline;}
#page .narrow {width: 264px; display: inline;}
#page .left {margin-left: 16px;}
#page .right {margin-right: 16px;}

#footer {width: 906px; color: #91bcc4; font-size: .9em; text-align: center; letter-spacing: 1px; margin: 20px 0;}
#footer a {color: #558a95; text-decoration: none;}

#navbar {height: 50px; width: 906px; margin: 10px 0;}
#navbar ul {list-style: none;}
#navbar ul li {float: left;}
#navbar ul li a.schilderijen {background: url(/themes/site_themes/default/images/nav_schilderijen.jpg) no-repeat; width: 135px; height: 50px; display: block;}
#navbar ul li a.vlaggetjes {background: url(/themes/site_themes/default/images/nav_vlaggetjes.jpg) no-repeat; width: 112px; height: 50px; display: block;}
#navbar ul li a.accessoires {background: url(/themes/site_themes/default/images/nav_accessoires.jpg) no-repeat; width: 121px; height: 50px; display: block;}
#navbar ul li a.enmeer {background: url(/themes/site_themes/default/images/nav_enmeer.jpg) no-repeat; width: 90px; height: 50px; display: block;}
#navbar ul li a.portfolio {background: url(/themes/site_themes/default/images/nav_portfolio.jpg) no-repeat; width: 106px; height: 50px; display: block;}
#navbar ul li a.info {background: url(/themes/site_themes/default/images/nav_info.jpg) no-repeat; width: 141px; height: 50px; display: block;}
#navbar ul li a.bestellen {background: url(/themes/site_themes/default/images/nav_bestellen.jpg) no-repeat; width: 101px; height: 50px; display: block;}
#navbar ul li a.contact {background: url(/themes/site_themes/default/images/nav_contact.jpg) no-repeat; width: 100px; height: 50px; display: block;}


#highlight {background: url(/themes/site_themes/default/images/highlightbg.jpg); height: 296px; width: 906px; margin-bottom: 20px;}
#highlightimage {height: 296px; width: 610px; overflow: hidden; position: relative; float: left;}
#highlightinfo {width: 264px; float: right; margin: 16px; color: #def2f6; font-size: 12px;}
#highlightinfo p {line-height: 1.6em;}
#highlightinfo a {color: #fff; text-decoration: underline;}
#highlightnav {position: absolute; bottom: 26px; right: 6px; width: 273px; height: 20px;}
#highlightnav a {float:left;color: #23454d; width: 15px; height: 15px; text-decoration: none; margin: 3px 0 0 0; padding: 0 4px; outline: none; font-size: 10px; background: url(/themes/site_themes/default/images/navcircle.png) no-repeat;}
#highlightnav a.activeSlide {color: #fff; background: url(/themes/site_themes/default/images/navcircle_active.png) no-repeat;}

#highlightinfo h1 a {color: #fff; display: block; margin: 0 0 10px 0; font-size: 0.8em; font-weight: normal; text-decoration: none;}
#highlightimage .desc, #highlightimage .title {display: none;}
#highlightimage div img {float: left; margin: 20px 0 0 170px;}

ul#collection, ul {list-style: none;}
ul#collection li a {display: block; padding: 5px;}
ul#collection li a:hover {color: #000;}
ul#collection li.active {font-weight: bold;}

ul#collection li.selected a {text-decoration: none;}

a.schilderijen {background: #ef538f; text-decoration: none;}
a.en_meer {background: #a6a6a6; text-decoration: none;}
a.accessoires {background: #69d4fd; text-decoration: none;}
a.vlaggetjes {background: #f9dafe; text-decoration: none;}

.item {position: relative; float: left; width: 100%;}
.item a.thumb img {position: absolute; margin: 0 15px 15px 0; border: 1px solid #999999; background: #eee; padding: 4px; left:0; top: 40px;}
.item .title h1 a {position: absolute; text-decoration: none; font-size: 0.8em;}
.item .desc {float:left; margin-top: 320px; display: block;}
.item .price {position: absolute; top: 270px; right: 170px; font-size: 2em; color: #444; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-style:italic;}
.item .desc p {line-height: 1.6em;}
.item .dimensions {position: absolute; top: 240px; right: 170px;}

.listitem {position: relative; border-bottom:1px solid #ccc; height: 100px;}
.listitem a.listimg {position: absolute; top: 10px; border: 1px solid #999999; padding: 4px; height: 75px; width: 75px;}
.listitem .title {position: absolute; top: 10px; left: 100px;}
.listitem span.desc {position: absolute; top: 25px; left: 100px;}

#thumbnails {position:absolute; background: #eeeeee; width: 170px; top: 40px; right: 0; display: inline;}
#thumbnails .thumb {height: 75px; width: 75px; display: block; border: 1px solid #999999; float: right; margin: 4px; display: inline;}

#orderform {width: 830px; height: 350px;}
.orderbutton {position: absolute; top: 270px; right: 0;}

#pagination {float: left; width: 100%;}

div#fancy_overlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #333;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(/themes/site_themes/default/js/fancybox/fancy_progress.png) no-repeat;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url(/themes/site_themes/default/js/fancybox/fancy_closebox.png) ;
	cursor: pointer;
	z-index: 100;
	display: none;
}

div#fancy_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0; 
	margin: 0;
	z-index: 96;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 92;
}

div#fancy_title {
	position: absolute;
	bottom: -35px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 2px;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(/themes/site_themes/default/js/fancybox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(/themes/site_themes/default/js/fancybox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(/themes/site_themes/default/js/fancybox/fancy_title_right.png) repeat-x;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 10px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	background-image: url(data:image/gif;base64,AAAA);
	z-index: 100; 
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

a#fancy_left:hover {
	background: transparent url(/themes/site_themes/default/js/fancybox/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover {
	background: transparent url(/themes/site_themes/default/js/fancybox/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

div#fancy_bg {
	display: none;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(/themes/site_themes/default/js/fancybox/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(/themes/site_themes/default/js/fancybox/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(/themes/site_themes/default/js/fancybox/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(/themes/site_themes/default/js/fancybox/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(/themes/site_themes/default/js/fancybox/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(/themes/site_themes/default/js/fancybox/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(/themes/site_themes/default/js/fancybox/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(/themes/site_themes/default/js/fancybox/fancy_shadow_nw.png) no-repeat;
}