* { margin: 0; padding: 0; }
body,html {font-weight:normal;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#444;background:#000 url(i/bg10.jpg) fixed;line-height:130%;margin-top:15px}
ul {list-style:none}
a {color:#5a2121}
a:hover {text-decoration:none;}
a:focus {outline:none}
a img {border:none}
/* image met border */
.imgleft {float:left;margin:0 12px 12px 0;padding:3px;border: 1px solid #EBEBE5;background:#fff}
.imgright {float:right;margin:0 0 12px 12px;padding:3px;border:1px solid #EBEBE5;background:#fff}
/* image zonder border */
.imgleft_nb {float:left;margin:0 12px 12px 0;padding:3px;background:#fff}
.imgright_nb {float:right;margin:0 0 12px 12px;padding:3px;background:#fff}
.imgright_nb_nm{float:right;margin:0;padding:0;background:#fff}
.imgright_nb_nbg{float:left;margin:0;padding:0}
.center{text-align:center}
.strong{font-weight:bold}
.small{font: 10px verdana}
p {margin:0.8em 0;line-height:17px}
h1, h2, h3 {font-family: Georgia, 'Bookman Old Style', serif}
h2 {color:#AF2B1E;text-transform:uppercase;font-size:18px;padding-bottom:10px}
#colLeft h2, #colLeft h3 {text-transform:none;padding:5px 0}
#colRight h2 {font-size:16px; border-bottom:1px solid #efefef;padding-bottom:5px;padding-top:0;margin-bottom:5px}
h2.home, #colLeft h3 {border-bottom:1px solid #efefef;margin-bottom:10px;padding-bottom:6px}
h3 {color:#AF2B1E;font-size:1.5em}
h4 {color:#AF2B1E;font-size:1.2em}
h1 {font-size:26px;font-weight:normal;color:#333;display:block;border-bottom:1px solid #efefef;padding-bottom:10px;margin-bottom:15px}
#wrapper {width:960px;margin:0 auto;background:#fff url(i/bk_wrapper.jpg) 0 0 no-repeat;}
#header {height:150px;position:relative;border-bottom:1px solid #E2E2E2;background:url(i/bk_header.jpg) 0 100% repeat-x}
#content {padding:20px;border-bottom:12px solid #AF2B1E;}
#content.columns {background: url(i/bk_rightcol.jpg) 625px 0 repeat-y}
#footer {clear:both;padding:20px 0 10px 0;width:960px;height:80px;margin:1px auto;color:#7C8A91;position:relative;line-height:17px}
#cols{margin-top:20px}
#logo {position:relative;top:9px;left:20px;width:300px}
#logo h1 {padding:0;background:none;border:none}
#logo h1 a, #logo h1 a:hover{background:url(i/logoMG4.png) 0 0 no-repeat;width:207px;height:140px;text-indent:-9000px; display:block;text-decoration:none;border:none}
#nobilis {position:absolute;top:27px;right:30px;color:#AF2B1E;font-weight:bold}
#topMenu {position:absolute;right:20px;top:100px}
ul#topnav {margin: 10px 0 20px;padding: 0;list-style: none;font-size: 1.1em;clear: both;float: left}
ul#topnav li{margin: 0;padding: 0;cursor: pointer;float: left;height:40px;overflow: hidden}
ul#topnav a, ul#topnav span { padding: 10px 15px;float: left;text-decoration: none;color: #fff;text-transform: uppercase;clear: both;height: 20px;line-height: 20px;background: #AF2B1E}
ul#topnav a {color: #7bc441}
ul#topnav span {display: none}
ul#topnav.v2 span{background: url(i/a_bg.gif) repeat-x left top}
ul#topnav.v2 a{color: #555;background: url(i/a_bg.gif) repeat-x left bottom}
#home li.home span, #uurwerken li.uurwerken span, #juwelen li.juwelen span, #onderhoud li.onderhoud span, #route li.route span, #tips li.tips span,#prijs li.prijs span,#verloving li.verloving span{margin-top: -40px}
#aankondigingen {background:#FBFBFB; border:1px solid #DDD;padding:10px;margin-right:12px;width:894px;margin-bottom:20px}
#opgelet {background:#FBFBFB;border:1px solid #DDD;padding:10px;margin-right:12px;width:894px;margin-bottom:20px}
#aank1{width:445px;float:left}
#aank2{width:445px;float:right}
#latestNews {display:block}
#latestNews li {display:block;float:left;background:#FBFBFB url(i/bk_latest_box.jpg) 0 100% repeat-x; border:1px solid #DDD;padding:10px;margin-right:12px;width:275px;height:150px;position:relative;margin-bottom:20px}
#latestNews li h3 {padding-bottom:6px;font-weight:normal}
#latestNews li p img {float:left;margin-right:10px}
#latestNews li span {display:block;position:absolute;bottom:10px;left:7px;color:#828282;font-size:11px}
#latestNews li span img {vertical-align:middle; margin-right:3px}
#latestNews li a.readmore {display:block;position:absolute;bottom:8px;right:10px;background:url(i/but_readmore1.png) 0 0 no-repeat;width:66px;height:22px;text-indent:-9999px}
#homeColumns {display:block}
#homeColumns li {float:left;padding:10px;padding-left:5px;margin-right:0;width:288px;position:relative}
#homeColumns li.borders{border-right:1px dashed #E0E0DA;border-left:1px dashed #E0E0DA;padding-left:10px}
#homeColumns li.last {margin-right:0;border:none}
#homeColumns li.first {margin-right:0;border:none}
#colLeft {float:left;width:590px;padding-top:25px;text-align:justify}
#colRight {float:left;width:290px;padding-top:30px;margin-left:15px;padding-left:20px}
#angel {position:relative;top:-40px;left:10px}
#colRight ul.tipsnav {padding-bottom:15px}
#colRight ul.tipsnav li {display:block;border-bottom:1px solid #efefef;line-height:170%;padding:5px 0 5px 5px; background:#f9f9f9}
#colRight ul.tipsnav li a {text-decoration:none;display:block}
#colRight ul.tipsnav li a:hover{color:#bc0024;font-weight:bold}
#colRight ul.tipsnav li:hover {background:#fff}
#colRight ul.tipsnav li a.current {font-weight:bold;font-style: italic;}
.adres {margin:0 0 10px;padding:5px 0 10px;border-bottom:1px solid #efefef}
.adres img {vertical-align:midle}
.created{font-size:8px}
.created a{color:#7C8A91}
.imgleft {float: left;}
img.top {vertical-align:text-top}
/* voor blankwin js script */
a.external{padding-right:12px;background:url(i/ico_external.gif) no-repeat 100% 50%}
.wit {background-color: #efefef;color: inherit}
table.prijslijst td {border-bottom: 1px solid #efefef;border-right: 1px solid #efefef;padding:5px;text-align:left}
td {font-size: 11px}
#top-link { width:50px;height:50px;display:none; position:fixed; right:5px; bottom:5px; color:#000;background:#fff url(i/toppage.jpg) no-repeat;border:3px solid #efefef}
/* quick jum prijslijst */
#navi {margin: 0;padding: 10px 0 20px 0;}
#navi li {margin: 0;padding:0;display: inline;list-style-type: none}
#navi a:link, #navi a:visited {float: left;font-size: 11px;line-height: 14px;font-weight: bold;padding: 5px 20px 6px 15px;text-decoration: none;color: #ccc;margin-right:1px}
#navi a:hover {color: #000;background: url(i/Rounded.gif) no-repeat bottom center}
#devAnalogClock {float:left}
.folders {width:300px;padding: 7px 0 7px 55px;background: #f9f9f9 url(i/present1.png) no-repeat left center;border: 1px solid #999}
.download {width:300px;padding: 7px 0 7px 55px;background: #f9f9f9 url(i/download.png) no-repeat left center;border: 1px solid #999}
/* HOME SLIDER
-----------------------------------------------*/
#slider {padding-bottom:20px;margin-top:20px}
* html #slider {padding-bottom:0}
#sliderFold {width:300px;padding:0;float:left}
#sliderFold .sliderItem, #sliderFold .sliderItemOn, #sliderFold .sliderItemOnFirst{padding:13px 21px 0 74px;height:103px;position:relative;cursor:pointer;border: 1px solid #fff;border-left:none;border-right:none}
#sliderFold .sliderItemOn, #sliderFold .sliderItem:hover {border-right:none;background:url(i/bk_serv_active.jpg) 100% 0 repeat-y;display:block}
#sliderFold .sliderItem h2, #sliderFold .sliderItemOn h2, #sliderFold .sliderItemOnFirst h2 {font-size:16px;letter-spacing:3px; padding-bottom:5px;text-transform:none;}
#sliderFold .sliderItem p, #sliderFold .sliderItemOn p, #sliderFold .sliderItemOnFirst p {line-height:110%}
#sliderFold .sliderItem img, #sliderFold .sliderItemOn img, #sliderFold .sliderItemOnFirst img{position:absolute;left:0;top:10px}
.sliderImg {background:#fff; border:1px solid #AF2B1E;position:relative;float:left;padding:6px;height:340px}
.panel a.butDetails {display:block;position:absolute;width:74px;height:22px;background:url(i/but_readmore1.png) 0 0 no-repeat;text-indent:-9999px;right:3px;bottom:7px;}
.panel img {border:1px solid #fff}
#sliderFold .sliderItemOn{border:1px solid #AF2B1E;border-left:none;border-right:none}
/* CAROUSEL
---------------------------------------------*/
.stepcarousel{
float:left;
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 600px; /*Width of Carousel Viewer itself*/
height: 336px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left:0;top: 0}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:329px;position:relative}
/* rounded corners for images */
img.tn_left {-moz-border-radius:3px;background-color:#EEE;border:1px solid #DDD;padding:5px;float:left;margin-right:10px}
a:hover img.tn_left,a:hover img.tn_right {-moz-border-radius:3px;background-color:#EEE;border:1px solid #AF2B1E;padding:5px;float:left;margin-right:10px}
img.tn_right {-moz-border-radius:3px;}
img.tn_specials {-moz-border-radius:3px;background-color:#EEE;border:1px solid #DDD;padding:5px}
a:hover img.tn_specials {-moz-border-radius:3px;background-color:#EEE;border:1px solid #AF2B1E;padding:5px}
/* CLEARING
---------------------------------------------------*/
.clearfix:after {content: ".";display:block;height: 0;clear: both;visibility: hidden}
.clearfix {display: block}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear {clear: both}
.noclear {clear: none}
#bodyContent{text-align: left;width:200px;height:100px}
/* colorbox */
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
ColorBox example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}
#colorBox{}
#cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) 0 0 no-repeat;}
#cboxTopCenter{height:25px; background:url(images/border1.png) 0 -50px repeat-x;}
#cboxTopRight{width:25px; height:25px; background:url(images/border1.png) -25px 0 no-repeat;}
#cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) 0 -25px no-repeat;}
#cboxBottomCenter{height:25px; background:url(images/border1.png) 0 -75px repeat-x;}
#cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) -25px -25px no-repeat;}
#cboxMiddleLeft{width:25px; background:url(images/border2.png) 0 0 repeat-y;}
#cboxMiddleRight{width:25px; background:url(images/border2.png) -25px 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:20px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxLoadingOverlay{background:url(images/loading.gif) 5px 5px no-repeat #fff;}
#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}
/*
The following fixes png-transparency for IE6.
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.
!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}