/* ONS WERK CSS */
#content #portfolio-toon {float:right; margin-right:35px;}
#content #portfolio-toon span a {display:block; float:left; padding-top:8px;}
#content #portfolio-toon #toon {margin-right:10px; display:block; float:left; padding-top:8px;}
#content #portfolio-toon #klantenlijst a {margin-right:10px; text-decoration:none;}
#content #portfolio-toon #cases a {text-decoration:none;}
#content #portfolio-toon #klantenlijst a:hover {color:#1f8cd3; background:url(img/bg_portfolio_toon_hover.jpg) top center no-repeat;}
#content #portfolio-toon #cases a:hover {color:#1f8cd3; background:url(img/bg_portfolio_toon_hover.jpg) top center no-repeat;}
#content #portfolio-toon #klantenlijst a.active {color:#1f8cd3; background:url(img/bg_portfolio_toon_hover.jpg) top center no-repeat;}
#content #portfolio-toon #cases a.active {color:#1f8cd3; background:url(img/bg_portfolio_toon_hover.jpg) top center no-repeat;}
#content .portfolio-link {width:243px; height:130px; display:block;}
#content .portfolio-row {width:914px; margin: 10px auto 0;}
#content .portfolio-row .portfolio-data {float:left; width:437px; border-top:1px dotted #CCC; padding:10px 5px 10px 5px;}
#content .portfolio-row .portfolio-data:hover {background:url(img/bg_portfolio_hover.jpg) top left no-repeat; cursor:pointer;}
#content .portfolio-row .portfolio-data .portfolio-shadow {float:left; width:218px; background-color:#999999; height:129px; background:url(img/bg_portfolio_shadow.png) top left no-repeat;}
#content .portfolio-row .portfolio-data .portfolio-shadow img {margin:3px 0 0 3px;}
#content .portfolio-row .portfolio-right {margin-left:0px;}
#content .portfolio-row .portfolio-data h2 {font-size:16px; margin:0 0px 6px 10px; float:right; width:200px;}
#content .portfolio-row .portfolio-data p {margin:5px 0 0 10px; float:right; width:200px;}

