/*meyer reset*/
html,body,div,span,applet,object,iframe,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

html, body {height: 100%; width: 100%; padding:0; margin:0}

/*sticky footer*/
html,body { height:100%; }
.ie7 #holder, .ie8 #holder { border: 1px solid  #CCC}
#holder { min-height:100%; margin: 0 auto; overflow:hidden; position:relative; width:1000px; background: #FFF; 
-moz-box-shadow: 0 0 20px #CCC;
-webkit-box-shadow: 0 0 20px #CCC;
box-shadow: 0 0 20px #CCC;
} /*and gridpack max-width*/
#main { overflow:auto; padding-bottom:212px; }
#footer { position:relative; margin:-212px auto 0; min-height:211px; width:1000px; clear:both; background: #FAF8F7; border-top: 1px solid #CCC;   }

body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; }

#ui-datepicker-div .ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_cc0000_256x240.png)!important;
}

/*960.gs*/



body{min-width:960px}.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after,.container_16:after{clear:both}.clearfix,.container_12,.container_16{zoom:1}
.relative{ position: relative; }

body{font: 12px "Myriad Pro"; color:#000; margin:0; background:#F6F5F4; text-align:left; line-height:18px}

a img{ border:0}
.mceContentBody{background:none; text-align:left}
a:link, a:visited{text-decoration:none; color: #63BFEA}
a:hover { text-decoration: underline}
#content a:hover { text-decoration:underline }

input, select, textarea { background: #FAF8F7; border: 1px solid #CCC; font: 15px/18px "Rokkitt", sans-serif; color: #333; padding: 0 20px 0 10px; margin: 3px 0;  }
textarea { padding: 0 0 0 10px}
select { padding-right: 0; }

h1{font: 18px 'Karla', sans-serif; color: #866663; line-height:22px;}
h2{font: 18px 'Karla', sans-serif; color: #866663; line-height:19px;  }
h3{font: 16px 'Karla', sans-serif; color: #4599D6; line-height:17px; font-weight: 400; text-transform:uppercase}
h4{font-size:0.7em}


ul{list-style:disc; padding-left:12px; padding-right:12px}
ol{list-style:decimal; padding-left:20px; padding-right:20px}

/* LAYOUT */

#head { background: url('/images/website/bg-head.jpg'); min-height: 246px; margin: 0px auto; }
#topaddress { color: #777; font: 15px "Rokkitt", sans-serif; margin-top:15px}
#topaddress img { margin: 0 5px 0 20px }
#logo { float:left; margin: 10px 0;}
#menu { background:#63BFEA; height: 42px;}
#menu a { display:block; margin: 0px 20px; font: 18px/42px "Rokkitt", sans-serif; text-transform:lowercase;  color: #000; float: left;}
#menu a:hover { color: #FFF; text-decoration:none;}
#menu a.active{ color: #FFF; text-decoration:none;}
#menu .container_12 { position: relative; }

#slider-wrap #slider { width:1000px; height:335px; overflow:hidden; margin-top: 3px } 
#slider-wrap #slider .item { width: 1000px; height:335px ;  float: left; }
#slider-wrap #slider .item .caption {  margin: 235px 0 0 15px; width: 619px; padding: 10px;  font: 20px/22px "Rokkitt", sans-serif; color: #FFF; background: url('/images/website/layout/bg-caption.png');}

#slider-wrap #pagination { position:absolute; margin: 290px 0 0 690px; z-index: 999; text-align:right; width: 300px; }
#slider-wrap #pagination a { font: 22px "Rokkitt", sans-serif; color: #FFF; display:inline-block;  padding: 2px 7px; margin:2px; background: #000}
#slider-wrap #pagination a:hover { text-decoration: none; background: #63BFEA; color: #000 }
#slider-wrap #pagination a.selected { background: #63BFEA;  color: #000 } 

#breadcrumbs { text-transform: lowercase; color: #AAA; margin:15px 0 0 }
#breadcrumbs a { color: #AAA}
#breadcrumbs a:hover { font-style:italic}

h1 { font: 18px/25px "Rokkitt", sans-serif; color: #000; text-transform: uppercase; border-bottom: 1px dotted #CCC; padding-bottom: 5px; }
h2 { font: 18px/20px "Rokkitt", sans-serif; color: #63BFEA; }

#content { line-height: 21px; padding-bottom: 50px;}
#content table { margin-bottom: 15px; }
#content table tr td, #content table tr th { padding-left: 25px; }
#content table tr td:first-child, #content table tr th:first-child { padding-left: 0; }
/* CALENDAR */
#content .calendar table tr td, #content .calendar table tr th{ padding-left: 4px; }
#content .calendar table tr td:first-child, #content .calendar table tr th:first-child { padding-left: 0; }

.button { border: none; display: inline-block; text-transform: uppercase; background: #63BFEA; color: #FFF !important; padding: 0 10px; font: 15px/19px "Rokkitt", sans-serif; margin: 2px; cursor: pointer}
.button:hover { text-decoration: none; background:#00A3D9}

.rightdiv { margin-bottom: 50px; line-height: 21px;}
.rightdiv input[type=text],.rightdiv input[type=password] { background: #FAF8F7; border: 1px solid #CCC; font: 15px/18px "Rokkitt", sans-serif; color: #333; padding: 0 20px 0 10px; margin: 3px 0; width:85% }
#login .pw { color: #000; font: 12px "Rokkitt", sans-serif; text-decoration: underline}
#login .pw:hover { text-decoration: none}


.banner { width: 619px; height:205px; margin: 20px 0; background-repeat: no-repeat; position: relative; overflow: hidden; }
.banner .caption { position: absolute; top: 160px; left: 0; height: 205px; width: 599px; font: 13px/22px "Rokkitt", sans-serif; color: #FFF; background: url('/images/website/layout/bg-caption.png'); padding: 0 10px;}
.banner .caption span.title { text-transform: uppercase; font-size: 20px; line-height: 45px; margin-bottom: 15px;}
.banner .caption table { margin-bottom: 10px; }
.banner .caption table tr td { padding-left: 60px; }
.banner .caption table tr td:first-child { padding-left: 0; }

#twitter { padding:5px 10px 40px; background: #FAF8F7 url('/images/website/layout/twitter-bottom.jpg') center bottom no-repeat}
#twitter ul { list-style: none; padding:0; margin:0}

#sitemap { padding-top:25px }
#sitemap a {  color: #000; font: 18px/27px "Rokkitt", sans-serif; text-decoration: none;  margin-left:20px; text-transform: lowercase }
#sitemap a:hover { color: #63BFEA;} 

#contactinfo { text-align:right;  font: 18px/27px "Rokkitt", sans-serif;}
#contactinfo a.facebook { margin: -15px 0 0 0; cursor:pointer; display:block; float:right; height: 21px; width: 22px; background: url('/images/website/icons/facebook.png') top center no-repeat }
#contactinfo a.facebook:hover { background-position: bottom center }
#contactinfo a.twitter { margin: -15px 0 0 5px; cursor:pointer; display:block; float:right; height: 21px; width: 22px; background: url('/images/website/icons/twitter.png') top center no-repeat }
#contactinfo a.twitter:hover { background-position: bottom center }

#copy { font: 12px "Rokkitt", sans-serif; color: #888; text-decoration: none; }
#copy:hover { color: #63BFEA;  }

.ie7 .wwdo { padding-top:50px; height:89px;}
.wwdo { height:139px; margin-bottom:20px; display:table; text-align: center;  background: #F6F5F4; text-transform: uppercase; font-size: 14px;word-break: break-word; }
.wwdo p { display: table-cell; vertical-align: middle;}
.wwdo.blue { background: #63BFEA; color: #FFF }
.wwdo.black { background: #000; color: #FFF }

#subscribeForm input[type="text"] { width: 200px; padding-top: 3px; padding-bottom: 3px; color: #333;}
#subscribeForm textarea { width: 220px; color: #333; height:75px }
#subscribeForm label { color: #000; font: 15px/18px "Rokkitt", sans-serif; margin-top: 3px }
#subscribeForm label.error { display:block; color: #F00; margin-bottom: 5px}

.left {float:left;}
.right { float:right;}

/* CATEGORIES */
div.categories { float: left; width: 222px; margin-right: 18px; }
div.category-content { float: left; width: 380px; }
div.category-content h2.title { text-transform: uppercase; }
ul.categories { margin-top: 13px; padding: 0; }
ul.categories li { list-style: none; color: #878787; }
ul.categories li a { color: #878787; text-decoration: underline; }
ul.categories li:before { content:'› '; color: #878787; }
ul.categories li.active, ul.categories li.active a, ul.categories li a:hover { color: #63BFEA; }
ul.categories li.active:before { color: #63BFEA; }

/* LOTS */
div.lots div.lot { float: left; width: 100px; text-align: center; background: #FAF8F7; margin-right: 13px; }
div.lots div.lot img { line-height: 1; height: 67px; width: 100px; display: block; }
div.lots a { color: #000; }
#lot-details #lot-photos { float: left; width: 380px; }
#lot-details #lot-photos .large { height: 149px; width: 222px; float: left; margin-right: 8px; }
#lot-details #lot-photos .small { height: 149px; width: 150px; float: left; }
#lot-details #lot-photos .small a { width: 64px; height: 43px; display: block; margin: 0 0 10px 11px; float: left; }
#lot-details #lot-photos .small img { width: 64px; height: 43px; display: block; }
#lot-details #lot-photos .invisible { display: none !important; visibility: hidden; }
#lot-details .between { text-align: right; height: 28px; line-height: 28px; width: 380px; }
#lot-details .currentBid { padding: 14px 10px; background: #FAF8F7; font-size: 13px; }
#lot-details .currentBid table { margin: 0; width: 100%; }
#lot-details .bid strong, #lot-details .currentBid strong { text-transform: uppercase; font-size: 13px; }
table.items { width: 100%; }
table.items td{ vertical-align: top; }
table.items th { font-weight: bold; }
.result, .errors { font-weight: bold; }

/* LOTS 2 */
.lots2 .lot2 { width: 100%; background: #FAF8F7; margin-bottom: 20px; }
.lot2 .lot2-img { width: 137px; height: 92px; float: left; }
.lot2 .lot2-img img { width: 137px; height: 92px; }
.lot2 .lot2-content { padding: 5px 20px 0 20px; width: 443px; float: left; }
.lot2 .title { font-size: 15px; line-height: 20px; font-weight: bold; font-family: "Karla", sans-serif; }
.lot2 .description p { margin: 0; color: #000; }
.lot2 table { font-size: 12px; color: #000; margin-bottom: 0 !important; }
.lot2 table .small { font-size: 11px; }
.lot2 table b { font-size: 13px; }

/* LOT FEATURED */
#lot-featured { width: 220px; height: 149px; position: relative; }
#lot-featured .caption { width: 200px; position: absolute; bottom: 0px; font: 13px/17px "Rokkitt", sans-serif; color: #FFF; background: url('/images/website/layout/bg-caption.png'); padding: 5px 10px; }
#lot-featured .caption p { margin: 0; }

/* RIGHTSIDE */
div.rightdiv ul { padding: 0; list-style: none; }
div.rightdiv ul li:before { content:'› '; color: #63BFEA; }

/* CALENDAR */
.calendar { margin-top: 10px; }
.event { background: url(/images/website/bg/border.jpg) repeat-x bottom left; padding-bottom: 5px; margin-bottom: 30px; }
.event .date { font-size: 11px; color: #999999; margin-bottom: 10px; display: inline-block; }
.event p { font-size: 13px; }

/* SEARCH */
#search { height: 21px; margin-top: 7px; float: right; }
#search input { background: #00A3D9; float: left; padding: 2px 5px; color: #FFF !important; border: 0 !important; outline: 0 !important; }
#search input[type=text] { height: 17px; width: 180px; }
#search input[type=image] { padding: 4px 5px 3px 5px; }

/* NEWS */
.newsitem .date { font-size: 11px; text-decoration: underline; }
.newsitem p { margin: 0; }
.newsitem a.more { float: right; }
.news span.date { font-size: 11px; }

a.banner-link:hover { text-decoration: none !important; }
a.banner-link:hover .banner .caption { color: #FFF; }


/* HOME */
a.home-link { display: block; width: 620px; height: 208px; text-align: center; text-decoration: none !important; color: #FFF; margin-bottom: 13px; }
a.home-link.online { background: url(/images/website/home/online-verkoop.jpg) no-repeat center center; }
a.home-link.openbaar { background: url(/images/website/home/online-verkoop.jpg) no-repeat center center; }
a.home-link div.overlay { background: #56A7CC; width: 620px; height: 208px; opacity: 0.7; font-size: 32px; -webkit-transition: background 1s; transition: background 1s; }
a.home-link span.text { font-family:"Rokkitt", sans-serif; line-height: 208px; text-transform: uppercase; color: #FFF; text-decoration: none !important; }
a.home-link:hover div.overlay { background: #63BFEA; }
a.home-link:hover { text-decoration: none !important; }
a.home-link:hover span.text { text-decoration: none !important; }

/* GALLERY */
ul.pic-thumbs { list-style: none; margin: 0; padding: 0; margin-left: -5px; }
ul.pic-thumbs li { float: left; padding: 0; margin: 0 0 5px 5px !important; line-height: 1; }
ul.pic-thumbs li img { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
ul.pic-thumbs li img:hover { opacity: 0.7; }