/*	=Reset default HTML styles
------------------------------------------------------------------*/
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{
	margin:0; padding:0;
}
/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6{font-size:100%;}

/* Removes list-style from lists */
ol, ul{list-style:none;}

/* Normalizes font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var{
	font-style:normal; font-weight:normal;
}

/* Removes link underline */
a:link, a:visited{text-decoration:none;}

/* Normalizes table behavior */
table{border-collapse:collapse; border-spacing:0;}

/* Removes border from fieldset and img */
fieldset, img{border:0;}

/* Hides hr */
hr{display:none;}

/* Hides skip link */
#skip-to-content{display:none;}

/*	=Typography
------------------------------------------------------------------*/
body{	
  font: 12px/1.5em Verdana, Arial, sans-serif;
}
h2, h3, h4, p, ul, blockquote{
	margin:0 20px 1em 0;
}
h1, h2, h3{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, verdana;
	font-weight:bold;
}
h1{
  color:#FFF;
	font-size:2em;
	letter-spacing:-0.02em;
	margin-bottom:1em;
}
h2{
  clear:left;
  color:#0091cf;
  font-size:1.333em;
  line-height:1.125em;
  margin-bottom:1.125em;
}
h3, dt{
  color:#0091cf;
  font-size:1.1667em;
  line-height:1.286em;
	margin-bottom:.486em;
	margin-top:1.286em;
}
#footer h3{
	font-size:100%;
	margin-bottom:.15em;
}
p, ul, dl{
  margin-bottom:1.5em;
}
/* No bottom margin for p width image */
p>img{
  margin-bottom:-1.5em;
}
/* Add border to first p on contact page */
.contact h2+p{
  border:1px dotted #000;
  border-width:1px 0 1px 0;
  padding:.75em;
}

/* =links
------------------------------------------------------------------*/
a:link, a:visited{
  color:#000;
	text-decoration:underline;
}
a:hover, a:focus, a:active{
	text-decoration:underline;
}
a:focus, a:active, a.busy{

}
a.imglink:link, a.imglink:visited {
	border:none;
}
a.imglink:hover{
	background:transparent;
}

/*	=images
------------------------------------------------------------------*/


/*	=layout blocks
------------------------------------------------------------------*/
body{
  background:url(/images/body-bg.gif);
  /*background:url("http://24ways.org/examples/compose-to-a-vertical-rhythm/underline.gif");*/
  text-align:center;
	}
#wrap{
  background:url(/images/wrap-bg.gif) repeat-x 0 0;
	position:relative;
	text-align:left;
}
#inner-wrap{
  background:url(/images/inner-wrap-bg.gif) repeat-y 0 0;
  margin:0 auto;
  width:770px;
}
#header{
  background:url(/images/header-bg.jpg) no-repeat 0 0;
  height:185px;
	margin:0 auto;
  position:relative;
  z-index:99;
}
#content{
  background:url(/images/content-bg.gif) no-repeat 0 0;
  clear:left;
	margin:0 auto;
	position:relative;
	overflow:auto;
	}
#content-main{
  float:right;
  min-height:400px;
  padding-right:20px;
  padding-top:3em;
	width:535px;
}
#content-sec{
  border-top:1px solid #CCC;
  clear:both;
  float:right;
  margin-right:18px;
  margin-top:1.5em;
  padding-top:1.5em;
  width:535px;
  font-style:italic;
  font-size:11px;
}
#footer{
  background:url(/images/footer-bg.gif) repeat-y 0 0;
  margin:0 8px 0 37px;
  padding:1.5em 0 0 0;
  text-align:center;
}

/* =header
------------------------------------------------------------------*/
h1 a{
  display:block;
  height:130px;
  text-indent:-3000px;
  width:250px;
}

/* =nav
------------------------------------------------------------------*/
#nav{
  background:url(/images/navigatie-bg.gif) no-repeat 0 0;
  position:absolute;
  left:0;
  top:230px;
}

/* =nav-main */
#nav{
	margin:0;
	padding-top:78px;
	position:absolute;
	top:130px;
	width:176px;
	z-index:10;
}
#nav>li{
  position:relative;
}
#nav>li>a{
  display:block;
  text-indent:-3000px;
}
#wie-zijn-we>a{
  background:url(/images/nav-wie-zijn-we.gif);
  height:53px;
  width:176px;
}
#qui-sommes-nous>a{
  background:url(/images/nav-qui-sommes-nous.gif);
  height:54px;
  width:176px;
}

