html, body {
height: 100%; /* héél belangrijk */
}
body { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; background-color: white; }
* { margin: 0; padding: 0; }
a { outline-style: none; }
.verborgen { visibility: hidden; }
#container { background-color: #bcd6f1; position: relative; min-height: 100%; height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
background-image: url(bg_container.gif); background-repeat: repeat-y; position: absolute; left: 50%; width: 1000px; margin-left: -500px; /* half of height */
}
#containerhome { background-color: white; position: relative; min-height: 100%; height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
position: absolute; left: 50%; width: 1000px; margin-left: -500px; /* half of height */
}
#header { background-image: url(bg_header_PL.jpg); background-repeat: no-repeat; width: 100%; height: 223px; margin: 0; padding: 0; }
#headerhome { background-color: white; background-image: url(bg_header_home.jpg); background-repeat: no-repeat; width: 100%; height: 223px; margin: 0; padding: 0; }
#headerhome h1 { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; visibility: hidden; }
#headerPL { background-image: url(bg_header_PL.jpg); background-repeat: no-repeat; width: 100%; height: 223px; margin: 0; padding: 0; }
#headerPL h1 { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; visibility: hidden; }
#headerZA { background-image: url(bg_header_ZA.jpg); background-repeat: no-repeat; width: 100%; height: 223px; margin: 0; padding: 0; }
#headerZA h1 { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; visibility: hidden; }
#headerZV { background-image: url(bg_header_ZV.jpg); background-repeat: no-repeat; width: 100%; height: 223px; margin: 0; padding: 0; }
#headerZV h1 { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; visibility: hidden; }
#contentPL { 
min-height: 650px; 
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
background-image: url(rk_PL.jpg); background-repeat: no-repeat; background-position: right 0; width: 100%; margin: 0 0 45px; padding: 0; }
#contentZA { 
min-height: 650px; 
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
background-image: url(rk_ZA.jpg); background-repeat: no-repeat; background-position: right 0; width: 100%; margin: 0 0 45px; padding: 0; }
#contentZV { 
min-height: 650px; 
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
background-image: url(rk_ZV.jpg); background-repeat: no-repeat; background-position: right 0; width: 100%; margin: 0 0 45px; padding: 0; }
#contenthome { 
min-height: 650px; 
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
background-image: url(bg_content_home.jpg); background-repeat: no-repeat; background-position: right 0; width: 100%; margin: 0 0 45px; padding: 0; }
#menu{ font-family: Verdana, Arial, Helvetica, sans-serif; background-color: transparent; width:auto; float:left; margin-top: 20px; padding-left: 15px; }
#contentinhoud {
color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 16px; background-color: transparent; width: 570px; height: 100%; margin-top: 0; margin-bottom: 45px; margin-left: 165px; padding: 25px 5px 5px 35px; }
#contentinhoud .nieuwsitem { margin-bottom: 30px; display: block; }
#contentinhoud .nieuwsitem2 { margin-bottom: 30px; margin-left: 150px; }
#contentinhoud h1 {  color: #005b8b; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 0px; padding-bottom: 10px; }
#contentinhoud h2 { 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	padding-top: 4px; 
	padding-bottom: 4px; 
	}
#contentinhoud p { 
	color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 16px; padding-top: 5px; padding-bottom: 5px; 
	}

#contentinhoud td { 
	color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 14px; padding-top: 5px; padding-bottom: 5px; 
	}

#contentinhoud li {
	margin-left: 30px;
	padding-left: 10px;
	}
#contentinhoud ul {
	padding-bottom: 10px;
	}
#contentinhoud ol {
	padding-bottom: 10px;
	}
#contentinhoud .linktabel { padding-left: 30px; }

