html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Helvetica, Geneva, sans-serif;;
}
a {
	outline: none;
	color: #0060c8;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

div {
	margin: 0;
	padding: 0;
}
#frame {
	width: 995px;
	background-image: url(/img/nav-bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
}
#header {
	height: 134px;
	width: 100%;
	background-image: url(/img/header.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	color: #006eb2;
	font-size: 11px;
}
	#schaapgeit {
		float: left;
		margin: 8px 0 0 12px;
		text-indent: -10000px;
	}
	#login {
		float: right;
		margin: 8px 320px 0 0;
	}
	#login a, #breadcrumbs a {
		color: #5cab1c;
		text-decoration: none;
	}
	#login a:hover, #breadcrumbs a:hover {
		text-decoration: underline;
	}

/* @group nav
 */
#nav {
	background-color: #7FB6D8;
	width: 159px;
	height: 80%;
	font-size: 11px;
	float: left;
}
	#nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
	}
	#nav li {
		border-bottom: 1px solid #fff;
		margin: 0;
	}
	#nav li a {
		display: block;
		/* padding-left should be 8px, it's 3 now because of the long text */
		padding: 5px 1px 5px 3px;
		color: #000;
		text-decoration: none;
		font-weight: bold;
	}
	html>body #nav li a {
		width: auto;
	}
	#nav li a:hover {
		background-color: #E5F0F7;
	}
	#nav ul li a.lock {
		background-color: #f5ceae;
		padding-left: 22px;
	}
	#nav li a.lock:hover {
		background-color: #f5ceae;
	}
	#nav ul li a.lock {
		background-image: url(/img/lock.gif);
		background-position: 7px 0px;
		background-repeat: no-repeat;
	}

	#nav ul li a.ingelogd {
		background-image: url(/img/unlock.gif);
	}

	#nav ul ul {
		padding-left: 22px;
		margin: 0;
		background-color: #e5f0f7;
		padding-bottom: 10px;
	}
	#nav ul ul.lock {
		background-color: #f5ceae;
	}
	#nav ul ul li {
		list-style-type: disc;
		color: #000;
		padding: 0;
		margin: 0 0 3px 0;
		border: none;
		font-size: 8px;
	}
	#nav ul ul li a {
		padding: 0;
		display: inline;
		color: #000;
		font-weight: normal;
		font-size: 11px;
	}
	#nav ul ul li a:hover {
		color: #006EB2;
		background: transparent;
		text-decoration: underline;
	}
/* @end */

/* @group content */
#content {
	width: 836px;
	margin: 5px 0 0 0;
	float: left;
	font-size: 11px;
}
#breadcrumbs {
	color: #006eb2;
	margin: 0 0 10px 15px;
}

#zoekentop
{
	float: right;
	position: relative;
	width: 240px;	
	text-align: right;
	font: 10px/12px arial, helvetica;
}

#zoekentop input#zoekentop-z
{
	padding: 1px;
	margin: 0;
	width: 160px;
	border: 1px solid #006EB2;
	font: 10px/12px arial, helvetica;
}

#zoekentop input#zoekentop-s
{
	width: 50px;
	margin: 0 0 0 5px;
	font: 10px/12px arial, helvetica;
}

/* @group maincontent */
#maincontent {
	width: 499px;
	float: left;
	margin-left: 15px;
}
#vervolg #maincontent {
	width: 600px;
}
#vervolg #maincontent h1 {
	color: #0060aa;
	font-weight: normal;
	font-size: 24px;
}
#vervolg #maincontent p, #vervolg #maincontent ul, #maincontent td {
	font-size: 12px;
	padding: 0;
	margin: 15px 5px 15px 0px;
}

#vervolg #maincontent td.label {
	width: 120px;
	font-weight: bold;
	height: 20px;
}

#vervolg #maincontent td.label_agenda {
	width: 170px;
	font-weight: bold;
	height: 20px;
}

