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