/*21-1-11 life*/ /* css eigenschappen Salon Body Wish Author: Body Wish */ /*cascade order: style > style block > linked stylesheet > imported sheet. @import rules must always be first in a document. Netscape 4.x and IE 3.x do not support the @import rule. <= IE 6 do not support the media designation. IE 4.x has some support for the @import rule, but it's spotty, and it's best not to rely on it.*/ /* ~~~~~ RESET ~~~~~ */ @import url("reset.css"); /* ~~~~~ GENERIEKE PRESENTATIE ~~~~~ */ /*@import url("presentatie_default.css");*/ /* ~~~~~ FORMAT ~~~~~ */ /*@import url("mijnlayout.css");*/ /*@import url("iehacks.css");browsercompatibiliteit hacks via IE9.js+util.js*/ /* ~~~~~ PRELOAD ~~~~~ */ /*images direct via een div in browser onzichtbare layer onderin geladen + weergave zonder extra laadtijd*/ #preload,.preload{display:none;z-index:-10;} html {height:100%;margin-left:1%;} /* * {padding:0;margin:0}html{height:100%}html,body{margin:0;padding:0}*/ body{height:100%;width:99%;position: absolute;margin:0;padding:0;background:#99EEEE url('../Images/bg_content.jpg') no-repeat fixed 0 0;color:#330066;direction:ltr;} body{font-size:100%;line-height:1.5;font-family:Arial,Helvetica,verdana,sans-serif;} .page{height:100%;width:99%;position:absolute;margin:0;padding:0;} .canvas{background:#99EEEE;background:url(../Images/bg_content.jpg) no-repeat 0 0;z-index:-100;} /*mijnlayout*/ #container{z-index:1;border:purple 0 solid;background:transparent repeat-y 20% 0;text-align:left;min-width:770px;max-width:1024px;margin-left:auto;width:auto;margin-right:auto;position:relative;} #outerwrap{z-index:1;height:auto;min-height:0.01%;background-image:url('../Images/bg_content.jpg');margin: 0 0 auto 0;max-width:72em;position:relative;padding:0;float:left;width:99%;text-align:left;} * html #container{height:auto;margin-left:auto;margin-right:auto;max-width:72em;} * html #outerwrap{height:auto;margin-left:auto;margin-right:auto;max-width:72em;} #clearheader{z-index:99;margin:0 auto;height:auto;overflow:hidden;} #headerwrap{z-index:5;background:transparent;color:#000;border:#AAFFFF 0 solid;min-height:100%;text-align:center;font-size:medium;margin:0 20% 0.5em auto;line-height:100%; min-width:650px;width:96%;max-width:72em;position:relative;overflow:hidden;} * html #headerwrap{height:auto;width:99%;} #innerwrap{z-index:4;float:left;width:99%;text-align:left;} #leftcolwrap{display:inline;left:-0.1%;float:left;margin-left:-31.9%;width:31.7%;position:relative;height:auto;border:#AAFFFF 0 solid;text-align:left;} * html #leftcolwrap{z-index:1;left:-0.1%;height:1%;margin-right:-3px;} #rightcolwrap{z-index:1;left:-2%;float:right;width:32%;margin-right:-31.9%;position:relative;height:auto;text-align:center;} * html #rightcolwrap {display:inline;left:1%;height:1%;margin-left:-3px;padding-left:3px;} #middlecolwrap{z-index:1;border-right:#AAFFFF 0 solid;min-height:1%;background:transparent;margin-left:20%;border-left:#AAFFFF 0 solid;margin-right:20%;position:relative;width:auto;text-align:center;} * html #middlecolwrap{display:inline;left:0.01%;height:1%;width:auto;} .clearer{clear:both;margin-top:-1px;overflow:hidden;height:1px;visibility:collapse;} #footerwrap{z-index:5;bottom:0;background:transparent;color:#000;border-top:#AAFFFF 0.1em solid;min-height:100%;text-align:center;margin:auto 20% auto 0.5em;line-height:100%;width:96%;max-width:72em;position:relative;overflow:auto;} * html #footerwrap{height:auto;width:99%;margin-left:-3px;} .col{z-index:5;left:1%;top:0;bottom:0;position:relative;width:auto;} .leftbox{background:transparent;float:left;z-index:100;top:0;bottom:0;text-align:left;border:#AAFFFF 0 solid;width:20%;position:relative;} .rightbox{background:transparent;float:right;z-index:100;top:auto;bottom:0;text-align:left;padding-left:3px;border:#AAFFFF 0 solid;width:20%;position:relative;} .left{background:transparent;margin:0 2% 0.5% -2%;position:relative; width:90%;border:none;} .center{background:transparent;margin:0.5% -2% 0.5% 2%; left:1%;width:90%;position:relative;} .right{background:transparent;margin:0.5% -2% 1% 2%; position: relative; width: 99%; border: none;} .right ul, li {text-decoration:none;list-style-type:none;} .left ul, li{text-decoration:none;list-style-type:none;text-align:left;} html > body.col {top:0;/*IE7+modern*/} #footerwrap .col {left:-1%;width:11%;background:transparent;background-image:url('../Images/bg_content.jpg');border:#AAFFFF 0.1em solid;} #header.center{left:0.1%;} /*links-LVHA*/a:link,a:visited,a:hover,a:active,a:focus/*active=focus in IE6+7*/{color:#330066;font-style:normal;font-variant:normal;font-weight:bold;font-family:Arial,Helvetica,verdana,sans-serif;text-transform:none;cursor:pointer/*IE6 hover bug*/;} a:link,a:visited{text-decoration:underline;color:#330066;background:transparent;} a:hover{text-decoration:/*none*/overline;background:transparent;} @media screen{/*hide from IE3*/a[href]:hover{background:transparent;}} p,h1,h2,h3,ul,ol{color:#330066;font-weight:bold;font-family:Arial,Helvetica,verdana,sans-serif;text-decoration:none;margin-bottom:1%;background:transparent;} dl .li {list-style-image:url('../Images/bullet.GIF');list-style-position:outside;} p,h1,ul,ol{font-size:16px}h2{font-size:100%}h3{font-size:85%;} ul{list-style-type:circle;/*list-style-image: url("/..Images/bullet.gif");*/list-style-position:outside;} ul#zoeken li,.navigatie ul li{list-style:disc/* Mac NS has problem with 'none' */;} ul#zoeken li,.navigatie ul li{list-style-type:none;} ul.bulletlist{margin:0 1% 0 1%;padding:3%;}ul.bulletlist li{color:#330066;font-size:85%;font-weight:bold;font-family:Arial,Helvetica,verdana,sans-serif;list-style:circle url('../Images/bullet.GIF');list-style-position:outside;background:transparent;} ol{list-style:circle url('../Images/bullet.GIF');list-style-position:outside;} /*ul li{list-style:disc url('/..Images/bullet.GIF')}*//*overrides navlist*/ input{color:#330066;font:85% Arial,Helvetica,verdana,sans-serif;text-decoration:none;background:transparent url('../Images/bg_content.jpg') no-repeat 0 0;cursor:pointer;} /*tabellen*/ table tr td,table tr td,table tr th,tr,th,td{border-collapse:collapse;border:0;padding:1px;margin:0;border-style:none;border-width:0;} td {color:#330066;background-color:transparent/*transparante topmenu*/;font-weight:bold;font-size:/*85%*/inherit;font-family:Arial,helvetica,verdana,sans-serif;} tr.transp td{background:url(../Images/bg_content.jpg) no-repeat 0 0;color:#330066;font-weight:bold;font-size:inherit;font-family:Arial,helvetica,verdana,sans-serif;text-decoration:none;margin-bottom:3pt;} /*topmenu*/ .MenuItem{top:0;color:#330066;font-weight:bold;font-size:70%;font-family:Arial,helvetica,verdana,sans-serif;text-decoration:none;}.MenuItemLink{color:#330066;font-size:70%;margin:0;padding:0;}.MenuItemLink,.MenuItemLink:link,.MenuItemLink:visited,.MenuItemLink:hover,.MenuItemLink:active,.MenuItemLink:focus{color:#330066;font-weight:bold;font-family:arial,helvetica,verdana,sans-serif;text-decoration:none;cursor:pointer;}.slider{z-index:2;visibility:hidden;left:0;top:0;position:absolute;background-color:#99EEEE;width:auto;}.myMenu{visibility:hidden;position:absolute;z-index:5;/*background-layer-color:#3399FF*//*Netscape proprietary*/}/*.slider:link,.slider:hover,.slider:active,.slider:focus{color:#FFFFFF}*/ /* decoratieve iconen */ .pdf,td .pdf,.pdf:visited,.pdf:hover,.pdf:active,.pdf:focus{padding-left:18px;background:transparent url('../Images/icon_pdf.gif') no-repeat center left;} .popup,td .popup{padding-left:18px;background:transparent url('../Images/icon_popup.gif') no-repeat center left;} .external,td .external,.external,td .external:visited,.external:hover,.external:active,.external:focus{padding-left:18px;background:transparent url(../Images/icon_external.gif) no-repeat center left} .route,td .route,td.route:visited,.route:hover,.route:active,.route:focus,a.route{padding-left:18px;background:transparent url('../Images/weblink.png') no-repeat center left} .doc{padding-left:18px;background:transparent url(../Images/icon_doc.gif) no-repeat center left} .excel{padding-left:18px;background:transparent url(../Images/icon_xls.gif) no-repeat center left} .mailto,td .mailto{padding-left:18px;background:transparent url(../Images/icon_mailto.gif) no-repeat center left} .mail,td .mail{padding-left:18px;background:transparent url('../Images/icon_mail.gif') no-repeat center left} .rss{padding-left:18px;background:transparent url(../icons/feed-icon-16.gif) no-repeat center left} .ror{padding-left:18px;background:transparent url(../icons/ror.gif) no-repeat center left} .geotag{padding-left:18px;background:transparent url(../mapdata/geotag.png) no-repeat center left} .flagnl{padding-left:19px;background:transparent url(../locales/nl.png) no-repeat center left} .home{padding-left:18px;background:transparent url(../Images/con_address.png) no-repeat center left} .max{padding-left:18px;background:transparent url(../Images/icon_max.gif) no-repeat center left} .min{padding-left:18px;background:transparent url(../Images/icon_min.gif) no-repeat center left} .movie{padding-left:18px;background:transparent url(../Images/camera.jpg) no-repeat center left} .attentie,td .attentie{padding-left:18px;background:transparent url(../Images/attentie.bmp) no-repeat center left;font-size:70%} .vraag,td .vraag{padding-left:18px;background:transparent url(../Images/vraag.gif) no-repeat center left} .info,td .info{padding-left:18px;background:transparent url(../Images/info.gif) no-repeat center left;cursor:help} .phone,td .phone{padding-left:18px;background:transparent url(../Images/phone.gif) no-repeat center left} .print,td .print{padding-left:18px;background:transparent url(../Images/print.gif) no-repeat center left} .fax{padding-left:18px;background:transparent url(../Images/fax.gif) no-repeat center left} .zoom,td .zoom{padding-left:19px;background:transparent url(../Images/zoom.png) no-repeat center left} .reset,td .reset{padding-left:18px;background:transparent url(../Images/undo.gif) no-repeat center left} .checkon{padding-left:18px;background:transparent url(../Images/chk_on.gif) no-repeat center left} .checkoff{padding-left:18px;background:transparent url(../Images/chk_off.gif) no-repeat center left} .pijlrechts,td .pijlrechts{padding-left:18px;background:transparent url(../Images/arrow_right.gif) no-repeat center left} .pijllinks,td .pijllinks{padding-left:18px;background:transparent url(../Images/arrow_left.gif) no-repeat center left} .totop,td .totop{padding-left:18px;background:transparent url(../Images/totop.png) no-repeat center left} .index{padding-left:18px;background:transparent url(../Images/formproperties.gif) no-repeat center left} .zoek,td .zoek{padding:0;margin:0;background:transparent;font:menu;font-family:Arial,helvetica,verdana,sans-serif;list-style:none;text-decoration:none} .stop,td .stop{padding-left:18px;background:transparent url(../Images/stop.bmp) no-repeat center left} .txt{padding-left:18px;background:transparent url(../Images/txt.png) no-repeat center left} .logo{padding-left:0;width:191px;height:79px;border:0;background:transparent url(../Images/bodywishlogo.jpg) no-repeat center left} .pdf,.popup,.external,.route,.doc,.excel,.mailto,.mail,.rss,.ror,.max,.min,.movie,.attentie,.vraag,.info,.phone,.print,.fax,.zoom,.reset,.checkon,.checkoff,.pijlrechts.pijllinks,.totop.index,.zoek,.stop,.txt,.logo{display:inline} .rood, h3.rood a{color:#FF0000;line-height:100%;vertical-align:middle} .blauw{color:#0000FF;line-height:100%;vertical-align:middle} .center{text-align:center} .hideshow1 .hideshow2{visibility:visible;height:13px} .onzichtbaar,td .onzichtbaar{background:transparent;height:0;width:0;visibility:collapse;display:none;text-decoration:none;margin-left:-999px} .clear {width:99%;height:1%;margin:0 0 -1px;float:none;/*of:*/clear: both !important;clear:both;display:inline-block}.clear:after{content:".";display:block;height:0;float:none;/*of:*/clear:both;visibility:hidden}* html .clear{/*IE*/height:1%;} .noprint{text-decoration:none;color:#330066;text-transform:none;font-weight:normal;font-size:inherit;font-family:inherit} input.noprint,form.noprint,.reset,.totop,.pijlrechts{font-size:10px;text-decoration:none;cursor:pointer;} input.noprint:hover,form.noprint:hover,.reset:hover,.totop:hover,.pijlrechts:hover{background-color:transparent;} .toggledisplay{width:90%;background:transparent url(../Images/bg_content.jpg) no-repeat 0 0;display:none}li.toggledisplay{list-style:none;display:inline;margin:0;padding:0;width:auto} /* decoratieve afbeeldingen*/ img,img:first-child {border:0} a img{color:white} /* trick to hide the border in Netscape 4 */ @media all { /* hide the next rule from Netscape 4 */ a img{color:inherit} /* undo the color change above */ } /*fast rollover: plaatjes eerst ingeladen voor snellere img replacement ipv img reload*/ .imgcanvas{background:url(../Images/bg_content.jpg) top left no-repeat;text-align:left} /*img zoom*/ .imgholder{/*margin:auto;width:140px;text-align:center*/border:#CCCCCC 1px solid;padding:15px;background:#FFFFFF;margin:3px 0 20px;width:500px;} #zoom a {display:block;background:url('../arasys/bodywishs_small.png') no-repeat left top;float:right;margin:0 0 10px 10px;overflow:hidden;border:#000 0 solid;width:125px;text-indent:-1000em;height:94px;} #zoom a:hover,#zoom a:focus,#zoom a:active {background-position:0 -104px;width:300px;height:225px;} /*zijmenu*/#navcontainer,.navigatie{/*background:#3399FF url(../Images/bg_content.jpg);*/width:95%;margin:0 auto;padding:0.5em 0;font-size:13px;text-align:left}ul#navlist{text-align:left;list-style:none;padding:0;margin:0 auto 0 0;width:95%;z-index:-10}ul#navlist li{display:block;margin:0;padding:0}ul#navlist li a{display:block;width:99%;padding:0.1em 0 0.1em 0.1em;/*marge binnen de knop*/border-width:1px;border-color:#FFFFEE #AAAB9C #CCCCCC #FFFFFF;border-style:solid;color:#330066;/*tabtekstkleur*/text-decoration:none;background:#3399CC url(../Images/bg_content.jpg);font-size:13px}#navcontainer>ul#navlist li a{width:auto}ul#navlist li#active a{background:#0099CC url(../Images/bg_content.jpg);color:#0066CC/*aktieve menuitemkleur*/}ul#navlist li a:hover,ul#navlist li#active a:hover{color:#0066CC;background:transparent;border-color:#AAAB9C #FFFFFF #FFFFFF #CCCCCC} div#navcontainer,div.navigatie {width:95%;position:relative;text-align:center}div.navigatie ul{text-align:left;list-style:none;padding:0;margin:0 auto 0 0;width:98%}div.navigatie ul li{display:block;margin:0;padding:0}div.navigatie ul li a{display:block;width:98%;padding:0.1em 0 0.1em 0.1em;/*marge binnen de knop*/border-width:1px;border-color:#FFFFEE #AAAB9C #CCCCCC #FFFFFF;border-style:solid;color:#330066/*tabtekstkleur*/;text-decoration:none;background:#3399CC url(../Images/bg_content.jpg);font-size:13px}/*#navcontainer>div.navigatie ul li a{width:auto}*/div.navigatie ul li#active a{background:#0099CC url(../Images/bg_content.jpg);color:#0066CC/*aktieve menuitemkleur*/}div.navigatie ul li a:hover,div.navigatie ul li#active a:hover{color:#0066CC;background:transparent;border-color:#AAAB9C #FFFFFF #FFFFFF #CCCCCC}div.navigatie ul li a:link,div.navigatie ul li a:visited,div.navigatie ul li a:hover,div.navigatie ul li a:active,div.navigatie ul li a:focus{text-decoration:none} /*CSS only round corner box - no image*/div.rondebox{width:98%;margin:0 0;padding:0.5em;border:0.1em solid #AAFFFF;background:/*transparent*/ url(../Images/bg_content.jpg) no-repeat 0 0;/*-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;border-radius:15px;behavior:url('css/border-radius.htc')*/} .rondebox .holder{display:block;text-align:left;/*rel:lightblue*//*;zoom:1*//*For IE6*//*background:transparent*/} /*div.rondebox,div.rondebox dl dd,div.rondebox dl dd div ,div.rondebox dl dd div a img{background:transparent;position:relative;behavior:url('css/border-radius.htc')}inputknop hover weg*/ /*shaduweffect*/.shadow{border:0.1em solid #AAFFFF;/*font:10pt Arial;*/font-size:inherit;position:relative;display:inline;/*background:url(../Images/bg_content.jpg) no-repeat 0 0;*/z-index:100}.shadow_inner{overflow:hidden;position:absolute;top:-1000px;z-index:10/*For opacity to work in all IE versions 1e IE8:*//*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"*//*2e IE5-7:*//*;filter:alpha(opacity=10)*//*firefox 1.5 + all other browsers:*//*;opacity:0.1*//*mozilla:*//*;-moz-opacity:0.1;-khtml-opacity:0.1;zoom:1*//*IE6 bug*/} /*blockquote presentatie van definitionlists*/dl{padding:0.2em;border:none;background:url('../Images/bg_content.jpg') no-repeat 0 0;margin:1.1em 0.3em 1em 0.2em;font-size:medium;line-height:1.1em}dt{font-weight:bold;font-size:medium;color:#0066CC;padding:0 0 0 1em}dd{color:#330066;padding:0 1em 1em 0;background:url('../Images/bg_content.jpg') no-repeat 0 0;font-size:small}dd h3{font-size:small} /*meer...*/.holder{border:#99EEFF 0 dashed;padding:1em 0em 1em 1em;float:left;display:inline;margin:-1em 1em -1em -1em;width:99%;color:#330066;font-weight:bold}.holder h2 h3 p em{text-align:left}a.hid{color:#330066;/*text-decoration:none;*/outline-style:none}a.hid em{display:none}a.hid:hover{text-decoration:/*none*/overline}a.hid:active{background:#99EEFF/*achtergrondkleur zichtbare vak*/;text-decoration:none/*geen onderstreping in zichtbare vak*/;cursor:pointer}a.hid:focus{background:#99EEFF/*achtergrondkleur zichtbare vak*/;cursor:pointer}a.hid:active span{display:none}a.hid:focus span{display:none}a.hid:active em{display:block;width:100%;cursor:pointer;color:#330066/*tekstkleur in meer link*/;font-style:normal;text-decoration:none;font-size:small;font-weight:bold;font-family:Arial,Helvetica,verdana,sans-serif;margin-bottom:1pt}a.hid:focus em{display:block;width:99%;cursor:pointer;color:#330066/*tekstkleur in meer link*/;font-style:normal;text-decoration:none;font-size:small;font-weight:bold;font-family:Arial,Helvetica,verdana,sans-serif;margin-bottom:1pt}p a.hid span:link,p a.hid span:visited,p a.hid span:hover,p a.hid span:active,p a.hid span:focus{text-decoration:overline}/*botst met a:hover{text-decoration:underline}*/ /*toggle content*/#collapseBlock .off{background:transparent;}#collapseBlock .over{padding-left:0.1em;background:transparent;background-image:url('../Images/bg_content.jpg');border:#AAFFFF 0em solid;}.off{position:absolute;top:-999em;border:none;padding-right:0.2em;}.over{position:static;border:none 0;padding-right:0.2em;visibility:visible;} /*hollebox en bollebox (rondebox voor body .img-shadow{background:#99EEEE;background:url("../Images/bg_content.jpg")} * html .img-shadow{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/bg_content.jpg', sizingMethod='scale')} .shadow_inner{filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"}*/ /*p.noprint a input:active,p.noprint a input:focus,.noprint a input:active,.noprint a input:focus,a input.reset:active,a input.reset:focus,dd a input:active,dd a input:focus{filter:alpha(opacity=75);}*/ /*html div.rondebox {/*behavior:url("css/csshover3.htc")\9; */ /*html div.rondebox {behavior:url("css/border-radius.htc")\9;}*/ /*.rondebox geen borders in IE door background?*/ /*alpha-opacity botst met -moz-radial-gradient; 100%transparant=0%opaque*/ /*div#navcontainer ul#navlist a#current,body .noprint input:hover,body input.reset:hover{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FFFFFF,EndColorStr=#99EEFF)\9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"\9;}*/ /* ~~~~~ GEEN IE 6-8 ~~~~~ */ /*:root *> table{table-layout:fixed} vervormt cel op indexpag*/ :root *> div#navcontainer a#current{-moz-opacity:0.75;opacity:0.75;-khtml-opacity:0.75} /*:root *> div#navcontainer a#current,input:hover*//*botst met IE-gradient*//*{ background:transparent -moz-radial-gradient(50% 20%, farthest-side,rgb(100, 255, 255) 1%,rgb(191, 225, 255) 20%,rgba(191, 225, 255, 0)); background: transparent -webkit-gradient(radial, 50% 20%, 0, 50% 20%, 15,from(rgb(204, 255, 255)),to(rgba(85, 85, 85, 0))); color:*//*#FFFFFF*//*#330066;font-weight:bold;}*/ :root *> .background-size{background:#99EEEE;background-image:url('../Images/bg_content.jpg'); -webkit-background-size:50% 50%; /* Safari */ -khtml-background-size:50% 50%; /* Konquer */ -moz-background-size:50% 50%; /* Firefox */ -o-background-size:50% 50%; /* Opera */ background-size:50% 50%; /* CSS3 */ } :root *> div.rondebox{-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;border-radius:15px} :root *> div.rondebox,div.rondebox dl dd,div.rondebox dl dd div ,div.rondebox dl dd div a img{background:transparent;position:relative} :root *> .shadow_inner{opacity:75;-moz-opacity:75;-khtml-opacity:75} :root *> .noprint input:hover,input.reset:hover,dd input:hover{cursor:pointer;font-weight:bold;color:#0066CC;border-color:#AAAB9C #FFFFFF #FFFFFF #CCCCCC;opacity:75;-moz-opacity:75;-khtml-opacity:75} :root *> p.noprint a input:active,p.noprint a input:focus,.noprint a input:active,.noprint a input:focus,a input.reset:active,a input.reset:focus,dd a input:active,dd a input:focus{cursor:pointer;color:#0066CC;border-color:#AAAB9C #FFFFFF #FFFFFF #CCCCCC} .rel{position:relative;} .rondebox .holder{rel:lightblue} /*CSS3*/ /*.break-word{word-wrap:break-word}*/ /*div:empty, verstoort bubbletip*/p:empty,a:empty,dd:empty{background-color:transparent;color:inherit;margin:0;padding:0;visibility:hidden;display:none;list-style:none}/*CSS3*/ /*resize image*/ /*.background-size{background:#99EEEE;background-image:url('../Images/bg_content.jpg');background-size:50% 50%} .background-size{background-size:50% 50%;}*//*CSS3*/