/* ### GENERAL ### */ * { margin: 0px; padding: 0px; } html, body { font-family: Arial; font-size: 12px; color: #2b2a75; } input, select, textarea { font-family: Arial; font-size: 12px; color: #4382b7; } body { height: 100%; background: url('../images/bodyBg.gif') #fff repeat-x; } img { border: 0px; display: block; } /* ### GLOBAL CLASSES ### */ .clear { clear: both; } .left { float:left; } .right { float:right; } .center { margin-left:auto; margin-right:auto; } /* ### WRAPPER ### */ #wrapper { display: block; position: relative; width: 100%; min-height: 100%; background: url('../images/wrapperBg.gif') repeat-x bottom; } /* ### MAIN CONTAINER ### */ #mainCntr { margin: 0 auto; width: 994px; } #mainCntr div.sub { height: 158px; } #mainCntr div.sub div#menuCntr { top: 130px; } /* ### HEADER CONTAINER ### */ #headerCntr { position: relative; width: 994px; height: 207px; } #headerCntr span.h1 { position: absolute; top: 0px; left: 0px; width: 278px; height: 116px; text-indent: -9999px; background: url('../images/logo3.gif') no-repeat; } #mainCntr div.sub span.h1 { position: absolute; top: 0px; left: 0px; width: 459px; height: 123px; text-indent: -9999px; background: url('../images/logo_interim_vacatures.jpg') no-repeat; cursor:pointer; } #headerCntr a.meld { position: absolute; bottom: -40px; right: 0px; width: 112px; height: 112px; text-indent: -9999px; background: url('../images/meld.png') no-repeat; } /* ### TOP CONTAINER ### */ #topCntr { position: absolute; top: 0px; right: 0px; width: 500px; } #topCntr ul { padding-right: 9px; float: right; overflow: hidden; width: 450px; list-style: none; background: url('../images/topBg.gif') no-repeat right; } #topCntr li { padding-left: 9px; float: right; display: inline; height: 20px; line-height: 20px; background: url('../images/topBg.gif') no-repeat left; } #topCntr li a { padding: 0px 10px 0px 10px; text-decoration: none; color: #2b2a75; } #topCntr li a:hover { text-decoration: underline; } /* ### MENU CONTAINER ### */ #menuCntr { position: absolute; top: 79px; left: 0px; width: 994px; height: 31px; background: url('../images/menuBg.gif') no-repeat; } #menuCntr ul { overflow: hidden; width: 994px; list-style: none; } #menuCntr li { padding-right: 1px; float: left; display: inline; background: url('../images/menuLi.gif') no-repeat right; } #menuCntr li a { padding: 0px 15px 0px 15px; display: block; float: left; height: 31px; text-decoration: none; text-transform: uppercase; font: 13px/31px 'Conduit ITC Medium', Arial; color: #ffffff; } #menuCntr li a:hover, #menuCntr li.selected a { color: #fff; background: url('../images/menuHBg.gif') repeat-x; } #menuCntr li a span { padding: 0px 15px 0px 15px; display: block; float: left; height: 31px; cursor: pointer; } #menuCntr li a:hover span, #menuCntr li.selected a span { background: url('../images/menuH2Bg.gif') no-repeat left; } #menuCntr li.first a { padding: 0px; } #menuCntr li.logOff { float:right; } /* ### AD BOX ### */ .adBox { position: absolute; top: 35px; right: 0px; } .adBox img { max-height:68px; max-width:522px; } /* ### CONTENT CONTAINER ### */ #contentCntr { overflow: hidden; width: 994px; } /* ### LEFT CONTAINER ### */ #leftCntr { float: left; overflow: hidden; width: 732px; } #leftCntr div.left { float: left; width: 174px; } #leftCntr div.right { float: right; width: 554px; } #pageContent { margin-top:20px; } #pageContent p { text-align:justify; padding-left:20px; padding-right:20px; margin-bottom:10px; line-height:18px; } #pageContent ol { padding-left:10px; padding-right:10px; margin-bottom:10px; list-style-type: decimal; list-style-position: inside; } #pageContent ol li { font-family: Arial; font-size: 12px; color: #2b2a75; } #pageContent ul { padding-left:10px; padding-right:10px; margin-bottom:10px; list-style-type: circle; list-style-position: inside; } #pageContent ul li { font-family: Arial; font-size: 12px; color: #2b2a75; } #pageContent h1 { margin:10px 0px 10px 10px; padding-left:6px; font-weight: normal; font-size: 16px; font-family: Arial; color:#98C83C; border-bottom:1px solid #98C83C; border-left:4px solid #98C83C; text-transform:uppercase; } #pageContent h2 { margin:10px 0px 10px 10px; text-indent:7px; font:14px/14px 'Conduit ITC Medium',Arial; font-weight: normal; font-size: 14px; font-family: Arial; color:#98C83C; border-bottom:1px solid #98C83C; border-left:4px solid #98C83C; text-transform:uppercase; background-image:none; width:100%; height:20px } #pageContent h3 { margin:10px 0px 10px 10px; text-indent:7px; padding:0px; font-weight: normal; font-size: 14px; font-family: Arial; color:#98C83C; border-bottom:1px solid #98C83C; border-left:4px solid #98C83C; text-transform:uppercase; background-image:none; width:100%; height:20px } #pageContent a { color:#2b2a75; text-decoration:underline; } #pageContent a:hover { text-decoration:none; } #pageContent table.contentBlok { width:720px; border:1px solid #93c1e7; background:#c0dff5 url('../images/contentBlokBg.gif') repeat-x bottom left; margin-bottom:10px;} #pageContent table.contentBlok td.readMore { height:32px; background:#c0dff5 url('../images/contentBlokReadMoreBg.gif') repeat-x bottom left; vertical-align:middle; text-align:right; } #pageContent table.contentBlok td.readMore a { color:#FFFFFF; font-weight: bold; padding: 0px 10px 0px 10px; border-left: 1px solid #fff;} #pageContent table.contentBlok h1 { padding-left:10px; text-transform: uppercase; font-weight: normal; font-size: 16px; font-family: 'Conduit ITC Medium', Arial; color: #292a75; border:0px; } #pageContent table.contentBlok p.success { margin: 5px 0px 5px 40px; } /* ### LARGE BOX ### */ .largeBox { margin-bottom: 5px; padding: 50px 0px 0px 430px; position: relative; width: 302px; height: 475px; background: url('../images/largeBg.jpg') no-repeat bottom center; } .largeBox h1 { display: none; } .largeBox h3 { padding: 8px 0px 8px; text-transform: uppercase; font-weight: normal; font-size: 16px; font-family: 'Conduit ITC Medium', Arial; } .largeBox ul { padding-bottom: 20px; list-style: none; } .largeBox li { margin-bottom: 2px; padding-left: 15px; font-weight: bold; font-size: 14px; color: #fff; background: url('../images/arrow.gif') no-repeat left; } .largeBox li a { text-decoration: none; color: #2b2a75; } .largeBox li a:hover { text-decoration: underline; } .largeBox a.button { display: block; width: 203px; height: 30px; text-indent: 15px; text-decoration: none; text-transform: uppercase; font: 13px/30px 'Conduit ITC Medium', Arial; color: #fff; background: url('../images/zoekBg.png') no-repeat; } .largeBox a.button:hover { text-decoration: underline; } /* ### TAB BOX ### */ .tabBox { margin-bottom: 5px; width: 732px; background: url('../images/tabBg.gif') repeat-y; } .tabBox div.top { background: url('../images/tabTop.gif') repeat-x top; } .tabBox div.bottom { padding: 5px 5px 40px 5px; overflow: hidden; width: 722px; background: url('../images/tabBottom.gif') no-repeat bottom; } .tabBox div.pic { float: left; width: 200px; } .tabBox div.text { padding: 40px 80px 0px 0px; float: right; width: 420px; } .tabBox a{ text-decoration:none;} .tabBox a:hover{ text-decoration:underline} .tabBox a.button, .tabBox span.button { display: block; width: 203px; clear:both; height: 30px; text-indent: 15px; text-decoration: none; text-transform: uppercase; font: 13px/30px 'Conduit ITC Medium', Arial; color: #fff; background: url('../images/zoekBg.png') no-repeat; } .tabBox a.button:hover { text-decoration: underline; } .tabBox p { padding-bottom: 40px; font-size: 14px; color: #000; } .tabBox ul { padding: 5px 0px 15px 0px; overflow: hidden; width: 722px; height: 44px; list-style: none; } .tabBox li { margin-right: 5px; float: left; display: inline; } .tabBox li a { display: block; float: left; height: 35px; text-decoration: none; text-transform: uppercase; font: 13px/35px 'Conduit ITC Medium', Arial; color: #b3b3b3; background: url('../images/tab2Bg.gif') repeat-x; } .tabBox li a span { display: block; float: left; height: 35px; cursor: pointer; background: url('../images/tabL.gif') no-repeat left; } .tabBox li a span span { padding: 0px 10px 0px 10px; background: url('../images/tabR.gif') no-repeat right; } .tabBox li a:hover, .tabBox li.selected a { color: #282973; background: url('../images/tabHBg.gif') repeat-x; } .tabBox li a:hover span, .tabBox li.selected a span { background: url('../images/tabHL.gif') no-repeat left; } .tabBox li a:hover span span, .tabBox li.selected a span span { background: url('../images/tabHR.gif') no-repeat right; } .tabBox input[type="text"], .tabBox input[type="password"] { height:25px; width:200px; line-height:25px; font-size:14px; border:1px solid #C3D2DF; background: #FFFFFF url('../images/inputBg.gif') repeat-x bottom; } .tabBox input[name="user_street"] { width:150px; } .tabBox input[name="user_street_no"] { width:45px; } .tabBox select {line-height:25px; font-size:14px;} .tabBox textarea { border:1px solid #C3D2DF; font-size:14px; } /* ### RES BOX ### */ .resBox h3.head { padding: 8px 0px 8px; text-transform: uppercase; font-weight: normal; text-indent: 0px; font-size: 16px; font-family: 'Conduit ITC Medium', Arial; color: #2b2a75; } .resBox p.warning { padding: 8px 0px 8px 20px; font-weight: normal; text-indent: 0px; font-size: 12px; font-family: 'Conduit ITC Medium', Arial; border: 0px solid #007ec7; color:#ff0000; background: url('../images/warning.gif') no-repeat left center;} .resBox p.success { padding: 8px 0px 8px 20px; font-weight: normal; text-indent: 0px; font-size: 12px; font-family: 'Conduit ITC Medium', Arial; border: 0px solid #007ec7; color:#66cc33; background: url('../images/yes.gif') no-repeat left center;} .resBox p.info { padding: 8px 0px 8px 20px; font-weight: normal; text-indent: 0px; font-size: 12px; font-family: 'Conduit ITC Medium', Arial; border: 0px solid #007ec7; color: #0000ff; background: url('../images/info.gif') no-repeat left center;} .resBox a.cv { padding-left:20px; background: url('../images/cv.gif') no-repeat left center; } .resBox { margin-bottom: 5px; position: relative; width: 554px; background: url('../images/resBg.gif') repeat-y; } .resBox div.top { background: url('../images/resTop.gif') repeat-x top; } .resBox div.bottom { padding: 5px 5px 20px 5px; overflow: hidden; width: 544px; background: url('../images/resBottom.gif') no-repeat bottom; } .resBox ul.tabel { overflow: hidden; width: 542px; list-style: none; border: 1px solid #93c1e7; } .resBox ul.tabel li { float: left; display: inline; height: 32px; line-height: 32px; text-align: center; font-weight: bold; color: #000; } .resBox ul.tabel li.tab0 { width:20px; } .resBox ul.tabel li.tab1 { padding-left: 10px; width: 232px; text-align: left; } .resBox ul.tabel li.tab2 { width: 100px; } .resBox ul.tabel li.tab3 { width: 100px; } .resBox ul.tabel li.tab4 { width: 100px; } .resBox ul.tabel li.grey { /*color: #4a4746;*/ background: url('../images/greyBg.gif') repeat-x; } .resBox ul.tabel li.bold { font-weight: bold; color: #fff; background: url('../images/boldBg.gif') repeat-x; } .resBox ul.tabel li a { text-decoration: none; color: #000; } .resBox ul.tabel li a:hover { text-decoration: underline; } .resBox ul.tabel li.grey a { /*color: #4a4746;*/ } .resBox ul.tabel p { padding-bottom: 25px; text-indent: 10px; font-size: 13px; color: #000; } .resBox p.numResults { position:absolute; top:20px; right:10px; text-indent:0px; text-align:right; } .resBox ul.table { overflow: hidden; width: 542px; list-style: none; border: 0px solid #93c1e7; } .resBox ul.table li { float: left; display: inline; height: 32px; line-height: 32px; text-align: center; font-weight: bold; color: #000; } .resBox ul.table li.tab_left { padding-left: 10px; width: 132px; text-align: left; } .resBox ul.table li.tab_right { width: 400px; text-align: left; } .resBox ul.table li.grey { color: #4a4746; background: url('../images/greyBg.gif') repeat-x; } .resBox ul.table li.bold { font-weight: bold; color: #fff; background: url('../images/boldBg.gif') repeat-x; } .resBox ul.table li a { text-decoration: none; color: #000; } .resBox ul.table li a:hover { text-decoration: underline; } .resBox ul.table li.grey a { color: #4a4746; } .resBox ul.table p { padding-bottom: 25px; text-indent: 10px; font-size: 13px; color: #000; } .resBox ul.table p.warning{ margin-bottom:10px; text-indent: 0px; color:#ff0000; padding:5px; padding-left:20px; background: url('../images/warning.gif') no-repeat left center; line-height:18px; } .resBox ul.table p.success{ margin-bottom:10px; text-indent: 0px; color:#66cc33; padding:5px; padding-left:20px; background: url('../images/yes.gif') no-repeat left center; line-height:18px; } .resBox ul.table p.info{ margin-bottom:10px; text-indent: 0px; color: #2abbd9; padding:5px; padding-left:20px; background: url('../images/info.gif') no-repeat left center; line-height:18px; } .resBox ul.table table.styledTable { border: 1px solid #93c1e7; } .resBox ul.table table.styledTable tr { line-height:32px;} .resBox ul.table table.styledTable td.content{ padding-left:10px; line-height:20px; text-indent:0px; } .resBox ul.table table.styledTable td.content p { line-height:20px; text-indent:0px; } .resBox ul.table table.styledTable td.first { padding-left:10px; } .resBox ul.table table.styledTable tr.mailContent { } .resBox ul.table table.styledTable tr.mailContent td { border-bottom: 1px solid #93c1e7; padding:10px; line-height:18px; text-align:justify; } .resBox ul.table table.styledTable td.mailSubmit { padding:5px; } .resBox ul.table table.styledTable a.button { display: block; width: 203px; height: 30px; text-indent: 15px; text-align:left; text-decoration: none; text-transform: uppercase; font: 13px/30px 'Conduit ITC Medium', Arial; color: #fff; background: url('../images/zoekBg.png') no-repeat; } .resBox ul.table table.styledTable a.button:hover { text-decoration: underline; } .resBox ul.table td.bold { font-weight: bold; line-height: 32px; color: #fff; background: url('../images/boldBg.gif') repeat-x; padding-left:2px; } .resBox ul.table td.bold img.gender { float:left; padding:7px 5px 5px 5px; } .resBox ul.table td.bold span { color:#003366; } .resBox ul.table tr.grey { /*color: #4a4746;*/ line-height: 32px; background: url('../images/greyBg.gif') repeat-x; } .resBox ul.table tr.grey a { /*color: #4a4746;*/ } .resBox ul.table tr.yellow { color: #CC6600; line-height: 32px; background: url('../images/yellowBg.gif') repeat-x; } .resBox ul.table tr.yellow a { color: #CC6600; } .resBox ul.table td.subscriptions { line-height:18px; } .resBox ul.table td a { text-decoration: none; color: #000; } .resBox ul.table td a:hover { text-decoration: underline; } .resBox #composeMessage textarea { border:1px solid #C3D2DF; font-size:14px; } .resBox ul.table div.profilePhoto { position:absolute; top:81px; right: 33px; } .resBox ul.table div.profilePhoto img { border: 1px solid #93c1e7; border-right:0px; padding:1px; background-color:#fff; } .resBox ul.table div.profilePhoto p { text-indent: 0px; padding-top:5px; background: url('../images/resBottom.gif') no-repeat bottom; max-height:20px; min-width:137px; } .resBox ul.table div.profilePhoto a.cv { margin-left:10px; } .resBox ul.table table.styledTable div.profileButtons ul { width:135px; margin-left:auto; margin-right:auto;} .resBox ul.table table.styledTable div.profileButtons li { width:30px; line-height:20px; height:20px; padding:2px; margin:5px; background: url('../images/boldBg.gif') repeat-x bottom;} .resBox ul.table table.styledTable div.profileButtons li img { margin-left:auto; margin-right:auto; } a.fav_add { padding-left:20px; background: url('../images/fav_add.png') no-repeat left center; } a.fav_del { padding-left:20px; background: url('../images/fav_del.png') no-repeat left center; } a.videocv { padding-left:20px; background: url('../images/video_cv.gif') no-repeat left center; } .resBox ul.table ul.subscribtions { list-style:none;} .resBox ul.table ul.subscribtions li { display: inline; text-align:left; float:left; min-width:100px; font-weight:normal; } .resBox ul.table ul.subscribtions li a { font-weight:normal; } .resBox ul.table ul.subscribtions li a img { float:left; width:16px; height:16px; } .resBox ul.table ul.subscribtions li a:hover { text-decoration:underline; } .resBox ul.table2 { overflow: hidden; width: 542px; list-style: none; border: 1px solid #93c1e7; } .resBox ul.table2 li { float: left; display: inline; height: 300px; line-height: 32px; text-align: center; font-weight: bold; color: #000; } .resBox ul.table2 li.tab { padding-left: 10px; width: 532px; text-align: left; } .resBox ul.table2 li.grey { color: #4a4746; background: url('../images/greyBg.gif') repeat-x; } .resBox ul.table2 li.bold { font-weight: bold; color: #fff; background: url('../images/boldBg.gif') repeat-x; } .resBox ul.table2 li a { text-decoration: none; color: #000; } .resBox ul.table2 li a:hover { text-decoration: underline; } .resBox ul.table2 li.grey a { color: #4a4746; } .resBox div.resultaat { margin-bottom: 5px; position: relative; width: 544px; background: url('../images/resulBg.gif') repeat-y top; } #leftCntr div.resBox div.resultaat div.top { background: url('../images/resulTop.gif') no-repeat top; } #leftCntr div.resBox div.resultaat div.bottom { padding: 5px 2px 2px 2px; overflow: hidden; width: 540px; background: url('../images/resulBottom.gif') no-repeat bottom; } .resBox div.resultaat div.pic { padding: 10px; float: left; width: 150px; } .resBox div.resultaat div.text { padding: 10px 10px 30px 10px; float: right; width: 350px; } .resBox div.border img { margin-left:auto; margin-right:auto; border: 1px solid #292a75;} .resBox h2 { margin-bottom: 8px; padding-bottom: 8px; text-transform: uppercase; font-weight: normal; font-size: 16px; font-family: 'Conduit ITC Medium', Arial; color: #292a75; border-bottom: 1px solid #a9bfdc; } .resBox div.resultaat p { padding-bottom: 11px; text-indent: 0px; line-height: 18px; color: #292a75; } .resBox div.resultaat p.shortPitch { margin-left:auto; margin-right:auto; width:135px; font-size:10px; margin-top:10px; text-align:center; background: url('../images/quotes.png') no-repeat top;} .resBox div.resultaat a { font-weight: bold; text-decoration: none; color: #ef4823; } .resBox div.resultaat a:hover { text-decoration: underline; } .resBox div.resultaat ul { list-style: none; } .resBox div.resultaat li { line-height: 16px; color: #000; } .resBox div.resultaat li a { font-weight: normal; color: #292a75; } .resBox div.resultaat li img { padding-bottom: 15px; } .resBox div.text ul.buttons { position: absolute; right: 0px; bottom: 0px; overflow: hidden; width: 340px; list-style: none; } .resBox div.text ul.buttons li { float: right; display: inline; } .resBox div.text ul.buttons li a { padding: 0px 10px 0px 10px; display: block; float: left; height: 32px; line-height: 32px; font-weight: bold; text-decoration: underline; color: #fff; border-left: 1px solid #fff; } .resBox div.text ul.buttons li.video a { padding-left: 35px; background: url('../images/icon.gif') no-repeat 5px center; } .resBox div.text ul.buttons li a:hover { text-decoration: none; } .resBox h3 { padding: 8px 0px 8px; text-transform: uppercase; font-weight: normal; text-indent: 10px; font-size: 16px; font-family: 'Conduit ITC Medium', Arial; color: #fff; } .resBox p { padding-bottom: 25px; text-indent: 10px; font-size: 13px; color: #fff; } .resBox a { color: #292a75; } .resBox a:hover { text-decoration: none; } .resBox ul.nav { position: absolute; top: 46px; right: 10px; overflow: hidden; min-width: 10px; list-style: none; } .resBox ul.nav li { margin-left: 1px; float: left; display: inline; color: #fff; } .resBox ul.nav li a { display: block; float: left; width: 17px; height: 17px; line-height: 17px; text-align: center; text-decoration: none; color: #fff; } .resBox ul.nav li a:hover, .resBox ul.nav li.selected a { font-weight: bold; background: url('../images/navBg.gif') no-repeat; } .resBox ul.nav li.next a { display: inline; float: none; width: auto; text-decoration: underline; color: #292a75; } .resBox ul.nav li.next a:hover { text-decoration: none; font-weight: normal; background: none; } /* NEW PROFILE BOX */ .resBox div.profileShort { margin-bottom: 5px; position: relative; width: 544px; background: url('../images/profileBg.gif') repeat-y top; min-height:185px; } #leftCntr div.resBox div.profileShort div.top { background: url('../images/profileTop.gif') no-repeat top; min-height:185px; } #leftCntr div.resBox div.profileShort div.bottom { padding: 5px 2px 2px 2px; overflow: hidden; width: 540px; background: url('../images/profileBottom.gif') no-repeat bottom; min-height:185px; } .resBox div.profileShort div.pic { float: left; width: 150px; border:0px solid red; } .resBox div.border img { margin-left:auto; margin-right:auto; border: 1px solid #292a75;} .resBox div.profileShort div.profileName { padding-left:10px; height:30px; } .resBox div.profileShort div.profileName h2 { margin-bottom: 0px; padding-bottom: 0px; text-transform: uppercase; font-weight: normal; font-size: 16px; font-family: 'Conduit ITC Medium', Arial; color: #292a75; border-bottom: 0px solid #a9bfdc; } .resBox div.profileShort div.profileShortMiddleColumn { float:left; width:162px; position:relative; left:0px; border:0px solid red;} .resBox div.profileShort div.profileShortDetails { float:left; width:162px; margin-left:-1px; margin-top:-2px; background-color:#e1effa; line-height:16px;} .resBox div.profileShort p{ position:relative; left:6px; } .resBox div.profileShort div.profileShortSpecialisms { margin-top:20px; margin-bottom:20px; float:left; width:150px; height:40px; } .resBox div.profileShort div.profileShortPitch { float:right; width:225px; } .resBox div.profileShort p { padding-bottom: 11px; text-indent: 0px; line-height: 18px; color: #292a75; } .resBox div.profileShort a { font-weight: bold; text-decoration: none; color: #ef4823; } .resBox div.profileShort a:hover { text-decoration: underline; } .resBox div.profileShort div.profileShortButtons { margin-top:10px; } .resBox div.profileShort div.profileShortButtons ul.buttons { position: absolute; right: 0px; bottom: 0px; overflow: hidden; width: 150px; list-style: none; } .resBox div.profileShort div.profileShortButtons ul.buttons li { float: right; display: inline; } .resBox div.profileShort div.profileShortButtons ul.buttons li a { padding: 0px 10px 8px 10px; display: block; float: left; height: 16px; line-height: 32px; font-weight: bold; text-decoration: underline; color: #fff; } .resBox div.profileShort div.profileShortButtons ul.buttons li a:hover { text-decoration: none; } .resBox input.submit { text-align:left; outline: none; border: none; width: 203px; clear:both; height: 30px; text-indent: 15px; text-decoration: none; text-transform: uppercase; font: 13px/30px 'Conduit ITC Medium', Arial; color: #fff; background: url('../images/zoekBg.png') no-repeat; } .resBox input.submit:hover { text-decoration: underline; } .resBox .resBoxContent { padding-left:10px; padding-top:50px; } .resBox .resBoxContent p { text-align:justify; padding-right:10px; margin-bottom:10px; text-indent: 0px; padding-bottom:0px; font-family: Arial; font-size: 12px; color: #2b2a75; } .resBox .resBoxContent ol { padding-left:10px; padding-right:10px; margin-bottom:10px; list-style-type: decimal; list-style-position: inside; } .resBox .resBoxContent ol li { font-family: Arial; font-size: 12px; color: #2b2a75; } .resBox .resBoxContent ul { padding-left:10px; padding-right:10px; margin-bottom:10px; list-style-type: circle; list-style-position: inside; } .resBox .resBoxContent ul li { font-family: Arial; font-size: 12px; color: #2b2a75; } .resBox .resBoxContent h4 { margin-bottom:10px; font-weight: normal; font-size: 18px; font-family: Arial; } .resBox .resBoxContent h5 { margin-bottom:10px; font-weight: normal; font-size: 16px; font-family: Arial; } .resBox .resBoxContent div.line { display:block; width:100%; clear:both; height:2px; border-bottom: 1px solid #96C83D; margin-top:10px; margin-bottom:10px; } .resBox .resBoxContent .jNiceSelectWrapper ul { list-style:none; } /* ### MIJN BOX ### */ .mijnBox { width: 174px; } .mijnBox div.top { margin-bottom: 5px; background: url('../images/leftBg.gif') repeat-y; } .mijnBox div.bottom { background: url('../images/leftTop.gif') repeat-x top; } .mijnBox ul { padding: 5px 5px 32px 5px; overflow: hidden; width: 164px; list-style: none; background: url('../images/leftBottom.gif') no-repeat bottom;} .mijnBox ul ul { background:none; padding:0px 5px 5px 10px; } .mijnBox li { line-height: 32px; font-size: 14px; text-indent: 5px; text-transform: uppercase; font-family: 'Conduit ITC Medium', Arial; color: #4382b7; border-bottom: 1px solid #ebf2fa; } .mijnBox li a { display: block; text-decoration: none; color: #292a75; } .mijnBox li a:hover, .mijnBox li.selected a { color: #94c73d; } .mijnBox li img { margin: 5px 0px 0px 13px; } .mijnBox li img.videoCVThumb { margin: 5px 0px 0px 5px; width:155px; } /* ### PROFIEL BOX ### */ .profielBox { margin-bottom: 5px; width: 732px; background: url('../images/profielBg.gif') repeat-y; } .profielBox div.top { background: url('../images/profielTop.gif') repeat-x top; } .profielBox div.bottom { padding: 5px 5px 20px 5px; overflow: hidden; width: 722px; background: url('../images/profielBottom.gif') no-repeat bottom; } .profielBox div.pic { padding: 10px; float: left; display: inline; width: 140px; } .profielBox div.text { padding: 20px 10px 10px 10px; float: right; display: inline; width: 540px; } .profielBox div.pic img { border: 1px solid #292a75; } .profielBox ul { padding-bottom: 20px; list-style: none; } .profielBox ol { padding-bottom: 20px; list-style: outside; margin-left:10px; padding-left:10px;} .profielBox ol li{ line-height: 16px; font-size: 13px; color: #000; } .profielBox li { line-height: 16px; font-size: 13px; color: #000; } .profielBox li.big { text-transform: uppercase; font-size: 15px; font-family: 'Conduit ITC Medium', Arial; color: #292a75; } .profielBox li a { color: #2085c7; } .profielBox li a:hover { text-decoration: none; } .profielBox h2 { margin-top: 4px; display: block; float: left; height: 35px; text-decoration: none; text-transform: uppercase; font: 13px/35px 'Conduit ITC Medium', Arial; color: #292a75; background: url('../images/tabHBg.gif') repeat-x; } .profielBox h2 span { display: block; float: left; height: 35px; cursor: pointer; background: url('../images/tabHL.gif') no-repeat left; } .profielBox h2 span span { padding: 0px 10px 0px 10px; background: url('../images/tabHR.gif') no-repeat right; } .profielBox fieldset { padding-right: 10px; float: right; display: inline; font-size: 13px; line-height: 34px; border: 0px; } .profielBox fieldset label { float: left; color: #fff; } .profielBox select { margin: 7px 20px 0px 10px; padding: 2px; float: left; width: 110px; color: #000; border: 1px solid #4b4a4b; background: #fff; } .profielBox fieldset a { color: #fff; } .profielBox fieldset a:hover { text-decoration: none; } .contentBox { margin-bottom: 5px; margin-right: 10px; width: 350px; background: url('../images/contentBoxBg.gif') repeat-y; float:left; } .contentBox div.top { background: url('../images/contentBoxTop.gif') no-repeat top; } .contentBox div.bottom { padding: 5px; width: 340px; background: url('../images/contentBoxBottom.gif') no-repeat bottom; } .contentBox h2 { padding-left:10px; color:#3D7EB9; font: 16px/35px 'Conduit ITC Medium', Arial; text-transform:uppercase; } .contentBox p { padding-left:10px; margin-bottom:5px; padding-bottom:5px; } .contentBox a.button { margin-left:auto; margin-right:auto; position:absolute; } .contentBox p.success{ margin-left:10px; color:#000000; padding:5px; padding-left:20px; background: url('../images/yes.gif') no-repeat left center; } .contentBox img.registrationImage { float:right; border: 1px solid #93c1e7; padding:1px; height:130px; } .regBox { position:relative; } .regBox div.bottom { min-height:230px; } .regBox a.button { position:absolute; bottom:10px; left:70px; } /* ### RIGHT CONTAINER ### */ #rightCntr { float: right; width: 260px; } /* ### LOGIN BOX ### */ .loginBox { margin-bottom: 5px; width: 259px; background: url('../images/zoekBg.gif') repeat-y; } .loginBox div.top { background: url('../images/zoekTop.gif') no-repeat top; } .loginBox div.bottom { padding: 5px; width: 249px; background: url('../images/zoekBottom.gif') no-repeat bottom; } .loginBox h3 { padding: 8px 0px 8px 10px; text-transform: uppercase; font-weight: normal; font-size: 16px; font-family: 'Conduit ITC Medium', Arial; color: #fff; border-bottom: 1px solid #bfd95e; } .loginBox p { padding: 8px 0px 8px 10px; color:#fff;} .loginBox a { color: #fff; } .loginBox a:hover { text-decoration: none; } .loginBox fieldset { padding: 10px; overflow: hidden; width: 229px; border: 0px; } .loginBox input.field { margin-bottom: 10px; padding: 2px 5px 0px 5px; float: left; width: 151px; height: 16px; border: 1px solid #bfd95e; background: #fff; } .loginBox input.submit { margin-bottom: 10px; padding-right: 13px; float: left; cursor: pointer; width: 60px; height: 20px; line-height:20px; text-transform: uppercase; font-size: 11px; color: #fff; border: 0px; background: url('../images/submitBg.png ') no-repeat; clear:none; text-indent:5px; } /* ### OPDR BOX ### */ .opdrBox { margin-bottom: 5px; width: 259px; background: url('../images/rightBg.gif') repeat-y; } .opdrBox div.top { background: url('../images/rightTop.gif') no-repeat top; } .opdrBox div.bottom { padding: 5px; width: 249px; background: url('../images/rightBottom.gif') no-repeat bottom; } .opdrBox h3 { padding: 8px 0px 8px; text-transform: uppercase; font-weight: normal; text-indent: 10px; font-size: 16px; font-family: 'Conduit ITC Medium', Arial; color: #4382b7; border-bottom: 1px solid #9fc4e3; } .opdrBox ul { padding: 10px; overflow: hidden; width: 229px; list-style: none; } .opdrBox li { float: left; display: inline; width: 210px; line-height: 18px; color: #2b2a75; } .opdrBox li.first { width: 19px; } .opdrBox li a { color: #2b2a75; } .opdrBox li a:hover { text-decoration: none; } /* ### LOGO BOX ### */ .logoBox { margin-bottom: 5px; width: 257px; border: 1px solid #e9f3fb; text-align:center; } /* ### LEDEN BOX ### */ .ledenBox { margin-bottom: 5px; padding: 5px; width: 249px; background: url('../images/ledenBg.jpg') #B1D034 repeat-x; } .ledenBox h3 { padding: 8px 0px 8px; text-transform: uppercase; font-weight: normal; text-indent: 10px; font-size: 16px; font-family: 'Conduit ITC Medium', Arial; color: #fff; border-bottom: 1px solid #BFD95E; } .ledenBox ul { padding: 10px; overflow: hidden; width: 229px; list-style: none; } .ledenBox li { float: left; display: inline; width: 210px; line-height: 18px; color: #fff; } .ledenBox li.first { width: 19px; } .ledenBox li a { color: #fff; } .ledenBox li a:hover { text-decoration: none; } /* ### BUTTON BOX ### */ .buttonBox { margin-bottom: 5px; width: 260px; } .buttonBox div.button { margin-bottom: 3px; padding: 1px; position: relative; overflow: hidden; width: 258px; height: 87px; background: url('../images/buttonsBg.gif') no-repeat; } .buttonBox div.pic { float: left; width: 95px; } .buttonBox div.text { padding-top: 8px; float: left; width: 158px; } .buttonBox h3 { text-transform: uppercase; font-weight: normal; line-height: 26px; font-size: 15px; font-family: 'Conduit ITC Medium', Arial; } .buttonBox div.text a { padding: 0px 10px 0px 10px; position: absolute; bottom: 0px; right: 0px; display: block; height: 22px; line-height: 22px; font-weight: bold; text-decoration: none; color: #fff; border-left: 1px solid #fff; } .buttonBox a:hover { text-decoration: underline; } /* ### ZOEK BOX ### */ .zoekBox { margin-bottom: 5px; width: 260px; background: url('../images/zoekBg.gif') repeat-y; } .zoekBox div.top { background: url('../images/zoekTop.gif') no-repeat top; } .zoekBox div.bottom { padding: 5px; width: 250px; background: url('../images/zoekBottom.gif') no-repeat bottom; } .zoekBox h3 { padding: 8px 0px 8px 10px; text-transform: uppercase; font-weight: normal; font-size: 16px; font-family: 'Conduit ITC Medium', Arial; color: #fff; border-bottom: 1px solid #bfd95e; } .zoekBox fieldset { padding: 10px; overflow: hidden; width: 229px; color: #fff; border: 0px; } .zoekBox label { padding: 3px 0px 3px 0px; display: block; font-size: 13px; } .zoekBox label.label { float: left; width: 114px; } .zoekBox input.field { padding: 2px; width: 218px; color: #8c8c8c; border: 1px solid #4b4a4b; background: #fff; } .zoekBox input.fieldsmall { margin-right: 4px; padding: 2px; float: left; width: 50px; color: #000; border: 1px solid #4b4a4b; background: #fff; } .zoekBox select { margin-right: 4px; padding: 2px; float: left; width: 224px; color: #000; border: 1px solid #4b4a4b; background: #fff; } .zoekBox input.submit { margin: 4px 4px 0px 0px; padding: 0px 0px 4px 0px; float: right; cursor: pointer; width: 109px; height: 30px; text-transform: uppercase; font: 13px/30px 'Conduit ITC Medium', Arial; color: #fff; border: 0px; background: url('../images/submit2Bg.gif') no-repeat; } /* ### FOOTER CONTAINER ### */ #footerCntr { width: 994px; } #footerCntr p { padding: 20px 0px 20px 0px; text-align: center; font-size: 11px; } #footerCntr a { color: #2085c7; } #footerCntr a:hover { text-decoration: none; } p.warning{ margin-bottom:10px; color:#ff0000; padding:5px; padding-left:20px; background: url('../images/warning.gif') no-repeat left center; } p.success{ margin-bottom:10px; color:#66cc33; padding:5px; padding-left:20px; background: url('../images/yes.gif') no-repeat left center; } p.info{ margin-bottom:10px; color: #2abbd9; padding:5px; padding-left:20px; background: url('../images/info.gif') no-repeat left center; } a.tooltip { background:#ffffff; text-decoration:none; padding:5px; height:20px; } a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;} a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #0066CC; color: #0066CC; text-decoration:none;} a.tooltip:hover { text-decoration:none;} .videoCVwrap { background: url('../images/pan_checks.gif') repeat; margin: 0 auto 15px; position: relative; width: 135px; height: 101px; } .videoCVwrap img { width:135px; } .videoCVframe { background: url('../images/videoOverlay.png') no-repeat; overflow: hidden; position: absolute; top: 0; left: 0; width: 135px; height: 101px; } .videoCVlink { cursor:pointer; width:135px; height:101px; } input.submit { text-align:left; outline: none; border: none; width: 203px; clear:both; height: 30px; text-indent: 15px; text-decoration: none; text-transform: uppercase; font: 13px/30px 'Conduit ITC Medium', Arial; color: #fff; background: url('../images/zoekBg.png') no-repeat; } input.submit:hover { text-decoration: underline; }