/* PORTFOLIO KLANTENLIJST CSS */
#contentwrapper {width:914px; margin:0 0 0 30px;}
.columnvier {padding:5px 0; border-bottom:1px dotted #CCC; border-top:1px dotted #CCC;margin-top:10px; overflow:hidden; zoom:1; }
.line {border-left:1px dotted #ccc;}
.columnvier ul {}
.columnvier ul li {background:url(img/bg-listitem.jpg) 5px 0px no-repeat; padding-left:15px; margin:0px 0 0 0px; height:22px; width:210px; float:left; border-left:1px dotted #ccc;}
.columnvier ul li.link {background:url(img/bg-listitem2.jpg) 5px 0px no-repeat; display:block; height:22px;}
.columnvier ul li:hover.link {background:url(img/bg-listitem_mo.jpg) 5px 0px no-repeat;}
.columnvier ul li.link a {color: #3399cc; text-decoration:none; display:block; height:22px;}
#logos {margin:20px 0 0 5px;}
#logos .logo { width:161px; height:109px; margin:0 10px 5px 10px; float:left;}
#logos .logo img {border:none;}
#logos2 {margin:20px 0 0 5px;}
#logos2 .logo { width:161px; height:109px; margin:0 10px 5px 10px; float:left;}
#logos2 .logo img {border:none;}
#showhide {padding:10px 10px 3px 10px; *padding:5px 10px 3px 10px; border-top:dotted 1px #CCCCCC; border-bottom:dotted 1px #CCCCCC; clear:both;}
#showhide a {display:block; color:#009DDC; text-transform:uppercase; font-weight:bold; text-decoration:none;}
#showhide a:hover {color:#999999;}
#show_more {background:url(img/btn_showmore.jpg) no-repeat; height:30px; padding:7px 0 0 40px; display:block; cursor:hand;}
#hide_more {background:url(img/btn_showless.jpg) no-repeat; height:30px; padding:7px 0 0 40px; display:block; cursor:hand;}

/* PORTFOLIO DETAIL PAGINA */
#contentwrapper #detail-column-left {float:left; width:570px; padding:15px; text-align:justify;background:url(img/bg_portfolio_detail_left.jpg) bottom left no-repeat; display:inline; margin:0 0 20px;}
#contentwrapper #detail-column-left h2 {margin: 0px 0 10px 0; text-align:left;}
#contentwrapper #detail-column-left h3 {background:none; font-size:16px; color:#3399CC; padding:0; margin: 20px 0 10px 0; height:auto; font-weight:bold; text-align:left;}
#contentwrapper #detail-column-left p {margin:0 0 10px 0;}
#contentwrapper #detail-column-left ul {margin:0; padding:0;}
#contentwrapper #detail-column-left ul.arrow li {background:url(img/bg-btn-pijlrechts.jpg) top left no-repeat; padding:0 0 0 35px; height:30px; line-height:30px;}
#contentwrapper #detail-column-left ul li {background: #fff url(img/bg-listitem.jpg) top left no-repeat; padding:0px 0 0 15px; margin:5px;}
#contentwrapper #detail-column-right {float:right;width:300px;}
#contentwrapper #detail-column-right .project-details {background:url(img/bg_portfolio_detail_right.jpg) bottom left no-repeat; padding:5px 0 15px 0px; margin: 0 0 20px 0;}

#contentwrapper #detail-column-right .logoMagento {background: url(img/logo_magento_groot.gif) center #009ddc no-repeat; padding:10px 0 10px 0px; margin:20px 0 20px 5px; height:101px;}

.logoPangaea {background: url(img/logo_pangaea.jpg) center #009ddc no-repeat; padding:10px 0 10px 0px; margin:20px 0 20px 5px; height:128px; width: 300px;}

.logodotCMS{background: url(img/logo_dotcms.jpg) center #009ddc no-repeat; padding:10px 0 10px 0px; margin:20px 0 20px 5px; height:97px; width: 300px;}

#contentwrapper #detail-column-left ul#vinkjes {margin:0; padding:0;}
#contentwrapper #detail-column-left ul#vinkjes li {background:url(img/vinkje.gif) top left no-repeat; padding:8px 0 10px 30px; margin:0px 5px 0px 5px; }

#contentwrapper #detail-column-right ul {margin:10px 0 10px 13px;}
#contentwrapper #detail-column-right ul li span {margin:0 0 0 9px;}
#contentwrapper #detail-column-right ul li{display:block; border-bottom:1px dotted #CCC; padding: 3px 0 3px 0;}
#contentwrapper #detail-column-right ul#project-informatie {height:30px;}
#contentwrapper #detail-column-right ul#project-informatie li {float:left; width:117px; display:inline; padding-left:20px;}
#contentwrapper #detail-column-right ul#project-informatie li.checked {background:url(img/bg__portfolio_techniek.jpg) top left no-repeat; color:#3399cc;}
#contentwrapper #detail-column-right p {padding:10px 15px 0px; width:260px;}
#contentwrapper #detail-column-right img {border:1px solid #CCC; margin:0 0 0 9px;}
#contentwrapper #detail-column-right #img-mouseover {height:163px; width:275px; background:url(img/bg_screenshot.png) top left no-repeat; color:#FFFFFF; margin-left:9px; position:absolute; display:none;}
#contentwrapper #detail-column-right #img-mouseover p {background:url(img/icon_screenshot.png) 20px 50px no-repeat; height:163px; width:275px;font-size:20px; text-align:center;}
#contentwrapper #detail-column-right #img-mouseover p a{display:block; height:115px; width:265px; text-decoration:none; color:#FFFFFFpadding: 48px 0 0 10px; color:#FFF; line-height:115px;}

/* call me */
#contentwrapper form {width:275px; margin-left:5px;}
#contentwrapper form fieldset {background:url(img/bg-wijbellen.jpg) top left no-repeat; height:85px; border:none; margin:20px 0 10px 7px;}
#contentwrapper form fieldset label {display:block; color:#1d8bd3; margin:5px 0 5px 0px;  padding: 0 0 0 50px;}

#contentwrapper fieldset #naam {margin: 0px 0 3px 45px; color:#999; background:url(img/bg_input_naam.jpg) top left no-repeat; border:none; height:21px; padding-left:5px; width:210px;}
#contentwrapper fieldset #telefoonnummer {margin: 0px 0 0 45px; color:#999; background:url(img/bg_input.jpg) top left no-repeat; border:none; height:21px; float:left; padding-left:5px; width:139px; _margin:0 0 0 38px; *margin:0 0 0 38px;}
#contentwrapper fieldset #bellensubmit {width:65px; border:0; color:#FFF; font-weight:700; font-size:12px; float:left; background:url(img/bg-btn-gray.jpg) top left no-repeat; height:21px; cursor:pointer;}

#contentwrapper form #error {display:block; margin: 10px 0;}
#contentwrapper form label.error { display:block; color:#ff9900; margin-left: 10px;  }
#contentwrapper form fieldset.callme { height: auto; margin: 0 0 10px 7px;}


/* end call me */

#contentwrapper .projectnav {width:600px;}
#contentwrapper .projectnav a{height:30px; display:block; text-indent:-9999px;}
.nl_NL #contentwrapper .projectnav a{background:url(img/bg_projectnav.gif) top left no-repeat;}
.en_UK #contentwrapper .projectnav a{background:url(img/bg_projectnavEn.gif) top left no-repeat;}
#contentwrapper .projectnav a.vorige{width:210px; float:left;}
#contentwrapper .projectnav a.volgende{width:172px; background-position: top right; float:right;}
.nl_NL #contentwrapper .projectnav a.volgende{background-image:url(img/bg_projectnav.gif);}
.en_UK #contentwrapper .projectnav a.volgende{background-image:url(img/bg_projectnavEn.gif);}
#contentwrapper .projectnav a:hover.vorige{background-position: bottom left;}
.nl_NL #contentwrapper .projectnav a:hover.vorige{background-image:url(img/bg_projectnav.gif);}
.en_UK #contentwrapper .projectnav a:hover.vorige{background-image:url(img/bg_projectnavEn.gif);}
#contentwrapper .projectnav a:hover.volgende{background-position: bottom right;}
.nl_NL #contentwrapper .projectnav a:hover.volgende{background-image:url(img/bg_projectnav.gif); }
.en_UK #contentwrapper .projectnav a:hover.volgende{background-image:url(img/bg_projectnavEn.gif); }

/* ISAAC FEITEN */
#contentwrapper #detail-column-right .numbers {border:none; width:275px; margin: 0 0 0 2px; padding: 0;}
#contentwrapper #detail-column-right .numbers li,
#contentwrapper #detail-column-left .numbers li {border:none; color:#3399CC; padding: 0 0 0 30px; margin: 0 0 0 5px; background-color: transparent; background-image: url(img/numbers.gif); background-repeat: no-repeat;}
#contentwrapper #detail-column-left .numbers li div {height: 20px; font-weight: bold;}
.numbers li div {background: white; height: 30px; padding: 5px 0 10px 10px;}
.numbers.grow li div {height: auto;}
.numbers li div a { display:block; padding-top:3px;}
.numbers li div a:hover {color:#999; text-decoration:none;}
.numbers li.numberone {background-image:url(img/numbers.gif); background-position: 0 top !important}
.numbers li.numbertwo {background-image:url(img/numbers.gif); background-position: -30px top !important}
.numbers li.numberthree {background-image:url(img/numbers.gif); background-position: -60px top !important}
.numbers li.numberfour {background-image:url(img/numbers.gif); background-position: -90px top !important}
.numbers li.numberfive {background-image:url(img/numbers.gif); background-position: -120px top !important}
.numbers li.numbersix {background-image:url(img/numbers.gif); background-position: -150px top !important}
.numbers li.numberseven {background-image:url(img/numbers.gif); background-position: -180px top !important}
.numbers li.numbereigbt {background-image:url(img/numbers.gif); background-position: -210px top !important}
.numbers li.numbernine {background-image:url(img/numbers.gif); background-position: -240px top !important}
.numbers li.numberten {background-image:url(img/numbers.gif); background-position: -270px top !important}

/* WAT DOEN WE */
#contentwrapper #detail-column-left #spiraal {width:570px;}
#contentwrapper #detail-column-left #spiraal .spiraal-container {margin:25px 0px 0px 0px;}
#contentwrapper #detail-column-left #spiraal #spiraal-advies,
#contentwrapper #detail-column-left #spiraal #spiraal-realisatie {}
#contentwrapper #detail-column-left #spiraal #spiraal-ontwerp,
#contentwrapper #detail-column-left #spiraal #spiraal-beheer {}
#contentwrapper #detail-column-left #spiraal .spiraal-container p {border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; padding:5px 5px 15px ; background:#FFF url(img/bg_spiraal-container.jpg) top left repeat-x; margin:0; text-align: left;}
#contentwrapper #detail-column-left #spiraal .spiraal-container .spiraal-leesmeer {background:#FFFFFF; margin:0; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; padding:5px;}
#contentwrapper #detail-column-left #spiraal .spiraal-container h4 {border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; height:36px; text-indent:-9999px; margin:0;}
.nl_NL #contentwrapper #detail-column-left #spiraal .spiraal-container h4 {background:url(img/bg_spiraal_h4.jpg) top left no-repeat;}
.en_UK #contentwrapper #detail-column-left #spiraal .spiraal-container h4 {background:url(img/bg_spiraal_h4En.jpg) top left no-repeat;}
#contentwrapper #detail-column-left #spiraal .spiraal-container .leesmeer {padding:0px 20px 5px 5px; background:url(img/bg_spiraal_leesmeer.png) top left no-repeat; display:block; height:39px; text-align:right; text-decoration:none; font-weight:bold; color:#1d8bd3; cursor:pointer;}
#contentwrapper #detail-column-left #spiraal .spiraal-container .closebtn {background:url(img/bg_spiraal_leesmeer_close.png) top left no-repeat;}
#contentwrapper #detail-column-left #spiraal #spiraal-advies h4 {}
#contentwrapper #detail-column-left #spiraal #spiraal-ontwerp h4 {background-position: 0px -36px;}
#contentwrapper #detail-column-left #spiraal #spiraal-realisatie h4 {background-position: 0px -72px;}
#contentwrapper #detail-column-left #spiraal #spiraal-beheer h4 {background-position: 0px -108px;}
#contentwrapper a.terugnaarboven {height:30px; width:175px; display:block; text-indent:-9999px;}
.nl_NL #contentwrapper a.terugnaarboven {background:url(img/bg_terugnaarboven.jpg) top left no-repeat; }
.en_UK #contentwrapper a.terugnaarboven {background:url(img/bg_terugnaarbovenEn.jpg) top left no-repeat; }

/* VACATURES */
#contentwrapper #detail-column-right ul.arrow li {background:transparent url(img/bg-listitem.jpg) no-repeat scroll left top; padding-left:15px;}
#contentwrapper #detail-column-right a.stuurcv {background:url(img/bg_stuurcv.jpg) top left no-repeat; display:block; height:35px; width:256px; text-indent:-9999px; margin:0 0 0 15px;}
#contentwrapper #detail-column-left #vacatures .spiraal-container {width:560px; margin:25px 0px 0px;}
#contentwrapper #detail-column-left #vacatures .spiraal-container .spiraal-leesmeer {border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2;}
#contentwrapper #detail-column-left #vacatures .spiraal-container p {border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; padding:5px 5px 15px ; background:#FFF url(img/bg_spiraal-container.jpg) top left repeat-x; margin:0;}
#contentwrapper #detail-column-left #vacatures .spiraal-container p.spiraal-leesmeer {background:#FFFFFF; margin:0; padding:0 5px 0;}
#contentwrapper #detail-column-left #vacatures .spiraal-container h4 {background:url(img/bg_vacatures_h4.jpg) top left no-repeat; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; height:32px; padding:4px 0 0 10px; margin-bottom:0px;}
#contentwrapper #detail-column-left #vacatures .spiraal-container .leesmeer {padding:0px 20px 5px 5px; background:url(img/bg_spiraal_leesmeer_long.png) top left no-repeat; display:block; height:39px; width:550px; text-align:right; text-decoration:none; font-weight:bold; color:#1d8bd3; cursor:pointer;}
#contentwrapper #detail-column-left #vacatures .spiraal-container .closebtn {background:url(img/bg_spiraal_leesmeer_long_close.png) top left no-repeat;}
#contentwrapper #detail-column-left #vacatures #spiraal-advies h4 {}
#contentwrapper #detail-column-right .leesmeer {padding:10px 30px 5px 5px; background:url(img/bg_vacatures_leesmeer.jpg) bottom left no-repeat; display:block; height:39px; width:270px; text-align:right; text-decoration:none; font-weight:bold; color:#009ddc; cursor:pointer;}
#contentwrapper #detail-column-right .uitklap {padding:0;}
#contentwrapper #detail-column-right .uitklap h3 {margin:5px 0 5px 5px;}
#contentwrapper #detail-column-right .uitklap ul {margin:5px;}
#contentwrapper #detail-column-right .uitklap .closebtn{background:url(img/bg_vacatures_leesmeer_mo.jpg) bottom left no-repeat;}
#contentwrapper #detail-column-left .noresultpic3 {float:right; margin: 40px 0 0 0px; width:147px; height:175px; background: url(img/usbplant.gif) top right no-repeat;}

.bedrijf-vacatures #contentwrapper #detail-column-left p.fixedwidth {width:475px;}
.bedrijf-vacatures #contentwrapper {background:url(img/bg_bloempot.jpg) 450px 130px no-repeat;}
#contentwrapper #detail-column-right #map {height:250px; width:275px; margin:20px 0 0 10px;}
#contentwrapper fieldset.cv {padding-top:10px; background:none;}
#contentwrapper fieldset #stuurcv {margin: 7px 0 0 11px; height:25px; color:#999;}
#contentwrapper #detail-column-right .project-details .cv #stuurcvsubmit {background:url(img/bg_stuurcv_submit.jpg) left top no-repeat; border:0; width:257px; color:#FFFFFF; margin:10px 0 0 10px; font-weight:bold; height:21px;}

/* CONTACTFORMULIER */
#contentwrapper #detail-column-left .contactformulier {}
#contentwrapper #detail-column-left .contactline {padding: 5px 0 5px 12px;}

#contentwrapper #detail-column-left .contactformulier .contactline {padding: 2px 0;}
#contentwrapper #detail-column-left .contactformulier fieldset {background:none; height:auto;}
#contentwrapper #detail-column-left .contactformulier legend{display:none;}
#contentwrapper #detail-column-left label{float:left; width:110px; margin:0; color:#666; padding:0; text-align:left;}
#contentwrapper #detail-column-left div.error{border: 1px solid green; width: 130px; float:left;}
#contentwrapper #detail-column-left .contactline span {background:url(img/bg_tooltip.jpg) top left no-repeat; width:150px; z-index:50; float:left; padding:1px 0 0 5px; margin: 0 0 0 -30px; left:50%; position:absolute;}
#contentwrapper #detail-column-left .contactline span label {float:left; margin-left:10px; border:0; background:url(img/bg_tooltip.jpg) bottom right no-repeat; width:140px; margin:0; padding:0 0px 0 10px; line-height:1.5em;}
#contentwrapper #detail-column-left select {width:270px;}
#contentwrapper #detail-column-left .contactformulier input{width:270px; float:left; background:url(img/bg_input_contact.jpg) top left no-repeat; height:21px; border:0;}
#contentwrapper #detail-column-left .contactformulier input.error,
#contentwrapper #detail-column-left .contactformulier textarea.error {}
#contentwrapper #detail-column-left .contactformulier #dhr,
#contentwrapper #detail-column-left .contactformulier #dhr2,
#contentwrapper #detail-column-left .contactformulier #dhr3,
#contentwrapper #detail-column-left .contactformulier #mevr,
#contentwrapper #detail-column-left .contactformulier #mevr2,
#contentwrapper #detail-column-left .contactformulier #mevr3 {width:15px; background:none; height:auto;}
#contentwrapper #detail-column-left .contactformulier .checkboxlabel input {float:left; height:auto;}
#contentwrapper #detail-column-left .contactformulier .checkboxlabel {margin-left:110px; width:270px; display: inline;}
#contentwrapper #detail-column-left .contactformulier .checkboxlabel span {float:right; width:240px; background:none; margin:0; position:relative; left:auto;}
#contentwrapper #detail-column-left .contactformulier .checkbox {width:15px;background:none;}
#contentwrapper #detail-column-left .contactformulier .width75 {width:75px;}
#contentwrapper #detail-column-left .contactformulier .submitbtn {margin-left:110px;}
#contentwrapper #detail-column-left .contactformulier #button,
#contentwrapper #detail-column-left .contactformulier #button2,
#contentwrapper #detail-column-left .contactformulier #button3 {background:url(img/bg_contact_submitbtn.jpg) top left no-repeat; border:0; color:#FFF;font-weight:bold; height:21px;margin-top:20px; cursor:pointer;}
#contentwrapper #detail-column-left .contactformulier .radiobtn label {width:50px;}
#contentwrapper #detail-column-left .contactformulier .radiobtn input {float:left;}
#contentwrapper #detail-column-left .contactformulier textarea {width:270px; height:100px; background:url(img/bg_textarea_270x100.jpg) top left no-repeat ; border:0; float:left;}
#contentwrapper #detail-column-left .contactformulier {width:auto;}
#contentwrapper #detail-column-right #nieuwsbriefform {}
#contentwrapper #detail-column-right #nieuwsbriefform .contactline {padding: 2px 0 2px; width:100%; overflow:hidden;}
#contentwrapper #detail-column-right #nieuwsbriefform fieldset {background:none; height:auto;}
#contentwrapper #detail-column-right #nieuwsbriefform legend{display:none;}
#contentwrapper #detail-column-right #nieuwsbriefform label{float:left; width:90px; margin:0; color:#666; padding:0; display: inline;}
#contentwrapper #detail-column-right #nieuwsbriefform select {width:150px;}
#contentwrapper #detail-column-right #nieuwsbriefform input{width:164px; background:url(img/bg_input_nieuwsbrief.jpg) top left no-repeat; border:0; height:21px;}
#contentwrapper #detail-column-right #nieuwsbriefform #buttonnieuws {background:url(img/bg_nieuwsbrief_submitbtn.jpg) top left no-repeat; color:#FFFFFF; font-weight:bold; cursor:pointer;}
#contentwrapper #detail-column-right #nieuwsbriefform #dhrnieuws,
#contentwrapper #detail-column-right #nieuwsbriefform #mevrnieuws {width:15px; background:none; height:auto;}
#contentwrapper #detail-column-right #nieuwsbriefform .checkboxlabel input {float:left; height:auto;}
#contentwrapper #detail-column-right #nieuwsbriefform .checkboxlabel {margin-left:150px; width:150px;}
#contentwrapper #detail-column-right #nieuwsbriefform .checkboxlabel span {float:right; width:240px;}
#contentwrapper #detail-column-right #nieuwsbriefform .checkbox {width:15px;}
#contentwrapper #detail-column-right #nieuwsbriefform .width75 {width:75px;}
#contentwrapper #detail-column-right #nieuwsbriefform .submitbtn {padding-left:90px;}
#contentwrapper #detail-column-right #nieuwsbriefform #button {background:url(img/bg_contact_submitbtn.jpg) top left no-repeat; border:0; color:#FFF;font-weight:bold; height:21px;}

/* ZOEKEN */
.zoeken #contentwrapper #detail-column-left .resize {width:360px; float:left; display: inline;}
.zoeken #contentwrapper #detail-column-left .noresultpic {float:left; display: inline; margin: 60px 0 0 0px; width:170px; height:285px;}
.nl_NL .zoeken #contentwrapper #detail-column-left .noresultpic {background: url(img/404.jpg) bottom right no-repeat;}
.en_UK .zoeken #contentwrapper #detail-column-left .noresultpic {background: url(img/404En.jpg) bottom right no-repeat;}
.zoeken #contentwrapper #detail-column-left hr {border:none; border-top: 1px dotted #ccc; background:none; color:#FFFFFF;}
.zoeken #contentwrapper #detail-column-left form {width:auto; margin-left:0;}
.zoeken #contentwrapper #detail-column-left label {width:87px;}
.zoeken #contentwrapper #detail-column-left fieldset {background:none; margin:0; height:auto;}
.zoeken #contentwrapper #detail-column-left .small {color:#CCCCCC;}
.zoeken #contentwrapper #detail-column-left input {background:transparent url(img/bg_input.jpg) no-repeat scroll left top;border:medium none;color:#999999;display:block; float:left;height:21px;padding-left:5px;vertical-align:top;}
.zoeken #contentwrapper #detail-column-left #zoekensubmit2 {background:transparent url(img/bg-btn-blue.jpg) no-repeat scroll left top;border:0 none;color:#FFFFFF;display:block;float:left;font-size:12px;font-weight:bold;height:21px;padding-bottom:3px;width:65px;}
.zoeken #contentwrapper #detail-column-left p {margin:0;}
.zoeken #contentwrapper #detail-column-left h3 {margin:0px 0 10px; display:inline;}
.zoeken #contentwrapper #detail-column-left img[alt="Blogpost"] {margin:5px 0 0 10px;}
.zoeken #contentwrapper #detail-column-left a.vorige,
.zoeken #contentwrapper #detail-column-left a.volgende {width:130px; height:30px; display:block; float:right; text-indent:-9999px;}
.zoeken #contentwrapper #detail-column-left a.vorige {width:85px;}
.nl_NL .zoeken #contentwrapper #detail-column-left a.vorige {background:url(img/bg_portfolio_vorige.jpg) top left no-repeat; }
.en_UK .zoeken #contentwrapper #detail-column-left a.vorige {background:url(img/bg_portfolio_vorigeEn.jpg) top left no-repeat; }
/*.zoeken #contentwrapper #detail-column-left a.volgende {background:url(img/bg_portfolio_volgende.jpg) top left no-repeat;}*/
.nl_NL .zoeken #contentwrapper #detail-column-left a.volgende {background:url(img/bg_portfolio_volgende.jpg) top left no-repeat;}
.en_UK .zoeken #contentwrapper #detail-column-left a.volgende {background:url(img/bg_portfolio_volgendeEn.jpg) top left no-repeat;}
.zoeken #contentwrapper #detail-column-left a:hover.vorige {background-position: 0px -30px; }
.nl_NL .zoeken #contentwrapper #detail-column-left a:hover.vorige {background:url(img/bg_portfolio_vorige.jpg); }
.en_UK .zoeken #contentwrapper #detail-column-left a:hover.vorige {background:url(img/bg_portfolio_vorigeEn.jpg); }
.zoeken #contentwrapper #detail-column-left a:hover.volgende {background-position: 0px -30px;}
.nl_NL .zoeken #contentwrapper #detail-column-left a:hover.volgende {background:url(img/bg_portfolio_volgende.jpg);}
.en_UK .zoeken #contentwrapper #detail-column-left a:hover.volgende {background:url(img/bg_portfolio_volgendeEn.jpg);}
.zoeken #contentwrapper #detail-column-left .result {float:left; line-height:30px;}
.zoeken #contentwrapper #detail-column-left .suggestie {margin-top:20px;}
.zoeken #contentwrapper #detail-column-left .suggestie a {font-weight:bold;}
.zoeken #contentwrapper #detail-column-left .resize ul#Sitemap {display:block;}
.zoeken #contentwrapper #detail-column-left .resize ul#Sitemap li {display:block; background: none; margin: 0px 0; padding: 8px 0;}
.zoeken #contentwrapper #detail-column-left .resize ul#Sitemap li a {display:block; float:none; margin: 2px 0; padding: 2px 0 2px 15px; background: url(img/menu_pre_icon.gif) 0px 5px no-repeat; color: #666666; text-decoration: none;}
.zoeken #contentwrapper #detail-column-left .resize ul#Sitemap li a:HOVER {background-color: #e3f0f9; color: #1d8bd3;}
.zoeken #contentwrapper #detail-column-left .resize ul#Sitemap li ul {margin: 5px 0 0 0; padding: 0 0 0 0px;}
.zoeken #contentwrapper #detail-column-left .resize ul#Sitemap li ul li {margin: 0 0 0 0; padding: 2px 0px;}
.zoeken #contentwrapper #detail-column-left .resize ul#Sitemap li ul li a {margin: 0 0 0 0; padding: 0 0 0 30px;}

/* sitemap */
.sitemap #contentwrapper #detail-column-left .resize {width:205px; float:left; display: inline;}
.sitemap #contentwrapper #detail-column-left .noresultpic {float:left; display: inline; margin: 160px 0 0 0px; width:365px; height:255px; background: url(img/bg_sitemap.gif) bottom right no-repeat;}
.sitemap #contentwrapper #detail-column-left .resize ul#Sitemap {display:block;}
.sitemap #contentwrapper #detail-column-left .resize ul#Sitemap li {display:block; background: none; margin: 0px 0; padding: 8px 0;}
.sitemap #contentwrapper #detail-column-left .resize ul#Sitemap li a {display:block; float:none; margin: 2px 0; padding: 2px 0 2px 15px; background: url(img/menu_pre_icon.gif) 0px 5px no-repeat; color: #666666; text-decoration: none;}
.sitemap #contentwrapper #detail-column-left .resize ul#Sitemap li a:HOVER {background-color: #e3f0f9; color: #1d8bd3;}
.sitemap #contentwrapper #detail-column-left .resize ul#Sitemap li ul {margin: 5px 0 0 0; padding: 0 0 0 0px;}
.sitemap #contentwrapper #detail-column-left .resize ul#Sitemap li ul li {margin: 0 0 0 0; padding: 2px 0px;}
.sitemap #contentwrapper #detail-column-left .resize ul#Sitemap li ul li a {margin: 0 0 0 0; padding: 0 0 0 30px;}

/* voorwaarden */
.voorwaarden #contentwrapper #detail-column-left .resize ul#downloads {display:block; border-bottom: 1px dotted #ccc; width: 450px;}
.voorwaarden #contentwrapper #detail-column-left .resize ul#downloads li {display:block; background: none; margin: 0px 0; padding: 5px 0; border-top: 1px dotted #ccc;}
.voorwaarden #contentwrapper #detail-column-left .resize ul#downloads li a {display:block; float:none; margin: 0px 0; padding: 6px 0 6px 30px; background: url(icons/pdf.gif) 0px center no-repeat; color: #666666; text-decoration: none;}
.voorwaarden #contentwrapper #detail-column-left .resize ul#downloads li a:HOVER {background-color: #e3f0f9; color: #1d8bd3;}

/* bedankt contact pages */
.contact-bedankt #contentwrapper #detail-column-left .resize {width:400px; float:left; display: inline;}
.contact-bedankt #contentwrapper #detail-column-left .noresultpic {float:left; display: inline; margin: 40px 0 0 0px; width:160px; height:140px; background: url(img/calendar.gif) bottom right no-repeat;}
.contact-bedankt #contentwrapper #detail-column-left .noresultpic2 {float:left; display: inline; margin: 40px 0 0 0px; width:164px; height:126px; background: url(img/cans.gif) bottom left no-repeat;}
.contact-bedankt #contentwrapper #detail-column-left .noresultpic3 {float:left; display: inline; margin: 40px 0 0 0px; width:147px; height:175px; background: url(img/usbplant.gif) top right no-repeat;}
.contact-bedankt #contentwrapper #detail-column-left #box-items {width:570px; margin-top: 50px;}
.contact-bedankt #contentwrapper #detail-column-left #box-items .box-container {float:left; width:267px; margin-right:0px;}
.contact-bedankt #contentwrapper #detail-column-left #box-items .box-items-container {border: 1px solid #e2e2e2;border-bottom-width: 0px; width:266px; margin:0px 0px 0px 0px; background:#FFFFFF url(img/bg_spiraal-container.jpg) repeat-x scroll 0 30px;}
.contact-bedankt #contentwrapper #detail-column-left #box-items #isaacportfolio {float:right;}
.contact-bedankt #contentwrapper #detail-column-left #box-items .box-items-container p {padding:5px 5px 15px 10px; margin:0;}
.contact-bedankt #contentwrapper #detail-column-left #box-items .box-items-container img {padding:0px 0px 0px 0px; margin:0;}
.contact-bedankt #contentwrapper #detail-column-left #box-items .box-items-container h4 {height:30px; background: url(img/bg_boxItem_default.gif) -1px top no-repeat; padding: 6px 0 0 10px;}
.contact-bedankt #contentwrapper #detail-column-left .box-container {display: block;}
.contact-bedankt #contentwrapper #detail-column-left .box-container .link {height:39px; width:268px; margin:0; padding:0px; background:url(img/bg_spiraal_leesmeer_small.gif) left top no-repeat; display:block; text-align:right; text-decoration:none; font-weight:bold; color:#1d8bd3;}
.contact-bedankt #contentwrapper #detail-column-left .box-container .link a {height: 30px; display: block; float: right; margin-right: 10px;}
.contact-bedankt #contentwrapper #detail-column-left ul#project-informatie {float:left; display:block; padding: 0 0 5px 5px; margin: 0px 0px 19px 0px;}
.contact-bedankt #contentwrapper #detail-column-left ul#project-informatie li {float:left; width:100px; display:inline; padding-left:20px; background:transparent url(img/menu_pre_icon.gif) no-repeat scroll 0 5px;}

/* SLIDER CSS */
.portfolio .stripViewer .panelContainer .panel ul {text-align: left;}
.portfolio .csw {height: 500px; overflow-x: auto;}
.portfolio .csw .loading {margin: 200px 0 300px 0;text-align: center}
.portfolio .stripViewer {position: relative; overflow: hidden;margin: auto;width: 914px;}
.portfolio .stripViewer .panelContainer {position: relative;left: 0;top: 0;list-style-type: none;}
.portfolio .stripViewer .panelContainer .panel {float:left; width:914px; position: relative; border-bottom: 1px dotted #ccc;}
.portfolio .stripViewer .panelContainer .panel .wrapper {}
.portfolio .stripNav {margin: 10px auto 0;}
.portfolio .stripNav ul {position:absolute;}
.portfolio .stripNav ul li {float: left;margin-right: 2px;}
.portfolio .stripNav a {font-size: 12px;font-weight: bold;text-align: center;color: #1d8bd3;text-decoration: none;display: block;padding: 0 0px;}
.portfolio .stripNav li a.current {color: #999;}
.portfolio .stripNavL, .stripNavR {}
.portfolio .stripNavR {}
.portfolio .stripNavL {}
.portfolio .stripNavL a,.portfolio .stripNavR a {display: block;width:130px;height:30px;}
.stripNavL a span, .stripNavR a span {display:none;}
.portfolio .stripNavL a {float:left; margin:0 0 0 25px;}
.nl_NL .portfolio .stripNavL a {background:url(img/bg_portfolio_vorige.jpg) top left no-repeat;}
.en_UK .portfolio .stripNavL a {background:url(img/bg_portfolio_vorigeEn.jpg) top left no-repeat;}
.portfolio .stripNavR a {float:right;margin: 0 25px 0 0;}
.nl_NL .portfolio .stripNavR a {background:url(img/bg_portfolio_volgende.jpg) top left no-repeat; }
.en_UK .portfolio .stripNavR a {background:url(img/bg_portfolio_volgendeEn.jpg) top left no-repeat; }
.portfolio .stripNavL a:hover {float:left; }
.nl_NL .portfolio .stripNavL a:hover {background:url(img/bg_portfolio_vorige.jpg) 0 -30px no-repeat;}
.en_UK .portfolio .stripNavL a:hover {background:url(img/bg_portfolio_vorigeEn.jpg) 0 -30px no-repeat;}
.portfolio .stripNavR a:hover {float:right;}
.nl_NL .portfolio .stripNavR a:hover {background:url(img/bg_portfolio_volgende.jpg) 0 -30px no-repeat;}
.en_UK .portfolio .stripNavR a:hover {background:url(img/bg_portfolio_volgendeEn.jpg) 0 -30px no-repeat;}
.portfolio #slider1 .panelContainer .panel .wrapper img {float:left; width:432px;}
.portfolio #slider1 .panelContainer .panel .wrapper h2{float:left; width:185px; margin-top:20px;}
.portfolio #slider1 .panelContainer .panel .wrapper p{float:left; width:185px;}