#contentinhoud a:link { color: #005b8b; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; text-decoration: none; }
#contentinhoud a:visited { color: #005b8b; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; text-decoration: none; }
#contentinhoud a:hover { color: #b8d2ec; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; background-color: #005b8b; text-decoration: none; }
#contentinhoud a:active { color: #005b8b; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; text-decoration: none; }
#contentinhoud img.thumb { margin: -6px 6px 6px -6px; border: solid 1px #0e1726; cursor: pointer; }
#contentinhoud img.thumb:hover { display: block; position: relative; background-color: #fff; margin: -6px 6px 6px -6px; border: solid 1px #415262; cursor: pointer; }
#footer { color: #0074bb; font-size: 10px; background-color: transparent; text-align: center; position: absolute; bottom: 0; /* heel belangrijk */
width: 100%; height: 30px; margin: 0; padding: 10px 0 5px; }
.klein9px { font-size: 9px; }
.groter13px { font-size: 13px; }
.grootst16px { font-size: 16px; }
.invulveld { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; background-color: white; width: 230px; height: 20px; padding: 3px 20px 1px 2px; border: solid 1px #0074bb; }
.invulvelderror { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; background-color: white; background-image: url(error.gif); background-repeat: no-repeat; background-position: right center; width: 230px; height: 20px; padding: 3px 20px 1px 2px; border: solid 1px #0074bb; }
.invulbericht { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; background-color: white; width: 250px; height: 190px; overflow: auto; padding: 2px; border: solid 1px #0074bb; }
.verstuurknop { color: #005b8b; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: transparent; text-align: center; width: 80px; height: 24px; padding: 0; border: solid 1px #0074bb; cursor: pointer; }
.verstuurknop:hover { color: black; background-color: white; text-align: center; width: 80px; height: 24px; padding: 0; border: solid 1px red; cursor: pointer; }

.tabelschilderijen { background-color: #c3c3e3; height: 50px; }
.portfoliothumb { border: solid 1px #bcd6f1; }
.portfoliothumb:hover { border: solid 1px #f1f8ff; }
.tooltip{ color: #0074bb; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 13px; background-color: white; width: 350px; height: auto; overflow: auto; padding: 10px; border: solid 1px; }
.tooltipheader{ color: #0072b7; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 13px; background-color: transparent; width: 350px; height: 18px; overflow: auto; padding: 2px 2px 2px 12px; }
#paginateller { color: #0074bb; font-size: 11px; font-family: Arial, Helvetica, sans-serif, Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-style: normal; background-color: transparent; text-align: right; position: relative; top: 10px; margin-bottom: 20px; margin-left: 200px; }
#paginateller a, #numbers span { color: #0074bb; font-size: 11px; font-family: Arial, Helvetica, sans-serif, Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-variant: normal; background-color: transparent; display:inline; text-decoration:none; text-align:center; padding: 4px; }
#paginateller a:link { background-color:transparent; color:#0074bb; font-size: 11px; font-family: Arial, Helvetica, sans-serif, Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; padding: 4px; }
#paginateller a:visited { background-color:transparent; color:#0074bb; font-size: 11px; font-family: Arial, Helvetica, sans-serif, Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; padding: 4px; }
#paginateller a:hover { background-color:transparent; color:#dd6b29; font-size: 11px; font-family: Arial, Helvetica, sans-serif, Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; padding: 4px; }
#paginateller a:active { background-color:transparent; color:#0074bb; font-size: 11px; font-family: Arial, Helvetica, sans-serif, Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; padding: 4px; }
#paginateller span.currentStyle { color:#dd6b29; font-size: 11px; font-family: Arial, Helvetica, sans-serif, Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-style: normal; background-color:transparent; text-decoration: none; padding: 4px; display: inline; }
.infoknop { clear: both; margin-top: 5px; cursor: help; }

/************/
/* TOP MENU */
/************/

#navcontainer
{ position: absolute; top: 159px; margin: 0; padding: 0; }

#navcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

#navcontainer ul li { float: left; }


/* contact */
#navcontainer ul li a.contact
{ text-decoration: none; background: url(topmenu-images/contact.gif) no-repeat left top; float: left; margin: 0; height: 65px; width: 165px; padding: 0; outline-style: none; }
#navcontainer li a.contact:hover
{ background: url(topmenu-images/contact-over.gif) no-repeat left top; color: #000000; height: 65px; }
/* PL */
#navcontainer ul li a.pl
{ text-decoration: none; background: url(topmenu-images/pl.gif) no-repeat left top; font-size: 10px/12px; float: left; margin: 0; height: 64px; width: 225px; padding: 0; outline-style: none; }
#navcontainer li a.pl:hover
{
background: url(topmenu-images/pl-over.gif) no-repeat left top;
color: #000000;
}
/* PL-terug */
#navcontainer ul li a.plterug
{ text-decoration: none; background: url(topmenu-images/terug-PL.gif) no-repeat left top; font-size: 10px/12px; float: left; margin: 0; height: 64px; width: 225px; padding: 0; outline-style: none; }
#navcontainer li a.plterug:hover
{
background: url(topmenu-images/terug-PL-over.gif) no-repeat left top;
color: #000000;
}
/* ZA */
#navcontainer ul li a.za
{ text-decoration: none; background: url(topmenu-images/za.gif) no-repeat left top; font-size: 10px/12px; float: left; margin: 0; height: 64px; width: 225px; padding: 0; outline-style: none; }
#navcontainer li a.za:hover
{
background: url(topmenu-images/za-over.gif) no-repeat left top;
color: #000000;
}
/* ZA-terug */
#navcontainer ul li a.zaterug
{ text-decoration: none; background: url(topmenu-images/terug-ZA.gif) no-repeat left top; font-size: 10px/12px; float: left; margin: 0; height: 64px; width: 225px; padding: 0; outline-style: none; }
#navcontainer li a.zaterug:hover
{
background: url(topmenu-images/terug-ZA-over.gif) no-repeat left top;
color: #000000;
}
/* ZV */
#navcontainer ul li a.zv
{ text-decoration: none; background: url(topmenu-images/zv.gif) no-repeat left top; font-size: 10px/12px; float: left; margin: 0; height: 64px; width: 225px; padding: 0; outline-style: none; }
#navcontainer li a.zv:hover
{
background: url(topmenu-images/zv-over.gif) no-repeat left top;
color: #000000;
}
/* ZV-terug */
#navcontainer ul li a.zvterug
{ text-decoration: none; background: url(topmenu-images/terug-ZV.gif) no-repeat left top; font-size: 10px/12px; float: left; margin: 0; height: 64px; width: 225px; padding: 0; outline-style: none; }
#navcontainer li a.zvterug:hover
{
background: url(topmenu-images/terug-ZV-over.gif) no-repeat left top;
color: #000000;
}