#producten>a{
  background:url(/images/nav-producten.gif);
  height:54px;
  width:176px;
}
#produits>a{
  background:url(/images/nav-produits.gif);
  height:54px;
  width:176px;
}

#aandoeningen>a{
  background:url(/images/nav-aandoeningen.gif);
  height:57px;
  width:176px;
}
#encyclopedie>a{
  background:url(/images/nav-encyclopedie.gif);
  height:57px;
  width:176px;
}
#encyclopedie-fr>a{
  background:url(/images/nav-encyclopedie-fr.gif);
  height:57px;
  width:176px;
}
#affections-fr>a{
  background:url(/images/nav-affections-fr.gif);
  height:57px;
  width:176px;
}

#nieuws>a{
  background:url(/images/nav-nieuws.gif);
  height:50px;
  width:176px;
}
#nouveaux>a{
  background:url(/images/nav-nouveaux.gif);
  height:50px;
  width:176px;
}

#agenda>a{
  background:url(/images/nav-agenda.gif);
  height:52px;
  width:176px;
}
#agenda-fr>a{
 background:url(/images/nav-agenda-fr.gif);
 height:52px;
 width:176px
}
#contact-fr>a{
  background:url(/images/nav-contact-fr.gif);
  height:52px;
  width:176px;
}
#liens>a{
  background:url(/images/nav-liens.gif);
  height:52px;
  width:176px;
}

#contact>a{
  background:url(/images/nav-contact.gif);
  height:52px;
  width:176px;
}
#links>a{
  background:url(/images/nav-links.gif);
  height:52px;
  width:176px;
}

#nav li a:hover, #nav li.current a{
  background-position:top right;
}

/* flyout menu */
#nav ul{
  background:#6b90cb;
  display:none;
  position:absolute;
  left:175px;
  top:0;
}
#nav>li:hover ul{
  display:block;
}
#nav ul a{
  border-top:1px solid #b0c4e4;
  color:#ffffff;
  display:block;
  font-weight:normal;
  padding:5px;
  text-decoration:none;
  width:300px;
}
#nav ul a:hover{
  background:#b0c4e4;
}

/* nav-extra */
#nav-extra{
  margin:0;
  position:absolute;
  right:1px;
  top:0;
}
#nav-extra li{
  float:left;
}
#login-link a{
  background:url(/images/inloggen-als-arts.gif);
  display:block;
  height:42px;
  text-indent:-3000px;
  width:204px;
}
#login-link a.fr{
  background-image:url(/images/inloggen-als-arts-fr.gif);
  width:300px;
}

#login-link a:hover{
  background-position:top right;
}
#taalwissel a{
  background:url(/images/taalwissel-bg.gif);
  display:block;
  height:42px;
  text-indent:-3000px;
  width:150px;
}
#taalwissel a.nl{
  background-image:url(/images/taalwissel-nl-bg.gif);
}
#taalwissel a:hover{
  background-position:top right;
}
/* NL versie heeft geen taalwissel */
#login-link a.geen-taalwissel{
  margin-right:150px;
}

/* =content-main
------------------------------------------------------------------*/

/* downloads */
#downloads{
  float:right;
  width:535px;
}
#downloads p{
  background:#e7f0ff url(/images/bullet-download.gif) no-repeat 8px center;
  float:right;
  padding:.5em .5em .5em 21px;
}
#downloads a{
  font-weight:normal;
  color:#0091cf;
}

.problemen{
  background:#e7f0ff;
  font-size:10px;
  padding:10px;
}

/* nav tri */
#nav_tri{
  float:left;
  margin-right:0;
  width:535px;
}

/* nav_tri zonder beeldjes */
#content-main #nav_tri li{
  background:none;
  border:none;
  border-left:0.0833em solid #cce9f5;
  display:inline;
  line-height:1.5em;
  margin-right:.75em;
  padding:0 0 0 .75em;
}
#content-main #nav_tri li:first-child{
  border:none;
  padding:0;
}
#content-main #nav_tri a{
  font-weight:normal;
  line-height:1.5em;
}

/* nav_tri mét beeldjes (producten) */
#content-main #nav_tri li.product{
  background:none;
  border:none;
  border-left:0.0833em solid #cce9f5;
  float:left;
  line-height:1.5em;
  margin-right:.75em;
  padding:0 0 0 .75em;
}
#content-main #nav_tri li.product:first-child{
  border:none;
  padding:0;
}
#content-main #nav_tri .product a{
  background-repeat:no-repeat;
  background-position:left center;
  float:left;
  font-weight:normal;
  line-height:1.5em;
  padding:5px 0 5px 30px;
}
#content-main #nav_tri li.current a{
  font-weight:bold;
}