#vervolg #maincontent ul {
	list-style-position: outside;
	list-style-type: square;
	margin-left: 20px;
}
#vervolg #maincontent p.intro {
	font-weight: bold;
}
#secnav {
	width: 162px;
	float: left;
	padding: 57px 0 0 0 ;
}
#secnav ul {
	list-style: none;
	margin: 0 0 40px 0;
	padding: 0;
	border-bottom: 1px solid #7fb6d8;
}
#secnav li {
	border-top: 1px solid #7fb6d8;
	font-size: 12px;
	padding: 2px 0 2px 10px;
}
#secnav li a {
	color: #0060aa;
	text-decoration: none;
}
#secnav li a:hover {
	text-decoration: underline;
}

#secnav ul ul {
	border: none;
	list-style-type: none;
	margin: 0 0 40px 0;
	padding: 2;
}
#secnav ul ul li {
	padding: 2px 0 2px 12px;
	border: none;
	font-size: 11px;
}
#secnav ul ul li a {
	color: #0060aa;
}

#secnav p {
	padding: 5px 8px 5px 10px;
	background-color: #e7f2dd;
	font-size: 12px;
}
#secnav p a {
	color: #000;
	text-decoration: underline;
}

#secnav p.streamer {
	font-size: 11px;
	border-top: 1px solid #7fb6d8;
	border-bottom: 1px solid #7fb6d8;
}

/* @group kennisnet */
#kennisnet {
	width: 499px;
	margin-top: 0px;
	border: 1px solid #d15f02;
	background-image: url(/img/kennisnet-bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#kennisnet #lidmaatschap {
	width: 80px;
	margin: 210px 44px 0px 20px;
	float: left;
	height: 84px;
}
#kennisnet #lidmaatschap a {
	color: #d15f02;
}
#kennisnet #lidmaatschap a:hover {
	color: #000;
}
#kennisnet #lidmaatschap strong {
	color: #006eb0;
	font-weight: bold;
}
#kennisnet #uitleg {
	width: 499px;
/*	float: left;
*/
	background-image: url(/img/onmisbaar.gif);
	background-position: 390px 195px;
	background-repeat: no-repeat;
	font-size: 12px;
}
#kennisnet #uitleg h1 {
	color: #d15f02;
	margin: 10px 0px 13px 0;
	font-size: 20px;
}
#kennisnet #uitleg div {
	/* De tekst "hiden" omdat die in het plaatje staat wat in de achtergrond gebruikt wordt */
	text-indent: -20000px;
	height: 0;
}
#kennisnet #uitleg p {
	margin: 0;
	font-weight: bold;
}
#kennisnet #uitleg ul {
	margin: 3px 0;
	padding: 0px;
	list-style-position: inside;
	list-style-type: square;
}
#kennisnet #uitleg ul li {
	margin: 3px 0;
}

/* @end */

/* @group nieuws en agenda */
#nieuws, #agenda {
	border: 1px solid #698fd1;
	width: 499px;
}
#kalender {
	width: 247px;
}
#nieuws a, #agenda a , #kalender a , td.link a {
	color: #000;
	text-decoration: none;
}
#nieuws a:hover, #agenda a:hover, #kalender a:hover, td.link a:hover {
	text-decoration: underline;
}
#nieuws {
	margin-top: 15px;
	border-bottom: none;
}
#agenda {
	margin-bottom: 20px;
}
#nieuws h2, #agenda h2, h2.nieuws {
	color: #5cab1c;
	padding: 0;
	margin: 10px 0 2px 10px;
	font-size: 14px;
	float: left;
	width: 50%;
}
#nieuws .meta, #agenda .meta {
	color: #5cab1c;
	float: right;
	margin: 12px 10px 0 0;
	font-size: 12px;
}

#nieuws .meta a, #agenda .meta a, div.meta a, ul#ziektesignaal_lijst a {
	color: #5cab1c;
	text-decoration: none;
}
#nieuws .meta a:hover, #agenda .meta a:hover, div.meta a:hover, ul#ziektesignaal_lijst a:hover {
	text-decoration: underline;
}

