/*JAN */ * { padding: 0; margin: 0 } /* General */ body { color: #fff; font-size: 14px; font-family: Arial; background-color: #fe5d19; text-align: center; topmargin: 0px } #side { margin-left: auto; margin-right: auto; width: 960px; background: #fe5d19; text-align: left; background-image: url("images/achtergrond-van-JAN.gif"); background-repeat: no-repeat; } /******** FOTO intro *********************************************************************/ #foto_intro { padding-top: 0; padding-bottom: 10px } .homelinkenstreep { font-size: 7px; font-family: Arial; text-decoration: none } .homelinken { font-size: 10px; font-family: Arial; text-decoration: none } #homelinken a { color: white; text-decoration: none } #homelinken a:hover { color: #feae8b; text-decoration: none } .hometekst { font-size: 14px; font-family: Arial; font-weight: bold; text-align: left; line-height: 20px; text-decoration: none; padding-left: 25px; padding-right: 25px } #hometekst a { color: white; text-decoration: none } #hometekst a:hover { color: #feae8b; text-decoration: none } .homefooter { font-size: 11px; font-family: Arial; text-decoration: none; text-align: center; width: 960px } #homefooter ul { color: #f9ad7a; font-size: 11px; text-decoration: none; text-align: center; list-style-type: none; padding-top: 15px; padding-left: 300px; float: none } #homefooter ul li { color: #f9ad7a; font-size: 11px; text-decoration: none; text-align: center; padding-right: 12px; padding-left: 12px; float: left; border-right: 1px inset #f9ad7a; border-left: 1px solid #f9ad7a } #homefooter ul li a { text-align: center; color: #f9ad7a; font-size: 11px; text-decoration: none } #homefooter ul li a:hover { color: #ffffff; font-size: 11px; text-decoration: none } #footerplaatje { text-align: center; margin-right: auto; margin-left: auto; width: 960px } .popper { color: #fe5d19; font-size: 14px; font-family: Arial; line-height: 20px; text-decoration: none } #popper a { color: white; text-decoration: none } #popper a:hover { color: #feae8b; text-decoration: none } /******** HOOFDTEKST *********************************************************************/ #hoofdtekst { font-size: 14px; font-family: Arial; line-height: 20px; text-align: center; margin-right: auto; margin-left: auto; width: 960px } #hoofdtekst a { color: #ffffff; font-size: 14px; font-family: Arial; margin: 5px 0 0 } #hoofdtekst h1 { color: #ffffff; font-size: 18px; font-family: Arial; padding-top: 0; padding-bottom: 15px } #hoofdtekst h2 { font-size: 14px; font-family: Arial; font-style: normal; font-weight: bold; line-height: 20px; text-decoration: none; margin-right: 100px; margin-left: 100px } #hoofdtekst h2 a { color: #feae8b; text-decoration: none } #hoofdtekst h2 a:hover { color: #feae8b; text-decoration: none } #hoofdtekst h3 { color: #ffffff; font-size: 15px; font-family: Arial; margin: 5px 0 2px; padding-bottom: 20px } /******** HOOFDTEKST 2 *********************************************************************/ #hoofdtekst2 { font-size: 14px; font-family: Arial; line-height: 20px; text-align: center; margin-right: auto; margin-left: auto; padding-top: 30px; width: 960px } #hoofdtekst2 a { color: #ffffff; font-size: 14px; font-family: Arial; margin: 5px 0 0 } #hoofdtekst2 h1 { color: #ffffff; font-size: 18px; font-family: Arial; padding-top: 0; padding-bottom: 25px } #hoofdtekst2 h2 { font-size: 14px; font-family: Arial; font-style: normal; font-weight: bold; line-height: 20px; text-decoration: none; margin-right: 100px; margin-left: 100px } #hoofdtekst2 h2 a { color: #feae8b; text-decoration: none } #hoofdtekst2 h2 a:hover { color: #feae8b; text-decoration: none } #hoofdtekst2 h3 { color: #ffffff; font-size: 15px; font-family: Arial; margin: 5px 0 2px; padding-bottom: 20px } /******** VACATURELIJST *********************************************************************/ .vacaturelijst { color: #feae8b; font-size: 12px; line-height: 25px; font-family: Arial; font-weight: bold; padding-left: 5px } .vacaturelijst ul { list-style: none } .vacaturelijst ul li { color: #feae8b; font-size: 12px; line-height: 25px; font-family: Arial; font-weight: bold; text-decoration: none } .vacaturelijst ul li a { color: #feae8b; font-size: 12px } .vacaturelijst ul li a:hover { color: #ffffff; font-size: 12px } .vacaturetekst { font-size: 14px; font-family: Arial; line-height: 20px; text-align: left; padding-left: 25px; padding-right: 25px } .vacaturetekst a { color: #ffffff } .vacaturetekst h1 { color: #ffffff; font-size: 20px; font-family: Arial } .vacaturetekst h2 { color: #feae8b; font-size: 14px; font-family: Arial; font-style: normal; font-weight: bold } #vacaturetekst h2 a { color: #feae8b } #vacaturetekst h2 a:hover { color: #feae8b; text-decoration: none } #vacaturetekst h3 { color: #feae8b; font-size: 15px; font-family: Arial; margin: 5px 0 2px; padding-bottom: 20px } /******** WIJ WERKEN AL *********************************************************************/ #wijwerkenal { font-size: 14px; font-family: Arial; line-height: 20px; background-color: transparent; text-align: left; margin-left: 30px; padding-top: 20px; padding-right: 10px; padding-left: 40px; width: 800px } #wijwerkenaltop { background-image: url("images/kader-top.gif"); background-repeat: no-repeat; margin-left: 40px } #wijwerkenalmidden { background-image: url("images/kader-midden.gif"); background-repeat: repeat-y; margin-left: 40px } #wijwerkenalonder { background-image: url("images/kader-onder.gif"); background-repeat: no-repeat } #wijwerkenal h1 { color: #ffffff; font-size: 18px; font-family: Arial; padding-top: 0; padding-bottom: 5px } #wijwerkenal h2 { font-size: 14px; font-family: Arial; font-style: normal; font-weight: bold; line-height: 20px; text-decoration: none } #wijwerkenal h3 { color: #ffffff; font-size: 15px; font-family: Arial; line-height: 20px; margin: 5px 0 2px } #wijwerkenal img { padding-left: 30px; float: right; clear: both } #wijwerkenal a { color: #ffffff; font-size: 14px; font-family: Arial; margin: 5px 0 0 } /******** WIJ WERKEN AL INTRO *********************************************************************/ #wijwerkenalintro { color: white; font-size: 14px; font-family: Arial; line-height: 20px; background-color: transparent; text-align: center; width: 195; height: 300px } #wijwerkenalmiddenintro { background-image: url("images/ik-werk-al-bij-JAN.png"); background-repeat: no-repeat; text-align: center; margin-top: 15px; margin-bottom: 15px } #wijwerkenalintro a { color: #ffffff; font-size: 14px; font-family: Arial } /******** ROUTE *********************************************************************/ .routetekst { color: #fe5d19; font-size: 14px; font-family: Arial; line-height: 20px; text-align: left } .routetekst { color: #fe5d19; font-size: 14px; font-family: Arial; line-height: 20px; text-align: left } .routetekst h1 { color: #fe5d19; font-family: Arial; font-size: 14px; font-family: Arial } .routetekst h1 a:hover { color: #fe5d19; text-decoration: none } .routetekst h2 { color: #fe5d19; font-family: Arial; font-size: 13px; text-decoration: none } .routetekst h2 a { color: #fe5d19; text-decoration: none } .routetekst h2 a:hover { color: #fe5d19; text-decoration: none } /******** KANTOREN *********************************************************************/ #top_kantoren { width: 100%; height: 500px } #header_kantoren { color: #fff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; padding: 30px 0 0; width: 100%; height: 40px } #links_kantoren { width: 270px; height: 200px; float: left } #content_kantoren { font-size: 14px; font-family: Arial; margin: 0 250px 0 150px; padding-top: 25px; height: 200px } #rechts_kantoren { font-size: 12px; font-family: Arial; padding-top: 25px; width: 450px; height: 200px; float: right } #pijl { margin-bottom: -100px; margin-left: 940px; padding: 0 0 -100px; position: absolute; z-index: 4 } /******** BROCHURE TEKST *********************************************************************/ .brochureintro { font-size: 12px; font-family: Arial; font-style: normal; line-height: 13px; padding-top: 5px; padding-bottom: 5px } /******** DIT DOET JAN *********************************************************************/ .dit-doet-JAN { font-size: 10px; font-family: Arial; line-height: 13px; padding-top: 15px; width: 450px; height: 200px; float: right } .dit-doet-JAN-kop { font-size: 14px; font-family: Arial; font-weight: bold; line-height: 20px; text-align: left } /******** CONTACT MET JAN *********************************************************************/ .contact-met-JAN { font-size: 14px; font-family: Arial; line-height: 19px; text-align: center; width: 140px } .contact-met-JAN-oranje { color: #feae8b; font-size: 14px; font-family: Arial; font-weight: bold; line-height: 19px; text-align: center; width: 140px } /******** PARTNERS VAN JAN *********************************************************************/ .partners-van-JAN { font-size: 14px; font-family: Arial; line-height: 19px; text-align: center } .partners-van-JAN-oranje { color: #feae8b; font-size: 14px; font-family: Arial; font-weight: bold; line-height: 19px; text-align: center; width: 140px } /******** KLACHTENBEHANDELING VAN JAN *********************************************************************/ .klachten { font-size: 14px; font-family: Arial; line-height: 19px; padding-left: 120px } /******** VIDEO VAN JAN *********************************************************************/ #videoholder { width: 100%; height: 310px } #links_video { margin-left: 100px; width: 540px; height: 310px; float: left } .content_video { color: #fff; font-size: 13px; font-family: Arial; background-color: #fe5d19; text-align: center; float: right } #content_video h2 { color: #fff; font-size: 14px; font-family: Arial; text-align: left } #content_video h3 { color: #fff; font-size: 14px; font-family: Arial; text-align: left } #videomeerinfoholder { color: #ffffff; background-color: #fe5d19; text-align: left; padding-top: 30px; padding-right: 20px; padding-left: 20px; width: 780px } #videomeerinfocontent { text-align: left; color: white; font-size: 14px; font-family: Arial; line-height: 20px; height: 100% } #videomeerinfocontent h1 { font-size: 16px; font-family: Arial; font-weight: bold; line-height: 20px; text-decoration: none } #videomeerinfocontent h2 { font-size: 16px; font-family: Arial; font-weight: bold; line-height: 20px; text-decoration: none } #videomeerinfocontent a { color: white; text-decoration: none } #videomeerinfocontent a:hover { color: #feae8b; text-decoration: none } /******** ROUTE VAN JAN *********************************************************************/ .route { color: #feae8b; font-size: 12px; font-family: Arial; line-height: 20px; text-decoration: none } #route a { color: #feae8b; text-decoration: none } #route a:hover { color: #fff; text-decoration: none } /******** EINDEJAARSTIPS *********************************************************************/ .eindejaarstips { font-size: 13px; font-family: Arial; text-align: left; padding-right: 15px; padding-left: 15px; width: 300px; float: left } .eindejaarstipslink { font-size: 13px; font-family: Arial; text-align: left; float: left } /******** NIEUWS *********************************************************************/ #nieuws_holder { width: 960px} #nieuws_top { text-align: left; width: 670px; height: 29px; float: left } #nieuws_sluiten { text-align: right; margin-bottom: 10px; padding-top: 5px; width: 610px; height: 26px; float: right; border-top: 1px dashed white; border-bottom: 1px dashed #fff } #WTA { position: absolute; z-index: 1; top: 50px; left: 195px; float: left } #nieuws_titellinks { color: #fff; font-size: 14px; font-family: Arial; font-weight: bold; margin-top: 5px; margin-bottom: 5px; height: 26px; border-top: 1px dashed #fff; border-bottom: 1px dashed #fff } #nieuws_titelrechts { color: #fff; font-size: 14px; font-family: Arial; font-weight: bold; padding-top: 10px; height: 26px; border-top: 1px dashed #fff; border-bottom: 1px dashed #fff } #nieuws { text-align: left; padding-top: -5px; padding-right: 30px; padding-left: 30px; width: 660px; float: left } .nieuws2 { color: #fff; font-size: 14px; font-family: Arial; text-align: left; padding-top: -5px; width: 600px; float: left } #nieuwsh1 { color: #ffffff; font-size: 18px; font-family: Arial; font-weight: bold } #nieuwsh2 { color: #ffffff; font-size: 16px; font-family: Arial; font-style: italic; font-weight: bold } #nieuws_datum { color: #fff; font-size: 12px; font-family: Arial; font-weight: normal; margin-top: 10px; height: 20px; border-top: 1px dashed #fff; border-bottom: 1px dashed #fff } #nieuws_auteur { font-size: 13px; font-family: Arial; text-align: left; margin-top: -31px; margin-bottom: 0; margin-left: 0 } .auteur { font-size: 13px; font-family: Arial; font-weight: bold; text-decoration: none; text-align: left } #auteur a { color: #fff; text-decoration: underline blink } #auteur a:hover { color: #f9ad7a } .artikel { font-size: 13px; font-family: Arial; text-decoration: none; text-align: left; padding-right: 15px; padding-left: 15px } #artikel a { color: #f9ad7a } #artikel a:hover { color: #fff } .artikelmenu { font-size: 12px; font-family: Arial; text-decoration: none; text-align: left; padding-right: 15px; padding-left: 15px } #artikelmenu a { color: #f9ad7a } #artikelmenu a:hover { color: #fff } .artikelmenu ul { list-style:none; padding:0; top-margin: 0 } .artikelmenu ul li { color: #fff; padding-top: 3px; padding-bottom: 3px; border-bottom: 1px dashed #fff } .artikelmenu ul li a { color: #fff; text-decoration: none } ul#menu4 { margin: 0; padding: 0; list-style-type: none; } ul#menu4 li { margin: 0; padding: 0; } ul#menu4 a { color: #fff; font-weight: bold; text-decoration: none; display: block; padding: 2px 0.2em 2px 0.3em; width: 220px } ul#menu4 a:visited { color: white; text-decoration: none } ul#menu4 a:hover { color: white; background-color: #feae8b } .nieuwsbriefkoppen { list-style: none; padding-left: 15px; width: 960px; height: 50px } .nieuwsbriefkoppen ul { list-style:none; padding:0; top-margin: 0; } .nieuwsbriefkoppen ul li { margin-right: auto; margin-left: auto; float: left } .nieuwsbriefkoppen ul li a { text-indent:-9000px; display:block; height:20px; } #nieuws_onder { text-align: left; margin-left: 0; width: 670px; float: left} h1 { color: #ffffff; font-size: 18px; font-family: Arial; font-weight: bold } h2 { color: #ffffff; font-size: 14px; font-family: Arial; font-weight: bold } TD { color: #ffffff; font-size: 14px; font-family: Arial; font-weight: bold; line-height: 20px } a { color: #fff } a:hover { color: #f9ad7a }