#content-main #nav_tri #filmabak a{background-image:url(/images/product-iconen/filmabak.jpg);}
#content-main #nav_tri #hyabak a{background-image:url(/images/product-iconen/hyabak.jpg);}
#content-main #nav_tri #hydrabak a{background-image:url(/images/product-iconen/hydrabak.jpg);}
#content-main #nav_tri #hyluprotect a{background-image:url(/images/product-iconen/hyluprotect.jpg);}
#content-main #nav_tri #blephaclean a{background-image:url(/images/product-iconen/blephado.jpg);}
#content-main #nav_tri #blephadosis a{background-image:url(/images/product-iconen/blephado.jpg);}
#content-main #nav_tri #blephagel a{background-image:url(/images/product-iconen/blephagel.jpg);}
#content-main #nav_tri #blephasol a{background-image:url(/images/product-iconen/blephasol.jpg);}
#content-main #nav_tri #nutrilarm a{background-image:url(/images/product-iconen/nutrilarm.jpg);}
#content-main #nav_tri #nutrof a{background-image:url(/images/product-iconen/nutrof.jpg);}
#content-main #nav_tri #nutrof-omega a{background-image:url(/images/product-iconen/nutrof-omega.jpg);}

#content-main ul li{
  background:url(/images/bullet.gif) no-repeat 0 50%;
  border-top:0.0833em solid #cce9f5;
  padding-top:0.333em;
  padding-bottom:0.333em;
  line-height:1.5em;
  padding-left:15px;
}

/* agenda navigatie */
.jaar{
  float:left;
}
.maand{
  float:left;
  width:30%;
}
#content-main .jaar ul li:first-child {
  background:url(/images/bullet.gif) no-repeat 0 50%;
  border-top:0.0833em solid #cce9f5;
  padding-top:0.333em;
  padding-bottom:0.333em;
  line-height:1.5em;
  padding-left:15px;
}

div.event{
  border-top:1px solid #cce9f5;
}
.event h3{
  margin-bottom:.333em;
}
.event h3+p{
  font-size:.8333em;
  line-height:1.8em;
}

div.link{
background:transparent url(/images/bullet.gif) no-repeat scroll 0pt 22px;
border-top:0.0833em solid #CCE9F5;
line-height:1.5em;
padding-left:15px;

}


/* vcard */
.vcard{
  margin-bottom:1.5em;
}
p.tel{
  margin-bottom:0;
}
p.tel+p{
  margin-bottom:1.5em;
}

/* content-sec */
#content-sec ul a{
  border-top:0.0833em solid #cce9f5;
  color:#0091cf;
  display:block;
  font-weight:normal;
  line-height:1.5em;
  padding-top:0.333em;
  padding-bottom:0.333em;  
  padding-right:15px;
  text-decoration:none;
}
#content-sec ul li:first-child a{
  border-top:0;
  line-height:1.5em;
  padding-top:0.333em;
  padding-bottom:0.333em;
}
#content-sec ul a:hover, #nav-sec li.current a{
  background: #f3fafd url(/images/bullet.gif) no-repeat 97% 50%;
}

/* =footer
------------------------------------------------------------------*/
#footer p{
  color:#808080;
}
#footer a{
  color:#0091cf;
}
#footer p#site-info{
  font-size:0.917em;
  margin-bottom:0;
}

/* arts meer info block*/
#arts-meerinfo{
  background:#eceff1;
  padding:1.5em 0 1.5em 0;
}
#arts-meerinfo h4{
  color:#003678;
  padding:0 1.5em;
}
#arts-meerinfo p{
  color:#003678;
  margin:0;
}
#arts-meerinfo a{
  color:#003678;
  font-weight:normal;
}

/* praktisch */
#praktisch{
  background:#6b90cb;
  padding:1.5em 0;
}
#praktisch p{
  color:#FFF;
}
#praktisch a{
  color:#ffcc66;
}


/* =forms
------------------------------------------------------------------*/
#form{
  background:#e7f0ff;
  padding:1em;
}
form div{
  margin-bottom:10px;
}
form br{
  display:none;
}
form label{
  display:block;
}
label, form div{
  color:#000;
}
input[type="text"], textarea{
  font-size:1em;
  padding:.25em;
}
input[type="submit"]{
  background:#3f6eb3;
  border:1px solid #79a9d9;
  color:#FFF;
  font-size:.9em;
  font-weight:bold;
  padding:0.25em;
  text-transform:uppercase;
}

/* error handling */
.validation-advice{
  color:red;
  font-size:0.8333em;
}