@charset "UTF-8"; /* CSS Document */ /* ----------------------------------------------------- */ /* Common tags /* ----------------------------------------------------- */ * { padding:0; margin:0; } p { padding: 0 0 14px 0; } a, a:visited { color:#fdb4c5; outline: none; } a:hover { color:#fff; text-decoration:none;} h1 {} h2 { color:#fdb4c5; font-size:140%; padding: 8px 0 10px 0; } h3 { color:#fdb4c5; font-weight:bold font-size:110%; } h3 a { color:#fdb4c5; font-weight:bold font-size:110%; } em { font-style: italic; } img { border:none; } /* ----------------------------------------------------- */ /* BODY /* ----------------------------------------------------- */ body { background:#000; } /* body.home { background-attachment: fixed; background: #000000 url(../img/back-home.jpg) no-repeat left top; } body.contact { background-attachment: fixed; background: #000000 url(../img/back-contact.jpg) no-repeat left top; } body.diensten { background-attachment: fixed; background: #000000 url(../img/back-diensten.jpg) no-repeat left top; } body.nieuwsbrief { background-attachment: fixed; background: #000000 url(../img/back-nieuwsbrief.jpg) no-repeat left top; } body.overemma { background-attachment: fixed; background: #000000 url(../img/back-overemma.jpg) no-repeat left top; } body.pers { background-attachment: fixed; background: #000000 url(../img/back-pers.jpg) no-repeat left top; } body.samenwerkingen { background-attachment: fixed; background: #000000 url(../img/back-samenwerkingen.jpg) no-repeat left top; } */ /* ----------------------------------------------------- */ /* CONTENT /* ----------------------------------------------------- */ #content { margin:0px auto; height:100%; width:100%; bottom:0; z-index:4; position:absolute; } .glance { color:#fdb4c5; } ul.strikje { list-style-type:none; } ul.strikje li { background: url(../img/strikje-list.png) no-repeat; margin: 0 0 6px 0; padding: 1px 0 3px 40px; } ul.ster { list-style-type:none; margin-bottom:10px; width:560px; } ul.ster li { display:block; background: url(../img/ster.png) no-repeat 0 4px; margin: 0; padding: 1px 0 0 20px; width:540px; } .smallnote { font-size:80%;} table td { padding:10px; vertical-align:top;} #accordion { position:relative;} #accordion h3 { font-size:14px; border-bottom:1px solid #666; padding-bottom:5px; margin-top:5px; margin-bottom:5px; } h3.acc-link{ text-decoration: underline; border: none !important;} h3.acc-link:hover{ color: #FFFFFF; } /* ----------------------------------------------------- */ /* BOX /* ----------------------------------------------------- */ .box { background: url(../img/bg-box-top.png); width:560px; padding: 0 40px 15px 40px; margin: 80px auto 0 auto; font: 12px/17px Didot,"Times New Roman",Times,serif; color: #FFFFFF; position:relative; } .box-bottom { margin:0 auto 0px auto; width:640px; height:15px; padding-bottom:138px; } .large { width:800px; } .middle { width:560px; } .small { width:300px; } .strik { background: url(../img/strikje.png) no-repeat; width:130px; height:90px; position:relative; top:-49px; margin: 0 auto -20px auto; } .strik span { display:none; } .box .col2 { width:254px; float:left; padding-right:20px; } /*index|home pagina*/ .keuze-particulier-bedrijf { background: none; width:560px; padding: 0; margin: -175px 0 0 -280px; font: 12px/17px Didot,"Times New Roman",Times,serif; color: #FFFFFF; position:absolute; top: 50%; left: 50%} .emma-styling-concepts { background: url(../img/emma-styling-concepts.png) no-repeat; width:310px; height:150px; /*position:relative; top:-49px;*/ margin: 0 auto; /* -20px auto;*/ } .emma-styling-concepts span, #keuze-particulier span, #keuze-bedrijf span { display:none; } #keuze-bedrijf-particulier ul{ list-style: none; } #keuze-bedrijf-particulier li{ float: left; } #keuze-particulier a{ background: url(../img/particulieren.png) no-repeat 0 0; width: 155px; height: 100px; display: block; margin: 100px 0 0 53px;} #keuze-particulier a:hover{ background: url(../img/particulieren.png) no-repeat 0 -100px;} #keuze-bedrijf a{ background: url(../img/business.png) no-repeat 0 0; width: 250px; height: 100px; display: block; margin: 100px 0 0 92px;} #keuze-bedrijf a:hover{ background: url(../img/business.png) no-repeat 0 -100px;} /* ----------------------------------------------------- */ /* SCROLLABLE /* ----------------------------------------------------- */ div.samenwerking { height:515px !important; } div.scrollable { position:relative; width:560px; height:396px; overflow:hidden; } div.items { position:absolute; width:20000em; } div.item { float:left; } div.scrollable div.items div.item { width:560px; } a.prev { cursor:pointer; position:absolute; top:200px; left:-5px; background:url(../img/left-scroll.png) no-repeat scroll top left; width:45px; height:88px; } a.next { cursor:pointer; position:absolute; top:200px; right:-5px; background:url(../img/right-scroll.png) no-repeat scroll top left; width:45px; height:88px; } a.disabled { display:none; } /* ----------------------------------------------------- */ /* SCROLLABLE REFERENTIES /* ----------------------------------------------------- */ /*div.samenwerking { height:515px !important; } */ #bedrijven-referenties div.scrollable { position:relative; width:560px; height:474px; overflow:hidden; } #bedrijven-referenties div.items { position:absolute; width:20000em; } #bedrijven-referenties div.item { float:left; } #bedrijven-referenties div.scrollable div.items div.item { width:660px; } #bedrijven-referenties a.prev { cursor:pointer; position:absolute; top:230px; left:-5px; background:url(../img/left-scroll.png) no-repeat scroll top left; width:45px; height:88px; } #bedrijven-referenties a.next { cursor:pointer; position:absolute; top:230px; right:-5px; background:url(../img/right-scroll.png) no-repeat scroll top left; width:45px; height:88px; } #bedrijven-referenties a.disabled { display:none; } div.tooltip { display:none; background:url(../img/arrow-tooltip.png) no-repeat bottom center; color:#000; padding:10px; font:12px/17px Didot, "Times New Roman", Times, serif; width:185px; } div.tooltip a { color:#000; } #bedrijven-referenties ul { width:560px; height:474px; list-style:none; text-align:center; } #bedrijven-referenties ul li { float:left; display:block; cursor:pointer; width:185px; height:20px; padding-top:217px; line-height:20px; } #bedrijven-referenties ul li span { display:none; } #bedrijven-referenties ul #ici { background:url(../img/logo-all.png) no-repeat -2420px 0px; } #bedrijven-referenties ul #ici:hover { background:url(../img/logo-all.png) no-repeat -2420px -237px; } #bedrijven-referenties ul #kinepolis { background:url(../img/logo-all.png) no-repeat -1540px 0px; } #bedrijven-referenties ul #kinepolis:hover { background:url(../img/logo-all.png) no-repeat -1540px -237px; } #bedrijven-referenties ul #accent { background:url(../img/logo-all.png) no-repeat -660px 0px; } #bedrijven-referenties ul #accent:hover { background:url(../img/logo-all.png) no-repeat -660px -237px; } #bedrijven-referenties ul #netlog { background:url(../img/logo-all.png) no-repeat -220px 0px; } #bedrijven-referenties ul #netlog:hover { background:url(../img/logo-all.png) no-repeat -220px -237px; } #bedrijven-referenties ul #pulp { background:url(../img/logo-all.png) no-repeat -880px 0px; } #bedrijven-referenties ul #pulp:hover { background:url(../img/logo-all.png) no-repeat -880px -237px; } #bedrijven-referenties ul #xandres { background:url(../img/logo-all.png) no-repeat -1320px 0px; } #bedrijven-referenties ul #xandres:hover { background:url(../img/logo-all.png) no-repeat -1320px -237px; } #bedrijven-referenties ul #ilovestyle { background:url(../img/logo-all.png) no-repeat -3300px 0px; } #bedrijven-referenties ul #ilovestyle:hover { background:url(../img/logo-all.png) no-repeat -3300px -237px; } #bedrijven-referenties ul #label-focus { background:url(../img/logo-all.png) no-repeat -3740px 0px; } #bedrijven-referenties ul #label-focus:hover { background:url(../img/logo-all.png) no-repeat -3740px -237px; } #bedrijven-referenties ul #label-prof { background:url(../img/logo-all.png) no-repeat -3960px 0px; } #bedrijven-referenties ul #label-prof:hover { background:url(../img/logo-all.png) no-repeat -3960px -237px; } #bedrijven-referenties ul #fashionata { background:url(../img/logo-all.png) no-repeat -1760px 0px; } #bedrijven-referenties ul #fashionata:hover { background:url(../img/logo-all.png) no-repeat -1760px -237px; } #bedrijven-referenties ul #veritas { background:url(../img/logo-all.png) no-repeat -1100px 0px; } #bedrijven-referenties ul #veritas:hover { background:url(../img/logo-all.png) no-repeat -1100px -237px; } #bedrijven-referenties ul #guido { background:url(../img/logo-all.png) no-repeat -440px 0px; } #bedrijven-referenties ul #guido:hover { background:url(../img/logo-all.png) no-repeat -440px -237px; } #bedrijven-referenties ul #be-angeled { background:url(../img/logo-all.png) no-repeat -3080px 0px; } #bedrijven-referenties ul #be-angeled:hover { background:url(../img/logo-all.png) no-repeat -3080px -237px; } #bedrijven-referenties ul #concept-fashion-store { background:url(../img/logo-all.png) no-repeat -4180px 0px; } #bedrijven-referenties ul #concept-fashion-store:hover { background:url(../img/logo-all.png) no-repeat -4180px -237px; } #bedrijven-referenties ul #histories { background:url(../img/logo-all.png) no-repeat -2200px 0px; } #bedrijven-referenties ul #histories:hover { background:url(../img/logo-all.png) no-repeat -2200px -237px; } #bedrijven-referenties ul #stadsfeestzaal { background:url(../img/logo-all.png) no-repeat -1981px 0px; } #bedrijven-referenties ul #stadsfeestzaal:hover { background:url(../img/logo-all.png) no-repeat -1981px -237px; } #bedrijven-referenties ul #dioniss { background:url(../img/logo-all.png) no-repeat -3520px 0px; } #bedrijven-referenties ul #dioniss:hover { background:url(../img/logo-all.png) no-repeat -3520px -237px; } #bedrijven-referenties ul #louislouise { background:url(../img/logo-all.png) no-repeat -2640px 0px; } #bedrijven-referenties ul #louislouise:hover { background:url(../img/logo-all.png) no-repeat -2640px -237px; } #bedrijven-referenties ul #unizo { background:url(../img/logo-all.png) no-repeat -2860px 0px; } #bedrijven-referenties ul #unizo:hover { background:url(../img/logo-all.png) no-repeat -2860px -237px; } #bedrijven-referenties ul #studio-brussel { background:url(../img/logo-all.png) no-repeat 0px 0px; } #bedrijven-referenties ul #studio-brussel:hover { background:url(../img/logo-all.png) no-repeat 0px -237px; } /* ----------------------------------------------------- */ /* FORM /* ----------------------------------------------------- */ #form-nieuwsbrief input.inputstyle { margin-bottom:10px; border:none; padding:4px; background-color:#fff; width:518px; font-family:Didot,"Times New Roman",Times,serif; } #form-nieuwsbrief input.inputstylesmall { margin-bottom:10px; margin-right:10px; border:none; padding:4px; background-color:#fff; width:250px; font-family:Didot,"Times New Roman",Times,serif; } #form-nieuwsbrief textarea.inputstyle { margin-bottom:10px; border:none; padding:4px; background-color:#fff; width:518px; height:80px; font-family:Didot,"Times New Roman",Times,serif; } /* ---------------------------------------------- */ /* Supersize background slideshow */ /* ---------------------------------------------- */ #supersize { position:fixed; } #supersize img, #supersize a { height:100%; width:100%; position:absolute; z-index:-1; } /*#supersize .prevslide, #supersize .prevslide img { z-index: 1; } #supersize .activeslide, #supersize .activeslide img { z-index: 2; } #loading { position: absolute; top: 49.5%; left: 49.5%; z-index: 3; width: 24px; height: 24px; text-indent: -999em; background-image: url(img/progress.gif); }*/ /* new clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */