/* (c) ISSR 2011 */
/* overlay.light erbij. */
/* popgeduld erbij. */
/* popover aanpassingen. */
/* ul.artikel toegevoegd. */
/* .grijs toegevoegd. */
/* max-width:99px toegevoegd. */

body, div, p, table, tr, th, td, ul, li, hr, img, a {
	padding:0;
	border:0;
	margin:0;
}
body {
	position:relative;
	font-family:Verdana;
	font-size:medium;
	background-color:#DBDFE3;
	margin-top:8px;
}
h1 {
	font-family:Arial;
	font-size:100%;
	color:#225577;
	margin-top:0;
	margin-bottom:9px;
}
h1.home {
	font-size:100%;
}
h2 {
	font-family:Arial;
	font-size:90%;
	color:#225577;
	margin-top:20px;
	margin-bottom:5px;
}
h2.home {
	font-size:90%;
	margin-top:3px;
	margin-bottom:7px;
}
h2.home a {
	color:#225577;
	text-decoration:none;
}
h2.home a:hover {
	text-decoration:underline;
}
h3 {
	font-family:Arial;
	font-size:80%;
	color:#225577;
	margin-top:20px;
	margin-bottom:4px;
}
h3.rk {
	margin-top:0;
}
p {
	font-size:80%;
	color:#225577;
	margin-top:0px;
	margin-bottom:8px;
}
p.klein {
	font-size:70%;
}
p.vet {
	font-weight:bold;
}
p.right {
	text-align:right;
}
a {
	color:#225577;
}
ul {
	font-size:80%;
	margin-left:15px;
	margin-bottom:8px;
	color:#CC0000;
}
li {
	color:#225577;
}
li.fade01, li.fade01 a {color:#225577;}
li.fade02, li.fade02 a {color:#374A68;}
li.fade03, li.fade03 a {color:#543C54;}
li.fade04, li.fade04 a {color:#772A3C;}
li.fade05, li.fade05 a {color:#991923;}
li.fade06, li.fade06 a {color:#CC0000;}
li.fade07, li.fade07 a {color:#CC0000;}
li.fade08, li.fade08 a {color:#CC0000;}

hr {
	height:0px;
	width:100%;
	margin-top:2px;
	margin-bottom:8px;
	border-bottom:1px solid #6699BB;
}

table {
	width:100%;
	font-size:80%;
	color:#225577;
	background-color:#FFFFFF;
	border:1px solid #225577;
	margin-top:12px;
	margin-bottom:12px;
}
table tr.even td {
	background-color:#FFFFFF;
}
table tr.oneven td {
	background-color:#EEEEEE;
}
table tr th {
	color:#FFFFFF;
	background-color:#CC0000;
	font-weight:bold;
	padding:4px 4px 4px 4px;
	text-align:left;
	vertical-align:top;
}
table tr th.right {
	text-align:right;
}
table tr td {
	font-weight:normal;
	vertical-align:top;
	padding:3px 4px 2px 4px;
}
table tr td.right {
	text-align:right;
}
table tr.even th {
	font-weight:bold;
	color:#225577;
	background-color:#FFFFFF;
	vertical-align:baseline;
}
table tr.oneven th {
	font-weight:bold;
	color:#225577;
	background-color:#DDDDDD;
	vertical-align:baseline;
}
table tr.kop th,
table tr.kop td {
	font-weight:bold;
	color:#FFFFFF;
	padding:4px 4px 4px 4px;
	background-color:#CC0000;
}

div#header {
	width:870px; /* width 870+42+42=954 new box model */
	padding:24px 42px 12px 42px;
	margin:0 auto;
	background-color:#FFFFFF;
	background-image:url(/images/basis/bgheader.gif);
	background-repeat:no-repeat;
	overflow:hidden;
}
div#logo {
	width:186px;
	height:188px;
	float:left;
	overflow:hidden;
}
div#banner {
	width:652px;
	height:188px;
	float:right;
	overflow:hidden;
}
p#topnav {
	display:block;
	width:100%;
	height:23px;
	line-height:23px;
	margin-top:18px;
	margin-bottom:2px;
	overflow:hidden;
}
p#topimage {
	display:block;
	width:100%;
	height:141px;
	margin:0;
	overflow:hidden;
}
div#issrinfo {
	width:100%;
	height:30px;
	padding-top:5px;
	border-bottom:1px solid #CCCCCC;
	overflow:hidden;
	clear:both;
}
p#adres {
	display:block;
	width:690px;
	height:25px;
	line-height:25px;
	margin:0;
	vertical-align:middle;
	float:left;
	overflow:hidden;
	text-align:left;
	font-size:80%;
	font-weight:normal;
	color:#225577;
}
p#sinds {
	display:block;
	width:155px;
	height:25px;
	line-height:25px;
	margin:0;
	vertical-align:middle;
	float:right;
	overflow:hidden;
	text-align:right;
	font-size:110%;
	font-weight:bold;
	color:#225577;
}
div#body {
	width:870px; /* width 870+42+42=954 new box model */
	padding:12px 42px 20px 42px;
	margin:0 auto;
	background-color:#FFFFFF;
	background-image:url(/images/basis/bgbody.gif);
	background-repeat:repeat-y;
	overflow-x:hidden;
}
div#leftcolumn {
	float:left;
	width:188px;
	margin-right:30px;
	overflow-x:hidden;
}
div#content,
div#contentbreed {
	float:left;
	width:432px;
	padding:0;
	margin-right:32px;
	overflow-x:hidden;
}
div#contentbreed {
	width:652px;
	margin-right:0;
}
div#rightcolumn {
	float:right;
	width:188px;
	overflow-x:hidden;
}
p#menu {
	display:block;
	margin:0;
}
div#footer {
	width:870px; /* width 870+42+42=954 new box model */
	height:45px;
	padding:2px 42px 0px 42px;
	margin:0 auto;
	background-color:#DBDFE3;
	background-image:url(/images/basis/bgfooter.gif);
	background-repeat:no-repeat;
	background-position:0px -50px;
	overflow:hidden;
	text-align:center;
	vertical-align:bottom;
}
p#footertext {
	font-size:70%;
	color:#999999;
	margin-top:0px;
	margin-bottom:8px;
	line-height:22px;
	border-top:1px solid #E0E0E0;
}

div#overlay {
	position:absolute;
	visibility:hidden;
	left:0;
	top:0; /* zie js */
	width:100%;
	height:100px; /* zie js */
	opacity:0.4;
	background-color:#000000;
	z-index:1000;
}
div#overlay.bright {
	opacity:0.1;
}
div#popover {
	position:absolute; /* can be relative too */
	visibility:hidden;
	left:0; /* zie js. can be percentage also */
	top:0; /* zie js */
	width:602px;
	height:460px;
	border:25px solid #CCCCCC;
	background-color:#CCCCCC;
	z-index:1001;
}
div#poptop {
	width:580px;  /* width 580+10+10=600 new box model */
	height:32px;  /* width 32+10+10=52 new box model */
	border-top:1px solid #AAAAAA;
	border-right:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;
	border-left:1px solid #AAAAAA;
	padding:10px;
	margin-bottom:8px;
	background-color:#FFFFFF;
}
span#poptitel {
	display:block;
	float:left;
	width:36%;
	height:32px;
	text-align:left;
	color:#225577;
}
span#poptitel p {
	line-height:32px;
	font-size:100%;
	font-weight:bold;
}
span#poptitel p.h16 {
	line-height:16px;
	font-size:80%;
}
span#poptitel p.h32 {
	line-height:32px;
	font-size:100%;
}
span#popvorige {
	display:block;
	float:left;
	width:9%;
	height:32px;
	text-align:left;
	cursor:pointer;
}
span#popnummer {
	display:block;
	float:left;
	width:10%;
	height:32px;
	text-align:center;
	color:#225577;
}
span#popnummer p {
	line-height:32px;
	font-size:100%;
	font-weight:bold;
}
span#popvolgende {
	display:block;
	float:left;
	width:9%;
	height:32px;
	text-align:right;
	cursor:pointer;
}
span#popsluiten {
	display:block;
	float:left;
	width:36%;
	height:32px;
	text-align:right;
	cursor:pointer;
}
div#popbottom {
	width:600px;
	height:400px;
	text-align:center;
	border-top:1px solid #AAAAAA;
	border-right:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;
	border-left:1px solid #AAAAAA;
	background-color:#EEEEEE;
	background-image:url(/images/basis/geduldani.gif);
	background-position:center center;
	background-repeat:no-repeat;
	overflow:hidden;
}
div#popbottom.geduld {
	background-image:url(/images/basis/geduldani.gif);
	background-position:center center;
	background-repeat:no-repeat;
}
div#popgeduld {
	position:absolute; /* can be relative too */
	visibility:hidden;
	width:270px;
	height:90px;
	left:45%;
	top:45%;
	text-align:center;
	padding:10px;
	border-top:1px solid #AAAAAA;
	border-right:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;
	border-left:1px solid #AAAAAA;
	background-color:#EEEEEE;
	background-image:url(/images/basis/geduldani.gif);
	background-position:center 80%;
	background-repeat:no-repeat;
	overflow:visible;
	z-index:1002;
}
img#popimage {
	font-size:120%;
}
a.tophome:link, a.tophome:active, a.tophome:visited, a.tophome:hover,
a.tophome2:link, a.tophome2:active, a.tophome2:visited, a.tophome2:hover {
	display:block;
	width:42px;
	padding:0px 10px 0px 17px;
	overflow-x:hidden;
	margin-right:11px;
	background-color:#FFFFFF;
	background-image:url(/images/basis/icohome2x.gif);
	background-repeat:no-repeat;
	background-position:0px center;
	color:#225577;
	font-family:Verdana;
	font-size:100%;
	text-decoration:none;
	float:left;
}
a.tophome:hover,
a.tophome2:link, a.tophome2:active, a.tophome2:visited, a.tophome2:hover {
	background-position:-137px center;
	color:#CC0000;
}
a.topcontact:link, a.topcontact:active, a.topcontact:visited, a.topcontact:hover,
a.topcontact2:link, a.topcontact2:active, a.topcontact2:visited, a.topcontact2:hover {
	display:block;
	width:57px;
	padding:0px 10px 0px 19px;
	overflow-x:hidden;
	margin-right:11px;
	background-color:#FFFFFF;
	background-image:url(/images/basis/icocontact2x.gif);
	background-repeat:no-repeat;
	background-position:0px center;
	color:#225577;
	font-family:Verdana;
	font-size:100%;
	text-decoration:none;
	float:left;
}
a.topcontact:hover,
a.topcontact2:link, a.topcontact2:active, a.topcontact2:visited, a.topcontact2:hover {
	background-position:-135px center;
	color:#CC0000;
}
a.toproute:link, a.toproute:active, a.toproute:visited, a.toproute:hover,
a.toproute2:link, a.toproute2:active, a.toproute2:visited, a.toproute2:hover {
	display:block;
	width:129px;
	padding:0px 10px 0px 19px;
	overflow-x:hidden;
	margin-right:11px;
	background-color:#FFFFFF;
	background-image:url(/images/basis/icoroute2x.gif);
	background-repeat:no-repeat;
	background-position:0px center;
	color:#225577;
	font-family:Verdana;
	font-size:100%;
	text-decoration:none;
	float:left;
}
a.toproute:hover,
a.toproute2:link, a.toproute2:active, a.toproute2:visited, a.toproute2:hover {
	background-position:-184px center;
	color:#CC0000;
}
a.topopening:link, a.topopening:active, a.topopening:visited, a.topopening:hover,
a.topopening2:link, a.topopening2:active, a.topopening2:visited, a.topopening2:hover {
	display:block;
	width:102px;
	padding:0px 10px 0px 17px;
	overflow-x:hidden;
	margin-right:11px;
	background-color:#FFFFFF;
	background-image:url(/images/basis/icoopening2x.gif);
	background-repeat:no-repeat;
	background-position:0px center;
	color:#225577;
	font-family:Verdana;
	font-size:100%;
	text-decoration:none;
	float:left;
}
a.topopening:hover,
a.topopening2:link, a.topopening2:active, a.topopening2:visited, a.topopening2:hover {
	background-position:-187px center;
	color:#CC0000;
}
a.toplinks:link, a.toplinks:active, a.toplinks:visited, a.toplinks:hover,
a.toplinks2:link, a.toplinks2:active, a.toplinks2:visited, a.toplinks2:hover {
	display:block;
	width:40px;
	padding:0px 10px 0px 19px;
	overflow-x:hidden;
	margin-right:0px;
	background-color:#FFFFFF;
	background-image:url(/images/basis/icolinks2x.gif);
	background-repeat:no-repeat;
	background-position:0px center;
	color:#225577;
	font-family:Verdana;
	font-size:100%;
	text-decoration:none;
	float:left;
}
a.toplinks:hover,
a.toplinks2:link, a.toplinks2:active, a.toplinks2:visited, a.toplinks2:hover {
	background-position:-135px center;
	color:#CC0000;
}

a.menu:link, a.menu:active, a.menu:visited, a.menu:hover,
a.menu2:link, a.menu2:active, a.menu2:visited, a.menu2:hover {
	display:block;
	width:183px;
	height:25px;
	line-height:25px;
	padding-left:5px;
	padding-bottom:1px;
	overflow:hidden;
	background-color:#FFFFFF;
	background-image:url(/images/basis/bgmenu2x.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#FFFFFF;
	font-family:Verdana;
	font-size:100%;
	text-decoration:none;
}
a.menu:hover,
a.menu2:link, a.menu2:active, a.menu2:visited, a.menu2:hover {
	color:#CC0000;
	background-position:0px -25px;
}
a.meer {
	text-decoration:underline;
	padding-right:12px;
	background-image:url(/images/basis/linkrechts.gif);
	background-position:right center;
	background-repeat:no-repeat;
}
a.terug {
	text-decoration:underline;
	padding-left:12px;
	background-image:url(/images/basis/linklinks.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
a.open {
	text-decoration:underline;
	padding-left:12px;
	background-image:url(/images/basis/linkopen.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
a.noul {
	text-decoration:none;
}
a.noul:hover {
	text-decoration:underline;
}
a.foot {
	color:#999999;
	text-decoration:none;
}
a.foot:hover {
	text-decoration:underline;
}
a.homefoto {
	display:block;
	width:186px;
	height:121px;
	border-top:1px solid #BBBBBB;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #BBBBBB;
	margin-bottom:4px;
	overflow:hidden;
}
a.rkfoto {
	display:block;
	width:186px;
	height:124px;
	border-top:1px solid #BBBBBB;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #BBBBBB;
	margin-bottom:8px;
	overflow:hidden;
}

ul.metfoto {
	display:block;
	width:99%;
	border:1px solid #225577;
	margin:10px 0 10px 0;
}
ul.metfoto li {
	padding:4px;
	display:block;
	height:66px;
	margin:0;
}
ul.metfoto li.oneven {
	background-color:#DDDDDD;
}
ul.metfoto li.even {
	background-color:#FFFFFF;
}
ul.metfoto li img {
	display:block;
	width:24%;
	max-width:99px;
	float:left;
}
ul.metfoto li a {
	display:block;
	float:right;
	width:74%;
	height:66px;
	line-height:66px;
	white-space:nowrap;
	overflow:hidden;
}
ul.metfoto li a.nieuw {
	background:url(/images/basis/nieuw.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
}

ul.artikel {
	display:block;
	list-style-type:none;
	width:99%;
	border:1px solid #225577;
	margin:10px 0 10px 0;
}
ul.artikel li {
	padding:4px 6px 4px 4px;
	display:block;
	min-height:66px;
	overflow:hidden;
	margin:0;
}
ul.artikel li.oneven {
	background-color:#DDDDDD;
}
ul.artikel li.even {
	background-color:#FFFFFF;
}
ul.artikel li img {
	float:left;
	margin:0 8px 0 0;
}
ul.artikel li span {
	float:right;
	margin:0 0 10px 8px;
}
ul.artikel li span strong {
	font-size:120%;
	color:#557799;
}

div.contentblok-li, div.contentblok-re {
	position:relative;
	width:188px; /* width 188+10+10=208 new box model */
	padding:10px 10px 0px 10px;
	float:left;
	margin-right:0px;
	margin-bottom:12px;
	border-top:1px solid #BBBBBB;
	background-color:#EEEEEE;
	overflow-x:hidden;
}
div.contentblok-li {
	margin-right:14px;
}
div.contentblok-li a.nieuw,
div.contentblok-re a.nieuw {
	position:absolute;
	top:2px;
	right:8px;
}
div.promo {
	padding:10px;
	text-align:center;
	border:1px solid #CC0000;
	margin:5px 0 5px 0;
}
div.promo p.promo {
	color:#CC0000;
}

span.link {
	font-family:Courier;
	font-size:100%;
	letter-spacing:-4px;
	margin-left:2px;
}
span.verplicht {
	font-family:Courier;
	font-size:100%;
	font-weight:normal;
}
span.fout {
	font-weight:bold;
	color:#CC0000;
}
span.nobreak {
	white-space:nowrap;
}

img.incontent {
	margin-top:12px;
	margin-bottom:4px;
}
img.kader {
	border-top:1px solid #BBBBBB;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #BBBBBB;
	margin-bottom:6px;
}
img.newwin {
	margin-left:4px;
}

form {
	padding:15px;
	border-top:1px solid #BBBBBB;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #BBBBBB;
	background-color:#EEEEEE;
	margin-top:15px;
	margin-bottom:15px;
}
form h3 {
	margin-top:10px;
}
form table.layout {
	width:100%;
	font-size:80%;
	background-color:inherit;
	border:0;
	margin-top:5px;
	margin-bottom:2px;
}
form table.layout tr td {
	border:0;
	padding:0;
}
form.leeg {
	padding:0;
	border:0;
	background-color:transparent;
	margin-top:0;
}
label {
	font-size:85%;
}
label.normal {
	font-size:100%;
}
select {
	width:350px;
	font-family:Courier;
	font-size:100%;
	color:#333333;
	padding:1px;
	margin-top:1px;
	margin-bottom:2px;
}
input[type=text],
input[type=file],
textarea {
	width:95%;
	font-family:Courier;
	font-size:100%;
	color:#333333;
	background-color:#FFFFFF;
	padding:2px 2px 2px 3px;
	margin-top:1px;
	margin-bottom:2px;
	border-top:1px solid #BBBBBB;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #BBBBBB;
}
input[type=checkbox] {
	margin:0 4px 0 0;
}
span.radio {
	display:block;
	float:left;
	padding:0px;
	margin-top:1px;
	margin-bottom:2px;
}

/* kleur */
input[type=text].grijs {
	color:#AAAAAA;
}

/* breedtes */
input[type=text].w260, select.w260 { width:260px; }
input[type=text].w190, select.w190 { width:190px; }
input[type=text].w170, select.w170 { width:170px; }
input[type=text].w150, select.w150 { width:150px; }
input[type=text].w130, select.w130 { width:130px; }
input[type=text].w110, select.w110 { width:110px; }
input[type=text].w090, select.w090 { width:90px; }
input[type=text].w070, select.w070 { width:70px; }
input[type=text].w050, select.w050 { width:50px; }
input[type=file].bestand { width:348px; }

input[type=submit] {
	font-weight:bold;
	font-size:100%;
	width:136px;
	height:24px;
	color:#225577;
	background-color:#EEEEEE;
	background-image:url(/images/basis/bgbutton.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	border-top:1px solid #AAAAAA;
	border-right:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;
	border-left:1px solid #AAAAAA;
	margin-top:15px;
	margin-bottom:5px;
}
input[type=submit].hover {
	border:1px solid #225577;
}
select.error,
input[type=text].error,
input[type=file].error,
input[type=password].error,
textarea.error,
span.error {
	border:1px solid #CC0000;
}
span.errtext {
	display:block;
	font-size:85%;
	color:#CC0000;
	padding-top:1px;
	padding-bottom:2px;
	clear:both;
}

.clearfloat {
	clear:both;
}
/* eof */