/* ----------------  reset  -------------------- */

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,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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

ol, ul {list-style: none; }

.clear{clear:both;font-size:0px;line-height:0px;height:0px;}



/* ----------------  general layout  -------------------- */

body {background: #EFEFD6 url(images/bg.jpg) ; font-family: "Century Gothic", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4C6A72;}
#container { width: 780px; margin-left: auto; margin-right: auto; background: url(images/content_bg.jpg) top left repeat-y; text-align:left; }
#contentbody {background: url(images/contenttop_bg.jpg) top left no-repeat; min-height:700px; padding-top:40px;}
#contentwidebody {background: url(images/contentwidetop_bg.jpg) top left no-repeat; min-height:700px; padding-top:40px;}

#header {background: url(images/header_bg.jpg) no-repeat; min-height:323px; text-align:center;}

#footer  {background: #EFEFD6 url(images/footer_bg.jpg) no-repeat; min-height:60px; padding-top:60px; text-align:center; font-size:11px; color:#95a67c;}
#footer a {color:#95a67c; font-size:11px;}

#home {float:left; padding:0 0 0 30px; }
#home p {width:400px; font-size:10pt; color:#FDFFE4; font-weight:600;  }
#home p a {color:#FDFFE4;}
#home p a:hover {color:#259DB5;}

#content {float:right; padding:0 65px 0 0; width:420px;  }
#contentwide {float:right; padding:0 65px 0 0; width:660px;  }
#contentpromos {float:right; padding:0 65px 0 0; width:660px;  }

#contentpromos ul {list-style:disc; padding-left:15px; overflow:auto; }
#contentpromos ul li  {font-size:10pt; margin-bottom:6px;}

dl {overflow:auto;}
div.tabcontent ul {list-style:disc; padding-left:15px; overflow:auto; margin:10px 0 20px 0;}
div.tabcontent ul li  {font-size:10pt; margin-bottom:6px; font-weight:300;}



#content p, #contentwide p, #contentpromos p {font-size:10pt; text-align:justify; line-height:14pt; padding-bottom:10pt;}
#content p.contentlink {font-weight:700; padding-top:10px;}
#content a, #contentwide a, #contentpromos a {font-size:10pt; line-height:14pt; color:#259db5; }

img.contentpic {border:2px solid #98a97e;}

h1 {font-size:20pt; color:#ffffff; font-weight:normal; text-transform:uppercase; text-align:right; padding-bottom:14px;}
h2 {font-size:12pt; color:#259db5; font-weight:700; text-align:right; padding-bottom:28px;}
h3 {font-size:12pt; font-weight:700; line-height:40px; padding:30px 0 6px 0;  }

strong {font-weight:700;}

.instituutpic {border:4px solid #AFC191;}

/* ----------------  navigation  -------------------- */

#nav {padding-top:240px; padding-left:30px;     }
#navlist {background:#259DB5; width:725px;  }
#navlist li { display: inline; }
#nav ul li a {padding: 0.3em 1.92em; background-color: #259DB5; color: White; text-decoration: none; float: left; font-size:11pt; font-weight:700; }
#nav ul li a:hover, #navlist #currentpage a { background-color: #B2F1FF; color: #2A393D; }

#subnav {float:left; font-size:10pt; margin:50px 0 0 50px;   }
#subnav li a { width: 14.5em; margin: .5em 0 .5em 0; font-weight: bold; padding: .3em .3em .3em .4em; color: #FFFFFF; }
#subnav li li a {width: 13.5em; margin: .5em 0 .5em 0; font-weight: normal; background-color: #259db5; }
#subnav li span {color: #FFFFFF; width: 14.5em; margin: .5em 0 .5em 0; font-weight: bold; padding: .3em .3em .3em .4em; background-color: #2a393d;  }
#subnav ul ul { margin-left: 1em; }
#subnav a {text-decoration: none; background-color: #2a393d; display: block; }
#subnav li a:hover, #subnav li li a:hover { background-color: #b2f1ff; color:#2a393d;  }


/* ----------------  index-pagina  -------------------- */

.openingsuren {text-align:right; font-size:10pt;  margin-top:20px; margin-bottom:20px; width:315px; float:right;}
.openingsuren li {text-align:right; font-size:10pt; padding:5px 0 5px 0; border-bottom:1px solid #CFDDBC; margin:0 0 0 12px; }
.openingsuren span {font-weight:bold; margin-right: 20px; }

#dienstenlist {list-style-type: none; padding-bottom:15px; margin: 0 0 0 25px; display:block; }
#dienstenlist li {float:left; display:block; text-align:center; background:#CFDDBC; margin-right:5px;}
#dienstenlist li a {text-transform:uppercase; text-decoration:none; padding:5px 5px 10px 5px; font-weight:700; display: block; font-size:11pt; letter-spacing:2px;}
#dienstenlist li a:hover {color:#2B3B3A; background:#FEFEE6;}
#dienstenlist li a img {margin-bottom:10px;}

#promolist {list-style-type: none; padding-bottom:15px; }
#promolist li {background:#259DB5; border: 0px solid #FDFFE4; margin: 13px 0px; }
#promolist li a {color: #B2F1FF; display: block; font-weight:bold; padding: 8px; text-decoration: none; }
* html #promolist li a {width: 640px; }
#promolist a span {color: #FDFFE4; line-height: 250%; font-weight:bold; font-size:11pt;  }
#promolist li a:hover {background: #28ACC7; color:#fff; }
* html #promolist li a:hover {background: #28ACC7; color:#fff; }


/* ----------------  contact form  -------------------- */

#arletteform {font-size:10pt; text-align:right; }
input { border:0; color:#259DB5; padding:4px 5px; margin:0 0 6px 15px; width:350px;}
label {vertical-align:middle;}
textarea {color:#259DB5; width:660px; overflow:hidden; border:1px solid #fff; font-family:"Trebuchet MS", Verdana, Arial; padding:0; margin:0;}
#submitgeneral {border:1px solid #B2F1FF; background-color:#259DB5; color:#fff; width:131px; text-transform:uppercase; letter-spacing:2px; font-size:8pt; text-align:center; padding:2px 0 2px 0;} 
#interesse {background:#259DB5; width:280px; color:#fff; margin:8px 0 0 15px; border:0;}
hr {height:0; border-bottom: 1px solid #A1AE8C;}

input.checkbox { border:0; color:#259DB5; width:20px;}



#iframe {width:650px; height:300px;}
#googlemap {width:650px; height:300px; border:4px solid #AFC191; margin-bottom:10px;}


/* ----------------  prijslijsten  -------------------- */

dl { font-size:10pt; line-height:14pt; padding:0 0 0 0; display:block; }
dt {text-align:left; width: 23.4em; float: left;}
dd {text-align:right; float: left; width: 8em; }

/* ----------------  nieuws promos  -------------------- */

.newspics {text-align:right;}

.behandelingspics {text-align:center; padding:20px 0 20px 0; border-top: 5px solid #AFC191; border-bottom: 5px solid #AFC191; margin:10px 0 20px 0;}
img.behandelingspic {border:4px solid #AFC191; margin: 10px 10px 0 10px;}

img.newspic {border:4px solid #AFC191;}
a.newslink {margin-left:4px;}


.tabcontent ul li {padding-left:2em; font-size:10pt; background:url(images/bg_li.gif) 70% left no-repeat; font-weight:700; }

.parfumeriepics {text-align:center; padding:20px 0 20px 0; border-top: 5px solid #AFC191; border-bottom: 5px solid #AFC191; margin:10px 0 20px 0;}
img.parfumeriepic {border:4px solid #AFC191; margin: 10px 15px 0 15px;}

img.logos {border:4px solid #AFC191; margin: 10px 8px 0 0px;}