.content-home {background: #fff url(../image/bg_content_bottom_home.png) no-repeat left bottom;}.content-home .top {background: url(../image/bg_content_top_home.png) no-repeat left top;padding: 20px;}.content-home .intro {width: 274px;height: 319px;overflow:hidden;float: left;padding: 0 20px 0 0;background: url(../image/bg_intro.png) no-repeat 247px bottom;}.content-home .intro h2 {text-align: right;line-height: 25px;}.content-home .iam {width: 564px;height: 319px;overflow:hidden;float: left;background: url(../image/bg_iam.png);}.content-home .iam ul {list-style: none;text-align: right;padding: 22px;}.content-home .iam ul li {height: 35px;padding: 0 11px 0 0;}.content-home .iam ul li a {color: #fff;text-decoration: none;font: bold 14px/28px "Lucida Grande", Arial, Helvetica, sans-serif;padding: 0 28px 0 0;background: url(../image/list-arrow.png) no-repeat right 6px;}.content-home .iam ul li a:hover {background-position: right -26px;color: #1aaab6;}.content-home .portfolioitems {height: 142px;padding: 20px;background: url(../image/bg_portfolioitems_home.png) no-repeat left top;}.content-home .portfolioitems .overzicht {padding: 17px 0 0 15px;height: 62px;}.content-home .portfolioitems .overzicht a.naarportfolio {height: 62px;width: 62px;display: block;float: left;background: url(../image/btn_naarportfolio.png) no-repeat left top;text-indent: -9999em;}.content-home .portfolioitems .overzicht a.naarportfolio:hover {background-position: left bottom;}.content-home .portfolioitems .overzicht ul {width: 595px;height: 62px;padding: 0 0 0 13px;list-style: none;float: left;}.content-home .portfolioitems .overzicht ul li {display: inline;}.content-home .portfolioitems .overzicht ul li a {display: block;height: 62px;width: 182px;float: left;padding: 0 13px 0 0;}.content-home .portfolioitems .overzicht h2 {float: left;width: 131px;}.content-home .portfolioitems p {padding: 25px 0 0 2px;font: normal 11px/21px "Lucida Grande", Arial, Helvetica, sans-serif;color: #f5f5f5;}.content-home .lists {padding: 20px 12px;}.content-home .lists .wrap {background: #616161 url(../image/bg_lists.png) no-repeat top left;height: 266px;overflow: hidden;padding: 18px 30px 0px;}.content-home .lists .column {width: 260px;padding: 0 15px 0 0;float: left;}.content-home .lists .last {padding: 0;}.content-home .lists p {color: #fff;padding: 23px 0 0;}.content-home .lists ul {list-style: none;color: #fff;padding: 23px 0 0;}.content-home .lists ul li {padding: 0 0 18px;}.content-home .lists ul li a {display: block;color: #333;}.content-home .lists ul li a:hover {color: #999;}}.content-portfolio {background: #fff url(../image/bg_content_bottom_home.png) no-repeat left bottom;padding: 0 0 20px;}.content-portfolio {background: #fff url(../image/bg_content_bottom_home.png) no-repeat left bottom;padding: 0 0 20px;}.content-portfolio .top {height: 144px;padding: 36px 0 20px 20px;overflow: hidden;background: url(../image/bg_content_top_portfolio.png) no-repeat left top;}.content-portfolio .top ul {width: 630px;height: 62px;padding: 0 0 0 15px;float: left;list-style: none;}.content-portfolio .top ul li {display: inline;}.content-portfolio .top ul li a {display: block;height: 62px;float: left;text-indent: -9999em;margin: 0 13px 0 0;}.content-portfolio .top ul li a.websites { background: url(../image/btn_websites.png) no-repeat top left; width: 117px; }.content-portfolio .top ul li a.applicaties { background: url(../image/btn_applicaties.png) no-repeat top left; width: 142px; }.content-portfolio .top ul li a.huisstijlen { background: url(../image/btn_huisstijlen.png) no-repeat top left; width: 156px; }.content-portfolio .top ul li a.webdesign { background: url(../image/btn_webdesign.png) no-repeat top left; width: 151px; }.content-portfolio .top ul li a:hover {background-position: left bottom;}.content-portfolio .top h2 {width: 170px;float: left;}.content-portfolio .top p {display: block;padding: 24px 0 0;font: normal 11px/21px "Lucida Grande", Arial, Helvetica, sans-serif;color: #f5f5f5;}.content-portfolio .items {width: 567px;padding: 0 20px;float: left;}.content-portfolio .items .item {position: relative;height: 186px;margin: 0 0 20px;background: url(../image/bg_extrainfo_portfolio.png) no-repeat left bottom;}.content-portfolio .items .last {margin: 0;}.content-portfolio .items .item p {padding: 16px 0 0 10px;font: bold 11px "Lucida Grande", Arial, sans-serif;color: #fff;}.content-portfolio .items .item p span {font: normal 10px "Lucida Grande", Arial, sans-serif;color: #b6b6b6;}.content-portfolio .items .item img {height: 141px;overflow: hidden;}.content-portfolio .items .item a.bekijkmeer {position: absolute;bottom: 5px;right: 4px;display: block;width: 151px;height: 26px;background: url(../image/btn_bekijkmeer_portfolio.png) no-repeat left top;font-size: 10px;font-weight: normal;color: #727272;padding: 0 10px;line-height: 26px;cursor: pointer;}.content-portfolio .items .item a.bekijkmeer:hover {background-position:left bottom;}.content-portfolio .column {width: 274px;float: left;padding: 0 0 20px;border-bottom: 1px solid #bfbfbf;}.content-portfolio .column h2 {padding: 0 0 18px;}.content-informatie {background: #fff url(../image/bg_content_bottom_informatie.png) no-repeat left bottom;}.content-informatie .top {height: 168px;overflow: hidden;background: url(../image/bg_content_top_informatie.png) no-repeat left top;}.content-informatie .info {height: 431px;overflow: hidden;background: url(../image/bg_info.png) no-repeat left top;}.content-informatie .info .text {padding: 50px 0 0 40px;height: 322px;}.content-informatie .info .text h2 {width: 200px;text-align: right;float: left;}.content-informatie .info .text p {width: 560px;padding: 0 0 0 30px;float: left;font: normal 11px/21px "Lucida Grande", Arial, Helvetica, sans-serif;color: #7b7b7b;}.content-informatie .info p.ondertitel {padding: 0 0 0 22px;font: normal 11px/21px "Lucida Grande", Arial, Helvetica, sans-serif;color: #f5f5f5;}.content-informatie .top ul {list-style: none;text-align: right;padding: 19px 45px 0 0;}.content-informatie .top ul li {height: 35px;padding: 0 11px 0 0;color: #fff;font: bold 14px/28px "Lucida Grande", Arial, Helvetica, sans-serif;}.content-informatie .lists {padding: 20px;}.content-informatie .lists .column {width: 402px;height: 190px;overflow: hidden;float: left;padding: 0 20px 0 15px;border-left: 3px solid #8cd4da;}.content-informatie .lists .last {padding: 0 0 0 15px;}.content-informatie .lists h2 {padding: 0 0 20px;}.content-informatie .lists ul {list-style: none;}.content-informatie .lists ul li {width: 200px;height: 26px;overflow: hidden;float: left;}.content-informatie .lists ul li a {color: #6c6c6c;}.content-informatie .lists ul li a:hover {color: #333;}.content-contact {background: #fff url(../image/bg_content_top_home.png) no-repeat left top;}.content-contact .top {padding: 20px;height: 360px;overflow: hidden;}.content-contact .info {height: 360px;width: 274px;padding: 0 20px 0 0;overflow: hidden;float: left;text-align: right;}.content-contact .info h2 {padding: 0 0 19px;}.content-contact .map {height: 360px;width: 566px;overflow: hidden;float: left;}.content-contact .portfolioitems {height: 139px;padding: 20px;overflow: hidden;background: url(../image/bg_portfolioitems_contact.png) no-repeat left top;}.content-contact .portfolioitems .overzicht {padding: 17px 0 0 15px;height: 62px;}.content-contact .portfolioitems .overzicht a.naarportfolio {height: 62px;width: 62px;display: block;float: left;background: url(../image/btn_naarportfolio.png) no-repeat left top;text-indent: -9999em;}.content-contact .portfolioitems .overzicht a.naarportfolio:hover {background-position: left bottom;}.content-contact .portfolioitems .overzicht ul {width: 577px;height: 62px;padding: 0 0 0 23px;list-style: none;float: left;}.content-contact .portfolioitems .overzicht ul li {display: inline;}.content-contact .portfolioitems .overzicht ul li a {display: block;height: 62px;width: 182px;float: left;padding: 0 10px 0 0;}.content-contact .portfolioitems .overzicht h2 {float: left;width: 168px;text-align: right;}.content-contact .portfolioitems p {padding: 25px 0 0 0;font: normal 11px/21px "Lucida Grande", Arial, Helvetica, sans-serif;color: #f5f5f5;text-align: right;}.content-optiver {background: #fff;}.content-optiver .top {height: 276px;overflow: hidden;}.content-optiver .top h1 {height: 276px;background: url(../image/optiver/largeimage.png) no-repeat left top;text-indent: -9999em;}.content-optiver .column {width: 274px;float: left;padding: 20px 20px 25px 0;}.content-optiver .column h2 {padding: 0 0 21px;line-height: 25px;}.content-optiver .column p {line-height: 21px;color: #6c6c6c;}.content-optiver .column a {color: #6c6c6c;font-weight: bold;}.content-optiver .column a:hover {color: #000;}.content-optiver .last {padding: 20px 0 25px;}.content-optiver .first {padding: 20px 20px 25px;}.content-optiver .info {height: 56px;padding: 15px 20px 0 54px;background: #7a7a7a url(../image/weblog/bg-info.png) no-repeat 12px 15px;border-bottom: 1px solid #505050;font: normal 11px/21px "Lucida Grande", Arial, Helvetica, sans-serif;color: #f5f5f5;}.content-optiver .info a {color: #f5f5f5;font-weight: bold;text-decoration: none;}.content-optiver .info a:hover {color: #fff;}.content-optiver .info span.left {width: 500px;float: left;background: none;}.content-optiver .info span.right {width: 300px;float: right;background: none;text-align: right;}.content-jlg {background: #fff;}.content-jlg .top {background: url(../image/bg_content_top_home.png) no-repeat left top;padding: 20px;}.content-jlg .top h2 {line-height: 25px;}.content-jlg .image {height: 283px;overflow: hidden;}.content-jlg .image h1 {height: 283px;background: url(../image/jlg/largeimage.png) no-repeat left top;text-indent: -9999em;}.content-jlg .column {width: 274px;float: left;padding: 20px 20px 25px 0;}.content-jlg .column h2 {padding: 0 0 21px;line-height: 25px;}.content-jlg .column p {line-height: 21px;color: #6c6c6c;}.content-jlg .column a {color: #6c6c6c;font-weight: bold;}.content-jlg .column a:hover {color: #000;}.content-jlg .last {padding: 20px 0 25px;}.content-jlg .first {padding: 20px 20px 25px;}.content-jlg .info {height: 56px;padding: 15px 20px 0 54px;background: #7a7a7a url(../image/weblog/bg-info.png) no-repeat 12px 15px;border-bottom: 1px solid #505050;font: normal 11px/21px "Lucida Grande", Arial, Helvetica, sans-serif;color: #f5f5f5;}.content-jlg .info a {color: #f5f5f5;font-weight: bold;text-decoration: none;}.content-jlg .info a:hover {color: #fff;}.content-jlg .info span.left {width: 500px;float: left;background: none;}.content-jlg .info span.right {width: 300px;float: right;background: none;text-align: right;}.content-starcom {background: #fff;}.content-starcom .top {background: url(../image/bg_content_top_home.png) no-repeat left top;padding: 20px;}.content-starcom .info {height: 56px;padding: 15px 20px 0 54px;background: #7a7a7a url(../image/weblog/bg-info.png) no-repeat 12px 15px;border-bottom: 1px solid #505050;font: normal 11px/21px "Lucida Grande", Arial, Helvetica, sans-serif;color: #f5f5f5;}.content-starcom .info a {color: #f5f5f5;font-weight: bold;text-decoration: none;}.content-starcom .info a:hover {color: #fff;}.content-starcom .info span.left {width: 500px;float: left;background: none;}.content-starcom .info span.right {width: 300px;float: right;background: none;text-align: right;}.content-keuzekijker {background: #fff;}.content-keuzekijker .top {height: 276px;overflow: hidden;}.content-keuzekijker .top h1 {height: 276px;background: url(../image/keuzevandekijker/largeimage.png) no-repeat left top;text-indent: -9999em;}.content-keuzekijker .column {width: 274px;float: left;padding: 20px 20px 25px 0;}.content-keuzekijker .column h2 {padding: 0 0 21px;line-height: 25px;}.content-keuzekijker .column p {line-height: 21px;color: #6c6c6c;}.content-keuzekijker .column a {color: #6c6c6c;font-weight: bold;}.content-keuzekijker .column a:hover {color: #000;}.content-keuzekijker .last {padding: 20px 0 25px;}.content-keuzekijker .first {padding: 20px 20px 25px;}.content-keuzekijker .info {height: 56px;padding: 15px 20px 0 54px;background: #7a7a7a url(../image/weblog/bg-info.png) no-repeat 12px 15px;border-bottom: 1px solid #505050;font: normal 11px/21px "Lucida Grande", Arial, Helvetica, sans-serif;color: #f5f5f5;}.content-keuzekijker .info a {color: #f5f5f5;font-weight: bold;text-decoration: none;}.content-keuzekijker .info a:hover {color: #fff;}.content-keuzekijker .info span.left {width: 500px;float: left;background: none;}.content-keuzekijker .info span.right {width: 300px;float: right;background: none;text-align: right;}.content-optiver {background: #fff;}.content-optiver .top {height: 276px;overflow: hidden;}.content-optiver .top h1 {height: 276px;background: url(../image/optiver/largeimage.png) no-repeat left top;text-indent: -9999em;}.content-optiver .column {width: 274px;float: left;padding: 20px 20px 25px 0;}.content-optiver .column h2 {padding: 0 0 21px;line-height: 25px;}.content-optiver .column p {line-height: 21px;color: #6c6c6c;}.content-optiver .column a {color: #6c6c6c;font-weight: bold;}.content-optiver .column a:hover {color: #000;}.content-optiver .last {padding: 20px 0 25px;}.content-optiver .first {padding: 20px 20px 25px;}.content-optiver .info {height: 56px;padding: 15px 20px 0 54px;background: #7a7a7a url(../image/weblog/bg-info.png) no-repeat 12px 15px;border-bottom: 1px solid #505050;font: normal 11px/21px "Lucida Grande", Arial, Helvetica, sans-serif;color: #f5f5f5;}.content-optiver .info a {color: #f5f5f5;font-weight: bold;text-decoration: none;}.content-optiver .info a:hover {color: #fff;}.content-optiver .info span.left {width: 500px;float: left;background: none;}.content-optiver .info span.right {width: 300px;float: right;background: none;text-align: right;}.content-optiver {background: #fff;}.content-optiver .top {height: 276px;overflow: hidden;}.content-optiver .top h1 {height: 276px;background: url(../image/optiver/largeimage.png) no-repeat left top;text-indent: -9999em;}.content-optiver .column {width: 274px;float: left;padding: 20px 20px 25px 0;}.content-optiver .column h2 {padding: 0 0 21px;line-height: 25px;}.content-optiver .column p {line-height: 21px;color: #6c6c6c;}.content-optiver .column a {color: #6c6c6c;font-weight: bold;}.content-optiver .column a:hover {color: #000;}.content-optiver .last {padding: 20px 0 25px;}.content-optiver .first {padding: 20px 20px 25px;}.content-optiver .info {height: 56px;padding: 15px 20px 0 54px;background: #7a7a7a url(../image/weblog/bg-info.png) no-repeat 12px 15px;border-bottom: 1px solid #505050;font: normal 11px/21px "Lucida Grande", Arial, Helvetica, sans-serif;color: #f5f5f5;}.content-optiver .info a {color: #f5f5f5;font-weight: bold;text-decoration: none;}.content-optiver .info a:hover {color: #fff;}.content-optiver .info span.left {width: 500px;float: left;background: none;}.content-optiver .info span.right {width: 300px;float: right;background: none;text-align: right;}.content-optiver {background: #fff;}.content-optiver .top {height: 276px;overflow: hidden;}.content-optiver .top h1 {height: 276px;background: url(../image/optiver/largeimage.png) no-repeat left top;text-indent: -9999em;}.content-optiver .column {width: 274px;float: left;padding: 20px 20px 25px 0;}.content-optiver .column h2 {padding: 0 0 21px;line-height: 25px;}.content-optiver .column p {line-height: 21px;color: #6c6c6c;}.content-optiver .column a {color: #6c6c6c;font-weight: bold;}.content-optiver .column a:hover {color: #000;}.content-optiver .last {padding: 20px 0 25px;}.content-optiver .first {padding: 20px 20px 25px;}.content-optiver .info {height: 56px;padding: 15px 20px 0 54px;background: #7a7a7a url(../image/weblog/bg-info.png) no-repeat 12px 15px;border-bottom: 1px solid #505050;font: normal 11px/21px "Lucida Grande", Arial, Helvetica, sans-serif;color: #f5f5f5;}.content-optiver .info a {color: #f5f5f5;font-weight: bold;text-decoration: none;}.content-optiver .info a:hover {color: #fff;}.content-optiver .info span.left {width: 500px;float: left;background: none;}.content-optiver .info span.right {width: 300px;float: right;background: none;text-align: right;}.content-optiver {background: #fff;}.content-optiver .top {height: 276px;overflow: hidden;}.content-optiver .top h1 {height: 276px;background: url(../image/optiver/largeimage.png) no-repeat left top;text-indent: -9999em;}.content-optiver .column {width: 274px;float: left;padding: 20px 20px 25px 0;}.content-optiver .column h2 {padding: 0 0 21px;line-height: 25px;}.content-optiver .column p {line-height: 21px;color: #6c6c6c;}.content-optiver .column a {color: #6c6c6c;font-weight: bold;}.content-optiver .column a:hover {color: #000;}.content-optiver .last {padding: 20px 0 25px;}.content-optiver .first {padding: 20px 20px 25px;}.content-optiver .info {height: 56px;padding: 15px 20px 0 54px;background: #7a7a7a url(../image/weblog/bg-info.png) no-repeat 12px 15px;border-bottom: 1px solid #505050;font: normal 11px/21px "Lucida Grande", Arial, Helvetica, sans-serif;color: #f5f5f5;}.content-optiver .info a {color: #f5f5f5;font-weight: bold;text-decoration: none;}.content-optiver .info a:hover {color: #fff;}.content-optiver .info span.left {width: 500px;float: left;background: none;}.content-optiver .info span.right {width: 300px;float: right;background: none;text-align: right;}.content-optiver {background: #fff;}.content-optiver .top {height: 276px;overflow: hidden;}.content-optiver .top h1 {height: 276px;background: url(../image/optiver/largeimage.png) no-repeat left top;text-indent: -9999em;}.content-optiver .column {width: 274px;float: left;padding: 20px 20px 25px 0;}.content-optiver .column h2 {padding: 0 0 21px;line-height: 25px;}.content-optiver .column p {line-height: 21px;color: #6c6c6c;}.content-optiver .column a {color: #6c6c6c;font-weight: bold;}.content-optiver .column a:hover {color: #000;}.content-optiver .last {padding: 20px 0 25px;}.content-optiver .first {padding: 20px 20px 25px;}.content-optiver .info {height: 56px;padding: 15px 20px 0 54px;background: #7a7a7a url(../image/weblog/bg-info.png) no-repeat 12px 15px;border-bottom: 1px solid #505050;font: normal 11px/21px "Lucida Grande", Arial, Helvetica, sans-serif;color: #f5f5f5;}.content-optiver .info a {color: #f5f5f5;font-weight: bold;text-decoration: none;}.content-optiver .info a:hover {color: #fff;}.content-optiver .info span.left {width: 500px;float: left;background: none;}.content-optiver .info span.right {width: 300px;float: right;background: none;text-align: right;}* {margin: 0;padding: 0;border: 0;}body.default {background: #e1e1e1 url(../image/bg_body.png) repeat-x left top;font: normal 11px/18px "Lucida Grande", Arial, Helvetica, sans-serif;color: #5a5a5a;}a { outline: none; }a {font-weight: bold;text-decoration: none;color: #fff;}a:hover {color: #666;}a.extern {padding: 0 12px 0 0;background: url(../image/icon_link.png) no-repeat right 3px;}a.greylink {color: #333;}a.greylink:hover {color: #999;}h2 {font: bold 16px "Lucida Grande", Arial, Helvetica, sans-serif;color: #1aaab6;}h3 {font: bold 14px/14px "Lucida Grande", Arial, Helvetica, sans-serif;color: #fff;}h3 span {display: block;font: normal 11px/14px "Lucida Grande", Arial, Helvetica, sans-serif;color: #1aaab6;}.clear {clear: both;margin: 0;padding:0;border:0;font: 0/0 serif;}.wrapper {width: 900px;margin: 0 auto;position: relative;}.topnav {height: 100px;position: relative;}ul.toplist {list-style: none;width: 588px;float: left;height: 100px;}ul.toplist li {width: 80px;float: left;margin: 0 1px 0 0;}ul.toplist li a {display: block;text-align: center;color: #8e8e8e;text-decoration: none;height: 100px;background: url(../image/bg-topnav.png) no-repeat center top;cursor: pointer;}ul.toplist li a span {display: block;text-align: center;padding: 34px 0 0;height: 25px;}ul.toplist li a:hover,ul.toplist li a.active {color: #fff;background-position: center bottom;}.logo {width: 210px;float: right;text-align: right;}.logo a {display: block;height: 100px;background: url(../image/btn-logo.png) no-repeat right top;padding: 0 55px 0 0;font: bold 16px/19px "Lucida Grande", Verdana, Helvetica, sans-serif;color: #1aaab6;text-decoration: none;cursor: pointer;}.logo a span {display: block;font: normal 11px/19px "Lucida Grande", Verdana, Helvetica, sans-serif;color: #1aaab6;padding: 31px 0 0;}.logo a:hover {background-position: right bottom;color: #ababab;}.logo a:hover span { color: #ababab; }.header {height: 97px;padding: 43px 0 2px;position: relative;}.logobar {height: 55px;background: url(../image/bg-bar.png) no-repeat top left;position: relative;}#wrapperscroll {overflow:hidden;margin: 0px auto;width:784px;height:55px;position: relative;}ul#items {margin:0px;padding:0px 3px;line-height: 0;width:5000px;position: relative;list-style:none;}ul#items li {float:left;margin-right:13px;}ul#items li a {display: block;float: left;width: 144px;height: 55px;text-indent: -9999em;}ul#items li a.optiver { background: url(../image/logos/logo-optiver.png) no-repeat top left; }ul#items li a.goud { background: url(../image/logos/logo-goud.png) no-repeat top left; }ul#items li a.starcom { background: url(../image/logos/logo-starcom.png) no-repeat top left; }ul#items li a.jlg { background: url(../image/logos/logo-jlg.png) no-repeat top left; }ul#items li a.zederik { background: url(../image/logos/logo-zederik.png) no-repeat top left; }ul#items li a.wmcity { background: url(../image/logos/logo-wmcity.png) no-repeat top left; }ul#items li a.archiqua { background: url(../image/logos/logo-archiqua.png) no-repeat top left; }ul#items li a.clearsky { background: url(../image/logos/logo-clearsky.png) no-repeat top left; }ul#items li a.dekeuzevandekijker { background: url(../image/logos/logo-dekeuzevandekijker.png) no-repeat top left; }ul#items li a:hover,ul#items li a.active {background-position: bottom left;}a.arrow {display: block;width: 58px;height: 55px;text-indent: -9999em;position: absolute;cursor: pointer;}.left {top: 0;left: 0;background: url(../image/btn-bar-arrow-left.png) no-repeat center left;}.right {top: 0;right: 0;background: url(../image/btn-bar-arrow-right.png) no-repeat center left;}a.arrow:hover { background-position: bottom left; }a.inactive, a.inactive:hover { background-position: top left; cursor: default; }.wrapper-content {background: #d7d7d7 url(../image/bg_content.png) repeat-x left top;padding: 25px 0;}.footer {background: url(../image/bg_footer.png) repeat-x top left;height: 125px;position: relative;}.footer p {text-align: center;color: #afafaf;line-height: 21px;padding: 25px 0 0;}.footer p a {color: #a2a2a2;font-weight: bold;text-decoration: none;}