/* stylesheet: Digitalis */
/* versie: 1.01 - 05/12/2007 */
/* Maaike de Laat - maaike@eend.nl */


/*  schone start geïnspireerd op eric meyer
-------------------------------------------- */

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

body {
	color:#fff;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/*  basis typografie
-------------------------------------------- */
h1, .b-home h2 {
	font-weight:bold;
	font-size:2em;
	margin-bottom:1em;
	color:#003420;
}

h2, .b-home h3 {
	color:#003420;
	font-size:1.5em;
	font-weight:normal;
	margin-bottom:.25em;
}

h3, .b-home h4 {
	font-weight:bold;
}

p {
	margin-bottom:1em;
}

p.intro {
	font-weight:bold;
}

.verstoppen {
	position:absolute;
	top:-5000px;
	left:0;
}

a:link, a:visited {
	color:#6e0077;
}

a.verder {
	background:url(../images/link_quote.gif) 100% 1px no-repeat;
	padding-right:12px;
}

a:hover, a:active {
	color:#fff;
	text-shadow:0 0 0 #6e0077;
	background-color:#6e0077;
	text-decoration:none;
}

a:hover.verder {
	background:#6e0077 url(../images/link_quote.gif) 100% -21px no-repeat;
}

strong {
	font-weight:bold;
}

.datum {
	font-size:.9em;
}

/*  structuur
-------------------------------------------- */
body {
	font:72%/1.4 "Lucida Sans Unicode", "Lucida Sans", Arial, Verdana, sans-serif;
	background:#b0c5b9 url(../images/body_bg.gif) 0 150px repeat-x;
	color:#000;
}

#kader {
	background:#fff url(../images/puzzel.jpg) 100% 53px no-repeat; /* nieuw plaatje en andere positie */
/*	background:#fff url(../images/pillen.jpg) 100% 40px no-repeat; */
	width:78.5em;
	max-width:95%;
	min-width:800px;
	margin:0 auto;
	position:relative;
}

#header {
	height:290px;
	background:url(../images/header_bg.png) 100% 150px no-repeat;
	position:relative;
}

.b-home h1, #header #logo {
	position:absolute;
	top:75px;
	left:30px;
	font-size:1em;
}

#header a#logo:hover {
	background:none;
}

/*  hoofdmenu (de tabjes)
-------------------------------------------- */
#hoofdmenu {
	background:#000 url(../images/menubg.gif) bottom left repeat-x;
	float:left;
	width:100%;
	padding-top:20px;
	line-height:1;
}

#hoofdmenu ul {
	float:right;
	padding-right:30px;
}

#hoofdmenu li {
	float:left;
	margin-left:3px;
	text-transform:lowercase;
	background-color:#fff;
}

#hoofdmenu li.actief {
	background: url("../images/menu_tabhrsel.gif") top right no-repeat;
	padding-right:6px;
	display:block;
	color:#000;
}

#hoofdmenu li.actief strong {
	background: url("../images/menu_tabhlsel.gif") top left no-repeat;
	padding:5px 0 5px 6px;
	display:block;
	font-weight:normal;
}

#hoofdmenu li a {
	background: url("../images/menu_tabhr.png") 100% 0 no-repeat;
	padding-right:6px;
	display:block;
	color:#000;
	text-decoration:none;
}

#hoofdmenu li a:hover {
	background-position:100% -67px;
} 

#hoofdmenu li.actief a {
	background: url("../images/menu_tabhrsel.gif") top right no-repeat;
	padding-right:0;
}

#hoofdmenu li.actief a:hover {
	background: url("../images/menu_tabhr.png") 100% -67px no-repeat;
	margin-right:-6px;
	padding-right:6px;
}

#hoofdmenu li a span {
	background: url("../images/menu_tabhl.png") 0 0 no-repeat;
	padding:5px 0 5px 6px;
	display:block;
}

#hoofdmenu li.actief a span {
	background: url("../images/menu_tabhlsel.gif") top left no-repeat;
}

#hoofdmenu li a:hover span {
	background-position:0 -67px;
}

#hoofdmenu li.actief a:hover span {
	background: url("../images/menu_tabhl.png") 0 -67px no-repeat;
}

#header img {
	margin-right:6px;
}

/*  productmenu
-------------------------------------------- */
#header #rx a, #header #mx a, #header #rx strong, #header #mx strong {
	position:relative;
	top:-8px;
	z-index:100;
}

#header #rx strong, #header #mx strong {
	position:relative;
	top:-6px;
	z-index:100;
	color:#6e0077;
}

#header .prodlogo a, #header .prodlogo strong {
	display:block;
	height:23px;
	width:157px;
	margin:8px 0 0 65px;
	clear:right;
	text-indent:-5000px;
	color:#fff;
	background-color:#6e0077;
	position:static !important;
}

#header #rx {
	position:absolute;
	top:130px;
	left:3%;
	border-left:2px solid #fff;
	height:129px;
	width:245px;
}

#rx #pr_pre {
	background:url(../images/pr_pre.png) 0 -4px no-repeat;
}
#rx a#pr_pre:hover, #rx strong#pr_pre {
	background:url(../images/pr_pre.png) 0 -32px no-repeat;
}

#rx #pr_ken {
	background:url(../images/pr_ken.png) 0 -4px no-repeat;
}
#rx a#pr_ken:hover, #rx strong#pr_ken {
	background:url(../images/pr_ken.png) 0 -32px no-repeat;
}

#rx #pr_for {
	background:url(../images/pr_for.png) 0 -4px no-repeat;
}
#rx a#pr_for:hover, #rx strong#pr_for {
	background:url(../images/pr_for.png) 0 -32px no-repeat;
}

