* { border-style: none; padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; } body {background: #C2C2C2; margin: 0; text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; color: #999999} #body-configure {background:#E8E8E8 url(../images/bg_body.gif) repeat-x;} #container {width: 680px; margin: 0 auto; text-align: left; font-size: 11px} a {text-decoration: none; color:#999999; padding-bottom: 1px; background: url(../images/bg_li_a.gif) repeat-x bottom;} a:hover {color: #CB3697; background: url(../images/bg_li_a_over.gif) repeat-x bottom;} img {border: 0} form {margin: 5px 0 3px 0; padding: 0} .inputbox, .button {font:11px Verdana, Arial, Helvetica, sans-serif} .inputbox {color:#999999; border: 1px solid #BFBFBF;} .button {padding-left: 12px; font-weight: bold; color: #CB3597; background: #EFEFEF url(../images/bg_button.gif) no-repeat 0px 0px; border-top: 1px solid #FFFFFF; border-left: 1px solid #C9C9C9; border-right: 1px solid #C9C9C9; border-bottom: 1px solid #949494} .clear {clear:both;} .clear1 {clear:both; line-height: 0} #header h1 { border-style: none; background:#ffffff url(../images/logo.gif) no-repeat 0px 15px ; margin: 0; float: left; height: 43px; width: 158px; padding-bottom: 5px; text-indent: -9999px} #header h1 a {height: 43px; width: 158px; display: block; background: none; color:#FFFFFF} #baselineLang { width: 520px; float: left; background-color: red; color: #fff; font-size: 10px; position: relative; } #baselineLang p#baseline { display:none;/*right: 35px; top: 20px; color: #fff; font-size: 10px; position: absolute; font-weight:bold;line-height:12px;*/} #lang{position:absolute;top:3px;right:3px;color:#999999; } #lang a:link{color:#999999; text decoration:none; background: none;} #lang a:active{color:#c562ac; text decoration:none; background: none;} #lang a:visited{color:#999999; text decoration:none; background: none;} #lang a:hover{color:#c562ac; text decoration:none; background: none;} #header span, #col1 h3 span, #col2 h3 span, #col3 h3 span {float: left; display: none} #navigation {height: 9px; font-size: 10px; font-weight: bold; color: White; background:#A5C1E8 url(../images/bg_navigation.gif) no-repeat; padding: 5px 10px 5px 6px; line-height: 9px; text-align: left;} #navigation ul {margin: 0; padding: 0} #navigation li {padding-right: 10px; display: inline; list-style-type: none; margin: 0} #navigation a {text-decoration:none; background: none; color: White; line-height:1.1em;} #navigation a:hover {color: #C562AC;} li#uk {display: none} #uk a{ color:#658ec7;} #uk a:hover {color: #C562AC;} /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/dd_valid.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. =================================================================== */ /* common styling */ #navigation ul li {float:left; position:relative;} #navigation ul li ul {display: none;} /* specific to non IE browsers */ #navigation ul li:hover ul {display:block; position:absolute; top:10px;padding-top:3px; left:0; width:115px;} #navigation ul li:hover ul li a.hide {background:#bfc0c0; color:#fff;} #navigation ul li:hover ul li:hover a.hide {background:#bfc0c0; color:#000;} #navigation ul li:hover ul li ul {display: none;} #navigation ul li:hover ul li a {border-top:1px solid #fff;display:block;width:105px; padding:5px 5px 5px 15px;background:#bfc0c0; color:#fff;} #navigation ul li:hover ul li a:hover {background:#C562AC; color:#ffffff;} #navigation ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;} #navigation ul li:hover ul li:hover ul.left {left:-105px;} /*////////////////////////*/ #banner, #banner-fr, #banner-nl,#banner-client, #banner-client-fr, #banner-clients-nl, #banner-about-configure, #banner-candidates, #banner-contact , #banner-contractors, #banner-employers, #banner-infos, #banner-work, #banner-about-configure-fr, #banner-candidates-fr, #banner-contact-fr , #banner-contractors-fr, #banner-employers-fr, #banner-infos-fr, #banner-work-fr, #banner-about-configure-nl, #banner-candidates-nl, #banner-contact-nl , #banner-contractors-nl, #banner-employers-nl, #banner-infos-nl, #banner-work-nl, #banner-results{background: #A5C1E8 url(../images/banner02.jpg) no-repeat; height: 132px; margin: 6px 0 6px 0;} #banner a, #banner-fr a, #banner-nl a,#banner-client a, #banner-client-fr a, #banner-clients-nl a, #banner-about-configure a, #banner-candidates a, #banner-contact a, #banner-contractors a, #banner-employers a, #banner-infos a, #banner-work, #banner-about-configure-fr a, #banner-candidates-fr a, #banner-contact-fr a, #banner-contractors-fr a, #banner-employers-fr a, #banner-infos-fr a, #banner-work-fr, #banner-about-configure-nl a, #banner-candidates-nl a, #banner-contact-nl a, #banner-contractors-nl a, #banner-employers-nl a, #banner-infos-nl a, #banner-work-nl {display: block; width: 680px; height: 131px; background: none;} #banner {background-image: url(../images/banner02.jpg)} #banner-about-configure {background-image: url(../images/banner-about-configure.jpg)} #banner-candidates {background-image: url(../images/banner-candidates.jpg)} #banner-contact {background-image: url(../images/banner-contact-us.jpg)} #banner-contractors {background-image: url(../images/banner-contractors.jpg)} #banner-employers {background-image: url(../images/banner-employers.jpg)} #banner-infos {background-image: url(../images/banner-infos.jpg)} #banner-work {background-image: url(../images/banner-work.jpg)} #banner-client{background-image: url(../images/banner-clients-en.jpg)} #banner-about-configure-fr {background-image: url(../images/banner-about-configure-fr.jpg)} #banner-candidates-fr {background-image: url(../images/banner-candidates-fr.jpg)} #banner-contact-fr {background-image: url(../images/banner-contact-us-fr.jpg)} #banner-contractors-fr {background-image: url(../images/banner-contractors-fr.jpg)} #banner-employers-fr {background-image: url(../images/banner-employers-fr.jpg)} #banner-infos-fr {background-image: url(../images/banner-infos-fr.jpg)} #banner-work-fr {background-image: url(../images/banner-work-fr.jpg)} #banner-client-fr{background-image: url(../images/banner-clients-fr.jpg)} #banner-about-configure-nl {background-image: url(../images/banner-about-configure-nl.jpg)} #banner-candidates-nl {background-image: url(../images/banner-candidates-nl.jpg)} #banner-contact-nl {background-image: url(../images/banner-contact-us-nl.jpg)} #banner-contractors-nl {background-image: url(../images/banner-contractors-nl.jpg)} #banner-employers-nl {background-image: url(../images/banner-employers-nl.jpg)} #banner-infos-nl {background-image: url(../images/banner-infos-nl.jpg)} #banner-work-nl {background-image: url(../images/banner-work-nl.jpg)} #banner-clients-nl{background-image: url(../images/banner-clients-nl.jpg)} #banner h2, #banner-fr h2, #banner-nl h2,#banner-client h2, #banner-client-fr h2, #banner-clients-nl h2, #banner-about-configure h2, #banner-candidates h2, #banner-contact h2, #banner-contractors h2, #banner-employers h2, #banner-infos h2, #banner-work h2, #banner-about-configure-fr h2, #banner-candidates-fr h2, #banner-contact-fr h2, #banner-contractors-fr h2, #banner-employers-fr h2, #banner-infos-fr h2, #banner-work-fr h2, #banner-about-configure-nl h2, #banner-candidates-nl h2, #banner-contact-nl h2, #banner-contractors-nl h2, #banner-employers-nl h2, #banner-infos-nl h2, #banner-work-nl h2 {text-indent: -9999px; margin: 0; padding: 0} #fourcol {background:#F5F5F5; margin:0 0 6px 0;padding: 0 0 10px 0;} #fourcol h3 {margin: 10px 0 0 0; font: bold 16px Verdana, Arial, Helvetica, sans-serif; padding: 0; color: #7EA8E5} #fourcol h3 a {width: 120px; height: 20px; display: block} #fourcol h3 a:hover {background-position: 7px 0;} #fourcol p {line-height: 12px; margin: 0 0 3px 0;} #fourcol ul, #content ul {margin: 0 0 3px 0; padding: 0; list-style: none; line-height: 16px;} #fourcol li, #content li {padding: 0 0 3px 18px; margin: 0; background: url(../images/bg_li.gif) no-repeat 0 2px; line-height: 1.4em} #fourcol li a {background: url(../images/bg_li_a.gif) repeat-x 0 13px; padding-bottom: 1px; text-decoration: none;} #fourcol li a:hover {background: url(../images/bg_li_a_over.gif) repeat-x 0 13px;} #leftTitle, #rightTitle{ font: bold 17px Arial, sans-serif; float:left; width:300px;margin:0 0 10px 10px; text-align:center;padding:5px;border:1px solid #e1e1e1; border-width: 0 0 1px 0;color:#7EA8E5; width:650px;} #leftTitle span, #rightTitle span{font-size:12px;} #rightTitle{margin-left:25px;} #content {background: #F5F5F5 url(../images/bg_content.gif) no-repeat bottom; margin:0; padding: 1px 8px 8px 8px} #content h3 {margin: 10px 0 0 0; font:bold 20px Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #E3E3E3; background: url(../images/bg_content_h3.gif) no-repeat 0 6px; padding: 0 0 0 20px; color: #7EA8E5} #content h4 {font-size: 11px; color: #7EA8E5; font-weight: bold; margin: 10px 0 5px 0; border-bottom: 1px solid #CBDDF5} #content h5 {font-size: 11px; margin: 15px 0 0 0;} #content .image {margin: 5px 0 5px 10px;} #content ul {line-height: 14px;} #content p {margin: 10px 0 3px 0;} #subnav {text-align: right;} #subnav li {padding: 0 0 0 18px; margin: 0 0 0 7px; display: inline; list-style-type: none; background: url(../images/bg_li.gif) no-repeat 0 1px;} #cap {line-height: 7px; background: #F5F5F5 url(../images/cap.gif) no-repeat;} #cap2 {line-height: 7px; background: #F5F5F5 url(../images/cap2.gif) no-repeat; margin:6px 0 0 0;} div#containerCol { width:317px; margin:0 auto;} #col1, #col2, #col3, #col4 { width: 135px;background:#F5F5F5; float: left; border-right: 1px solid #fff; margin: 0 0 0 8px; padding: 0 5px 5px 5px;} #col2 {width:130px; border:none; padding:0 0 5px 25px;} #col4 {border:none;} #col1 h3 a:link,#col2 h3 a:link, #col3 h3 a:link,#col4 h3 a:link { font-family: Arial, sans-serif;background:none;border: none;margin: 0 0 7px 0; font-weight:normal;color:#7EA8E5; } #col1 h3 a:active,#col2 h3 a:active, #col3 h3 a:active,#col4 h3 a:active { font-family: Arial, sans-serif;background:none;border: none;margin: 0 0 7px 0; font-weight:normal;color:#C562AC; } #col1 h3 a:visited,#col2 h3 a:visited, #col3 h3 a:visited,#col4 h3 a:visited { font-family: Arial, sans-serif;background:none;border: none;margin: 0 0 7px 0; font-weight:normal;color:#7EA8E5; } #col1 h3 a:hover,#col2 h3 a:hover, #col3 h3 a:hover,#col4 h3 a:hover { font-family: Arial, sans-serif;background:none;border: none;margin: 0 0 7px 0; font-weight:normal;color:#C562AC; } #next li {padding: 0 0 0 18px; margin: 0 0 0 7px; background: url(../images/bg_li.gif) no-repeat 0 3px;} #footer {background: url(../images/bg_footer.gif) repeat-x; text-align: center; padding: 6px 2px 0 2px; font-size: 9px; color:#797979;background-color:#bfc0c0} #footer a {text-decoration: none; color:#797979; background: url(../images/bg_li_a.gif) repeat-x 0 11px;} #footer a:hover {color: #CB3697; background: url(../images/bg_li_a_over.gif) repeat-x 0 11px;} #footer-in {background: url(../images/bg-footer-in2.gif) no-repeat; padding-top: 11px; width: 680px; height: 35px; margin: 0 auto} .links-bottom {padding: 0; width: 680px; height: 17px; margin: 0 auto; color:#797979} .links-bottom a {color:#797979} .links-bottom a:hover {color:#d3d3d3} #content ul.insideul {margin-left:0px;} #content ul.insideul li{background:none;padding:0;} div span.underline { text-decoration:underline;}