/* ------------------------------------------- project: Stages.be date: 29/11/2009 ------------------------------------------- */ /* Reset (a mix of Eric Meyer's & Yahoo's reset) -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse:collapse;border-spacing:0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } table { width: 100%; } td { vertical-align: top; } pre { white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; /* Internet Explorer 5.5+ */ } ol.numbered {list-style: outside decimal; margin: 0 0 0 20px;} ol.numbered li {} /* GENERAL ------------------------------------------- */ body { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #333333; } a { color: #666666; text-decoration: none; font-weight:bold;} a:hover { text-decoration: underline;} h3 a { color: #0096BF; } fieldset { border:1px solid #BBB; padding: 10px; margin: 20px 0; } legend { padding: 0.2em 0.5em; border:1px solid #BBB; color:#333; font-size:90%; text-align:right; } hr { margin: 20px 0 0px 0; color: #0093CE; background-color: #cccccc; border: 0; height: 1px; } strong { font-weight: bold; } img, div, a, input { behavior: url(/stylesheets/iepngfix.htc) } /* HEADINGS ------------------------------------------- */ h1 {font-size: 26px; color: #0096BF; padding-bottom:20px; padding-top:10px; line-height: 34px;} h2 {font-size: 24px; color: #666666; padding-bottom:20px;} h3 {font-size: 16px; color: #0096BF; padding-bottom:20px; padding-top: 10px;} h4 {font-size: 18px; color: #0096BF; padding-bottom:20px; line-height: 22px; text-decoration: underline;} h5 {font-size: 12px; color: #666666; font-weight: bold;} /* HELPERS ------------------------------------------- */ .error { padding: 5px; background-color: red; font-weight: bolder; margin-bottom: 10px;} .ok { padding: 5px; background-color: #ADFF2F; margin-bottom: 10px;} .warning { padding: 5px; background-color: yellow; margin-bottom: 10px;} .padding-box{padding:20px;} .padding-top {padding-top:25px;} .tdpadding td { padding: 10px; } .margin-left {margin-left:30px;} .margin-right {margin-right:30px;} .margin-bottom {margin-bottom:30px;} .margin-top {margin-top:30px;} .center { text-align: center;} .right{text-align: right;} .lightblue{color: #E5F5F9; line-height:2px;} .black{color:#000;} .small{ font-size: 10px; color:#999;} .blue { background-color: #E5F5F9;} .bluetxt { color:#0096BF; } .grey { background-color: #f5f5f5;} .greytxt {color: #999;} .darktxt {color: #333;} .column-line {padding-left: 29px; border-left: solid 1px #F5F5F5;} .column-lineright {padding-right: 29px; border-right: solid 1px #F5F5F5;} .bold {font-weight:bold} .keuzelistitem{display: block; padding:0px 10px 5px 35px; background: url(../images/vinkje.png) no-repeat;} .sublistitem { line-height: 22px; list-style: disc; font-size: 11px; line-height: 15px; margin-left: 15px; } .btnnobox{float:left; font-size: 10px; color:#999999; line-height:55px; text-decoration:underline;} .required { float: right; top: 0; right: 0; margin-right: 105px; margin-top: 2px; color: #999; position: absolute; } /* LAYOUT ------------------------------------------- */ #header {width: 900px; height:auto ; margin: 0px auto 0px auto; z-index: 10; } #logo { position: relative; top: 10px; width: 317px; height: 113px; z-index:2;} #logo-bedrijf { position: absolute; z-index: 100; display: block; left: 0; top: 0; width: 317px; height: 80px; } #logo.home { top: 30px; left: 30px;} #bookmarks { position: relative; float: right; top:20px; font-size: 10px; color: #999999; text-decoration:none; white-space:nowrap; } #bookmarks li { float: left; display: inline; margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 1px solid #0096BF; font-size: 11px; color: #0096BF; } #bookmarks li.first { margin-left: 0; padding-left: 0; border-left: none; } #bookmarks li a { position: relative; color: #fff; text-decoration: none; font-size: 11px; color: #0096BF; } #bookmarks li a:hover, #bookmarks li a:focus, #bookmarks li a:active { text-decoration: underline; } #bookmarks input { margin: 2px 0px; font-size: 11px; padding: 2px; } #bookmarks label { margin: 2px 0 0 30px; display: inline-block; } #bookmarks-login { margin-left: 10px; position: relative; top: 3px; } #language { position: relative; float: right; top:20px; font-size: 10px; color: #999999; text-decoration:none; white-space:nowrap; margin: 0 0 0 30px; } #language li { float: left; display: inline; margin:0; padding: 0; border-left: 1px solid #0096BF; font-size: 11px; color: #0096BF; } #language li.first { border-left: none; } #language li a, #language li a:visited { position: relative; text-decoration: none; font-size: 11px; color: #666; margin: 0; padding: 0 10px; } #language li a:hover, #language li a:active { text-decoration: none; color: #0096BF } /* Bedrijfsmenu */ #bedrijfmenu { width: 900px; height: 40px; background: url(../images/bgmenu.jpg); margin-top:-20px; position: absolute; z-index: 100; } li.menu-item { float: left; display: inline; text-align: center; font-size: 12px; } li.menu-item a { display: block; text-decoration: none; height: 30px; padding:10px 30px 0 30px; background: url(../images/bgmenubtn.jpg) no-repeat; color: #FFF; background-position: 0px 0px; border-right:1px solid #FFF; } li.menu-item a:hover, li a:focus, li a:active { text-decoration: none; background-position:0px -40px; } #bedrijfmenu li.selected a { background-position: 0px -40px; } #bedrijfmenu li.start a { background-position: -251px 0px; } #bedrijfmenu li.start a:hover, #bedrijfmenu li.start a:focus, #bedrijfmenu li.start a:active { background-position: -251px -40px; } #bedrijfmenu li.start-selected a { background-position: -251px -40px; } ul.menu-dropdown { background: #F1F1F1; visibility: hidden; display: none; } ul.menu-dropdown li { float: none; display: block; text-align: left; border-bottom: 1px solid #DDD; } ul.menu-dropdown li a, ul.menu-dropdown li a:visited, ul.menu-dropdown li a:focus{ background: none; padding: 5px 25px; line-height: 14px; display: auto; font-size: 11px; letter-spacing: 0px; font-weight: normal; text-transform: none; color: #666666; height: auto;} ul.menu-dropdown li a:hover, ul.menu-dropdown li a:focus, ul.menu-dropdown li a:active { color: #000; background: #CCC; display: auto; font-size: 11px; letter-spacing: 0px; font-weight: normal; text-transform: none; } #bedrijfsmenu-spacer { height: 40px; } /* SEARCH */ #search {width: 900px; margin: -20px 0 0px 0; background: url(../images/bgsearch.jpg) no-repeat; padding:20px 0 0 20px; position: relative;} .search-container { position: relative; float:left; width: 400px; } .search-field { display: block; width: 370px; height: 25px; padding: 4px 0px 0px 15px; margin: 0px 20px 0 0px; background-color:#FFF; border:1px solid #0096BF; overflow: hidden; } .search-field:hover { border:1px solid #000000; color: #333; text-decoration: none; } #search-more{position: relative; float:left; color:#FFF; margin: -12px 0px 0px 3px; clear: both; } #search-more a{color:#FFF; font-weight:normal; font-size:10px: } #search-more-list { position: relative; left: -20px; top: 5px; padding: 20px; background-color: #F5F5F5; } .search-list {position: absolute; width:365px; border:1px solid #0096BF; padding:10px; background-color:#FFF; z-index:1; display:none; top: 30px; left:0; } /*#search-regio-list{ top:50px; left:20px} #search-sector-list{ top:50px; left: 427px; } #search-studyfield-list{ top:50px; left: 20px; } #search-jobposition-list{ top:50px; left: 427px; } #search-studylevel-list{ top:101px; left: 20px; } #search-jobtype-list{ top:101px; left: 427px; }*/ #search-trefwoord{display: block; position: relative; float:left; width: 370px; height: 25px; padding: 4px 0px 0px 15px; margin: 20px 10px 0 0px; background-color:#FFF; border:1px solid #0096BF; } #content { position: relative; width: 900px; margin: 0px auto 0px auto; } #headermethode {position:relative; width: 840px; height: 210px; padding:30px; background: url(../images/bgmethode.png) no-repeat; } #headersearch {position:relative; width: 860px; height: 260px; padding:5px 20px; background: url(../images/bgmethode.png) no-repeat; } /*ADMIN*/ #admin th { font-size: 12px; font-weight: bold; color: #000; } #admin td { padding: 2px; } #admin h2 { margin-top:10px; } #admin-menu { float:left; width: 150px; border: 1px solid #CCC; padding: 20px; } #admin-content { float:left; width: 640px; padding: 20px; } #footer { position: relative; color: #333333; height: 40px; width: 900px; border-top: solid 5px #0096BF; margin: 30px auto 0px auto; padding-top: 15px;} #footer a { color: #999; } #detail-helper {position: relative; float: right; top:-40px; white-space:nowrap; } /*Buttons*/ .switchmenu {position: relative; float: right; width:215px; height:26px; top:43px; padding: 24px 0px 0px 15px; background: url(../images/switchmenu.jpg) no-repeat; font-size: 10px; color: #999999; text-decoration:none;} .student-switch{background-position:0px 0px; } .student-switch:hover { background-position: 0px -50px; text-decoration:none;} .bedrijf-switch{background-position:-235px 0px; } .bedrijf-switch:hover { background-position: -235px -50px; text-decoration:none;} .start-switch{background-position:-470px 0px; } .start-switch:hover { background-position: -470px -50px; text-decoration:none;} .soliciteer-btn, .soliciteer-btn:focus{display: block; width: 222px; height: 72px; padding-left: 20px; text-indent: -9999px;} .NL .soliciteer-btn, NL .soliciteer-btn:focus{background: url(../images/soliciteer_nl.png) no-repeat;} .EN .soliciteer-btn, EN .soliciteer-btn:focus{background: url(../images/soliciteer_en.png) no-repeat;} .FR .soliciteer-btn, FR .soliciteer-btn:focus{background: url(../images/soliciteer_fr.png) no-repeat;} .soliciteer-btn:hover { background-position: -242px 0px; } .uitnodigen-btn{display: block; width: 222px; height: 72px; background: url(../images/uitnodigen.png) no-repeat; padding-left: 20px; text-indent: -9999px;} .uitnodigen-btn:hover { background-position: -242px 0px; } .search-btn{position: relative; left:-10px; top:-8px; float:left; width:63px; height:47px; background: url(../images/searchbtn.png) no-repeat; text-indent: -9999px; background-position:0px 0px; border: none; cursor: pointer; cursor: hand; } .search-btn:hover { background-position: -63px 0px; } .blue-btn, .blue-btn:active, .blue-btn:visited {float:left; height:24px; padding: 4px 15px 0px 15px; margin:15px 10px 0 0px; color:#FFFFFF; background: url(../images/bgbtns.jpg) no-repeat; background-position:0px 0px; white-space:nowrap;} a.blue-btn:hover{ background-position: 0px -28px; text-decoration: none; } .red-btn, .red-btn:active, .red-btn:visited {background: url(../images/bgbtns-red.jpg) no-repeat;background-position:0px 0px;} .green-btn, .green-btn:active, .green-btn:visited {background: url(../images/bgbtns-green.jpg) no-repeat;background-position:0px 0px;} .grey-btn{display: block; float:right; height:24px; padding: 4px 15px 0px 15px; margin:15px 5px 0 0px; color:#999999; background-color:#F2F2F2;} .grey-btn:hover { text-decoration: none; background-color:#E2E2E2; color:#666666;} .stage-btn, .stage-btn:active, .stage-btn:visited{ position: absolute; right:0; width:200px; top:-15px; height:46px; padding: 24px 0px 0px 50px; background: url(../images/stagebtn.png) no-repeat; background-position:0px 0px; color:#FFFFFF; z-index: 120;} .stage-btn:hover { background-position: 0px -70px; text-decoration: none;} .stage-btn-trial, .stage-btn-trial:visited{ position: absolute; right:0; width:240px; top:-15px; height:46px; padding: 24px 0px 0px 0; color:#FFFFFF; z-index: 120; text-indent:-3000px; overflow:hidden; } .NL .stage-btn-trial, .NL .stage-btn-trial:visited{ background-image: url(../images/stagebtn-trial_nl.png); background-position:0px 0px; } .FR .stage-btn-trial, .FR .stage-btn-trial:visited{ background-image: url(../images/stagebtn-trial_fr.png); background-position:0px 0px; } .stage-btn-trial:hover, .stage-btn-trial:active { background-position: 0px -70px; text-decoration: none;} /* ELEMENTS ------------------------------------------- */ /* Taalkeuze */ #taalkeuze { background: url(../images/home-background.jpg) left top no-repeat; padding: 186px 0 0 0; height: 364px; margin: 0; position: relative; top: -135px; } #taalkeuze .welcome { background: url(../images/home-welcome.png) 24px top no-repeat; text-indent: -9999px; height: 32px; width: 356px; margin: 0 0 85px 0; } #taalmenu { padding: 0 0 29px 24px; overflow: hidden; width: 370px; } #taalmenu li { width: 370px; height: 102px; float: left; display: inline; clear: both; margin: 0 0 10px 0; } #taalmenu li a { background: url(../images/home-bttns-taal.jpg) left top no-repeat; width: 370px; height: 102px; float: left; display: inline; text-indent: -9999px; } #taalmenu li.taal-nederlands a { background-position: 0 0; } #taalmenu li.taal-frans a { background-position: -370px 0; } #taalmenu li.taal-nederlands a:hover { background-position: 0 -102px; } #taalmenu li.taal-frans a:hover { background-position: -370px -102px; } /* Formulier */ .form-region { margin: 10px 0; position: relative; } .form-region label { display: inline-block; width: 200px; } .form-region select, .form-text { margin:5px; border:1px solid #999999; padding: 5px; vertical-align:text-top; margin-top: -5px; } .form-region table { display: inline-block; vertical-align:text-top;margin-top: -5px; width: 300px; } .form-region span { display: block; } .form-region span.form-region-column { float: left; width: 180px; margin-top: 40px; top: 0; position: absolute; } .form-region span.form-region-row { margin-top: 10px; } .form-text { width: 250px; } .form-text-default { color: #ccc; } .form-text-selected { border: 2px solid #333; } .fieldWithErrors, .formError { display: inline-block; color: red; } .fieldWithErrors input { border: 1px solid red; display: inline-block; } .formError { margin-left: 210px; } .columnize td { margin-bottom: 3px;} .columnize label { font-size: 11px; } /*.columnize span {display: inline-block; width: 150px; vertical-align:text-top; margin-top: -5px;}*/ /* inline block messes with IE8 so replace with floats */ .columnize label input {display: inline; float: left;} .columnize span {display: inline; float: left; width: 150px; vertical-align:text-top;} /* Visual box is a list with of linked images */ .visualbox { position: relative;} .visualbox li{list-style:none; margin: 0; width: 280px; } .visualbox li.first{ padding-left: 0px;} .visualbox li a { display: block; text-decoration: none; height: 120px; text-indent: -9999px; } .NL .visualbox li a { background-image: url(../images/menufooter_nl.png); } .EN .visualbox li a { background-image: url(../images/menufooter_en.png); } .FR .visualbox li a { background-image: url(../images/menufooter_fr.png); } .NL .students li.visualprofiel a { background-image: url(../images/menufooter-students_nl.png); } .EN .students li.visualprofiel a { background-image: url(../images/menufooter-students_en.png); } .FR .students li.visualprofiel a { background-image: url(../images/menufooter-students_fr.png); } .visualbox-horizontal {clear: both; width: 900px;} .visualbox-horizontal li{float: left; padding-left: 30px;} .visualbox-vertical {width: 280px;} .visualbox-horizontal li{ margin-bottom:20px;} .visualprofiel a, .visualprofiel a:link, .visualprofiel a:visited { background-position: -930px 0px; } .visualprofiel a:hover, .visualprofiel a:active { background-position: -930px -120px; } .visualfaq a, .visualfaq a:active, .visualfaq a:visited, .visualfaq a:link { background-position:-310px 0px; } .visualfaq a:hover { background-position: -310px -120px; } .visualcontact a, .visualcontact a:active, .visualcontact a:visited, .visualcontact a:link { background-position:-620px 0px; } .visualcontact a:hover { background-position: -620px -120px; } /* keuzemenu */ .keuzemenu { position: relative;} .keuzemenu li {list-style:none; float: left; } li.keuzepremium { height: 340px; width: 320px; background: url(../images/stagekeuze.jpg) no-repeat; background-position: 0px 0px;} li.keuzepremium-hover { height: 340px; width: 320px; background: url(../images/stagekeuze.jpg) no-repeat; background-position: 0px -342px; cursor: pointer; } .keuzelistpremium{position:absolute; width:230px; margin: 140px 0px 0px 30px;} li.keuzestandaard {height: 320px; width: 270px; background: url(../images/stagekeuze.jpg) no-repeat;background-position: -320px 0px;} li.keuzestandaard-hover {height: 320px; width: 270px; background: url(../images/stagekeuze.jpg) no-repeat;background-position: -320px -342px; cursor: pointer; } .keuzeliststandaard{position:absolute; width:170px; margin: 150px 0px 0px 50px; } /* Register steps is a list with of linked images */ .registreer-stap { position: relative; height: 66px; width:590px; background-color:green; margin-bottom:25px; background: url(../images/bgregistreer_steps.png);} .registreer-stap li { display: block; float: left; list-style:none; margin: 0; } .registreer-stap span { display: block; width: 105px; padding: 22px 0px 0px 85px; height: 40px; color:#0096BF; background: url(../images/registreersteps.png) no-repeat; } .registreer1 span { background-position: 0px 0px;} .registreer1-selected span { background-position: 0px -66px; } .registreer2 span { background-position: -196px 0px; } .registreer2-selected span { background-position: -196px -66px; } .registreer3 span { background-position: -392px 0px; } .registreer3-selected span { background-position: -392px -66px; } /* Column is a floating div (left) with a padding, to be used to layout content blocks */ .column {float: left; display: inline; margin-bottom: 30px;} .w900 {width:900px;} .w590 {width:590px;} .w240 {width:240px;} .w280 {width:280px;} .w420 {width:420px;} .w200 {width:200px;} .w350 {width:350px;} .w680 {width:660px;} .menuprofiel{ background: url(../images/studentprofiel.jpg) no-repeat; } .box-login{display: block; float: left; width: 240px; height: 130px; padding:20px; background-color:#F6F6F6;} .box-free{display: block; float: left; width: 380px; height: 130px; padding:20px; background-color:#F6F6F6;} .col3 {width:33%; float: left;} /*Bulletlist*/ .bulletlist{ position:relative; margin-left: 20px;} .bulletlist li {line-height: 30px; list-style-image: url(../images/bullet.png); font-size: 14px;} .bullethome{ position:relative; width: 450px; height: 300px; top:160px; left:80px;} .bullethome li { padding-left: 5px; height: 30px; line-height: 30px; list-style-image: url(../images/bullet.png); font-size: 16px;} /*Box is an element with blue title (h3) and a ul list*/ .box{ position:relative;} .box h3{ background-color: #0196C0; height: 20px; color:#FFFFFF; font-size:20px; line-height: 16px; padding-left:15px; margin-bottom: -10px;} ul.linklist li a { display: block; padding-left: 20px; height: 40px; line-height: 40px; border-left: solid 1px #FAFAFA; border-right: solid 1px #FAFAFA; border-bottom: solid 1px #D4D4D4; background-color:#FAFAFA;} ul.linklist li a:hover { background-color: #E5F6FD; border-left: solid 1px #D4D4D4; border-right: solid 1px #D4D4D4; color: #333; text-decoration: none;} ul.datalist li { display: block; padding: 10px 20px; border-left: solid 1px #FAFAFA; border-right: solid 1px #FAFAFA; border-bottom: solid 1px #D4D4D4; background-color:#FAFAFA;} .box-status{position relative; width:300px; height:35px; font-size:11px;} .fieldlist { } .fieldlist li { padding: 2px; } .fieldlist label { float: left; display: inline-block; width: 160px; color: #666; } .fieldlist span { float: left; display: inline-block; width: 400px; } #profiel-afbeelding {float: left; display: inline; width: 400px; margin-right:20px;} /*PROFIEL MENU BIG */ .profiel-menu{position: relative;} .profiel-menu li{list-style:none; width: 420px; height: 200px;} .profiel-menu li a { display: block; text-decoration: none; height: 200px; text-indent: -9999px; } .NL .profiel-menu li a { background-image: url(../images/profiel_nl.jpg); } .EN .profiel-menu li a { background-image: url(../images/profiel_en.jpg); } .FR .profiel-menu li a { background-image: url(../images/profiel_fr.jpg); } .profielbedrijf a, .profielbedrijf a:active, .profielbedrijf a:visited, .profielbedrijf a:link { background-position: 0px 0px; } .profielbedrijf a:hover { background-position: -420px 0px; } .profielstudent a, .profielstudent a:active, .profielstudent a:visited, .profielstudent a:link{ background-position: 0px -200px; } .profielstudent a:hover { background-position: -420px -200px; } /*PROFIEL MENU small */ .profielsmall-menu{position: relative;} .profielsmall-menu li{list-style:none; width: 240px; height: 150px;} .profielsmall-menu li a { display: block; text-decoration: none; height: 150px; text-indent: -9999px; } .NL .profielsmall-menu li a { background-image: url(../images/profiel_small_nl.jpg); } .EN .profielsmall-menu li a { background-image: url(../images/profiel_small_en.jpg); } .FR .profielsmall-menu li a { background-image: url(../images/profiel_small_fr.jpg); } .profielsmallbedrijf a, .profielsmallbedrijf a:active, .profielsmallbedrijf a:visited, .profielsmallbedrijf a:link { background-position: 0px 0px; } .profielsmallbedrijf a:hover { background-position: -240px 0px; } /* HOME */ #home-picture { width: 900px; height: 382px; background: url(../images/home_picture.jpg) no-repeat; position: relative; z-index: -10; margin: -130px 0 -245px; border-bottom: 5px solid #0096BF; } body.NL #home-picture { background-position: left top;} body.FR #home-picture { background-position: -900px top;} #home-logos { position: absolute; left: 60px; margin-top: -20px; } #home-buttons { margin: 255px 0 20px 0; height: 101px; } .home-menu{ position: relative; width: 445px; height: 207px; margin: 0 0px 15px 0; float: left; display: inline; } #menu-left { margin-right: 6px; } /*.home-menu h3{ display:block; position:relative; width:360px; top:115px; left:40px; color: #FFFFFF; font-size: 14px; }*/ #home-buttons h3 { display: none; } #home-buttons #buttons-left { float: left; display: inline; width: 445px; margin: 0 10px 0 0; } #home-buttons #buttons-right { float: left; display: inline; width: 445px; } #home-buttons li {list-style:none; float: left; display:inline; margin: 0 0 5px 0; width: 445px; height: 101px;} #home-buttons li a { display: block; text-decoration: none; height: 101px; background: url(../images/menuhome.jpg) no-repeat; } #buttons-left .menustudenten a, #buttons-left .menustudenten a:visited { background-position: 0px 0px; } .FR #buttons-left .menustudenten a, .FR #buttons-left .menustudenten a:visited { background-position: -445px 0px; } #buttons-left .menustudenten a:hover, #buttons-left .menustudenten a:active { background-position: 0px -101px ; } .FR #buttons-left .menustudenten a:hover, .FR #buttons-left .menustudenten a:active { background-position: -445px -101px; } #buttons-right .menubedrijven a, #buttons-right .menubedrijven a:visited { background-position: 0 -202px; } .FR #buttons-right .menubedrijven a, .FR #buttons-right .menubedrijven a:visited { background-position: -445px -202px ; } #buttons-right .menubedrijven a:hover, #buttons-right .menubedrijven a:active { background-position: 0 -303px; } .FR #buttons-right .menubedrijven a:hover, .FR #buttons-right .menubedrijven a:active { background-position: -445px -303px; } #home-partners { clear: both; margin: 0 0 12px 0; padding: 0; } #home-partners img { display: block; } #homebox-left { width: 432px; margin: 0 30px 0 0; } #homebox-right { width: 432px; margin: 0; } .admintable td, .admintable th { padding: 5px; } .job-list { border: 1px solid #fff; background: #f5f5f5; cursor: pointer; } .job-list-hover { border: 1px solid #0196C0; background: #E5F5F9; cursor: pointer; } .registreer a, .registreer a:active, .registreer a:visited, .registreer a:link { height:164px; background-position: -920px 0px; } .registreer a:hover { height:164px; background-position: -920px -164px; } .job-actions { position: absolute; right: 0; margin-top: -20px; } .btn{ background: url(../images/btn.png) no-repeat; width: 110px; height: 26px; float: left; display: inline; margin:20px 20px 0 0; padding-top: 3px;} .btn a{color:#FFF; font-weight: normal; text-decoration: none;} .btn2{ height: 26px; float: left; display: inline; margin:20px 20px 0 0; padding-top: 3px;} .search2btn{ background: url(../images/search2btn.png) no-repeat; width: 110px; height: 26px; float: left; display: inline; margin:10px 20px 0 0; padding: 3px 0 0 40px;} .search2btn a{color:#FFF; font-weight: normal; text-decoration: none;} .absolute{ position: absolute;left: 620px; margin-top: 0px;} .content_table td { padding:10px; } .ipad {float: right; display:inline; margin: 0 0 0 10px; width:132px;} .ipad img {float: right; display:inline;} div.pagination { margin-top: 20px; } a.pagination { color: #000000; background-color: #CCCCCC; padding-left: 5px; padding-right: 5px; text-decoration: none;} a.pagination:hover { color: #FFFFFF; background-color: #333333; padding-left: 5px; padding-right: 5px; text-decoration: none;} div.pagination a.selected { color: #000000; background-color: #FFFFFF; padding-left: 5px; padding-right: 5px; text-decoration: none; border: 1px solid #000000;} /* Browser Fixes -------------------------------------------------------------- */ .clearfloat { clear: both; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix {height: 1%; }