@charset "utf-8";
/* CSS Document */
html, body {
height: 100%;
}
body {
background-color: #ffffff;
margin:0;
padding:0;
color:#006eb6;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:x-small; /* voor IE5/5.5 */
voice-family: "\"}\"";
voice-family:inherit;
font-size:10pt;
/* juiste grootte */
}
#container {
position:relative;
width:990px;
min-height:100%;/* voor Firefox, minimale hoogte opgeven, NIET hoogte anders rekt de container niet mee bij langere pagina's */
/* _height:100%;voor IE want kent min-height niet en heeft toch een hoogte nodig, als de tekst inhoud langer is rekt container toch mee */
margin: 0 auto;
}
#bovenrandpagina {
background-color: #006eb6;
line-height: 1.85em;
width: 990px;
}
#home-menu {
margin: 0;
padding: 0px 10px 0px 7px;
}
#home-menu li{
display:inline;
list-style:none;
color:#FFFFFF;
}
#home-menu a {
font-size:85%;
font-weight:bold;
color:#FFFFFF;
text-decoration: none;
padding: 0 5px 0 5px;
letter-spacing: 0.1em;
}
#home-menu a:hover {
color:#CCCCCC;
}
#disclaimer {
float:right;
margin: 0;
padding: 0px 10px 0px 7px;
}
#disclaimer li{
display:inline;
list-style:none;
color:#FFFFFF;
}
#disclaimer a {
font-size:85%;
font-weight:bold;
color:#FFFFFF;
text-decoration: none;
padding: 0 5px 0 5px;
letter-spacing: 0.1em;
}
#disclaimer a:hover {
color:#CCCCCC;
}
/*Zoekvak*/
#zoekveld{
float:right;
width:181px;
height: 21px;
}
#zoeken {
float:left;
width:120px;
height:12px;
}
input.zoek {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 70%;
height: 12px;
color: #000000;
background-color: #ffffff;
cursor:pointer;
padding: 0px;
margin: 0;
}
input.submit {
float:left;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 14px;
width: 50px;
color: #ffffff;
background-color: #006eb6;
border: none;
cursor:pointer;
padding:0;
margin: 0;
}
#rechterkant {
float:right;
width:181px;
}
#webkoppeling {
float:left;
width: 181px;
height: 83px;
}
/* kop actueel met mouse-over effect */
#actueel-kop {
float:left;
width:181px;
height:21px;
}
a#link-actueel {
display:block;
width:181px;
height:21px;
background: url(actueel_combi.gif) 0px -21px;
}
a#link-actueel:hover, a#link-actueel.actueel {
background: url(actueel_combi.gif) 0px 0px;
}
/* EINDE kop actueel met mouse-over effect */
/* kop dienstenoverzicht*/
#dienstenoverzicht-kop {
float:left;
width:181px;
height:21px;
}
a#link-dienstenoverzicht {
display:block;
width:181px;
height:21px;
background: url(dienstenoverzicht_combi.gif) 0px -21px;
}
a#link-dienstenoverzicht:hover {
background: url(dienstenoverzicht_combi.gif) 0px 0px;
}
/* kop service*/
#service-kop {
float:left;
width:181px;
height:21px;
}
a#link-service {
display:block;
width:181px;
height:21px;
background: url(service_combi.gif) 0px -21px;
}
a#link-service:hover {
background: url(service_combi.gif) 0px 0px;
}
/* kop winkel*/
#winkel-kop {
float:left;
width:181px;
height:21px;
}
a#link-winkel {
display:block;
width:181px;
height:21px;
background: url(winkel_combi.gif) 0px -21px;
}
a#link-winkel:hover {
background: url(winkel_combi.gif) 0px 0px;
}
/* kop vacature */
#vacature-kop {
float:left;
width:181px;
height:21px;
}
a#link-vacature {
display:block;
width:181px;
height:21px;
background: url(vacatures_combi.gif) 0px -21px;
}
a#link-vacature:hover {
background: url(vacatures_combi.gif) 0px 0px;
}
#actueel1 {
float:left;
width: 181px;
}
#actueel1 p {
font-size:70%;
font-weight:bold;
color:#a92300;
line-height: 200%;
margin: 10px 1px 0px 1px;
padding-bottom: 10px;
border-bottom:1px dashed #999999;
}
#actueel2 {
float:left;
width: 181px;
}
#actueel2 p {
font-size:70%;
font-weight:bold;
color:#a92300;
line-height: 200%;
margin: 10px 1px 0px 1px;
padding-bottom: 10px;
border-bottom:1px dashed #999999;
}
#actueel3 {
float:left;
width: 181px;
}
#actueel3 p {
font-size:70%;
font-weight:bold;
color:#a92300;
line-height: 200%;
margin: 10px 1px 0px 1px;
padding-bottom: 10px;
border-bottom:1px dashed #999999;
}
#actueel4 {
float:left;
width: 181px;
}
#actueel4 p {
font-size:70%;
font-weight:bold;
color:#a92300;
line-height: 200%;
margin: 10px 1px 0px 1px;
padding-bottom: 10px;
border-bottom:1px dashed #999999;
}
#clear, #clear2 {
clear:both;
width:100%;
line-height: 0em;
}
/* kop Download zonder mouse-over effect */
#download-kop {
float:left;
width:181px;
height:21px;
display:block;
background: url(downloads_combi.gif) 0px -21px;
}
/*a#link-download {
display:block;
width:181px;
height:21px;
background: url(downloads_combi.gif) 0px -21px;
}
a#link-actueel:hover {
background: url(download_combi.gif) 0px 0px;
}*/
/* Einde kop Download zonder mouse-over effect- zet hover aan voor mouse-over */
#download1 {
float:left;
width: 181px;
}
#download1 p {
font-size:70%;
font-weight:bold;
color:#a92300;
margin: 10px 1px 0px 1px;
padding-bottom: 10px;
border-bottom:1px dashed #999999;
}
#download2 {
float:left;
width: 181px;
}
#download2 p {
font-size:70%;
font-weight:bold;
color:#a92300;
margin: 10px 1px 0px 1px;
padding-bottom: 10px;
border-bottom:1px dashed #999999;
}
#download1 a, #download2 a, #actueel1 a, #actueel2 a, #actueel3 a, #actueel4 a{
font-size:100%;
font-weight:bold;
color:#a92300;
line-height: 200%;
}
/* hp */
#hp-content {
float:left;
left:0px;
width: 809px;
}
#hp-logo {
width: 329px;
height: 114px;
}
#hp-foto {
float:left;
width:291px;
height: 172px;
}
#hp-kop-meer-met-mensen {
float:left;
width: 160px;
height: 27px;
}
#hp-kop-meer-met-mensen p {
padding-left:35px;
}
#hp-tekst {
float:left;
width:510px;
}
#hp-tekst p {
font-size:85%;
padding-left:38px;
padding-right:30px;
font-weight:bold;
font-style:italic;
line-height:1.8em;
letter-spacing:0.15em;
}
#hp-tekst p a {
text-decoration:none;
color:#006eb6;
}
#menu-hp {
float: left;
width: 757px;
padding-left:72px;
padding-top: 50px;
}
#hp-menu-arbeidsmedisch {
float:left;
width:221px;
}
#hp-menu-arbeidsdeskundig {
float:left;
width:226px;
}
#hp-menu-psychologisch {
float:left;
width:220px;
}
#hp-menu-ergotherapeutisch {
float:left;
width:221px;
}
#hp-menu-arbozorg {
float:left;
width:226px;
}
#hp-menu-gezondheidsmanagement {
float:left;
width:220px;
}
#hp-menu-arbeidsmedisch p, #hp-menu-arbeidsdeskundig p, #hp-menu-psychologisch p, #hp-menu-ergotherapeutisch p, #hp-menu-arbozorg p, #hp-menu-gezondheidsmanagement p {
margin:10px 15px 5px 15px;
line-height: 1.8em;
font-size: 85%;
color:#990000;
}
#hp-menu-arbeidsmedisch p a, #hp-menu-arbeidsdeskundig p a, #hp-menu-psychologisch p a, #hp-menu-ergotherapeutisch p a, #hp-menu-arbozorg p a, #hp-menu-gezondheidsmanagement p a {
font-size: 100%;
color:#003366;
text-decoration:none;
}
#copyrightregel {
float:left;
font-size:80%;
color:#999999;
letter-spacing:0.1em;
padding-leftt:20px;
padding-top:10px;
}
/* einde hp */
#volg-logo {
width: 297px;
height: 83px;
}
#volg-content {
float:left;
width:735px;
height:100%;
}
#volg-content-actueel {
float:left;
width:809px;
height:100%;
}
/* start volg-menu met inhoud */
#volg-menu {
float:left;
width: 187px;
height: 100%;
}
/* menu over AenK met mouse-over effect */
#menuvolg1-overaenk {
float:left;
width:187px;
height:21px;
margin:0px 0px 15px 0px;
}
a#link-menuvolg1 {
display:block;
width:187px;
height:21px;
background: url(volg-over-aenk.gif) 0px -21px;
}
a#link-menuvolg1:hover, a#link-menuvolg1.active {
background: url(volg-over-aenk.gif) 0px 0px;
}
/* EINDE menu over AenK met mouse-over effect */
/* menu arbeidsmedisch met mouse-over effect */
#menuvolg2-arbeidsmedisch {
float:left;
width:187px;
height:21px;
margin:0px 0px 15px 0px;
}
a#link-menuvolg2 {
display:block;
width:187px;
height:21px;
background: url(volg-arbeidsmedisch.gif) 0px -21px;
}
a#link-menuvolg2:hover, a#link-menuvolg2.active {
background: url(volg-arbeidsmedisch.gif) 0px 0px;
}
/* EINDE menu arbeidsmedisch met mouse-over effect */
/* menu arbeidsdeskundig met mouse-over effect */
#menuvolg3-arbeidsdeskundig {
float:left;
width:187px;
height:21px;
margin:0px 0px 15px 0px;
}
a#link-menuvolg3 {
display:block;
width:187px;
height:21px;
background: url(volg-arbeidsdeskundig.gif) 0px -21px;
}
a#link-menuvolg3:hover, a#link-menuvolg3.active {
background: url(volg-arbeidsdeskundig.gif) 0px 0px;
}
/* EINDE menu arbeidsdeskundig met mouse-over effect */
/* menu arbeidsdeskundig met mouse-over effect */
#menuvolg4-psych {
float:left;
width:187px;
height:21px;
margin:0px 0px 15px 0px;
}
a#link-menuvolg4 {
display:block;
width:187px;
height:21px;
background: url(volg-psychologisch.gif) 0px -21px;
}
a#link-menuvolg4:hover, a#link-menuvolg4.active {
background: url(volg-psychologisch.gif) 0px 0px;
}
/* EINDE menu arbeidsdeskundig met mouse-over effect */
/* menu arbeidsdeskundig met mouse-over effect */
#menuvolg5-ergo {
float:left;
width:187px;
height:21px;
margin:0px 0px 15px 0px;
}
a#link-menuvolg5 {
display:block;
width:187px;
height:21px;
background: url(volg-ergo.gif) 0px -21px;
}
a#link-menuvolg5:hover, a#link-menuvolg5.active {
background: url(volg-ergo.gif) 0px 0px;
}
/* EINDE menu arbeidsdeskundig met mouse-over effect */
/* menu arbeidsdeskundig met mouse-over effect */
#menuvolg6-arbozorg {
float:left;
width:187px;
height:21px;
margin:0px 0px 15px 0px;
}
a#link-menuvolg6 {
display:block;
width:187px;
height:21px;
background: url(volg-arbozorg.gif) 0px -21px;
}
a#link-menuvolg6:hover, a#link-menuvolg6.active {
background: url(volg-arbozorg.gif) 0px 0px;
}
/* EINDE menu arbeidsdeskundig met mouse-over effect */
/* menu arbeidsdeskundig met mouse-over effect */
#menuvolg7-gezond {
float:left;
width:187px;
height:21px;
margin:0px 0px 15px 0px;
}
a#link-menuvolg7 {
display:block;
width:187px;
height:21px;
background: url(volg-gezondheid.gif) 0px -21px;
}
a#link-menuvolg7:hover, a#link-menuvolg7.active {
background: url(volg-gezondheid.gif) 0px 0px;
}
/* EINDE menu gezondheid met mouse-over effect */
/* menu dienstenoverzicht met mouse-over effect */
#menuvolg8-dienst {
float:left;
width:187px;
height:21px;
margin:0px 0px 15px 0px;
}
a#link-menuvolg8 {
display:block;
width:187px;
height:21px;
background: url(volg-dienst.gif) 0px -21px;
}
a#link-menuvolg8:hover, a#link-menuvolg8.active {
background: url(volg-dienst.gif) 0px 0px;
}
.verberg {
display:none;
}
/* EINDE menu arbeidsdeskundig met mouse-over effect */
/* EINDE volg-menu */
li#link-overview {
list-style:none;
font-size:80%;
color:#163864;
}
#volg-foto {
float:right;
width:153px;
height:230px;
}
#volg-tekst {
float:right;
width:548px;
height:100%;
}
#volg-tekst p {
font-size:100%;
color:#163864;
padding:5px 25px 0px 30px;
line-height: 1.8em;
}
#volg-tekst p a {
color:#990000;
}
#volg-tekst p a:hover {
color:#CC3366;
}
#volg-tekst-actueel {
float:right;
width:548px;
height:100%;
}
#volg-tekst-actueel p {
font-size:100%;
color:#163864;
padding:5px 40px 0px 30px;
line-height: 1.8em;
}
#volg-tekst-actueel p a {
color:#990000;
}
#volg-tekst-actueel p a:hover {
color:#CC3366;
}
#volg-tekst-actueel p.stippellijn {
font-size:100%;
color:#163864;
padding:5px 0px 0px 30px;
line-height: 1.8em;
}
#kruimelspoor {
width: 548px;
height: 21px;
}
#kruimelspoor-actueel {
width: 548px;
height: 21px;
background-color: #006eb6;
}
#kruimelspoor-aenk {
background-color: #006eb6;
width: 548px;
height: 21px;
}
#kruimelspoor-arbeidsmedisch {
background-color: #40caff;
width: 548px;
height: 21px;
}
#kruimelspoor-arbeidsdeskundig {
background-color: #7197c9;
width: 548px;
height: 21px;
}
#kruimelspoor-psychologisch {
background-color: #023270;
width: 548px;
height: 21px;
}
#kruimelspoor-ergotherapeutisch {
background-color: #ab4562;
width: 548px;
height: 21px;
}
#kruimelspoor-arbozorg {
background-color: #ec0000;
width: 548px;
height: 21px;
}
#kruimelspoor-gezondheidsmanagement {
background-color: #fa880d;
width: 548px;
height: 21px;
}
h1 {
font-size: 120%;
color:#006eb6;
font-weight:bold;
margin:0;
padding:20px 30px 30px 30px;
}
h2 {
color:#1fa3ab;
font-size: 110%;
line-height: 1.8em;
margin:0;
padding-left:30px;
padding-bottom:20px;
}
h3 {
color:#163864;
font-size: 100%;
font-weight:bold;
line-height: 1.8em;
margin:15px 0px -20px 0px;
padding-left:30px;
padding-bottom:0px;
padding-top:10px;
}
h4 {
color:#FFFFFF;
font-size: 70%;
line-height: 2em;
margin:0;
padding-left:30px;
letter-spacing:0.1em;
}
h4 a {
color:#FFFFFF;
text-decoration:none;
}
h5 {
color:#163864;
font-size: 75%;
font-style:italic;
margin:0;
padding:10px 10px 0 30px;
}
#volg-content-actueel h2 {
color:#1fa3ab;
font-size: 110%;
line-height: 1.8em;
margin-top:-10px;
padding-left:30px;
padding-bottom:0px;
}
#volg-content-actueel h3 {
color:#990000;
font-size: 100%;
font-weight:bold;
line-height: 1.8em;
margin:15px 20px -20px 0px;
padding-left:30px;
padding-bottom:0px;
padding-top:10px;
}
#volg-content-actueel p.nieuwsarchief {
float:right;
color:#1fa3ab;
font-size: 110%;
font-weight:bold;
line-height: 1.8em;
padding-right:15px;
padding-top:17px;
margin:0;
}
#volg-content-actueel p.nieuwsarchief a {
text-decoration:none;
color:#1fa3ab;
}
#volg-content-actueel p.nieuwsarchief a:hover {
color:#990000;
}
#volg-content-printknop {
float:right;
width:87px;
height:15px;
/*background-image:url(printknop.gif);*/
font-size:80%;
margin-top:5px;
padding:0;
}
#volg-content-printknop-actueel {
float:right;
width:87px;
height:15px;
font-size:80%;
margin-top:-5px;
margin-right:15px;
padding:0;
}
#volg-content-paginamenu {
float:right;
list-style:none;
margin-top:0px;
margin-bottom:20px;
clear:both;
}
#volg-content-paginamenu li{
color:#1fa3ab;
font-size: 90%;
font-weight:bold;
line-height: 1.2em;
padding:10px 0px 0px 35px;
text-align:right;
}
#volg-content-paginamenu li a{
color:#1fa3ab;
text-decoration:none;
}
#volg-content-paginamenu li a:hover{
color:#990000;
text-decoration:none;
}
#volg-content-paginamenu li a.active {
color:#990000;
letter-spacing:0.2em;
}
.cursief {
font-style:italic;
font-weight:bold;
}
#volg-tekst-actueel p.zoekresultaat a {
color:#336699;
}
a.overview:link {color:#163864;}
a.overview:visited {color:#163864;}
a.overview:hover {color:#163864;}