#nieuws table, #agenda table, #ziektesign table {
	clear: both;
	margin: 0 0 8px 10px;
	width: 100%;
}
td.datum {
	font-weight: bold;
	color: #006eb0;
	padding: 0 5px 0 0;
	margin: 0;
	width: 20%;
}
/* @end */

/* @end */

/* @group tools en services */

#toolsservices {
	margin-left: 10px;
	width: 312px;
	float: left;
}

#toolsservices h2 {
	margin: 0 0 8px 0;
	font-size: 12px;
	color: #0567b0;
}

#toolsservices div {
	padding: 0;
	border: 0;
	margin: 0 0 3px 0;
}

/* blokje */

#toolsservices a, #toolsservices a:hover
{
	padding: 0;
	border: none;

	display:block;
	width:312px;
	height:42px;
	margin: 0;
}

#toolsservices a.handigetool, #toolsservices a.handigetool:link, #toolsservices a.handigetool:visited
{
	cursor: pointer;
	background:#e5f0f7;
	display:block;
	width:312px;
	height:42px;
	margin: 0;
	text-decoration: none;
	color: #000;
}

#toolsservices a.handigetool:hover
{
	background:#d8e2ea;

	display:block;
	width:312px;
	height:42px;
	margin: 0;
}

#toolsservices a.handigetool span.h2
{
	display: block;
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 16px;
	font-weight: normal;
	color: #006eb0;
	text-decoration: none;
}

#toolsservices a.handigetool span.h2:hover
{
	text-decoration: underline;
}

#toolsservices a.handigetool img
{
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
}

/* extra kleur */

#toolsservices a.groen, #toolsservices a.groen:link, #toolsservices a.groen:visited
{
	background:#5cab1c;
	color: #fff;
}

#toolsservices a.groen:hover
{
	background:#5C9538;
}

#toolsservices a.groen span.h2
{
	color: #fff;
}


/* @end */
/* @end */

#footer {
	width: 985px;
	height: 60px;
	padding: 40px 0 10px 10px;
	clear: both;
	font-size: 11px;
	background: url(/img/footer.jpg) top left no-repeat;
}
#footer a {
	color: #000;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

/* ziektesignaal */

table#ziektesignaal_aanmelden, table#ziektesignaal_aanmelden2
{
	width: 100%;
	background: #D8F0FD;
	margin-top: 0;
	margin-bottom: 20px;
}

table#ziektesignaal_aanmelden td
{
	padding: 12px;
}

table#ziektesignaal_aanmelden2 td
{
	padding: 6px 12px;
}

table#ziektesignaal_aanmelden h2, table#ziektesignaal_aanmelden2 h2 {
	color: #0060aa;
	font-weight: normal;
	font-size: 18px;
	line-height: 20px;
	margin: 0;
}

#ziektesign_leden
{
	padding: 4px 8px;
	border: 1px solid #E35110;
}

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

#ziektesign_leden td.datum
{
	width: 80px;
}

table#alert
{
	background: #fefa85;
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
}

table#alert td
{
	padding: 8px 6px;
	color: #000;
}

table#alert a
{
	color: #000;
	text-decoration: underline;
}


table#alert img
{
	border: 0;
	padding: 14px 11px 14px 5px;
}

table#alert h1#alert_titel
{
	color: #000;
	padding: 0;
	margin: 0;
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
}

td.kopjeoranje, span.kopjeoranje
{
	color: #5cab1c;
	font-size: 12px;
	font-weight: bold;
}

span.artikelkopklein
{
	color: #5cab1c;
	font-size: 18px;
	font-weight: bold;
}

span.koporanje
{
	color: #5cab1c;
	font-size: 12px;
	font-weight: bold;
}

/* door bor */

