/*******************/ /* layout and form */ /*******************/ body { margin: 0px; padding: 0px; } a img { border: 0px none; } form { margin: 0px; } fieldset { margin: 0px; padding: 0px; border: 0px none; position: relative; } .submit { margin: 0px; border: 0px none; padding: 0px 11px 3px 11px; height: 27px; cursor: pointer; } dt { width: 80px; float: left; } dd { margin-left: 80px; } #hp1, #hp2 { display: none; } #siteContainer { margin: 0px auto; padding: 0px; width: 968px; position: relative; } #header { width: 968px; overflow: auto; } #topAdContainer { margin: 0; border: 1px solid; width: 726px; height: 88px; overflow: hidden; position: absolute; top: 5px; left: 4px; } /* #topAdContainer { margin: 5px auto 0px auto; border: 1px solid; width: 726px; height: 88px; overflow: hidden; } this is the style for when the login box isn't needed */ .skyScraperAdContainer { position: absolute; top: 204px; right: -140px; width: 118px; height: 598px; overflow: hidden; } #loginForm { margin: 0px; padding: 0px; width: 235px; height: 95px; float: right; position: relative; } #loginForm input.text { border: 1px solid; padding: 1px; width: 188px; height: 18px; position: absolute; left: 14px; } #loginForm label { position: absolute; left: 22px; } #loginForm p { margin: 20px 0px 0px 22px; } #loginForm #usernameLabel { top: 11px; z-index: 3; } #loginForm #usernameInput { top: 8px; } #loginForm #passwordLabel { top: 37px; z-index: 3; } #loginForm #passwordInput { top: 34px; } #loginForm #emailLabel { top: 5px; left: 18px; width: 188px; } #loginForm #emailLabel2 { top: 37px; z-index: 3; } #loginForm #emailInput { top: 34px; } #loginForm #submitLoginForm { margin: 0; border: 0 none; padding: 0; width: 18px; height: 18px; position: absolute; top: 37px; left: 206px; cursor: pointer; } #loginForm #loggedInInfo { position: absolute; top: 17px; left: 18px; } #loginForm #loggedInInfo strong { display: block; } #loginForm #loginLinks { position: absolute; top: 65px; left: 6px; padding: 6px 0px 0px 12px; width: 212px; height: 24px; } #logo { margin: 0px; padding: 4px 4px 0px 4px; width: 960px; height: 160px; position: relative; } #logo h1 { margin: 0px; padding: 0px; width: 480px; height: 160px; } #logo h1 a {display: block; margin: 0px; padding: 0px; width: 480px; height: 160px; outline: 0px none; } #logo #stickerLink { display: block; position: absolute; top: 4px; right: 0px; width: 480px; height: 160px; outline: 0px none; } #contentContainer { padding: 0px 4px 60px; width: 960px; overflow: hidden; position: relative; } #menu { margin: 0px; padding: 0px 0px 0px 4px; width: 956px; height: 40px; position: relative; z-index: 100 } #menu li { margin: 0px; padding: 0px; height: 40px; float: left; position: relative; list-style: none outside; } #menu li.bottom { position: absolute; top: 0px; right: 12px; margin: 0px; padding: 0px; } #menu a { display: block; padding: 10px 19px 0px 13px; height: 30px; } #menu ul { display: none; margin: 0px; padding: 0px 7px 8px 1px; width: 169px; position: absolute; top: 40px; left: 0px; z-index: 200; } #menu ul li { float: none; padding: 0px; height: 27px; } #menu ul li.bottom { position: static; } #menu ul li a { border-bottom: 1px solid; padding: 7px; height: 12px; } #menu ul li.top a { padding: 7px; } #vacatureBox { margin: 0px; border-bottom: 1px solid; padding: 10px; width: 940px; height: 89px; z-index: 50; position: relative; } #quickLinksListLeft { float: left; margin: 0px 25px 0px 0px; padding: 0px; list-style: none outside; } #quickLinksListLeft li { margin-bottom: 4px; padding: 0px; width: 160px; height: 27px; } #quickLinksListLeft a { display: block; padding: 6px 10px; width: 140px; height: 15px; } #jobOpeningSearchForm { float: left; margin-right: 40px; width: 425px; } #jobOpeningSearchForm h2 { margin: 0px; padding: 0px; } #jobOpeningSearchForm label { position: absolute; } #jobOpeningSearchForm input { position: absolute; border: 1px solid; } #jobOpeningSearchForm input.text { margin: 0px; border: 1px solid; padding: 1px; width: 153px; height: 18px; } #jobOpeningSearchForm #jobTypeLabelBig { top: 8px; left: 0px; } #jobOpeningSearchForm #jobType { top: 25px; left: 0px; } #jobOpeningSearchForm #jobTypeLabelSmall { top: 52px; left: 0px; } #jobOpeningSearchForm #jobRegionLabelBig { top: 8px; left: 179px; } #jobOpeningSearchForm #jobRegion { top: 25px; left: 179px; } #jobOpeningSearchForm #jobRegionLabelSmall { top: 52px; left: 179px; } #jobOpeningSearchForm #submitJobOpeningSearchForm { top: 22px; left: 355px; margin: 0px; border: 0px none; padding: 0px 0px 3px 0px; width: 71px; height: 27px; cursor: pointer; } #jobOpeningSearchForm a.infoLink { display: block; position: absolute; top: 0px; left: 100px; width: 57px; } #helpPopup { display: none; z-index: 10; position: absolute; top: 67px; left: 100px; border: 1px solid; width: 220px; } #closePopup { display: block; padding: 5px 25px 6px 10px; width: 185px; height: 13px; } #helpPopup dl { margin: 0px; padding: 10px; } #helpPopup dt { margin-right: 5px; width: 60px; } #helpPopup dd { margin: 0px 0px 5px 65px; border-left: 1px solid; padding-left: 5px; } #quickLinksListRight { float: left; margin: 0px; padding: 0px; width: 290px; } #quickLinksListRight li { margin: 0px; padding: 0px; list-style: none outside; } #quickLinksListRight li a { display: block; margin: 0px; padding: 0px 0px 0px 20px; } #contentColumn { float: left; padding: 20px 10px; width: 620px; } #sideColumn { float: left; padding: 20px 10px; width: 300px; } .box { position: relative; margin-bottom: 20px; } .boxTitle { } .boxTitle h2 { margin: 0px; padding: 6px 0px 6px 34px; } .boxTitle .boxLinks { position: absolute; top: 7px; right: 10px; } .boxTitle .reactions { position: absolute; top: 7px; right: 10px; } .boxTitle .rssLink { padding-right: 20px; } .boxContent { margin: 0px; padding: 20px 10px 10px 10px; height: auto; } .boxContent p { margin: 0px 0px 1em 0px; } .infoBar { position: relative; padding: 5px 0px 6px 10px; height: 13px; } .infoBar .person { padding-left: 16px; } .infoBar a.reactionsLink { margin-left: 10px; padding-left: 19px; } .infoBar a.readMore { display: block; padding: 5px 10px 6px 10px; width: 85px; height: 13px; position: absolute; top: 0px; right: 0px; } .reactionBox { margin: 0px 0px 20px 0px; padding: 10px 10px 10px 160px; height: auto; } .yeonImage { float: left; margin-right: 5px; } .yeonLink { display: block; position: absolute; top: 95px; right: 15px; padding-right: 87px; width: 75px; height: 82px; } .box2 { float: left; width: 300px; margin-right: 5px; margin-bottom: 20px; } .box2 .boxContent .newsItem { margin-left: 0; width: 280px; height: 275px; min-height: 150px; position: relative; } .box2 .boxContent .infoBar { width: 270px; position: absolute; bottom: 23px; } .box3 { float: left; width: 200px; margin-right: 5px; margin-bottom: 20px; } .box3 .boxContent .newsItem { margin-left: 0; width: 180px; height: 350px; position: relative; } .box3 .boxContent .infoBar { width: 170px; position: absolute; bottom: 2px; left: 0px; } .box3 .boxContent a .newsPhoto { display: block; float: none;} #promotionList p { margin: 0px; } #promotionList { list-style: none; margin-left: 0px; padding-left: 0px; margin-top: -10px; clear: both; } #promotionList .promotionItem, #promotionList .promotionItemFirst { display: block; clear: both; cursor: pointer; } #promotionList .promotionItem { border-top: 1px solid #0599C8; } .promotionAnchor { width: 100%; text-align: justify; cursor: pointer; } .promotionAnchor:hover { color: black; font-weight:bold; } .promotionTitle { float: left; cursor: pointer; margin-bottom:5px; margin-top:5px; font-weight:bold; } .promotionDate { float: right; cursor: pointer; margin-bottom:5px; margin-top:5px; } .promotionDescription { clear: both; padding-top: 5px; position: relative; } .promotionFooter { clear: both; } .fullAdContainer { margin: 20px auto; border: 1px solid; width: 464px; height: 58px; overflow: hidden; } .boxAdContainer { margin: 20px 0px; border: 1px solid; width: 298px; height: 248px; overflow: hidden; } .searchList { margin: 0px; padding: 0px; } #archiveList { margin: 0px 0px 37px 0px; padding: 0px; } #archiveList li, #monthList li, #latestNewsList li, .searchList li { margin: 0px; padding: 0px; list-style: none outside; } #archiveList a, #monthList a, #latestNewsList a, .searchList a { display: block; margin: 0px; padding: 7px; position: relative; } #archiveList .itemTitle { margin-left: 20px; margin-right: 120px; } #archiveList .reactions { position: absolute; top: 7px; right: 7px; width: 100px; } #prevArchiveLink { position: absolute; bottom: 10px; left: 10px; margin: 0px; padding: 6px 0px 0px 23px; width: 56px; height: 21px; } #nextArchiveLink { position: absolute; bottom: 10px; right: 10px; margin: 0px; padding: 6px 23px 0px 7px; width: 65px; height: 21px; } #reactionNavigation { margin: 0px; padding: 0px; overflow: auto; } #reactionNavigation li { margin: 0px; padding: 0px; list-style: none outside; float: left; } #reactionNavigation a { display: block; margin: 0px 1px; border: 1px solid; padding: 4px; height: 12px; } #reactionNavigation .selected a { border: 0px none; padding: 5px; } #reactionNavigation .prevNext { border: 0px none; padding: 5px; } #placeReactionForm {} #placeReactionForm h3 { margin: 0px 0px 10px 0px; } #placeReactionForm h4 { margin: 0px 0px 10px 0px; } #placeReactionForm label { display: block; margin: 10px 0px 1px 0px; } #placeReactionForm input.text { margin: 0px; border: 1px solid; padding: 1px; width: 193px; } #placeReactionForm label.sideLabel { display: inline; margin-left: 5px; } #placeReactionForm label.error { display: inline; margin-left: 5px; } #placeReactionForm textarea { margin: 0px 0px 30px 0px; border: 1px solid; padding: 1px; width: 436px; height: 127px; } #captchaImage { display: block; } #captchaLabel { position: absolute; bottom: 20px; left: 95px; } #captcha { position: absolute; bottom: 0px; left: 95px; } #submitPlaceReactionForm { position: absolute; bottom: 0px; right: 8px; } #newsList { margin: 0px; padding: 0px; list-style: none outside; } #newsList li { margin: 0px 0px 20px 0px; padding: 0px; } .newsPhoto { float: left; margin: 0px 10px 10px 0px; padding: 0px; border: 1px solid; } .newsItem { margin-left: 160px; width: 440px; min-height: 150px; } #newsList h3 { margin: 0px 0px 0.5em 0px; padding: 0px; } #newsList h3 .editorialText { font-weight: normal; font-style: italic; color: #1AA1CD; } .eventList { margin: 0px; padding: 0px; } div.eventList { margin: 0px; width: 600px; overflow: hidden; } .eventList li { margin: 0px; padding: 0px 0px 20px 0px; width: 600px; overflow: hidden; } .eventList .eventDate { display: block; float: left; margin-right: 10px; padding: 14px 7px 7px 7px; width: 36px; height: 29px; } .eventList .eventDate span { display: block; } .eventList .eventDetails { float: left; width: 540px; } .eventList .eventDetails h3 { margin: 0px 0px 0.5em 0px; padding: 0px; } #eventDetailsList { padding-bottom: 75px; } .gadgetList { margin: 0px; padding: 0px; width: 600px; overflow: hidden; } .gadgetList li { margin: 0px; padding: 0px; width: 290px; float: left; list-style: none outside; } .gadgetList li.odd { margin-right: 20px; } .gadgetList .gadgetPhoto { display: block; } .gadgetList .gadgetPhoto img { display: block; border: 1px solid; } .gadgetList .gadgetLink { display: inline-block; width: 10px; height: 10px; outline: 0px none; margin-left: 5px; } #subPageList { margin: 0px; padding: 10px; } #subPageList li { margin: 0px 0px 2px 0px; padding: 0px; list-style: none outside; } #subPageList span { display: block; } #subPageList a { display: block; padding: 5px 9px; } #joblistContainer { margin: -10px 0 0; width: 280px; height: 330px; overflow: hidden; position: relative; } .jobOpeningList { margin: 0; padding: 0; list-style: none outside; width: 280px; height: 330px; position: absolute; top: 0px; left: 0px; } .jobOpeningList li { margin: 0px; padding: 10px; cursor: pointer; } .jobOpeningList a { display: block; } #prevJobList { position: absolute; bottom: 10px; right: 30px; width: 10px; height: 10px; outline: 0px none; } #nextJobList { position: absolute; bottom: 10px; right: 10px; width: 10px; height: 10px; outline: 0px none; } .promotionDetails { margin-bottom: 10px; width: 275px; height: 10px; display: block; } #pollForm { margin: 0px; padding: 0px; width: 280px; overflow: hidden; } #pollForm input.radio { float: left; } #pollForm label { display: block; margin-bottom: 10px; } #submitPollForm { float: right; width: 54px; height: 27px; cursor: pointer; } #pollResults { margin: 0px; padding: 0px; list-style: none outside; } #pollResults li { margin: 10px 0px; padding: 0px; } /* #pollResults .pollBar { display: block; padding: 5px 25px 5px 5px; } */ #pollResults .pollBar { display: block; padding: 5px; } #pollResults .pollBarEmpty { display: block; width: 25px !important; padding: 5px; } #searchArticleForm {} #searchArticleForm label { display: block; margin-bottom: 3px; } #queryStringArticle { display: block; margin: 0px; border: 1px solid; padding: 1px; width: 182px; height: 18px; } #submitSearchArticleForm { position: absolute; top: -3px; right: 0px; width: 75px; } #newsFilterForm { position: relative; padding-bottom: 37px; } #newsFilterForm fieldset { position: static; } #newsFilterForm #filterTip { position: absolute; top: 65px; left: 5px; padding: 7px 0px 0px 16px; height: 20px; } #newsFilterForm select { display: block; margin: 6px 0px; bordeR: 1px solid; width: 280px; } #submitNewsFilterForm { position: absolute; top: 65px; right: 0px; width: 75px;} #monthList, #latestNewsList { margin: 0px; padding: 0px; } #calendar { padding: 0px; border-spacing: 0px; width: 280px; } #calendar #caption { padding: 2px; height: 24px; } #calendar #caption a { display: block; position: absolute; top: 60px; width: 10px; height: 10px; outline: 0px none; } #prevMonth { left: 16px; } #nextMonth { right: 16px; } #calendar #weekdays th { padding: 14px 5px 8px 5px; width: 24px; height: 24px; } #calendar tbody td { padding: 8px 5px; width: 40px; height: 40px; } #calendar .eventInfo { position: relative; } #calendar .eventInfoBubble { display: none; position: absolute; top: -11px; left: -138px; margin: 0px; padding: 0px; width: 138px; z-index: 100; } #calendar .eventInfoBubble li { margin: 0px; padding: 0px 10px 6px 10px; list-style: none outside; } #calendar .eventInfoBubble li.top { padding: 4px 10px 6px 10px; } #calendar .eventInfoBubble li.bottom { padding-bottom: 8px; } #calendar .eventInfoBubble li.specialArrow { position: absolute; top: 0px; right: -9px; padding: 0px; width: 12px; height: 34px; } #calendar .eventInfoBubble li a { display: inline; } #calendar a { display: table-cell; width: 36px; height: 24px; } #footer { margin: 0px; padding: 0px; width: 960px; height: 60px; clear: both; position: absolute; bottom: 0px; left: 4px; } #tmgLink { position: absolute; top: 10px; left: 8px; width: 143px; height: 41px; overflow: hidden; } #footerMenu { margin: 0px; padding: 0px; list-style: none outside; position: absolute; top: 25px; left: 167px; } #footerMenu li { float: left; padding-left: 30px; } #footerSearchForm { position: absolute; top: 15px; right: 10px; margin: 0px; padding: 0px; width: 334px; } #queryString { border: 1px solid; padding: 1px; width: 215px; height: 18px; } #footerSearchForm label { position: absolute; top: 7px; left: 8px; } #submitFooterSearchForm { margin-left: 10px; } #autoZoeken { margin: 10px; } #autoZoeken .boxContent { padding: 10px 0 0; } /********************/ /* color and images */ /********************/ body { background-color: #12708f; color: black; } a { color: #0599c8; } h3, h3 a { color: black; } .submit { color: white; background-image: url('/download/?id=8426628'); background-repeat: repeat-x; } .submit:hover { color: #e1e1e1; } #header { background-color: #12708f; } #topAdContainer, .skyScraperAdContainer, .fullAdContainer, .boxAdContainer { border-color: #666666; } #loginForm { background-image: url('/download/?id=8426589'); background-repeat: no-repeat; } #loginForm label { color: #333333; } #loginForm input.text { border-color: #979797; } #loginForm #submitLoginForm { background-image: url('/download/?id=8426622'); background-color: #e31836; background-repeat: no-repeat; background-position: 5px 8px; } #loginForm #emailLabel { color: white; } #loginForm #loginLinks { background-image: url('/download/?id=8426574'); background-repeat: no-repeat; background-position: top left; color: white; } #loginForm #loggedInInfo { color: white; } #loginForm #loginLinks a { color: white; } #siteContainer, #contentContainer, #footerContainer { background-image: url('/download/?id=8426571'); background-repeat: repeat-y; } #menu { background-image: url('/download/?id=8426595'); background-repeat: repeat-x; } #menu > li.bottom { background-image: url('/download/?id=8426592'); background-repeat: no-repeat; background-position: 100% 18px; } #menu > li.bottom:hover { background-image: url('/download/?id=8426592'); background-position: 100% 18px; } #menu a, #menu .selected ul a { color: white; } #menu a:hover { color: #e31836; } #menu li:hover { background-image: url('/download/?id=8444059'); background-repeat: no-repeat; background-position: top right; } #menu .selected a { color: #e31836; } #menu ul { background-image: url('/download/?id=8444059'); background-repeat: no-repeat; background-position: bottom right; } #menu ul li a { background-image: url('/download/?id=8443631'); background-repeat: no-repeat; background-position: 151px 8px; border-color: #464646; } #menu ul li.bottom a { background-image: url('/download/?id=8443631'); background-position: 151px 8px; } #menu ul li a:hover { color: #e31836; background-color: black; background-image: url('/download/?id=8426592'); background-position: 151px 8px; border-color: #464646; } #menu ul li.selected a { color: #e31836; background-color: black; background-image: url('/download/?id=8426592'); border-color: #464646; } #vacatureBox { background-color: white; border-color: #d6d6d6; } #quickLinksListLeft li { background-image: url('/download/?id=8426622'); background-repeat: no-repeat; background-position: 140px 12px; background-color: #e31836; } #quickLinksListLeft li a { color: white; } #quickLinksListLeft li a:hover { color: #e1e1e1; } #jobOpeningSearchForm h2 { color: #e31836; } #jobOpeningSearchForm #jobTypeLabelBig, #jobOpeningSearchForm #jobRegionLabelBig { color: #333333; } #jobOpeningSearchForm #jobTypeLabelSmall, #jobOpeningSearchForm #jobRegionLabelSmall { color: #666666; } #jobOpeningSearchForm input.text { border-color: #979797; } #jobOpeningSearchForm #submitJobOpeningSearchForm { color: white; background-color: #e31836; background-image: none; } #jobOpeningSearchForm #submitJobOpeningSearchForm:hover { color: #e1e1e1; } #jobOpeningSearchForm a.infoLink { color: #333333; background: url('/download/?id=8426586') no-repeat 100% 50%; } #quickLinksListRight li { color: #3c3c3c; background: url('/download/?id=8426565') no-repeat 0% 50%; } #quickLinksListRight li a { color: #3c3c3c; } #quickLinksListRight li a:hover { color: black; } #helpPopup { background: white; border-color: #979797; } #closePopup { color: #666666; background: #ACDCF3 url('/download/?id=8426619') no-repeat 100% 50%; } #helpPopup dd { border-color: #979797; } .boxContent, .reactionBox { background-color: white; } .boxTitle { color: white; background: #1AA1CD url('/download/?id=8426583') repeat-x; } .boxTitle h2 { background: url('/download/?id=8426568') no-repeat 10px 0px; } .boxTitle a { color: white; } .boxTitle a:hover { color: #e1e1e1; } .boxTitle .rssLink { background-image: url('/download/?id=8426625'); background-repeat: no-repeat; background-position: 100% 1px; } .boxTitle .twitterLink { background-image: url('/download/?id=13843642'); background-repeat: no-repeat; background-position: 100% 1px; } #subPageList span { background: url('/download/?id=8444584') no-repeat 260px 10px; } #subPageList .selected a { color: #e1e1e1; } .infoBar { background-color: #d9ecf5; color: #666666; } .infoBar a.reactionsLink { color: #7e7e7e; background-image: url('/download/?id=8426616'); background-repeat: no-repeat; background-position: 0% 50%; } .infoBar .person { background-image: url('/download/?id=8426607'); background-repeat: no-repeat; background-position: 1px 1px; } .infoBar a.readMore { color: #666666; background-image: url('/download/?id=8426619'); background-repeat: no-repeat; } .infoBar a:hover { color: #333333; } .yeonLink { background: url('http://www.yeon.nl/assets/img/logo.png') no-repeat top right; } #archiveList .odd, #monthList .odd, #latestNewsList .odd, .searchList .odd { background-color: #eeeeee; } #archiveList .even, #monthList .even, #latestNewsList .even, .searchList .even, #calendar .even td { background-color: white; } #archiveList a, #monthList a, #latestNewsList a, .searchList a { color: black; } #archiveList a:hover, #monthList a:hover, #latestNewsList a:hover, .searchList a:hover { background-color: #d9ecf5; } #prevArchiveLink { color: white; background-image: url('/download/?id=8426610'); background-repeat: no-repeat; } #nextArchiveLink { color: white; background-image: url('/download/?id=8426601'); background-repeat: no-repeat; } #prevArchiveLink.inactive { background-image: url('/download/?id=8426613'); } #nextArchiveLink.inactive { background-image: url('/download/?id=8426604'); } #prevArchiveLink:hover, #nextArchiveLink:hover { color: #e1e1e1; } #prevArchiveLink.inactive:hover, #nextArchiveLink.inactive:hover { color: white; } #reactionNavigation a { color: #666666; border-color: #e3e3e3; } #reactionNavigation a:hover { color: black; border-color: #666666; } #reactionNavigation .selected a { color: #1aa1cd; } #reactionNavigation .inactive .prevNext { color: #aaaaaa; } #placeReactionForm input.text { border-color: #979797; } #placeReactionForm textarea { border-color: #979797; } #placeReactionForm input.error { border-color: #E31836; } #placeReactionForm textarea.error { border-color: #E31836; } #placeReactionForm label.error { color: #E31836; } .newsPhoto { border-color: #999999; } #newsList h3 a { color: black; } .eventList .eventDate { background-image: url('/download/?id=8470617'); background-repeat: no-repeat; background-position: top left; } .gadgetList .gadgetPhoto img { border-color: #cccccc; } .gadgetList .gadgetLink { background-image: url('/download/?id=8426553'); background-repeat: no-repeat; } .jobOpeningList li:hover { background-color: #D9ECF5; } .jobOpeningList a { color: black; } #prevJobList { background: url('/download/?id=8426550') no-repeat; } #nextJobList { background: url('/download/?id=8426553') no-repeat; } .promotionDetails { background: url('/download/?id=8426553') no-repeat right top; } #queryStringArticle { border-color: #979797; } /* #pollResults .pollBar { color: #666666; background: #ACDCF3 url('/download/?id=8426619') no-repeat 100% 50%; } */ #pollResults .pollBar, #pollResults .pollBarEmpty { color: #666666; background-color: #D9ECF5; } #newsFilterForm #filterTip { color: #999999; background-image: url('/download/?id=8426631'); background-repeat: no-repeat; background-position: 0px 8px; } #newsFilterForm select { border-color: #979797; } #calendar #caption { background-color: #d9ecf5; } #prevMonth { background-image: url('/download/?id=8470608'); background-repeat: no-repeat; } #nextMonth { background-image: url('/download/?id=8810006'); background-repeat: no-repeat; } #calendar td.otherMonth { color: #999999; } #calendar .odd td { background-color: #f8f8f8; } #calendar a { color: black; background-color: #d9ecf5; } #calendar .eventInfoBubble li { color: #666666; background-image: url('/download/?id=8470611'); background-repeat: no-repeat; background-position: 100% 50%; } #calendar .eventInfoBubble li a { color: #666666; background-color: transparent; } #calendar .eventInfoBubble li.top { background-position: 100% 0%; } #calendar .eventInfoBubble li.bottom { background-position: 100% 100%; } #calendar .eventInfoBubble li.specialArrow { background-image: url('/download/?id=8470614'); background-position: top left; } #footer { color: white; background-image: url('/download/?id=8426580'); } #tmgLink { background-image: url('/download/?id=8426634'); background-repeat: no-repeat; } #footerMenu li { background-image: url('/download/?id=8426562'); background-repeat: no-repeat; background-position: 10px 2px; } #footerMenu a { color: white; } #footerMenu a:hover { color: #e1e1e1; } #footerSearchForm label { color: black; } #queryString { border-color: #979797; } #submitFooterSearchForm { background-color: #666666; background-image: none; } /*****************/ /* text and type */ /*****************/ body { font-family: arial, verdana, sans-serif; font-size: 12px; } /* h1, h2, #menu a, #quickLinksListRight li a, .boxTitle { font-family: Impact, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; } */ h1, h2, .boxTitle { font-family: arial, verdana, sans-serif; font-weight: bold; } h1 { font-size: 22px; } h2 { font-size: 16px; } h3 { font-size: 15px; } h4 { font-size: 14px; } .submit { font-size: 14px; font-weight: bold; } a { text-decoration: none; } a:hover { text-decoration: underline; } textarea { font-family: arial, verdana, sans-serif; font-size: 12px; } #loginForm #loggedInInfo { font-size: 14px; } #loginForm #loginLinks, #loginForm #emailLabel { font-size: 10px; } #loginForm #loginLinks a { text-decoration: none; font-size: 10px; } #loginForm #loginLinks a:hover { text-decoration: underline; } #logo h1 { text-indent: -999em; } #logo a { text-indent: -999em; } #menu a { font-size: 18px; text-transform: uppercase; text-decoration: none; font-family: Impact, "Helvetica Neue", Helvetica, sans-serif; } #menu ul li a { font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: bold; text-transform: none; } #quickLinksListLeft li a { font-size: 13px; font-weight: bold; text-decoration: none; } #jobOpeningSearchForm h2 { font-size: 21px; font-weight: normal; } #jobOpeningSearchForm #jobTypeLabelBig, #jobOpeningSearchForm #jobRegionLabelBig { font-size: 14px; } #jobOpeningSearchForm #jobTypeLabelSmall, #jobOpeningSearchForm #jobRegionLabelSmall { font-size: 10px; } #jobOpeningSearchForm #submitJobOpeningSearchForm { font-weight: bold; font-size: 14px; } #jobOpeningSearchForm a.infoLink { text-decoration: none; } #helpPopup dt { font-weight: bold; text-align: right; } #closePopup { font-weight: bold; text-align: right; } #quickLinksListRight li a { font-size: 22px; text-decoration: none; } /* .boxTitle { font-size: 17px; } */ .boxTitle { font-size: 16px; } .boxTitle h2 { letter-spacing: -0.03em; } .boxTitle .reactions { font-family: arial, verdana, sans-serif; font-size: 12px; } .boxTitle a { text-decoration: none; letter-spacing: -0.03em; } .boxContent { line-height: 1.5em; } .infoBar { font-weight: bold; line-height: 1.2em; } .infoBar .reactionDate { font-weight: normal; } .infoBar a.reactionsLink { font-weight: normal; text-decoration: none; } .infoBar a.readMore { font-size: 12px; font-weight: bold; text-decoration: none; } .yeonLink { font-weight: bold; font-size: 14px; } .yeonLink:hover { text-decoration: none; } #archiveList a, #monthList a, #latestNewsList a { text-decoration: none; } #archiveList a .itemTitle { font-weight: bold; } #archiveList .reactions { text-align: right; } #prevArchiveLink, #nextArchiveLink { font-size: 14px; font-weight: bold; text-decoration: none; } #reactionNavigation a { text-decoration: none; } .eventList .eventDate { font-size: 12px; font-weight: bold; } .eventList .eventDate span { font-size: 14px; font-weight: bold; text-transform: uppercase; } .gadgetList .gadgetTitle { font-weight: bold; } .gadgetList .gadgetLink { font-size: 10px; line-height: 1em; text-indent: -999em; } #subPageList a { font-size: 16px; text-transform: uppercase; text-decoration: none; letter-spacing: 0.01em; } .jobOpeningList { line-height: 1.2em; } .jobOpeningList a { font-weight: bold; font-size: 14px; text-decoration: none; } #prevJobList, #nextJobList, .promotionDetails { text-indent: -999em; font-size: 10px; line-height: 1em; } .pollDescription { font-weight: bold; } #searchArticleForm label { font-size: 14px; font-weight: bold; } #searchArticleForm a { font-size: 10px; } #calendar #caption { font-size: 17px; font-weight: normal; text-align: center; } #calendar #caption a { text-indent: -999em; } #calendar td { text-align: center; vertical-align: middle; } #calendar #today { font-weight: bold; } #calendar a { font-weight: bold; vertical-align: middle; } #calendar .eventInfoBubble li { text-align: left; } #newsFilterForm #filterTip { font-size: 10px; font-style: italic; } /* #pollResults .pollBar { text-align: right; } */ #pollResults .pollBar { text-align: right; font-weight: bold; font-size: 16px; } #tmgLink { text-indent: -999px; } #footerMenu a { font-size: 14px; font-weight: bold; text-decoration: none; } /******************/ /* galleria stuff */ /******************/ .galleria { margin: 0px 0px 13px 0px; padding: 0px; list-style: none; width: 540px; overflow: hidden; } .galleria li { display: block; width: 53px; height: 39px; overflow: hidden; float: left; margin: 0 5px 5px 0; border: 1px solid #999999; padding: 0px; } .galleria li a { display: none } .galleria li div { position: absolute; display: none; top: 0; left: 180px; } .galleria li div img { cursor: pointer; } .galleria li.active div img, .galleria li.active div { display: block; } .galleria li img.thumb { cursor: pointer; top: auto; left: auto; display: block; width: auto; height: auto; } .galleria_container .caption { display: block; padding: 15px 0px; font-size: 12px; font-weight: bold; text-align: center; } .galleria_container .replaced { display: block; border: 1px solid #999999; } * html .galleria li div span { width: 400px; } /* MSIE bug */ /*******************/ /* recaptcha stuff */ /*******************/ #recaptchaContainer { margin-bottom: 30px; } #recaptcha_image { border: 1px solid #979797; } #recaptcha_response_field { display: block; } #recaptchaControls { list-style: none outside; margin: 0px; padding: 0px; position: absolute; bottom: 90px; right: 85px; } #recaptchaInfo { color: #666666; font-size: 10px; position: absolute; margin: 0px; padding: 10px 0px; } #recaptchaInfo a { color: #333333; font-size: 11px; } /*****************/ /* vacaturekrant */ /*****************/ .skyScraperAdContainer { display: none; } .siteContainer .skyScraperAdContainer { display: block; } #resultaten-left { padding: 20px 10px; width: 300px; float: right; } #resultaten-rechts { padding: 20px 10px; width: 620px; float: right; } .box ul.left, .box ul.right { float: left; margin: 0px; padding: 0px 10px; width: 279px; list-style: none outside; } .box ul.left li .n, .box ul.right li .n { color: #979797; } .box h5.border { display: block; margin: 0px; padding: 5px 0px 6px 10px; height: 13px; font-size: 12px; font-weight: bold; background-color: #d9ecf5; color: #666666; } .box .box { border: 1px solid #efefef; border-top: 0px none; padding: 5px 0px; } #boxRight { float: right; padding: 0px; margin-bottom: 20px; width: 620px; } #drilldown-container { float: right; padding: 0px 0px 0px 20px; width: 300px; } #searchbox-top, #drilldownBottom { display: none; } #resultaten-container { background-color: white; position: relative; } #resultaten-container p .n, #resultaten, #sorteren-resultaten { padding: 0px 10px; } #savesearch { padding: 0px 10px 10px 10px; } #resultaten-container h1, #drilldown-container h4, #vacatureDetails h1 { margin: 0px; padding: 4px 0px 6px 10px; font-size: 17px; color: white; background-image: url('/download/?id=8426583'); background-repeat: repeat-x; font-size: 17px; font-family: Impact, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; overflow: hidden; height: 20px; } #resultaten-container h1 { padding-right: 100px; } #resultaten-container p .n { position: absolute; top: 4px; right: 0px; margin: 0px; color: white; font-size: 17px; font-family: Impact, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; } #sorteren-resultaten { margin-top: 10px; text-align: right; } #resultaten .job-item { margin: 1em 0; padding: 0; } #resultaten .job-item .job-title { display: block; padding: 5px 30px 6px 10px; height: 13px; font-size: 12px; font-weight: bold; color: #666666; background-color: #ACDCF3; background-image: url('/download/?id=8426619'); background-repeat: no-repeat; background-position: top right; } #resultaten .job-item br { float: left; } #resultaten .job-item span { display: block; margin: 1em 0; } #resultaten .job-item .job-company { display: inline-block; margin: 1em 0; } #resultaten .job-item .job-inzetperweek-denkniveau { display: inline-block; margin: 1em 0; font-size: 10px; } #listingPages ul { margin: 0px; padding: 0px; height: 25px; } #listingPages li { margin: 0px; padding: 0px; list-style: none outside; float: left; } #listingPages a { display: block; margin: 0px 1px; border: 1px solid; padding: 4px; height: 12px; color: #666666; border-color: #e3e3e3; text-decoration: none; } #listingPages a:hover { color: black; border-color: #666666; } #listingPages #current { display: block; margin: 0px 1px; border: 1px solid; padding: 4px; height: 12px; color: #1aa1cd; border-color: #e3e3e3; } #savesearch { padding: 0px 10px 10px 10px; } #savesearch h3 { margin: 0px; } #savesearch p { margin: 0px; } #drilldownCenter { background-color: white; } #drilldownCenter p { padding: 0px 10px 10px 10px; margin: 0px; } #drilldownCenter .n { color: #979797; } #drilldownCenter a { padding-left: 10px; } #drilldownCenter .bold { font-weight: bold; } #drilldown-container hr { display: none; } #drilldown-container h4 { padding-bottom: 10px; } #vacatureDetails { padding: 30px 10px; margin: 10px; background-color: white; position: relative; } #vacatureDetails h1 { position: absolute; top: 0px; left: 0px; width: 914px; } #vacatureDetails .right { display: none; } #vacatureDetails table { background-color: white; margin: 0px; } #vacatureDetails .buttonsGray { padding: 10px; } #vacatureDetails p { padding: 0px 10px; } #navSearch { display: none; } #vkTemplate { margin: 0; padding: 0; position: relative; } #vkContentColumn { float: left; padding: 20px 10px; width: 620px; } #vkExtendedSearch { background-color: white; width: 620px; padding: 0px 0px 20px 0px; } #vkExtendedSearch h1 { background-color: white; margin: 0px; padding: 4px 0px 6px 6px; font-size: 17px; color: white; background: #1AA1CD url('/download/?id=8426583') repeat-x; } #vkExtendedSearch h3 { margin: 1em 0; padding: 0 10px; } #vkExtendedSearch p { padding: 0px 10px; } #vkExtendedSearch .form { margin-bottom: 20px; } #vkExtendedSearch .form th { text-align: right; vertical-align: top; width: 100px; } #vkExtendedSearch .form select { width: 260px; } #vkExtendedSearch form > input { position: absolute; bottom: 30px; right: 340px; border: 0px none; cursor: pointer; margin: 0px; padding: 0px 0px 3px 0px; width: 71px; height: 27px; font-size: 14px; color: white; background-color: #E31836; } #vkExtendedSearch form > input:hover { color: #e1e1e1; } #serachresultcv { padding: 0 10px; } #drilldown-werkgever { padding: 20px 10px 10px; background: white; } #vkLogin, #vkRegister { background-color: white; width: 620px; padding: 0px 0px 20px 0px; } #vkLogin h1, #vkRegister h1, #vkRegister h4 { background-color: white; margin: 0px; padding: 4px 0px 6px 6px; font-size: 17px; font-weight: normal; font-family: Impact, "Helvetica Neue", Helvetica, sans-serif; color: white; background: #1AA1CD url('/download/?id=8426583') repeat-x; } #vkLogin p, #vkRegister p, #vkRegister h5, #vkRegister .right { padding: 0px 10px; } #vkRegister .box-new { background-color: white; position: absolute; top: 20px; right: 10px; width: 310px; } #vkPage #contentContainer { position: relative; } #vkPage .boxAdContainer { display: none; } /***************/ /* sIFR config */ /***************/ .sIFR-active #jobOpeningSearchForm h2 { visibility: hidden; font-family: Impact, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; line-height: 1em; font-size: 17px; height: 29px; display: block; margin: 0px; padding: 0px; } /* .sIFR-active .boxLinks span { visibility: hidden; display: inline-block; font-family: Impact, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; line-height: 1em; font-size: 17px; height: 29px; margin: 0px; padding: 0px; } */ .sIFR-active #quickLinksListRight li { visibility: hidden; font-family: Impact, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; line-height: 1em; font-size: 22px; height: 29px; display: block; margin: 0px; padding: 0px; } .sIFR-active #menu > li > span { visibility: hidden; display: block; font-family: Impact, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; line-height: 1em; font-size: 18px; height: 27px; margin: 0px; padding: 0px; } .sIFR-active #subPageList li span { visibility: hidden; font-family: Impact, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; line-height: 1em; font-size: 17px; height: 29px; width: 280px; display: block; margin: 0px; padding: 0px; } /* Requested by Millian #9293163 */ .millian dd{ margin-left:2px; padding:0; float:left; } .millian_first li{ list-style-type:none; margin-left:28px; list-style-image:url(http://www.millian.nl/img/carp/bullet_menu_opl.gif); } .millian_blok{ margin-bottom:5px; width:98%; } .millian_blok td{ padding:5px; } .millian_blok img{ border:1px solid #bbbbbb; } .millian_beschrijving{ color:#9e9e9e; padding:5px 0 6px 10px; font-weight:bold; line-height:15px; font-size:100%; font-family:verdana; } .millian_blok a:hover{ text-decoration:underline; } .millian_coursepresentation ul,.coursepresentation ol{ padding-left:20px; } .millian_verplichtveld{ color:red;font-size:120%; } .millian_col1{ background-color:#D8D8D8; float:left; font-size:11px; font-weight:bold; line-height:31px; padding-left:5px; width:143px; color:#0599C8; } .millian_row{ background-color:#D8D8D8; border-bottom:1px solid #FFFFFF; clear:both; display:block; height:32px; width:100%; } .millian_vinkje { margin-top:7px; vertical-align:text-bottom; } .millian_locatie{ padding:1px 0 1px 10px; } .millian_input{ border:1px solid #545353; font-size:11px; height:17px; line-height:17px; margin-top:6px; padding-left:5px; width:298px; } .millian_formelement_single3{ border:1px solid #545353; font-size:11px; height:20px; line-height:20px; margin:6px 0 0; padding-left:5px; width:305px; } .millian_invisible{ display:none; } .millian_visible{ display:none; } #poweredBy { display: block; height: 20px; } #poweredTxt, #poweredImg { display: block; float: right; } #poweredTxt { padding-right: 5px; padding-top: 17px; } .wk .infoBar { background-color: #FFCC7F; } .wk .infoBar a.readMore { background-image:url("/download/?id=15336014"); color: #ffffff; } #page_15335557 .contentTitle, .wkTitle { background:url("/download/?id=15336327") repeat-x scroll 0 0 #FF8800; } #page_15335557 .contentTitle h2, .wkTitle h2 { background: url("/download/?id=15336324") no-repeat scroll 10px 0 transparent; } #newsList li.poweredBy { margin-bottom: 35px; } .wk .newsItem { margin-left: 0; min-height: 0; width: auto; }