@charset "utf-8"; /* CSS Document */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* --------------------------------------------------------------------- */ html{overflow-y:scroll; height:100%} body{background:#f3f3f3; height:100%; font:11px Verdana, Geneva, sans-serif} a{color:#a58b31} a:hover{text-decoration:none} a.top{background:transparent url(/lnk_top.gif) left center no-repeat; padding-left:10px} a.external{padding-right:15px; background:transparent url(/icon_external_link.gif) center right no-repeat} .align_right{text-align:right} .italic{font-style:italic} .error, .success{background:#eee url(/bg_submit.gif) left top repeat-y; border:solid 1px #bbb; margin-bottom:10px; color:#333; position:relative; padding:5px 10px 5px 0} .error img, .success img{position:absolute; left:6px; top:8px} .error p, .success p{margin:4px 0 4px 30px} .error ul{margin-left:55px; list-style-type:square; margin-top:10px} .error li{line-height:16px} p{margin:10px 0} #site_wrapper{background:transparent url(/bg.png) top right repeat-y; width:960px; margin:0 auto; min-width:960px; min-height:100%; height:auto; position:relative} #bling{position:absolute; top:0; left:30px; z-index:-1; width:635px; height:169px} #page_wrapper{min-height:725px; height:auto; background:transparent url(/art_bg.png) 0 50px no-repeat} #women{position:absolute; top:0; right:-102px; z-index:-1} #menu{margin-top:71px; margin-left:112px; float:left} #menu ul{float:left} #menu li{float:left; margin-right:11px; padding-bottom:6px; background:transparent url(/menu_shadow.png) right bottom no-repeat; height:28px} #menu a{font-weight:bold; font-size:11px; text-decoration:none; color:#000; padding:9px 30px 5px 10px; background:#fff url(/menu_gradient.jpg) bottom right no-repeat; display:block} #menu a:hover, #menu a.sel{color:#fff; background-color:#b29510; background-image:url(/menu_gradient_over.jpg)} #content_wrapper{width:705px; float:left; margin-top:40px; padding-bottom:160px; position:relative} #content{width:393px; background:#fff; padding:10px; float:left; min-height:325px} #right_col{width:250px; position:absolute; right:15px; top:-20px} #promo_btn{display:block; margin-bottom:15px; margin-left:54px; width:142px} #address{padding:5px 15px; background:#fff url(/address_gradient_bg.jpg) top right repeat-y; margin-top:10px; position:relative; height:140px} #address .logo{position:absolute; right:35px; bottom:45px} #address ul{margin-top:5px} #address li{line-height:20px} #address .tel, #address .email{padding-left:30px; background:transparent url(/icon_tel.png) left center no-repeat; line-height:28px} #address .email{background-image:url(/icon_email.png)} #address .tel{padding-top:5px} #address .shadow{background:transparent url(/address_shadow.png) left top no-repeat; display:block; position:absolute; bottom:-8px; right:0; width:80px; height:8px} #footer{background:transparent url(/footer_bg.png) left top no-repeat; height:200px; position:absolute; bottom:20px; right:100px; width:542px; height:161px} #footer img{position:absolute; top:5px; right:15px} #footer li{line-height:19px; padding:0 2px; font-size:10px} #footer .ohours1{position:absolute; bottom:15px; left:30px} #footer .ohours2{position:absolute; bottom:25px; left:180px} #footer .mark{background-color:#f6f6f6} #footer li span{color:#888} #footer #afspraak{top:135px; left:120px} #d2d {clear:left; display:block; margin-right:365px; text-align:right; padding-bottom:15px} body.index #d2d{padding-top:50px} body.index #content{min-height:247px} #loc{margin-bottom:10px; border-bottom:dotted 1px #999; padding-bottom:5px} #content h2{margin-bottom:15px} #content h3{padding:4px 3px 4px 6px; margin-bottom:10px; color:#82722E; border-left:solid 3px #e7dcb7} #content h3 span{font-size:9px; font-style:italic; font-weight:normal} #sitemap ul{list-style-type:square; margin-left:25px} #sitemap li{line-height:18px} /* ####### PRODUCT ####### */ #pyramid{text-align:center; position:relative; border:solid 1px #eee; height:230px} #pyramid span{font-weight:bold; font-size:10pt; position:absolute; color:#888} #pyramid .lbl_basic{bottom:45px; left:0; width:55px} #pyramid .lbl_superior{bottom:115px; right:30px; width:75px} #pyramid .lbl_exclusive{top:15px; left:80px; width:75px} .smaller{font-size:.9em} /* ####### PRODUCT ####### */ /* ####### GALLERY ########## */ #img_galleries{list-style-type:none; margin:10px 0; float:left} #img_galleries li{float:left; width:115px; height:115px; margin:5px 24px 10px 0; text-align:center} #img_galleries li.lc{margin-right:0} #img_galleries a{display:block; width:113px; height:113px; border:solid 1px #ccc; position:relative; text-decoration:none} #img_galleries a:hover{border:solid 1px #82722E} #img_galleries span{position:absolute; left:4px; bottom:3px; display:block; background-color:#333; color:#fff; padding:3px; width:99px} #img_galleries .even{background-color:#f4e8be} #imgs{list-style-type:none; margin:10px 0; float:left} #imgs li{float:left; width:115px; height:115px; margin:5px 24px 10px 0; text-align:center} #imgs a{display:block; width:113px; height:113px; border:solid 1px #ccc} #imgs a:hover{border:solid 1px #82722E} #imgs li.lc{margin-right:0} #imgs .even{background-color:#f4e8be} /* ####### GALLERY ########## */ /* ####### FAQ ####### */ #questions{border:solid 3px #f6f6f6; border-width:6px 0; padding:10px; margin-bottom:15px} #questions ul{list-style-type:square; margin:0 10px 15px 25px} #questions li{margin:5px 0; color:#666} #questions a{font-style:italic} #faq dt{font-style:italic; color:#666; margin-bottom:10px} #faq dd{margin-left:25px; margin-bottom:30px; padding-left:10px; border-left:solid 2px #999} #faq dd.last{margin-bottom:15px} #faq a.top{display:block; width:25px; margin-top:10px} #faq p{line-height:18px; color:#aaa} /* ####### FAQ ####### */ /* ####### LINKS ####### */ .links{float:left} .links li{float:left; margin-bottom:10px} .links li.alt{background-color:#f6f6f6} .links .img{width:75px; height:75px; float:left; display:block; margin-right:10px} .links .label{display:block; border-bottom:solid 1px #bbb; padding-bottom:10px; float:left; padding-top:4px; width:305px} .links .url{text-align:right; display:block; float:left; padding:5px 5px 5px 0; width:300px} /* ####### LINKS ####### */ /* ####### CONTACT ####### */ .form_wrapper{clear:both} #map_canvas{height:300px} /* ####### CONTACT ####### */ /* ####### PROMO ####### */ #promo img{margin-bottom:5px} /* ####### PROMO ####### */ /* ####### INTRO ####### */ body.intro{background:#fff} #intro_wrapper{width:800px; height:600px; margin:0 auto; padding-top:50px} #intro{width:800px; height:600px} #skip{text-align:right; margin-bottom:15px} /* ####### INTRO ####### */ #index_model{width:393px; height:247px} #index_model img{display:block}