.meerinfo,a.meerinfo:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	background-color: #7FB6D8;
	width: 150px;
	text-decoration: none;
	text-align: center;
	height: 18px;
	padding-top: 2px;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	float: left;
	position: relative;
	font-size: 12px;
}
a.meerinfo:hover {
	color: #FFFFFF;
	background-color: #5cab1c;
	text-decoration: none;

}
.xbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	background-color: #7FB6D8;
	width: 80px;
	border: 1px outset #7FB6D8;
}
.lijnbr {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A5C6F7;
}

.datum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #234A8D;
}

.xbutton2 {
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	background-color: #7FB6D8;
	padding: 1px 2px;
	border: 1px outset #7FB6D8;
}
.tussenkop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5cab1c;
}


/* formulier */

table#formulier
{
	width: 440px;
}

table#formulier td
{
	padding: 2px 0;
}

table#formulier td input.txt
{
	width: 220px;
}

table#formulier td label.txt
{
	width: 120px;
	display: block;
}

table#formulier td textarea.txt
{
	margin-top: 6px;
	width: 370px;
	height: 100px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

input.txt2
{
	width: 440px;
}


/* catalogus */

table#catalogus_resultaat
{
}

table#catalogus_resultaat td
{
	padding: 10px;
}

table#catalogus_resultaat3 td
{
	padding: 3px;
}

/* dossier */

table#dossier_1 td
{
	padding: 15px;
}

/* ziektewijzer */

select.xlistmenu
{
	margin-bottom: 10px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	width:150px;
}

input.xform
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	width:146px;
}

a.zoeklink
{
	border: 1px solid #E5F0F7;
	background-color:#FFFFFF;
	clear:left;
	color:#0060C8;
	display:block;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	height:24px;
	margin-bottom:-1px;
	padding-left:10px;
	padding-top:2px;
	text-decoration:underline;
	width: 570px;
}

a.zoeklinklocked
{
	border: 1px solid #E5F0F7;
	background-color:#FFFFFF;
	clear:left;
	color:#BBBBBB;
	display:block;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	height:24px;
	margin-bottom:-1px;
	padding-left:10px;
	padding-top:2px;
	text-decoration:underline;
	width: 570px;
}

table#ziektewijzer_lijst
{
	width: 600px;
}

table#ziektewijzer_lijst td
{
	padding: 0;
}

table#ziektewijzer_result td
{
	padding: 15px;
}

/* test en score */

table#test_score
{
	width: 422px;
	border: 0;
	border-spacing: 1px;
	background: #95bce7;
}

table#test_score td
{
	padding: 4px;
}

table#test_score table td
{
	padding: 0;
}

table#test_score td.streep
{
	background: url('/images/strepen.gif') repeat;
}

table#dossier_lijst td.lijnbr
{
	padding: 4px 0;
}

/* kalender login */

table#kalenderlogin
{
	width: 499px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

table#kalenderlogin td
{
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

img.banner
{
	width: 130px;
	height: 130px;
	border: 0;
	padding: 0;
	margin: 0;
	display: block;
}

table#banners
{
	margin-top: 20px;
	width: 312px;
	display: block;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
}

table#banners td
{
	width: 156px;
	padding: 0;
}

table#banners a,
{
	width: 130px;
	height: 130px;
	border: 0;
	padding: 0;
	margin: 0;
}
table#kalenderlogin h2 {
	color: #0060aa;
	margin: 10px 0px 13px 0;
	font-size: 18px;
}
table#kalenderlogin #kalender td {
	padding: 0px;
}
table#kalenderlogin #kalender  {
	width: 465px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}




/* kalender login OUD */
/*

table#kalenderlogin
{
	width: 469px;
	margin: 105px 15px 15px 15px;
}

table#kalenderlogin td
{
	padding: 5px;
}

img.banner
{
	width: 130px;
	height: 130px;
	border: 0;
	padding: 0;
	margin: 0;
	display: block;
}

table#banners
{
	margin-top: 20px;
	width: 312px;
	display: block;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
}

table#banners td
{
	width: 156px;
	padding: 0;
}

table#banners a,
{
	width: 130px;
	height: 130px;
	border: 0;
	padding: 0;
	margin: 0;
}

*/
