/* stylesheet: Presciptor */
/* versie: 1.0 - 13/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, .b-welkom h3 {
	font-weight:bold;
	font-size:2em;
	margin-bottom:1em;
	color:#003420;
}

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

.b-welkom h4 a, .b-welkom-alt h3 a {
	font-weight:bold !important;
	text-decoration:none;
}

.b-welkom h2, .b-welkom-alt h2 {
	background-color:#003420;
	color:#fff;
	font-size:1em;
	padding:7px 0;
	margin-bottom:1.5em;
	font-weight:bold;
	height:16px;
}

.b-welkom #nieuwvooru h2, .b-welkom-alt #nieuwvooru h2 {
	border-right:2px solid #fff;
	margin-left:-28px;
	padding-left:28px;
	margin-right:-2%;
}

h3, .b-home h4, .b-welkom h5 {
	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;
}

/*  formulieren
-------------------------------------------- */
form {
	background:url(../images/lijn_hor.png) top left repeat-x;
	margin:1em 0;
	padding-top:1em;
}

button {
	background-color:#000;
	color:#fff;
	text-transform:lowercase;
	font-variant:small-caps;
	border:1px solid #fff;
	font-family:"Lucida Sans Unicode", "Lucida Sans", Arial, Verdana, sans-serif;
	font-size:.9em;
	font-weight:bold;
	padding:2px 6px;
	letter-spacing:.1em;
	cursor:pointer;
	margin-top:1em;
}

input, button {
	float:left;
	clear:left;
}

select {
	float:left;
	clear:left;
	margin-top:.5em;
}

form p {
	float:left;
	clear:left;
	margin:-.5em 0 1em 0;
	color:#666;
	width:30em;
}

fieldset fieldset {
	float:left;
	clear:left;
	margin:.5em 0 1em 0;
}

fieldset legend {
	padding-top:1.5em;
}

label span {
	color:#f00;
	font-weight:bold;
	margin:0 .15em 0 .25em;
}

label {
	float:left;
	clear:left;
	cursor:pointer;
	display:block;
	margin-top:5px;
	width:30em;
}

input {
	margin:5px 10px 10px 0;
	background:#fff url(../images/input_shadow.png) 0 0 repeat-x;
	border:1px solid #666;
	padding:2px;
	font-family:"Lucida Sans Unicode", "Lucida Sans", Arial, Verdana, sans-serif;
	font-size:1em;
	width:23em;
}

input.kort {
	width:12em;
}

label input {
	position:relative;
	top:1px;
	width:auto !important;
	margin:0 3px 0 0;
	padding:0;
	border:none;
	background:none;
}

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

body.b-welkom, body.b-welkom-alt {
	background-image:url(../images/body_bgl.gif);
}

#kader {
	background:#fff url(../images/vulpen.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-welkom #header, .b-welkom-alt #header {
	height:286px;
}

#header a#digitalis {
	position:absolute;
	top:15px;
	left:30px;
	text-indent:-5000px;
	height:11px;
	width:168px;
	background:url(../images/logo-digitalisrx.png) 0 -2px no-repeat;
	color:#fff !important;
}

#header a#digitalis:hover {
	background-position:0 -17px;
}

.b-home h1, .b-welkom h1, .b-welkom-alt h1, #header #logo {
	position:absolute;
	top:85px;
	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:#fff 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:6px;
	margin-right:-6px;
	
}

#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;
}

/*  login
-------------------------------------------- */
#login {
	position:absolute;
	top:160px;
	left:30px;
	width:55%;
}

#login form {
	background:none;
	margin:0;
	padding:0;
}

.b-welkom #login em, .b-welkom-alt #login em {
	font-size:1.05em;
	font-weight:bold;
	background:url(../images/lijn_hor.png) bottom left repeat-x;
	padding-bottom:.4em;
	margin-bottom:2em;
	display:block;
	font-style:normal;
}

#login div {
	float:left;
	width:33%; /* voor opera */
}

#login div label {
	font-size:90%;
	max-width:160px;
}

#login button {
	position:relative;
	top:1.8em;
	float:none;
	clear:none;
	margin-top:0;
}

#login #ww {
	position:absolute;
	top:4em;
	left:105.5%;
	white-space:nowrap;
}

#login input {
	width:12.5em;
	max-width:160px;
}

#login label {
	margin-top:0;
}

/*  content
-------------------------------------------- */
#content {
	padding:25px 3% 0 3%;
	position:relative;
	margin-top:3px;
}

.b-home #content {
	padding-top:0;
}

.b-welkom #content, .b-welkom-alt #content {
	margin-top:0;
	background:#fff url(../images/content_bg.gif) 0 0 repeat-x;
	min-height:30px;
	padding-top:0;
}

#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;
}

.b-welkom #down ul ul {
	list-style-position:outside;
	margin:0 0 1em 0;
}

.b-welkom #down ul ul li {
	background:url(../images/ul_bullet.png) 0 6px no-repeat;
	margin:0;
	padding:0;
	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;
}

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

.b-home h2, .b-welkom h3, #login h2, #archief h2 {
	font-size:1.05em;
	text-transform:lowercase;
	font-variant:small-caps;
	color:#000;
	letter-spacing:.15em;
	font-weight:bold;
	background:url(../images/lijn_hor.png) bottom left repeat-x;
	padding-bottom:.4em;
	margin-bottom:1em;
}

.b-home #nieuws h2, .b-home #faq h2 {
	margin-bottom:.25em;
}

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

.b-home #nieuws {
	width:38%;
	float:left;
	padding-top:8px;
}

#nieuwvooru {
	width:58%;
	float:left;
	padding-right:4%;
}

.b-home #faq, .b-home #evs, .b-home #over {
	width:38%;
	float:right;
	padding:8px 0;
	clear:right;
}

#down {
	width:38%;
	float:right;
	padding:0;
	clear:right;
	margin:0;
}

.b-home #faq {
	margin-bottom:.5em;
}

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

.b-home #faq li {
	background:url(../images/lijn_horp.png) bottom left repeat-x;
	padding:.5em 0 1em 0;
}

.b-welkom #content ul, .b-welkom-alt #content ul {
	margin:-.75em 0 2em 0;
}

.b-welkom #content li, .b-welkom-alt #content li {
	background:url(../images/lijn_hor.png) bottom left repeat-x;
	padding:.75em 0 .25em 0;
}

.b-welkom #down li .specs, .b-welkom-alt #down li .specs {
	font-size:.9em;
	display:block;
	margin-bottom:1em;
}

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

#nieuws li h3 {
	font-weight:bold;
	margin-bottom:0;
}

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

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

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;
}

#submenu, #archief {
	width:38%;
	float:right;
	padding-top:5px;
}

#submenu ul {
	list-style-position:inside;
	list-style-type:none;
	margin:0;
}

#submenu li {
	margin-bottom:.75em;
}

#archief li a, #submenu 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, #submenu 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;
}

#submenu li a:hover {
	color:#6e0077;
	background-image:url(../images/lijn_horphover.png);
}

#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%;
}

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

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

#archief li a:hover {
	color:#6e0077;
	background-image:url(../images/lijn_horphover.png);
}

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

/*  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;
}