/* CSS Document*/ body {background:#003679 url(../images/bg/bg-body.jpg) no-repeat center top; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; height: 100%;} html {height: 100%; margin-bottom: 1px; } a {text-decoration:none; color:#ff7800; font-weight:bold;} a:hover {text-decoration:none; color:#003069; font-weight:bold;} a.akt {text-decoration:none; color:#003069; font-weight:bold;} img {border:none;} /* Formulier */ label {width:120px; text-align:left; float:left; font-weight:bold; } .screen {padding:0; width:617px;} .row {padding:3px;} .rowhalfL {width:280px; float:left; padding:3px;} .rowhalfR {width:306px; float:left; padding:3px;} .verplicht {color:#ff7800; font-weight:bold; font-size:18px;} /* Eind Formulier */ .container {width:841px; margin: 0 auto 0 auto;} .container #engineering-button {width:177px; margin:100px 106px 106px 535px; height:42px; position:absolute; display:block; z-index:999; background:url(../images/buttons/engineering-none.png) left top no-repeat;} .container #engineering-button-contactactief {width:177px; margin:100px 106px 106px 535px; height:42px; position:absolute; display:block; z-index:999; background:url(../images/buttons/engineering-active.png) left top no-repeat;} .container #engineering-button-contactactief .engineering {width:177px; height:42px; display:block;} .container #engineering-button-contactactief:hover {width:177px; margin:100px 106px 106px 535px; height:41px; position:absolute; display:block; z-index:999; background:url(../images/buttons/engineering-none.png) left top no-repeat; cursor:pointer;} .container #engineering-button:hover {width:177px; margin:100px 106px 106px 535px; height:41px; position:absolute; display:block; z-index:999; background:url(../images/buttons/engineering-active.png) left top no-repeat; cursor:pointer;} .container #engineering-button .engineering {width:177px; height:42px; display:block;} .container #engineering-button-active {width:177px; margin:100px; height:42px; position:absolute; display:block; z-index:999; background:url(../images/buttons/engineering-active.png) left top no-repeat;} .container #engineering-button-active:hover {width:177px; margin:100px; height:41px; position:absolute; display:block; z-index:999; background:url(../images/buttons/engineering-none.png) left top no-repeat; cursor:pointer;} .container #engineering-button-active .engineering {width:177px; height:42px; display:block;} .container #project-button {width:244px; margin:100px 106px 106px 286px; height:42px; position:absolute; display:block; z-index:999; background:url(../images/buttons/project-none.png) left top no-repeat;} .container #project-button:hover {width:244px; margin:100px 106px 106px 286px; height:42px; position:absolute; display:block; z-index:999; background:url(../images/buttons/project-active.png) left top no-repeat; cursor:pointer;} .container #project-button .project {width:244px; height:42px; display:block;} .container #project-button-active {width:244px; margin:100px 106px 106px 103px; height:42px; position:absolute; display:block; z-index:999; background:url(../images/buttons/project-active.png) left top no-repeat;} .container #project-button-contactnietactief {width:244px; margin:100px 106px 106px 103px; height:42px; position:absolute; display:block; z-index:999; background:url(../images/buttons/project-none.png) left top no-repeat;} .container #project-button-contactnietactief:hover {width:244px; margin:100px 106px 106px 103px; height:41px; position:absolute; display:block; z-index:999; background:url(../images/buttons/project-active.png) left top no-repeat; cursor:pointer;} .container #project-button-contactnietactief .project {width:244px; height:42px; display:block;} .container #project-button-active:hover {width:244px; margin:100px 106px 106px 103px; height:41px; position:absolute; display:block; z-index:999; background:url(../images/buttons/project-none.png) left top no-repeat; cursor:pointer;} .container #project-button-active .project {width:244px; height:42px; display:block;} .container #fem-button {width:177px; margin:100px 106px 106px 535px; height:42px; position:absolute; display:block; z-index:999; background:url(../images/buttons/fem-none.png) left top no-repeat;} .container #fem-button2 {width:177px; margin:100px 106px 106px 100px; height:42px; position:absolute; display:block; z-index:999; background:url(../images/buttons/fem-none.png) left top no-repeat;} .container #fem-button-contactactief {width:177px; margin:100px 106px 106px 535px; height:42px; position:absolute; display:block; z-index:999; background:url(../images/buttons/fem-active.png) left top no-repeat;} .container #fem-button-contactactief .fem {width:177px; height:42px; display:block;} .container #fem-button-contactactief:hover {width:177px; margin:100px 106px 106px 535px; height:41px; position:absolute; display:block; z-index:999; background:url(../images/buttons/fem-none.png) left top no-repeat; cursor:pointer;} .container #fem-button:hover {width:177px; margin:100px 106px 106px 535px; height:41px; position:absolute; display:block; z-index:999; background:url(../images/buttons/fem-active.png) left top no-repeat; cursor:pointer;} .container #fem-button .fem {width:177px; height:42px; display:block;} .container #fem-button2:hover {width:177px; margin:100px 106px 106px 535px; height:41px; position:absolute; display:block; z-index:999; background:url(../images/buttons/fem-active.png) left top no-repeat; cursor:pointer;} .container #fem-button2 .fem {width:177px; height:42px; display:block;} .container #fem-button-active {width:177px; margin:100px; height:42px; position:absolute; display:block; z-index:999; background:url(../images/buttons/fem-active.png) left top no-repeat;} .container #fem-button-active:hover {width:177px; margin:100px; height:41px; position:absolute; display:block; z-index:999; background:url(../images/buttons/fem-none.png) left top no-repeat; cursor:pointer;} .container #fem-button-active .fem {width:177px; height:42px; display:block;} .header {width:726px; height:116px; margin:0 auto 0 auto; padding:10px 44px 0 71px} .logo {float:left;} .slogan {float:right; margin:5px 0 0 0;} .clear {height:1px; line-height:1px; font-size:1px; clear: both;} .content {width:841px; margin:0 auto 0 auto;} .content .intro {width:753px; background: url(../images/bg/bg-intro.gif) no-repeat top center; margin:11px auto 0 auto;} .content .intro .welkom {padding:30px 31px 30px 35px; float:left;} .content .intro p {display:block; color:#363636; padding:20px 20px 13px 0; float:right; width:430px;} .content .NavTop {width:753px; height:96px; margin:0 auto 0 auto; background:url(../images/bg/bg-title.jpg) no-repeat bottom center;} .content .NavTop a {margin:0; padding:0; float:left;} .content .visual {float:left; padding:-3px 54px 0 0;} .content .title {float:right; padding:31px 54px 0 0;} .content .page {width:685px; height:auto; padding:42px 34px 34px 34px; margin:0 auto 0 auto; background:url(../images/bg/bg-content-page.gif) repeat-y top center; color:#03499e; text-align: left; /*voor IE */} .content .page p {margin:0; padding:0; line-height:18px;} .content .page p img {border:2px solid #dee2e9; margin:0 18px 0 0; float:left; } .content .page .RefLeft {width:300px; float:left;} .content .page .RefLeft ul {width:300px; margin:0; padding:0; border-bottom:1px solid #FFFFFF;} .content .page .RefLeft ul li {list-style:none; margin:0; padding:0;} .RefLeft ul li a {background:#5a5a5a url(../images/buttons/but_ref.gif) no-repeat top center; font-weight:normal; color: #FFFFFF; font-size:12px; text-decoration:none; display:block; width:290px; padding:5px; margin:0;} .RefLeft ul li a:hover {background:#ff7800 url(../images/buttons/but_ref_o.gif); color:#FFFFFF;} .RefLeft ul li a.aktief {background:#ff7800 url(../images/buttons/but_ref_o.gif); color:#FFFFFF; font-weight:bold;} .downloads { margin:10px 0 30px 15px;} .downloads .linkbox {margin:0;padding-left:40px;width:290px;font-size:13px;background:url(../images/pdf.png) no-repeat;float:left;} .downloads span.title {margin:0;padding:0;color:#000;text-align:left;float:none;} .downloads a {} .content .page .RefRight {width:350px; background: #FF0000; float:right; background:#a8b1c2; padding:7px;} .content .page .RefRight .proj {float:left; margin:0 5px 0 0; border:1px solid #FFFFFF;} .content .page .RefRight .proj:hover {float:left; margin:0 5px 0 0; border:1px solid #ff7800;} .content .page .RefRight h1 {font-size:15px; padding:0; margin:10px 0 0 0; color:#FFFFFF;} .content .page .RefRight h2 {font-size:13px; padding:0; margin:10px 0 0 0;} .content .page .RefRight .pdf {border-top: 1px solid #FFFFFF; margin:25px 0 0 0; padding:10px 0 0 0;} .content .page .RefRight .pdf img {float:left; margin:0 10px 0 0;} .content .page .RefRight .pdf a {display:block; color:#FFFFFF; height:37px; line-height:37px; font-weight:bold; text-decoration:none;} .content .page .RefRight .pdf a:hover {color:#00377a} .content .pageFooter {width:753px; margin:0 auto 8px auto;} .page form {margin:0; padding:0;} .verzendBestelling {float:right; margin:0 20px 0 0;} .extra .berekening {height:200px; width:300px; padding:0 0 0 400px; margin: 0 0 0 0; color:#454545;} .extra .berekening .plaats {float:right; margin:15px 0 15px 0; padding:0; } .extra .berekening .prijsleft {float:left; width:300px;} .extra .berekening .prijsleft .vet {color:#034698; line-height:23px; font-weight:bold;} .extra .berekening .prijsleft .regel {width:220px; float:left; height:23px;} .extra .berekening .prijsleft .antwoord {color:#454545; margin:0 0 0 10px; line-height:23px;} .extra .berekening .prijsleft .prijs {height:23px; width:60px; color:#454545; font-weight:bold; float:right; line-height:23px;} .extra .berekening .prijsleft .prijslijn {height:23px; width:60px; color:#454545; font-weight:bold; float:right; border-bottom:solid 1px #FFFFFF; line-height:23px;} .keuzes {} .invul1 {float:left; width:206px; padding: 30px 0 0 0; margin:15px 10px 0 0; background: url(../images/titles/titles_form_32.gif) no-repeat top center;} .invul1 select {width:206px;} .invul2 {float:left; width:206px; padding: 30px 0 0 0; margin:15px 10px 0 15px; background: url(../images/titles/titles_form_34.gif) no-repeat top center;} .invul2 select {width:206px;} .invul3 {float:right; width:206px; padding: 30px 0 0 0; margin:15px 10px 15px 0; background: url(../images/titles/titles_form_36.gif) no-repeat top center;} .invul3 select {width:206px;} .invul3 .date {width:40px;} .invul3 .month {width:70px;} .invul3 .year {width:60px;} .eigensch {background:url(../images/titles/eigenschappen.gif) no-repeat top center; margin:20px 0 15px 0; padding:30px 5px 5px 5px; border:1px solid #FFFFFF;} .content .extra {width:753px; margin:0 auto 8px auto;} .content .extra img {padding:0;} .nav {width:753px; padding:0; margin:0;} .nav ul {width:720px; height:210px; margin:0 auto 0 auto; padding:0;} .nav li {list-style:none; float:left; padding:0 1px 0 1px; margin:0;} .nav li a.knop1 {display:block; background: url(../images/buttons/normal_21.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop1:hover {display:block; background: url(../images/buttons/over_21.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop2 {display:block; background: url(../images/buttons/normal_23.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop2:hover {display:block; background: url(../images/buttons/over_23.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop3 {display:block; background: url(../images/buttons/normal_25.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop3:hover {display:block; background: url(../images/buttons/over_25.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop4 {display:block; background: url(../images/buttons/normal_27.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop4:hover {display:block; background: url(../images/buttons/over_27.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop5 {display:block; background: url(../images/buttons/normal_29.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop5:hover {display:block; background: url(../images/buttons/over_29.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop6 {display:block; background: url(../images/buttons/normal_30.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop6:hover {display:block; background: url(../images/buttons/over_30.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop7 {display:block; background: url(../images/buttons/normal_31.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop7:hover {display:block; background: url(../images/buttons/over_31.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop8 {display:block; background: url(../images/buttons/normal_32.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop8:hover {display:block; background: url(../images/buttons/over_32.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop9 {display:block; background: url(../images/buttons/normal_33.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop9:hover {display:block; background: url(../images/buttons/over_33.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop10 {display:block; background: url(../images/buttons/normal_34.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop10:hover {display:block; background: url(../images/buttons/over_34.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop11 {display:block; background: url(../images/buttons/normal_35.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop11:hover {display:block; background: url(../images/buttons/over_35.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop12 {display:block; background: url(../images/buttons/hihproject.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop12:hover {display:block; background: url(../images/buttons/hihproject-over.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop13 {display:block; background: url(../images/buttons/uwproject.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop13:hover {display:block; background: url(../images/buttons/uwproject-over.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop14 {display:block; background: url(../images/buttons/projectmanagement.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop14:hover {display:block; background: url(../images/buttons/projectmanagement-over.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop15 {display:block; background: url(../images/buttons/voordelenmenu.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop15:hover {display:block; background: url(../images/buttons/voordelenmenu-over.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop16 {display:block; background: url(../images/buttons/casesmenu.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop16:hover {display:block; background: url(../images/buttons/casesmenu-over.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop31 {display:block; background: url(../images/buttons/hih-downloads.png) no-repeat left top; width:178px; height:70px;} .nav li a.knop31:hover {display:block; background: url(../images/buttons/hih-downloads-over.png) no-repeat left top; width:178px; height:70px;} /*Ontwerpanalyse GROEN*/ #body_ontwerpanalyse .nav li a.knop11:hover {display:block; background: url(../images/buttons/over_35-groen.gif) no-repeat left top; width:178px; height:70px;} #body_ontwerpanalyse .nav li a.knop15:hover {display:block; background: url(../images/buttons/voordelenmenu-over-groen.gif) no-repeat left top; width:178px; height:70px;} #body_ontwerpanalyse .nav li a.knop16:hover {display:block; background: url(../images/buttons/casesmenu-over-groen.gif) no-repeat left top; width:178px; height:70px;} #body_ontwerpanalyse .nav li a.knop17:hover {display:block; background: url(../images/buttons/uwvraag-over-groen.gif) no-repeat left top; width:178px; height:70px;} #body_ontwerpanalyse .nav li a.knop18:hover {display:block; background: url(../images/buttons/femanalyses-over-groen.gif) no-repeat left top; width:178px; height:70px;} #body_ontwerpanalyse .nav li a.knop19:hover {display:block; background: url(../images/buttons/ontwerpanalyse-over-groen.gif) no-repeat left top; width:178px; height:70px;} /*Einde ontwerpanalyse*/ .nav li a.knop17 {display:block; background: url(../images/buttons/uwvraag.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop17:hover {display:block; background: url(../images/buttons/uwvraag-hover.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop18 {display:block; background: url(../images/buttons/femanalyses.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop18:hover {display:block; background: url(../images/buttons/femanalyses-hover.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop19 {display:block; background: url(../images/buttons/ontwerp-analyse.gif) no-repeat left top; width:178px; height:70px;} .nav li a.knop19:hover {display:block; background: url(../images/buttons/ontwerp-analyse-hover.gif) no-repeat left top; width:178px; height:70px;} .nav #Layer2 {position:absolute; margin: 23px 0 0 197px; z-index:1; width:178px; height:42px; overflow: hidden; visibility:hidden; } .nav #Layer2 ul {width:178px; height:42px; margin:0; padding:0;} .nav #Layer2 li {list-style:none; padding:0; margin:0;} .nav #Layer2 li a.subknop1 {display:block; height:21px; width:178px; background: url(../images/buttons/subnav_29.gif) no-repeat left top;} .nav #Layer2 li a.subknop1:hover {display:block; height:21px; width:178px; background: url(../images/buttons/subnav_over_29.gif) no-repeat left top;} .nav #Layer2 li a.subknop2 {display:block; height:21px; width:178px; background: url(../images/buttons/subnav_30.gif) no-repeat left top;} .nav #Layer2 li a.subknop2:hover {display:block; height:21px; width:178px; background: url(../images/buttons/subnav_over_30.gif) no-repeat left top;} #Layer1 {position:absolute; margin-left:161px; top:165px; width:169px; height:42px; z-index:0; visibility: hidden;} #Layer1 ul {width:169px; height:42px; margin:0; padding:0;} #Layer1 li {list-style:none; padding:0; margin:0; float:left;} #Layer1 li .subknop1 {display:block; height:21px; width:169px; background: url(../images/buttons/engeneering-sub_13.gif) no-repeat left top;} #Layer1 li .subknop1:hover {display:block; height:21px; width:169px; background: url(../images/buttons/engeneering-sub-o_13.gif) no-repeat left top;} #Layer1 li .subknop2 {display:block; height:21px; width:169px; background: url(../images/buttons/engeneering-sub_18.gif) no-repeat left top;} #Layer1 li .subknop2:hover {display:block; height:21px; width:169px; background: url(../images/buttons/engeneering-sub-o_18.gif) no-repeat left top;} .content .left {float:left; width:18px;} .content .left img {width:18px; height:350px;} .content .center {width:806px; height:auto; float:left; background: url(../images/bg/bg-content.gif) repeat-y top center; margin: 0 0 0 0; } .content .right {float:right; width:17px;} .content .right img {width:17px; height:350px;} .footer {width:760px; margin:0 auto 0 auto; padding:18px 0 20px 40px; float:left;} .footer .left {width:553px; float:left; margin:0; padding:0; width:553px; height:98px; background:url(../images/bg/bg-footer-l.gif) no-repeat top left; } .footer .left .adres {float:left; padding:0; margin:20px 40px 0 18px;} .footer .left form {padding:0; margin:18px 0 0 0; width:220px; float:right;} .footer .left form input {width:148px; border:#00377A solid 1px; line-height:18px; margin:1px 10px 0 0;} .footer .left form a {font-size:11px; color:#03499E; text-decoration:underline; font-weight:bold;} .footer .left strong {color:#414141; line-height:18px;} .footer .right {float:right; width:191px; height:98px; background: url(../images/bg/bg-footer-r.gif) no-repeat left top; margin:0 0 0 7px;} .footer .right {float:right; width:191px; height:98px; background: url(../images/bg/bg-footer-r.gif) no-repeat left top; margin:0 0 0 7px;} .footer .right form {margin:18px 0 0 18px; padding:0;} .footer .right form input {width:148px; border:#00377A solid 1px; line-height:18px; margin:4px 0 4px 0;} .footer .right form strong {color:#414141; line-height:18px;} .footer .right form a {font-size:11px; color:#03499E; text-decoration:underline; font-weight:bold;} /* BEGIN NAVIGATIE PROJECTMANAGEMENT */ .container #navigatie {margin:16px auto auto auto; padding:0; width:755px; height:25px;} .container #navigatie ul {margin:0; padding:0; width:755px; height:25px; list-style:none;} .container #navigatie li {margin:0; padding:0; float:left; list-style:none; text-align:center; position: relative; } .container #navigatie .home {padding:0; margin:0; background:url(../images/bg/menu-background-normal.gif); background-position:0 0; display:block; width:73px!important; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie a.hih {padding:0; margin:0; background:url(../images/bg/menu-background-normal.gif); background-position:-78px 0; display:block; width:189px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie a.hih:hover {background:url(../images/bg/menu-background-over.gif); background-position:-78px 0; display:block;} .container #navigatie a.hih.active {padding:0; margin:0; background:url(../images/bg/menu-background-over.gif); background-position:-78px 0; outline:none; width:189px; height:25px; outline:none;} .container #navigatie a.uwproject {padding:0; margin:0; background:url(../images/bg/menu-background-normal.gif); background-position:-268px 0; display:block; width:100px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie a.uwproject:hover {background:url(../images/bg/menu-background-over.gif); background-position:-268px 0; display:block;} .container #navigatie a.uwproject.active {padding:0; margin:0; background:url(../images/bg/menu-background-over.gif); background-position:-268px 0; outline:none; width:100px; height:25px; outline:none;} .container #navigatie a.projectmanagement {padding:0; margin:0; background:url(../images/bg/menu-background-normal.gif); background-position:-366px 0; display:block; width:145px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie a.projectmanagement:hover {background:url(../images/bg/menu-background-over.gif); background-position:-366px 0; display:block;} .container #navigatie a.projectmanagement.active {padding:0; margin:0; background:url(../images/bg/menu-background-over.gif); background-position:-366px 0; outline:none; width:145px; height:25px; outline:none;} .container #navigatie a.voordelen {padding:0; margin:0; background:url(../images/bg/menu-background-normal.gif); background-position:-514px 0; display:block; width:91px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie a.voordelen:hover {background:url(../images/bg/menu-background-over.gif); background-position:-514px 0; display:block;} .container #navigatie a.voordelen.active {padding:0; margin:0; background:url(../images/bg/menu-background-over.gif); background-position:-514px 0; outline:none; width:91px; height:25px; outline:none;} .container #navigatie a.cases {padding:0; margin:0; background:url(../images/bg/menu-background-normal.gif); background-position:-605px 0; display:block; width:74px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie a.cases:hover {background:url(../images/bg/menu-background-over.gif); background-position:-605px 0; display:block;} .container #navigatie a.cases.active {padding:0; margin:0; background:url(../images/bg/menu-background-over.gif); background-position:-605px 0; outline:none; width:74px; height:25px; outline:none;} .container #navigatie .contact {padding:0; margin:0; background:url(../images/bg/menu-background-normal.gif) no-repeat; background-position:-670px 0; display:block; width:81px; height:25px; outline:none; text-decoration:none; color:#ffffff;} /* EINDE NAVIGATIE */ /* BEGIN NAVIGATIE PROJECTMANAGEMENT */ .container #navigatie2 {margin:16px auto auto auto; padding:0; width:755px; height:25px;} .container #navigatie2 ul {margin:0; padding:0; width:755px; height:25px; list-style:none;} .container #navigatie2 li {margin:0; padding:0; float:left; list-style:none; text-align:center; position: relative; } .container #navigatie2 .home {padding:0; margin:0; background:url(../images/bg/menu-background-normal2.gif); background-position:0 0; display:block; width:18px!important; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie2 a.hih {padding:0; margin:0; background:url(../images/bg/menu-background-normal2.gif); background-position:-18px 0; display:block; width:185px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie2 a.hih:hover {background:url(../images/bg/menu-background-over2.gif); background-position:-18px 0; display:block;} .container #navigatie2 a.hih.active {padding:0; margin:0; background:url(../images/bg/menu-background-over2.gif); background-position:-18px 0; outline:none; width:185px; height:25px; outline:none;} .container #navigatie2 a.referentieprojecten {padding:0; margin:0; background:url(../images/bg/menu-background-normal2.gif); background-position:-203px 0; display:block; width:130px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie2 a.referentieprojecten:hover {background:url(../images/bg/menu-background-over2.gif); background-position:-203px 0; display:block;} .container #navigatie2 a.referentieprojecten.active {padding:0; margin:0; background:url(../images/bg/menu-background-over2.gif); background-position:-203px 0; outline:none; width:130px; height:25px; outline:none;} .container #navigatie2 a.uwproject {padding:0; margin:0; background:url(../images/bg/menu-background-normal2.gif); background-position:-333px 0; display:block; width:94px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie2 a.uwproject:hover {background:url(../images/bg/menu-background-over2.gif); background-position:-333px 0; display:block;} .container #navigatie2 a.uwproject.active {padding:0; margin:0; background:url(../images/bg/menu-background-over2.gif); background-position:-333px 0; outline:none; width:94x; height:25px; outline:none;} .container #navigatie2 a.projectmanagement {padding:0; margin:0; background:url(../images/bg/menu-background-normal2.gif); background-position:-427px 0; display:block; width:143px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie2 a.projectmanagement:hover {background:url(../images/bg/menu-background-over2.gif); background-position:-427px 0; display:block;} .container #navigatie2 a.projectmanagement.active {padding:0; margin:0; background:url(../images/bg/menu-background-over2.gif); background-position:-427px 0; outline:none; width:143px; height:25px; outline:none;} .container #navigatie2 a.voordelen {padding:0; margin:0; background:url(../images/bg/menu-background-normal2.gif); background-position:-570px 0; display:block; width:93px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie2 a.voordelen:hover {background:url(../images/bg/menu-background-over2.gif); background-position:-570px 0; display:block;} .container #navigatie2 a.voordelen.active {padding:0; margin:0; background:url(../images/bg/menu-background-over2.gif); background-position:-570px 0; outline:none; width:93px; height:25px; outline:none;} .container #navigatie2 a.cases {padding:0; margin:0; background:url(../images/bg/menu-background-normal2.gif); background-position:-663px 0; display:block; width:89px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie2 a.cases:hover {background:url(../images/bg/menu-background-over2.gif); background-position:-663px 0; display:block;} .container #navigatie2 a.cases.active {padding:0; margin:0; background:url(../images/bg/menu-background-over2.gif); background-position:-663px 0; outline:none; width:89px; height:25px; outline:none;} .container #navigatie .contact {padding:0; margin:0; background:url(../images/bg/menu-background-normal2.gif) no-repeat; background-position:-723px 0; display:block; width:29px; height:25px; outline:none; text-decoration:none; color:#ffffff;} /* EINDE NAVIGATIE */ /* BEGIN NAVIGATIE ENGINEERING */ .container #navigatie3 {margin:16px auto auto auto; padding:0; width:755px; height:25px;} .container #navigatie3 ul {margin:0; padding:0; width:755px; height:25px; list-style:none;} .container #navigatie3 li {margin:0; padding:0; float:left; list-style:none; text-align:center; position: relative; } .container #navigatie3 a.filosofie {padding:0; margin:0; background:url(../images/bg/menu-bg-engineering.gif); background-position:0 0; display:block; width:59px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie3 a.filosofie:hover {background:url(../images/bg/menu-bg-engineering-over.gif); background-position:0 0; display:block;} .container #navigatie3 a.filosofie.active {padding:0; margin:0; background:url(../images/bg/menu-bg-engineering-over.gif); background-position:0 0; outline:none; width:59px; height:25px; outline:none;} .container #navigatie3 a.engineering {padding:0; margin:0; background:url(../images/bg/menu-bg-engineering.gif); background-position:-58px 0; display:block; width:75px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie3 a.engineering:hover {background:url(../images/bg/menu-bg-engineering-over.gif); background-position:-58px 0; display:block;} .container #navigatie3 a.engineering.active {padding:0; margin:0; background:url(../images/bg/menu-bg-engineering-over.gif); background-position:-58px 0; outline:none; width:75px; height:25px; outline:none;} .container #navigatie3 a.referentieprojecten {padding:0; margin:0; background:url(../images/bg/menu-bg-engineering.gif); background-position:-134px 0; display:block; width:127px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie3 a.referentieprojecten:hover {background:url(../images/bg/menu-bg-engineering-over.gif); background-position:-134px 0; display:block;} .container #navigatie3 a.referentieprojecten.active {padding:0; margin:0; background:url(../images/bg/menu-bg-engineering-over.gif); background-position:-134px 0; outline:none; width:127px; height:25px; outline:none;} .container #navigatie3 a.detachering {padding:0; margin:0; background:url(../images/bg/menu-bg-engineering.gif); background-position:-263px 0; display:block; width:76px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie3 a.detachering:hover {background:url(../images/bg/menu-bg-engineering-over.gif); background-position:-263px 0; display:block;} .container #navigatie3 a.detachering.active {padding:0; margin:0; background:url(../images/bg/menu-bg-engineering-over.gif); background-position:-263px 0; outline:none; width:76px; height:25px; outline:none;} /* .container #navigatie3 a.fem {padding:0; margin:0; background:url(../images/bg/menu-bg-engineering.gif); background-position:-340px 0; display:block; width:36px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie3 a.fem:hover {background:url(../images/bg/menu-bg-engineering-over.gif); background-position:-340px 0; display:block;} .container #navigatie3 a.fem.active {padding:0; margin:0; background:url(../images/bg/menu-bg-engineering-over.gif); background-position:-340px 0; outline:none; width:36px; height:25px; outline:none;} */ .container #navigatie3 a.cad-training {padding:0; margin:0; background:url(../images/bg/menu-bg-engineering.gif); background-position:-339px 0; display:block; width:95px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie3 a.cad-training:hover {background:url(../images/bg/menu-bg-engineering-over.gif); background-position:-339px 0; display:block;} .container #navigatie3 a.cad-training.active {padding:0; margin:0; background:url(../images/bg/menu-bg-engineering-over.gif); background-position:-339px 0; outline:none; width:95px; height:25px; outline:none;} .container #navigatie3 a.plotservice {padding:0; margin:0; background:url(../images/bg/menu-bg-engineering.gif) no-repeat; background-position:-435px 0; display:block; width:76px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie3 a.plotservice:hover {background:url(../images/bg/menu-bg-engineering-over.gif); background-position:-435px 0; display:block;} .container #navigatie3 a.plotservice.active {padding:0; margin:0; background:url(../images/bg/menu-bg-engineering-over.gif); background-position:-435px 0; outline:none; width:76px; height:25px; outline:none;} .container #navigatie3 a.verhuur {padding:0; margin:0; background:url(../images/bg/menu-bg-engineering.gif) no-repeat; background-position:-511px 0; display:block; width:141px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie3 a.verhuur:hover {background:url(../images/bg/menu-bg-engineering-over.gif); background-position:-511px 0; display:block;} .container #navigatie3 a.verhuur.active {padding:0; margin:0; background:url(../images/bg/menu-bg-engineering-over.gif); background-position:-511px 0; outline:none; width:141px; height:25px; outline:none;} .container #navigatie3 a.vacatures {padding:0; margin:0; background:url(../images/bg/menu-bg-engineering.gif) no-repeat; background-position:-652px 0; display:block; width:99px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie3 a.vacatures:hover {background:url(../images/bg/menu-bg-engineering-over.gif); background-position:-652px 0; display:block;} .container #navigatie3 a.vacatures.active {padding:0; margin:0; background:url(../images/bg/menu-bg-engineering-over.gif); background-position:-652px 0; outline:none; width:100px; height:67px; outline:none;} /* EINDE NAVIGATIE */ /* BEGIN NAVIGATIE FEM */ .container #navigatie-fem {margin:16px auto auto auto; padding:0; width:755px; height:25px;} .container #navigatie-fem ul {margin:0; padding:0; width:755px; height:25px; list-style:none;} .container #navigatie-fem li {margin:0; padding:0; float:left; list-style:none; text-align:center; position: relative; } .container #navigatie-fem .blank1 {padding:0; margin:0; background:url(../images/bg/background-fem-nav.jpg); background-position:0 0; display:block; width:74px; height:25px; outline:none; text-decoration:none; color:#ffffff; cursor: auto!important;} .container #navigatie-fem a.uwvraag {padding:0; margin:0; background:url(../images/bg/background-fem-nav.jpg); background-position:-92px 0; display:block; width:94px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie-fem a.uwvraag:hover {background:url(../images/bg/background-fem-nav-hover.jpg); background-position:-92px 0; display:block;} .container #navigatie-fem a.uwvraag.active {padding:0; margin:0; background:url(../images/bg/background-fem-nav-hover.jpg); background-position:-92px 0; outline:none; width:94px; height:25px; outline:none;} .container #navigatie-fem a.femanalyses {padding:0; margin:0; background:url(../images/bg/background-fem-nav.jpg); background-position:-180px 0; display:block; width:109px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie-fem a.femanalyses:hover {background:url(../images/bg/background-fem-nav-hover.jpg); background-position:-180px 0; display:block;} .container #navigatie-fem a.femanalyses.active {padding:0; margin:0; background:url(../images/bg/background-fem-nav-hover.jpg); background-position:-180px 0; outline:none; width:109px; height:25px; outline:none;} .container #navigatie-fem a.ontwerpanalyses {padding:0; margin:0; background:url(../images/bg/background-fem-nav.jpg); background-position:-285px 0; display:block; width:139px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie-fem a.ontwerpanalyses:hover {background:url(../images/bg/background-fem-nav-hover.jpg); background-position:-285px 0; display:block;} .container #navigatie-fem a.ontwerpanalyses.active {padding:0; margin:0; background:url(../images/bg/background-fem-nav-hover.jpg); background-position:-285px 0; outline:none; width:139px; height:25px; outline:none;} .container #navigatie-fem a.voordelen {padding:0; margin:0; background:url(../images/bg/background-fem-nav.jpg); background-position:-420px 0; display:block; width:100px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie-fem a.voordelen:hover {background:url(../images/bg/background-fem-nav-hover.jpg); background-position:-420px 0; display:block;} .container #navigatie-fem a.voordelen.active {padding:0; margin:0; background:url(../images/bg/background-fem-nav-hover.jpg); background-position:-420px 0; outline:none; width:100px; height:25px; outline:none;} .container #navigatie-fem a.cases {padding:0; margin:0; background:url(../images/bg/background-fem-nav.jpg); background-position:-509px 0; display:block; width:80px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie-fem a.cases:hover {background:url(../images/bg/background-fem-nav-hover.jpg); background-position:-509px 0; display:block;} .container #navigatie-fem a.cases.active {padding:0; margin:0; background:url(../images/bg/background-fem-nav-hover.jpg); background-position:-509px 0; outline:none; width:80px; height:25px; outline:none;} .container #navigatie-fem a.contact-fem {padding:0; margin:0; background:url(../images/bg/background-fem-nav.jpg); background-position:-580px 0; display:block; width:71px; height:25px; outline:none; text-decoration:none; color:#ffffff;} .container #navigatie-fem a.contact-fem:hover {background:url(../images/bg/background-fem-nav-hover.jpg); background-position:-580px 0; display:block;} .container #navigatie-fem a.contact-fem.active {padding:0; margin:0; background:url(../images/bg/background-fem-nav-hover.jpg); background-position:-580px 0; outline:none; width:71px; height:25px; outline:none;} .container #navigatie-fem .blank {padding:0; margin:0; background:url(../images/bg/background-fem-nav.jpg); background-position:-665px 0; display:block; width:86px; height:25px; outline:none; text-decoration:none; color:#ffffff;}