/* Bengels & Boefjes Stylesheet Copyright © 2009 Torwald. WWW.TORWALD.COM */ html { min-height: 100%; } body { text-align: center; background: url(../images/background.gif) repeat-y center; margin: 0 auto; } img { border: none; } h1 { font-family: 'mrseavesroman', Georgia, serif; font-size: 23px; color: #635a50; xwidth: 270px; margin: 0; padding: 0; line-height: 120%; } h2 { font-family: 'mrseavesroman', sans-serif; font-size: 16px; color: #918b84; padding-top: 10px; line-height: 110%;} h3 { font-family: 'mrseavesroman', sans-serif; font-size: 20px; color: #918b84; padding-top: 7px; padding-bottom: 11px; margin: 0; line-height: 110%; } h4 { font-family: 'mrseavesroman', sans-serif; font-size: 18px; color: #fff; padding-top: 10px; margin: 0; line-height: 110%; } h4 a { color:#fff; } h5 { font-family: 'Georgia', sans-serif; font-size: 24px; font-weight:lighter; color: #918b84; margin: 0; padding: 0; line-height: 110%; display: inline; } h5 a { color:#b1aca7; } h5 a:hover { color:#635a50; } h5 a.selected-top { color:#635a50; } h6 { font-family: 'mrseavesroman', sans-serif; font-size: 38px; color: #635a50; margin: 0; padding: 0; line-height: 110%; display: inline; } a:focus, a:hover, a:active { outline:none } img.horizontal2 { padding-top: 28px; } .title h3 { font-family: 'mrseavesroman', sans-serif; font-size: 20px; color: #918b84; padding-top: 19px; padding-bottom: 10px; margin: 0; line-height: 110%; } .title2 h3 { font-family: 'mrseavesroman', sans-serif; font-size: 20px; color: #918b84; padding-top: 28px; padding-bottom: 11px; margin: 0; line-height: 110%; } div.container { margin: 0 auto; width: 920px; text-align: left; padding-top: 22px;; } div.left { float: left; display: inline; width: 276px; padding-left: 30px; padding-right: 20px; text-align: center; } div.left-follow { float: left; display: inline; width: 276px; xline-height: 140%; padding-left: 30px; padding-right: 20px; text-align: center; } div.left-follow-two { float: left; display: inline; width: 546px; xline-height: 140%; padding-left: 30px; padding-right: 20px; text-align: left; } div.middle-follow {float: left; display: inline; width: 2px; background: url(../images/vertical.gif) repeat-y; height: 74px; } div.middle-follow-two {float: left; display: inline; width: 2px; background: url(../images/vertical.gif) repeat-y; height: 1360px; } div.right-follow-two { margin-left: 596px; padding-left: 18px; } div.tekst-two h1 { font-family: 'mrseavesroman', Georgia, serif; font-size: 23px; color: #635a50; margin: 0; padding-top: 28px; line-height: 120%; } img.winkel-left { float: left; margin-right: 15px; margin-top:25px; } img.winkel-right, img.collectie-right { float: right; margin-left: 15px; margin-top: 25px; } div.winkel { float: left; width: 216px; height: 330px; } div.winkel h1 { font-family: 'mrseavesroman', Georgia, serif; font-size: 23px; color: #635a50; margin: 0; padding-top: 50px; line-height: 120%; } div.winkel h2 { font-family: 'mrseavesroman', sans-serif; font-size: 16px; color: #918b84; margin: 0; padding-top: 7px; line-height: 110%; } div.adres h2 { font-family: 'mrseavesroman', sans-serif; font-size: 16px; color: #918b84; margin: 0; padding-top: 4px; line-height: 110%; } div.middle-follow-three {float: left; display: inline; width: 2px; background: url(../images/vertical.gif) repeat-y; height: 1000px; } div.middle-follow-four {float: left; display: inline; width: 2px; background: url(../images/vertical.gif) repeat-y; height: 3185px; } img.collectie-left{ float: left; margin-right: 15px; margin-top: 5px; } div.collectie { float: left; width: 370px; padding-top: 20px; margin: 0; } div.collectie h1 { font-family: 'mrseavesroman', Georgia, serif; font-size: 23px; color: #635a50; margin: 0; padding-top: 7px; line-height: 120%; } div.collectie h2 { font-family: 'mrseavesroman', sans-serif; font-size: 16px; color: #918b84; margin: 0; padding-top: 7px; line-height: 110%; } img.link { padding-top:2px; padding-bottom:25px; } div.logo {height: 150px; } div.logo-small {height: 79px; } div.tekst { padding: 0; margin: 0; } div.tekst-two { padding: 0; margin: 0; } div.middle {float: left; display: inline; width: 2px; background: url(../images/vertical.gif) repeat-y; height: 1168px; } div.right { margin-left: 328px; padding-left: 18px; } /* SUB */ .topwrapper { height: 100px; } /* Target IE7 only */ html>body .topwrapper { *margin-bottom: 21px; } /* end */ /* CLEARFIX */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /*merk*/ #merk ul { list-style:none; margin:0; padding:0; } #merk li { float:left; } #merk li a span, #merk li a em { display:none; } #merk li a { display:block; height:28px; width:88px; background-position:center top; } #merk li a:hover span { display: block; position: relative; width: 88px; height:28px; z-index: 1; background-position:center bottom; } #merk li#gant a, #merk li#gant a:hover span { background-image:url(../images/merken/gant.gif); } #merk li#opsetims a, #merk li#opsetims a:hover span { background-image:url(../images/merken/opsetims.gif); } #merk li#woodwork a, #merk li#woodwork a:hover span { background-image:url(../images/merken/woodwork.gif); } #merk li#cottonbaby a, #merk li#cottonbaby a:hover span { background-image:url(../images/merken/cottonbaby.gif); } #merk li#bibelotte a, #merk li#bibelotte a:hover span { background-image:url(../images/merken/bibelotte.gif); } #merk li#fairytale a, #merk li#fairytale a:hover span { background-image:url(../images/merken/fairytale.gif); } #merk li#roomseven a, #merk li#roomseven a:hover span { background-image:url(../images/merken/roomseven.gif); } #merk li#taftan a, #merk li#taftan a:hover span { background-image:url(../images/merken/taftan.gif); } #merk li#sebra a, #merk li#sebra a:hover span { background-image:url(../images/merken/sebra.gif); } #merk li#storksak a, #merk li#storksak a:hover span { background-image:url(../images/merken/storksak.gif); } #merk li#designersguild a, #merk li#designersguild a:hover span { background-image:url(../images/merken/designersguild.gif); } #merk li#tanteted a, #merk li#tanteted a:hover span { background-image:url(../images/merken/tanteted.gif); } #merk .pr { padding-right: 6px; } #merk .pb { padding-bottom: 6px; } /*favorieten*/ #favorieten { height: 420px; } #favorieten ul { list-style:none; margin:0; padding:0; } #favorieten li { float:left; } #favorieten li a span, #favorieten li a em { display:none; } #favorieten li a { display:block; height:189px; width:118px; background-position:center top; } #xfavorieten li a:hover span { display: block; position: relative; width: 118px; height:189px; z-index: 1; background-position:center bottom; } #favorieten li#kussenset a, #favorieten li#kussenset a:hover span { background-image:url(../images/favorieten/kussenset.jpg); } #favorieten li#hobbelpaard a, #favorieten li#hobbelpaard a:hover span { background-image:url(../images/favorieten/hobbelpaard.jpg); } #favorieten li#bedlinnen a, #favorieten li#bedlinnen a:hover span { background-image:url(../images/favorieten/bedlinnen.jpg); } #favorieten li#kussens a, #favorieten li#kussens a:hover span { background-image:url(../images/favorieten/kussens.jpg); } #favorieten li#lampenkap a, #favorieten li#lampenkap a:hover span { background-image:url(../images/favorieten/lampenkap.jpg); } #favorieten li#ster a, #favorieten li#ster a:hover span { background-image:url(../images/favorieten/ster.jpg); } #favorieten li#kussen a, #favorieten li#kussen a:hover span { background-image:url(../images/favorieten/kussen.jpg); } #favorieten li#fauteuil a, #favorieten li#fauteuil a:hover span { background-image:url(../images/favorieten/fauteuil.jpg); } #favorieten .pr { padding-right: 22px; } #favorieten .pb { padding-bottom: 28px; } .rightsub { width: 546px; } .menu-home { height: 30px; background-color:#635a50; text-align: center; } .products { height: 520px; background: url(../images/articlebg.jpg); } /*menu*/ .men { height: 42px; text-align: center; margin-top: 15px; } .men ul li { display: inline; } .men ul { margin: 0; padding: 0; list-style-type: none; } .men ul li a { text-decoration: none; padding: .3em 0.5em; } .menborder {border-bottom: #635a50 1px solid; } .menu-home-bottom { height: 23px; background-color:#635a50; text-align: center; margin-top: 12px; padding: 0; padding-top: 4px; display: block; } .menu-home-bottom ul li { display: inline; } .menu-home-bottom ul li h5.small{ font-family: 'georgia', sans-serif; font-size: 16px; color: #bbb6b2; xwidth: 270px; padding: 0; margin: 0; vertical-align: bottom; line-height: 110%; display: inline; } .menu-home-bottom ul li h5.small a {color:#bbb6b2; } .menu-home-bottom ul li h5.small a:hover {color:#fff; } .menu-home-bottom ul li h5.small a.selected-bottom {color:#fff; } .menu-home-bottom ul { margin: 0; padding: 0; list-style-type: none; } .menu-home-bottom ul li a { text-decoration: none; padding: .2em 1em; } .product-top { height:261px; } #menu a { text-decoration: none; } #menu a i { visibility: hidden; } #bed { height: 259px; width: 272px; float: left; display:block; } #stoel {height: 172px; width: 181px; float: right; } #bed2 { height: 172px; width: 182px; float: left; display:block; margin-top:87px; } #hangchair {height: 172px; width: 180px; float: left; display:block; } #bedstede {height: 172px; width: 181px; display:block; float:right; } a#bed:hover { background-image: url(../images/producten/bed.jpg); } a#stoel:hover { background-image: url(../images/producten/stoel.jpg); } a#bed2:hover { background-image: url(../images/producten/bed2.jpg); } a#hangchair:hover { background-image: url(../images/producten/hangchair.jpg); } a#bedstede:hover { background-image: url(../images/producten/bedstede.jpg); } a#bed:hover, a#stoel:hover, a#bed2:hover, a#hangchair:hover, a#bedstede:hover, { border: none; } .bottom { border-top: #635a50 1px solid; width:860px; margin-top: 21px; margin-left: 30px; } .bottom a { text-decoration: none; color: #918b84; } .bottom h3 { font-family: 'mrseavesroman', sans-serif; font-size: 16px; padding-top: 12px; margin: 0;color: #918b84; line-height: 110%; } .top { border-top: #635a50 1px solid; width:860px; margin-top: 0px; margin-left: 30px; }