#header #mx {
	position:absolute;
	top:130px;
	left:275px;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	height:129px;
	width:245px;
}

#mx #pr_inf {
	background:url(../images/pr_inf.png) 0 -4px no-repeat;
}
#mx a#pr_inf:hover, #mx strong#pr_inf {
	background:url(../images/pr_inf.png) 0 -32px no-repeat;
}

#mx #pr_soj {
	background:url(../images/pr_soj.png) 0 -4px no-repeat;
}
#mx a#pr_soj:hover, #mx strong#pr_soj {
	background:url(../images/pr_soj.png) 0 -32px no-repeat;
}

#mx #pr_neo {
	background:url(../images/pr_neo.png) 0 -4px no-repeat;
}
#mx a#pr_neo:hover, #mx strong#pr_neo {
	background:url(../images/pr_neo.png) 0 -32px no-repeat;
}

/*  content
-------------------------------------------- */
#content {
	padding:0 3% 0 3%;
	position:relative;
}

#main {
	width:58%;
	float:left;
	padding:0 0 30px 0;
	position:relative;
}

#main ul {
	list-style-position:outside;
	margin:0 0 1em 0;
}

#main ul ul, #main ol ol, #main ul ol, #main ol ul {
	margin-bottom:0;
}

#main ul li {
	background:url(../images/ul_bullet.png) 0 6px no-repeat;
	padding-left:12px;
}

#main ul ul li {
	background-image:url(../images/ulul_bullet.png);
}

ol {
	list-style-position:outside;
	margin:0 0 1em 2em;
	list-style-type:decimal;
}

.b-home #main {
	width:38%;
}

#evs {
	width:133px;
	position:absolute;
	top:0;
	left:41.5%;
	background-color:#f7e2eb;
	padding:115px 10px 10px 10px;
}

#evs h2, .b-home #nieuws h2, #archief h2, #lijst h2 {
	font-size:1.05em;
	font-variant:small-caps;
	color:#000;
	letter-spacing:.15em;
	margin-bottom:.2em;
	font-weight:bold;
}

#evs h2 {
	background:url(../images/lijn_hor.png) bottom left repeat-x;
	padding-bottom:.4em;
	margin-bottom:1em;
}

#evs img {
	position:absolute;
	top:0;
	left:-10px;
}

#evs a.verder {
	background-image:url(../images/link_quote_roze.gif);
}	

.b-home #nieuws {
	width:38%;
	float:right;
}

body #nieuws li {
	background:url(../images/lijn_hor.png) top left repeat-x;
	padding:1.5em 0 0 0;
}

body #nieuws li.first {
	background:none;
	padding:0;
}

#nieuws li h2 a, #nieuws li h3 a {
	text-decoration:none;
}

#nieuws li h3, .b-nws #nieuws li h2 {
	font-weight:bold;
	margin-bottom:0;
}

#archief {
	width:39.4%;
	float:right;
}

#archief, #lijst {
	width:38%;
	float:right;
}

#archief ol, #lijst ul {
	list-style-position:inside;
	list-style-type:none;
	margin:0;
}

#archief h2 {
	background:url(../images/lijn_hor.png) bottom left repeat-x;
	padding-bottom:.5em;
	margin:0 0 1em 3%;
}

#lijst h2 {
	background:url(../images/lijn_hor.png) bottom left repeat-x;
	padding-bottom:.5em;
	margin:0 0 1em 0;
}

#archief h3 {
	background:url(../images/lijn_hor.png) bottom left repeat-x;
	padding-bottom:.5em;
	margin-bottom:.25em;
}

#lijst li {
	margin-bottom:1em;
}

#archief li a, #lijst li a {
	background:url(../images/lijn_horp.png) bottom left repeat-x;
	padding-bottom:.5em;
	margin-bottom:.25em;
	display:block;
	text-decoration:none;
}

/*#archief li strong {
	background:url(../images/lijn_horphover.png) bottom left repeat-x;
	padding-bottom:.5em;
	margin-bottom:.25em;
	display:block;
	color:#6e0077;
	font-weight:bold;
}*/

#archief li strong, #lijst li strong {
	background:url(../images/lijn_hor.png) bottom left repeat-x;
	padding-bottom:.5em;
	margin-bottom:.25em;
	display:block;
	color:#000;
	font-weight:bold;
}

#archief li.actief a {
	background:url(../images/lijn_horp.png) bottom left repeat-x;
	font-weight:bold;
}

#archief li a:hover, #lijst li a:hover {
	color:#6e0077;
	/*font-weight:bold;*/
	background-image:url(../images/lijn_horphover.png);
}


#archief div {
	width:47%;
	float:left;
	height:29em;
	margin-left:3%;
}

.block {
	float:right;
	margin-bottom:10px;
	clear:right;
}

.bijschrift {
	float:right;
	margin-bottom:20px;
	clear:right;
	width:320px;
}

.collega {
	position:relative;
	top:0;
	left:0;
	min-height:125px;
}

.collega img {
	position:absolute;
	top:0;
	left:106%;
	padding:16px;
	background:#fff url(../images/schaduw.png) bottom right no-repeat;
}

/*  footer
-------------------------------------------- */
#footer {
	background:#003420 url(../images/footerbg.gif) top left repeat-x;
	color:#fff;
	text-shadow: 0 0 0 #003420;
	padding:10px 30px 5px 30px;
	clear:both;
}

#footer a, #footer a:visited {
	color:#fff;
	text-decoration:none;
}

#footer a:hover, #footer a:active {
	color:#fff;
	text-decoration:underline;
	background:none;
}

.vcard .url {
	display:none;
}