/*
Copyright Soluso e-solutions, 2010. Alle rechten voorbehouden.
version: 1.2

Stylesheet: main.css
Description: positioning for all common sections and selectors.
Author: Soluso e-solutions.
Date: 30-08-2010
*/

body {
    margin: 0 auto;
    text-align: center;
    background: url(../images/body-background.png) repeat-x #f0f1f1;
    color: #3e3e3e;
    font-family: Arial;
    font-size: 12px;
}

.under-construction {
    background: #f0f1f1;
}

.has-submenu {
    background-image: url(../images/body-background-subnavigation.png);
}

h1 {
    font-size: 24px;
    color: #1e96d3;
    font-weight: normal;
    margin: 0 0 12px;
}

h2 {
    font-size: 24px;
    color: #79af47;
    margin: 0 0 10px;
    font-weight: normal;
}

h3 {
    font-size: 18px;
    color: #79af47;
    margin: 0 0 5px;
    font-weight: normal;
}

h4 {
    font-size: 20px;
    color: #FF5757;
    font-weight: normal;
}

p {
    line-height: 24px;
    margin: 0 0 24px;
    text-align: justify;
}

ul, ol, dl {
    margin: 0 0 24px;
}

li {
    list-style-type: disc;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    line-height: 24px;
}

a, a:active, a:visited {
    color: #1e96d3;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.button {
    display: block;
    width: 172px;
    height: 24px;
    text-align: center;
    color: #FFF;
    background: url(../images/button-sprite.png) no-repeat 0px 0px;
    text-decoration: none;
    padding: 8px 0 0;
    position: relative;
    left: -9px;
    float: left;
}

span.afterbuttonlink {
    position: relative;
    top: 8px;
}

span.afterbuttonlink a {
    margin-left: 10px;
}

a.green {
    background-position: 0px -32px;
}
a.red {
    background-position: 0px -64px;
}

a.button:hover, a.button:active, a.button:visited {
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

abbr {
    border-bottom: 1px dashed #3e3e3e;
    cursor: help;
}

div#container {
    margin: 0 auto;
    text-align: justify;
    width: 960px;
    position: relative;
    top: 0;
}

.under-construction div#container {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -480px;
    height: 400px;
}

/* Begin Header section */

div#header {
    position: relative;
    height: 127px;
    background: url(../images/grass.png) no-repeat bottom;
}

div#logo {
    position: absolute;
    top: 22px;
}

div#logo a.logo {
    width: 250px;
    height: 89px;
    display: block;
    text-indent: -9999px;
    background: url(../images/logo.png) no-repeat 0px -89px;
}

div#logo a.logo:hover {
    background-position: 0px 0px;
}

div#info {
    position: absolute;
    top: 40px;
    left: 322px;
}

div#info p {
    font-size: 21px;
    color: #939598;
}

div#info a {
    text-decoration: none;
}

div#info p span.light {
    font-weight: normal;
    color: #1E96D3;
}

div#info p span.dark {
    font-weight: normal;
    color: #003D79;
}

div#mijnsoluso {
    width: 167px;
    height: 25px;
    background: url(../images/login-background.png) no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
}

div#mijnsoluso a {
    padding: 1px 0 0 29px;
    color: #626366;
    font-size: 11px;
    position: absolute;
    left: 10px;
    top: 5px;
    display: block;
    height: 14px;
    line-height: 14px;
    background: url(../images/icon-sprite.png) no-repeat 0px 0px;
}

/* End Header section */

/* Begin Navigation section */

div#navigationholder {
    position: relative;
    height: 82px;
    margin-bottom: 10px;
}

ul.navigation {
    height: 35px;
    position: relative;
    left: 2px;
}

ul.navigation li {
    float: left;
    height: 38px;
    margin: 7px 0 0;
    padding: 0;
    list-style-type: none;
}

ul.navigation li.active {
    background: url(../images/layout-sprite.png) no-repeat scroll center -30px;
}

ul.navigation li a {
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    display: block;
    height: auto !important;
    min-height: 30px;
    background: none;
    position: relative;
    text-decoration: none;
}

ul.navigation li a strong {
    font-weight: normal;
}

ul.navigation li a:hover, ul.navigation li a:hover strong {
    background: url(../images/layout-sprite.png) no-repeat scroll left 0px;
    color: #FFFFFF;
}

ul.navigation li a span {
    display: block;
    float: left;
    height: auto !important;
    min-height: 29px;
    padding: 1px 15px 0;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

ul.navigation li a:hover span {
    background: url(../images/layout-sprite.png) no-repeat scroll right 0px;
    margin-left: 4px;
    padding-left: 11px;
}

ul.navigation li.active a, ul.navigation li.active a strong {
    background: url(../images/layout-sprite.png) no-repeat scroll 0 -68px;
}

ul.navigation li.active a span {
    background: url(../images/layout-sprite.png) no-repeat scroll right -68px;
    margin-left: 4px;
    padding-left: 11px;
    color: #1E96D3;
}

ul.subnavigation {
    position: absolute;
    height: 47px;
    line-height: 47px;
    left: -2px;
    top: 45px;
    width: 958px;
}

ul.subnavigation li {
    padding: 0;
    margin: 0;
    background: none;
    padding: 0 10px;
    line-height: 48px;
    height: 48px;
}

ul.subnavigation li a, li.active ul.subnavigation li a {
    padding: 0;
    margin: 0;
    color: #1e96d3;
    background: none;
    text-shadow: 0 1px 0 #FFFFFF;
    position: relative;
    top: -1px;
}

ul.subnavigation li a:hover, li.active ul.subnavigation li a:hover {
    text-decoration: underline;
    color: #1e96d3;
}

ul.subnavigation li.active, li.active ul.subnavigation li.active {
    background: url(../images/layout-sprite.png) no-repeat center -122px !important;
}


ul.subnavigation li.active a, ul.subnavigation li.active a:hover{
    color: #8e8e8e !important;
    text-decoration: none !important;
    text-shadow: 0 1px 0 #FFFFFF;
}

/* End Navigation section */

/* Begin Searchbar section*/

.searchholder{
    position: absolute;
    height: 25px;
    width: 205px;
    right: 0px;
    top: 10px;
}

input.searchbox {
    background: url(../images/background-searchbox.png) no-repeat scroll 0 0;
    color: #999999;
    height: 15px;
    right: 0px;
    padding: 5px 25px 5px 10px;
    position: absolute;
    top: 0px;
    width: 195px;
    border: 0;
    font-style: normal;
    font-size: 11px;
}

input.watermark {
    font-style: italic;
}

input.searchbutton {
    background: none repeat scroll 0 0 transparent;
    border: none;
    cursor: pointer;
    height: 25px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
}

/* End Searchbar section*/

/* Begin Breadcrumb section */

div#breadcrumbholder {
    position: relative;
    height: 27px;
}

div.breadcrumb {
    font-size: 11px;
    padding: 12px 22px 0;
}

div#breadcrumb a {
}

span.sep {
    margin: 0 10px;
    position: relative;
    top: -1px;
}

/* End Breadcrumb section */

/* Begin Language section */

ul.languages {
}

ul.languages li {
}

ul.languages li a {
}

ul.languages li a:hover {
}

ul.languages li a span {
}

ul.languages li a span img {
}

/* End Language section */

/* Begin research section */

div#research {
    width: 320px;
    height: 241px;
    background: url(../images/background-research.png) no-repeat center -9px;
    float: left;
    display: block;
    position: relative;
}

img.research-img {
    position: absolute;
    top: 9px;
    left: -28px;
}

div.research-form {
    position: absolute;
    top: 19px;
    left: 123px;
}

span.title-research {
    margin: 0 0 10px;
    color: #79af47;
    font-size: 15px;
    display: block;
}

div.radiolist {
    margin: 0 0 10px 0;
}

div.radiolist span {
    display: block;
    margin-bottom: 5px;
}

div.radiolist span input {
    position: relative;
    top: 3px;
    margin-right: 10px;
}

div.radiolist span label {
    cursor: pointer;
}

div.research-form a.vote-button {
    width: 76px;
    height: 29px;
    text-align: center;
    padding-top: 7px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    background: url(../images/button-sprite.png) no-repeat 0px -122px;
    display: block;
    top: 10px;
    left: 35px;
}

.pollOptionBar {
    width: 160px;
    border: 1px solid #CCCCCC;
    background: #FAFAFA;
    padding: 2px;
    margin: 3px 0 8px 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.voteBar {
    height: 6px;
    background: #1E96D3;
    background: -moz-linear-gradient(center bottom, rgb(30,151,211) 0%, rgb(47,193,241) 80%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(30,151,211)), color-stop(0.8, rgb(47,193,241)));
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.pollOptionAnswer {
    font-size: 12px;
}

.percentage {
    color: #666666;
    font-size: 10px;
    margin-left: 6px;
    position: relative;
    top: -1px;
}

/* End research section */

/* Begin carousel section */

div#news-carousel {
    position: relative;
    height: 224px;
}

div#process-carousel-wrapper {
    position: relative;
    height: 304px;
    width: 618px !important;
    left: -22px;
    background: url(../images/carousel-process-bg.png) no-repeat !important;
}

div#process-carousel {
    position: relative;
    height: 216px;
    width: 490px !important;
    left: 64px;
    top: 30px;
    background: none !important;
}

.stepcarousel {
    position: relative; /*leave this value alone*/
    overflow: scroll; /*leave this value alone*/
    width: 640px; /*Width of Carousel Viewer itself*/
    height: 222px; /*Height should enough to fit largest content's height*/
    background: url(../images/box-background-small.png) repeat-y #FFFFFF;
}

.stepcarousel .belt {
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}

.stepcarousel .panel {
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 0px; /*margin around each panel*/
    width: 916px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
    padding: 22px;
}

#process-carousel .panel {
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 0px; /*margin around each panel*/
    width: 490px !important; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
    padding: 0 !important;
}

.process-header {
    margin: 0 0 25px;
}

.process-image {
    float: left;
    margin: 0 15px 0 0;
}

#process-carousel .panel p {
    text-shadow: 0 1px 0 #FFFFFF;
    color: #666666;
    line-height: 20px;
    overflow: hidden;
}

.img-wrapper {
    float: left;
    margin-right: 22px;
    width: 194px;
    height: 179px;
    overflow: hidden;
    position: relative;
}

.img-wrapper-small {
    float: left;
    margin-right: 22px;
    overflow: hidden;
    position: relative;
    width: 114px;
    height: 114px;
    position: relative;
    top: 2px;
}

.img-overlay {
    background: url(../images/news-image-wrapper.png) no-repeat transparent;
    top: 0;
    left: 0;
    width: 194px;
    height: 179px;
    overflow: hidden;
    position: absolute;
    z-index: 3;
}

.img-wrapper-small .img-overlay {
    background: url(../images/news-image-wrapper-small.png) no-repeat transparent;
    top: 0;
    left: 0;
    width: 114px;
    height: 114px;
    overflow: hidden;
    position: absolute;
    z-index: 3;
}

p.date {
    padding: 3px 0 0 21px;
    float: left;
    font-size: 14px;
    height: 13px;
    line-height: 16px;
    display: block;
    width: 656px;
    margin-bottom: 13px;
    color: #959699;
    background: url(../images/icon-sprite.png) no-repeat 0px -22px;
}

div.description {
    margin-top: 10px;
}

div.description p {
    margin-bottom: 10px;
}

div.leftcolumn {
    float: left;
    width: 368px;
    padding-right: 33px;
}

div.rightcolumn {
    padding-left: 33px;
    float: left;
    width: 300px;
}

div.carouselnav {
    position: absolute;
    bottom: 22px;
    right: 30px;
    z-index: 2;
}

#process-carousel-paginate {
    left: 50%;
    margin-left: -62px;
    top: 292px;
    width: 125px;
}

/* End carousel section */

/* Begin layout section */

div#main {
    position: relative;
    top: 14px;
}

div#introwrapper {
    width: 640px;
    float: left;
    display: block;
    margin-bottom: 10px;
}

div#intro {
    padding-bottom: 0;
}

div#subpagewrapper {
    width: 640px;
    display: block;
    margin-bottom: 10px;
}

div.fullsize {
    width: 960px !important;
}

div.roundedcorners-top {
    width: 960px;
    height: 4px;
    background: url(../images/layout-sprite.png) no-repeat 0px -98px;
    margin-top: 20px;
}

div.roundedcorners-bottom {
    width: 960px;
    height: 4px;
    background: url(../images/layout-sprite.png) no-repeat 0px -102px;
}

div.roundedcorners-top-small {
    width: 640px;
    height: 4px;
    background: url(../images/layout-sprite.png) no-repeat 0px -106px;
    margin-top: 10px;
}

div.roundedcorners-bottom-small {
    width: 640px;
    height: 4px;
    background: url(../images/layout-sprite.png) no-repeat 0px -110px;
}

div.wrapper {
    padding: 22px;
    background: url(../images/box-background.png) repeat-y #FFFFFF;
    position: relative;
}

div#columns {
    background: url(../images/content-background.png) repeat-y;
    min-height: 1px;
}

div.twocolumn {
    background: url(../images/content-background-2column.png) repeat-y !important;
}

div.threecolumn {
    background: #FFF !important;
}

div#bottomcontainer {
    margin-top: 40px;
}

div#columns div.firstcolumn, div#columns div.secondcolumn, div#columns div.thirdcolumn {
  margin-right: 22px;
  padding-right: 22px;
  float: left;  
  width: 274px;
}

div#columns div.firstsecondcolumn {
    width: 593px !important;
    margin-right: 22px;
    padding-right: 22px;
    float: left;
}

div#columns div.firstsecondthirdcolumn {
    width: 916px !important;
    margin-right: 22px;
    padding-right: 22px;
    float: left;
}

div#columns div.last {
    width: 274px;
    margin-right: 0 !important;
    padding-right: 0;
    border: none;
    float: left;
}

h2.fph {
    margin-bottom: 20px !important;
}

div#contentfooter {
    position: relative;
    background: url(../images/box-background.png) repeat-y #FFFFFF;
    padding: 22px;
}

div#contentfooter div {
    float: left;
}

div#contentfooter div.techholder {
    width: 391px;
    border-right: 1px solid #E5E5E5;
}

div#contentfooter div.partnerholder {
    padding-left: 30px;
}

div.techholder span, div.partnerholder span, div.quicklinks span.title, div.media span.title {
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 10px;
    color: #959699;
    font-weight: normal;
    display: block;
}

ul.tech, ul.partners {
    margin-top: 20px;
}

ul.tech li, ul.partners li {
    list-style-type: none;
    float: left;
    display: block;
}

ul.tech li {
    margin: 0 24px 0 0;
}

ul.tech li a, ul.partners li a {
    display: block;
    text-indent: -9999em;
    height: 43px;
    margin-right: 10px;
    background: url(../images/logos-sprite.png) no-repeat;
}

ul.tech li a.prince2 {
    width: 105px;
    background-position: 0px 0px;
}

ul.tech li a.prince2:hover {
    background-position: 0px -43px;
}

ul.tech li a.aspnet {
    width: 88px;
    background-position: -170px 0px;
}

ul.tech li a.aspnet:hover {
    background-position: -170px -43px;
}

ul.tech li a.google {
    background-position: -105px 0px;
    width: 65px;
}

ul.tech li a.google:hover {
   background-position: -105px -43px;
}

ul.partners li a.tekstschrijvers {
    width: 136px;
    background-position: -258px 0px;
}

ul.partners li a.tekstschrijvers:hover {
    background-position: -258px -43px;
}

ul.partners li a.vevida {
    width: 136px;
    background-position: -394px 0px;
}

ul.partners li a.vevida:hover {
    background-position: -394px -43px;
}

ul.partners li a.clipit {
    width: 132px;
    background-position: -530px 0px;
}

ul.partners li a.clipit:hover {
    background-position: -530px -43px;
}

div#columns ul li {
    list-style-type: none;
    background: url(../images/icon-sprite.png) no-repeat 0px -82px;
    line-height: 9px;
    height: 10px;
    margin: 0 0 15px 10px;
    padding-left: 25px;
}

div#columns ol li {
    background: none;
    height: 10px;
    line-height: 9px;
    list-style-type: decimal;
    margin: 0 0 15px 25px;
    padding-left: 5px;
}

/* End layout section */

/* Begin footer section */

div#footer {
    margin-top: 40px;
    text-align: justify;
    width: 916px;
    padding: 12px 22px;
}

div#footer div {
    width: 274px;
    margin-right: 22px;
    padding-right: 22px;
    float: left;
}

div#footer div.media {
    width: 248px;
}

div#footer div.last {
    margin-right: 0;
    padding-right: 0;
    border: none;
}

div#footer div.copyright {
    width: 306px;
    margin-right: 0;
    font-size: 11px;
}

div.copyright p {
    line-height: 1;
    color: #959699;
    margin: 0 0 12px;
}

div.copyright a.msoftpn {
    background: url(../images/microsoft-partner-network.png) no-repeat right top;
    width: 306px;
    height: 60px;
    line-height: 1.5;
    padding: 10px 0 0 7px;
    position: relative;
    text-indent: -9999px;
    display: block;
    color: #959699;
    top: -10px;
}


ul.links li {
    list-style-type: none;
}

div.media ul.links li a {
    background: url(../images/icon-sprite.png) no-repeat scroll 0 0 transparent;
    display: block;
    height: 16px;
    line-height: 16px;
    margin: 0 0 10px;
    padding: 0 0 0 29px;
}

.facebook {
    background-position: 0px -466px !important;
}

.linkedin {
    background-position: 0px -134px !important;
}

.rss {
    background-position: 0px -118px !important;
}

.twitter {
    background-position: 0px -102px !important;
}

.slideshare {
    background-position: 0px -684px !important;
}

/* End footer section */

/* Begin splashpage section */

a.directcontact, a.directcontact:hover {
    height: 32px;
    background: url(../images/icon-sprite.png) no-repeat 0px -434px;
    display: block;
    padding-left: 58px;
    text-decoration: none;
    min-width: 45px;
    color: #3f3f3f;
    font-weight: bold;
    position: relative;
    top: -7px;
}

a.directcontact span {
    font-size: 14px;
    position: relative;
    top: 7px;
    color: #3f3f3f;
}

a.vacature, a.vacature:hover {
    height: 50px;
    background: url(../images/icon-sprite.png) no-repeat 0px -230px;
    display: block;
    padding-left: 58px;
    text-decoration: none;
    width: 200px;
    color: #3f3f3f;
    font-weight: bold;
}

a.vacature span {
    font-size: 14px;
    position: relative;
    top: 8px;
    color: #3f3f3f;
}

a.koffie, a.koffie:hover {
    height: 38px;
    background: url(../images/icon-sprite.png) no-repeat 0px -192px;
    display: block;
    padding-left: 58px;
    text-decoration: none;
    width: 250px;
    color: #3f3f3f;
    font-weight: bold;
}

a.koffie span {
    font-size: 14px;
    position: relative;
    top: 6px;
    color: #3f3f3f;
}

ul.reference {
    margin-bottom: 10px;
    overflow: hidden;
}

div#columns ul.reference li {
    float: left;
    display: block;
    width: 137px;
    padding: 5px 0;
    margin: 0;
    text-align: center;
    list-style: none;
    background: none;
    height: 65px;
}

ul.reference li a {
    height: 65px;
    display: block;
    margin: 0;
    width: 137px;
}

div#columns ul.list li {
    list-style-type: none;
    background: url(../images/icon-sprite.png) no-repeat 0px -667px;
    line-height: 1;
    height: 10px;
    margin: 0 0 15px 10px;
    padding: 0 0 2px 25px;
}

/* End splashpage section */

/* Begin subpage section */

dl.table-display {
    float: left;
    width: 274px;
    margin: 0;
    padding: 0;
}

.table-display dt {
    clear: left;
    float: left;
    width: 128px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eaebec;
    line-height: 26px;
    padding: 10px 0;
}

.table-display dd {
    float: left;
    width: 146px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eaebec;
    line-height: 26px;
    padding: 10px 0;
}

a.download {
    display: block;
    float: left;
    width: 146px;
    height: 26px;
    text-decoration: none;
    color: #FFF;
    background: url(../images/button-sprite.png) no-repeat 0px -96px;
    text-indent: 28px;
}

a.download:hover, a.download:active, a.download:visited {
    text-decoration: none;
    color: #FFF;
}

.ext-link {
    float: left;
    height: 7px;
    line-height: 7px;
    background: url(../images/icon-sprite.png) no-repeat 0px -15px;
    padding: 0 0 0 21px;
}

img.profile-image {
    position: absolute;
    right: 1px;
    top: 5px;
}

/* Producten en diensten */

div#products {
    width: 100% !important;
    overflow: hidden;
    float: none !important;
    margin: 15px 0 0 0 !important;
    padding: 0 !important;
}

div#content div.product {
    float: left;
    margin: 0 30px 22px 0;
    width: 278px !important;
    padding: 0 !important;
    height: 146px;
}

h3.product-title{
    color: #333333;
    font-size: 16px;
    margin: 0 0 20px;
    line-height: 22px;
}

h3.product-title a {
    color: #333333;
    text-decoration: none;
}

span.product-image {
    width: 26px;
    height: 22px;
    display: block;
    float: left;
    margin-right: 10px;
    background: url(../images/icon-sprite.png) no-repeat 0px -168px;
}

span.websiteontwikkeling {
    background-position: 0 -412px;
}

span.zoekmachineoptimalisatie {
    background-position: 0 -390px;
    position: relative;
    top: 2px;
}

span.onlineadverteren {
    background-position: 0 -368px;
}

span.websitebeheer {
    background-position: 0 -348px;
    height: 20px;
    position: relative;
    top: 2px;
}

span.hosting {
    background-position: 0px -280px;
    height: 23px;
}

span.maatwerk {
    background-position: 0 -326px;
}

span.onlineapplicaties {
    background-position: 0 -304px;
}

span.prijzen {
    background-position: 0 -482px;
}

p.product-desc {
    line-height: 20px;
}

/* Icons Websuite Modules */

div#columns ul.ws-list{
    padding: 10px 10px 0 10px;
    border: 1px solid #DDD;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #F9F9F9;
    position: relative;
    top: -15px;
}

div#columns ul.ws-list li.ws-icon {
    background-image: url(../images/icon-sprite.png);
    height: 16px;
    float: none !important;
    display: block;
    margin-right: 10px;
    line-height:18px;
    list-style-type:none;
    margin:0 0 15px 10px;
    padding-left:25px;
}

.dashboard {
    background-position: 0px -504px !important;
}

.instellingen {
    background-position: 0px -520px !important;
}

.paginabeheer {
    background-position: 0px -536px !important;
}

.menubeheer {
    background-position: 0px -552px !important;
}

.bestandsbeheer {
    background-position: 0px -568px !important;
}

.gebruikersbeheer {
    background-position: 0px -584px !important;
}

.nieuwsbeheer {
    background-position: 0px -600px !important;
}

.kalenderbeheer {
    background-position: 0px -616px !important;
}

.weblogbeheer {
    background-position: 0px -632px !important;
}

.opiniebeheer {
    background-position: 0px -648px !important;
}



/* Opdrachtgevers */

.customerListHolder {
    margin: 0 0 30px;
    float: none !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}

.customer {
    width: 120px !important;
    height: 120px;
    float: left;
    margin: 4px !important;
    padding-right: 0 !important;
    position: relative;
    cursor: pointer;
}

.customerData {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100%;
    border: 1px solid #ececec;
    background: #f9f9f9;
    padding-right: 0 !important;
    margin-right: 0 !important;
    -moz-box-shadow: 0 0 10px #FFF inset;
    -webkit-box-shadow: 0 0 10px #FFF inset;
    box-shadow: 0 0 10px #FFF inset;
    text-decoration: none !important;
}

.customerData:hover {
    border: 1px solid #DDD;
    -moz-box-shadow: 0 0 10px #EEE inset;
    -webkit-box-shadow: 0 0 10px #EEE inset;
    box-shadow: 0 0 10px #EEE inset;
}

.customerData span {
    position: absolute;
    visibility: hidden;
    left: 0px;
    bottom: 0px;
    width: 100px;
    height: 14px;
    padding: 10px 10px;
    text-align: center;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.85);
    color: #888;
    border-top: 1px solid #DDD;
    text-decoration: none !important;
    font-size: 11px;
    z-index: 10;
}

.customerData:hover span {
    visibility: visible;
}

.customerData img {
    left: 50%;
    margin: -50px 0 0 -50px;
    position: absolute;
    top: 50%;
}

/* Portfolio */

.portfolio {
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden;
    clear: both;
}

.portfolio-item {
    margin: 0 21px 0 0 !important;
    padding: 0 !important;
    background: url(../images/portfolio-shadow-bottom.png) no-repeat bottom right;
    width: 285px !important;
}

.portfolio-box {
    width: 286px !important;
    height: 214px !important;
    background: #FFFFFF;
    padding: 0 !important;
    margin: 0 !important;
    -moz-box-shadow: 0 0 10px #FFF inset;
    -webkit-box-shadow: 0 0 10px #FFF inset;
    box-shadow: 0 0 10px #FFF inset;
    position: relative;
}

.last-item {
    margin: 0 !important;
}

.portfolio-image-wrapper {
    height: 174px;
    left: 20px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    width: 245px;
    z-index: 3;
}

.portfolio-image {
    width: 245px;
    height: 174px;
    padding: 20px;
    display: block;
    border: 1px solid #ececec;
    background: #f9f9f9;
}

.portfolio-image:hover {
    border: 1px solid #DDD;
    -moz-box-shadow: 0 0 20px #EEE inset;
    -webkit-box-shadow: 0 0 20px #EEE inset;
    box-shadow: 0 0 20px #EEE inset;
}

div#columns ul.portfolio li {
    background: none;
    list-style: none outside none;
    padding: 0;
    margin: 0;
    float: left;
    line-height: normal;
    height: auto;
}

.caption {
    font-size: 12px;
    color: #868686;
    text-align: center;
    padding: 10px 0 0;
}

.portfolio-image-big {
    /* AANPASSEN!!! */
    background: url(../images/portfolio-shadow-bottom.png) no-repeat bottom right;
    float: none !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
    width: 591px !important;
    height: 481px !important;
}

.image-holder {
    width: 551px !important;
    padding: 20px !important;
    border: 1px solid #ececec;
    float: none !important;
    margin: 0 !important;
}

/* Nieuws overzicht */

.news-item {
    width: 594px !important;
    margin: 0 22px 22px 0 !important;
    padding: 0 !important;
    height: 114px;
    float: none !important;
}

.news-image {
    width: 108px !important;
    padding: 2px !important;
    border: 1px solid #cbccd0;
    float: left;
    margin: 0 22px 0 0 !important;
}

.news-content {
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    width: 457px !important;
}

.news-title {
    font-size: 18px;
    margin: 0 0 10px;
    color: #1e96d3;
}

.news-date {
    background: url(../images/icon-sprite.png) no-repeat 0px -22px;
    color: #959699;
    display: block;
    float: left;
    font-size: 14px;
    margin: 0 0 10px;
    padding: 0 0 0 21px;
    width: 100%;
}

.news-text {
    line-height: 18px;
    margin: 0 0 10px;
}

.news-detail-date {
    color: #959699;
    display: block;
    font-size: 11px;
    margin: 0 0 5px;
    width: 100%;
}

.last {
    margin-right: 0 !important;
}

/* Nieuws archief */

ul.news-archive {
    border: 1px solid #eee;
    color: #909090;
    background: #f9f9f9;
    background-image: -moz-linear-gradient(100% 100% 90deg, #eeeeee, #f9f9f9);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#eeeeee));
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

ul.news-archive li {
    float: none !important;
    overflow: hidden;
    background: none !important;
    padding: 0 !important;
    line-height: 32px !important;
    height: 32px !important;
    text-shadow: #FFF 0 1px 0;
    border-top: 1px solid #F9F9F9;
    border-bottom: 1px solid #EEE;
    margin: 0 !important;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

ul.news-archive li.first {
    border-top: none;
}

ul.news-archive li.last {
    border-bottom: none;
}

ul.news-archive li:hover {
    background: rgb(245, 245, 245) !important;
    background: rgba(255, 255, 255, .45) !important;
    background-repeat: no-repeat !important;
    background-position: 560px !important;
}

ul.news-archive li:active {
    background: rgb(255, 255, 255) !important;
    background: rgba(255, 255, 255, .85) !important;
    background-repeat: no-repeat !important;
    background-position: 560px !important;
}

ul.news-archive-small li.current:hover, ul.news-archive-small li.current:active {
    background: none !important;
}

.archive-date {
    float: left;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
    width: 111px !important;
    padding: 0 10px !important;
}

.archive-title {
    width: 442px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: left;
}

.portfolio-title {
    width: 442px !important;
    margin: 0 !important;
    float: left;
    padding: 0 10px !important;
}

ul.news-archive a {
    display: block;
    color: #909090;
}

ul.news-archive a:hover {
    color: #1e96d3;
    text-decoration: none;
}

/* Twitter updates */

li.twitter-update {
    padding: 10px 0 !important;
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
    background: none !important;
    height: auto !important;
    line-height: 1.5 !important;
}

.twitter-update-left {
    float: left;
    width: 32px !important;
    padding: 0 !important;
    margin: 2px 10px 0 0 !important;
}

.twitter-update-right {
    width: 206px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: left;
}

p.twitter-user {
    margin: 0 0 5px;
    line-height: 1;
    font-size: 16px;
}

p.twitter-user a {
    text-decoration: none !important;
}

p.twitter-date {
    color: #959699;
    font-size: 10px;
    line-height: 0;
    margin: 12px 0 0;
}

p.twitter-text {
    line-height: 1.5;
    text-align: left;
    margin: 0;
}

a.twitterfollow, a.twitterfollow:hover {
    background: url(../images/icon-sprite.png) no-repeat scroll 0 -150px transparent;
    color: #3F3F3F;
    display: block;
    font-weight: bold;
    height: 41px;
    padding-left: 58px;
    text-decoration: none;
    width: 200px;
}

a.twitterfollow span {
    font-size: 14px;
    position: relative;
    top: 8px;
    color: #1e96d3;
}

/* Archief sidebar */

ul.news-archive-small {
    border: 1px solid #eee;
    color: #909090;
    background: #f9f9f9;
    background-image: -moz-linear-gradient(100% 100% 90deg, #eeeeee, #f9f9f9);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#eeeeee));
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

ul.news-archive-small li {
    float: none !important;
    overflow: hidden;
    background: none !important;
    padding: 0 !important;
    line-height: 32px;
    text-shadow: #FFF 0 1px 0;
    border-top: 1px solid #F9F9F9;
    border-bottom: 1px solid #EEE;
    margin: 0 !important;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    height: 32px !important;
    line-height: 32px !important;
}

ul.news-archive-small li.first {
    border-top: none;
}

ul.news-archive-small li.last {
    border-bottom: none;
}

ul.news-archive-small li:hover {
    background: rgb(245, 245, 245) !important;
    background: rgba(255, 255, 255, .45) !important;
}

ul.news-archive-small li:active {
    background: rgb(255, 255, 255) !important;
    background: rgba(255, 255, 255, .85) !important;
}

ul.news-archive-small .archive-date {
    float: left;
    margin: 0 22px 0 0 !important;
    padding: 0 !important;
    width: 97px !important;
    padding: 0 10px !important;
}

ul.news-archive-small .archive-title {
    width: 252px !important;
    margin: 0 !important;
    padding: 0 10px !important;
}

ul.news-archive-small ul.news-archive a {
    display: block;
    color: #909090;
}

ul.news-archive-small ul.news-archive a:hover {
    color: #1e96d3;
    text-decoration: none;
}

/* Nieuws detail */

.news-image-big {
    border: 1px solid #CBCCD0;
    margin: 20px 0 !important;
    padding: 10px !important;
    width: 573px !important;
}

pre {
    background-color: #EBEBEB;
    border: 1px solid #E1E1E1;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: hidden;
    padding: 10px;
}

/* Routebeschrijving */

div#map-container {
    border: 1px solid #ececec;
    width: 274px !important;
    margin: 19px 0 19px 0 !important;
    height: 274px !important;
    background: #FFFFFF;
    position: relative;
    padding: 0 !important;
}

div#map {
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
    width: 264px !important;
    height: 264px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* End subpage section */

/* Begin downloads sections */

.downloads {
    width: 80%;
    margin: 0 0 20px;
    border: 1px solid #E4E4E4;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-spacing: 8px;
    border-collapse: separate;
    background: #F9F9F9;
}

.downloads th{
    line-height: 24px;
    font-weight: bold;
}

.downloads td {
    background: none;
    padding: 0px !important;
    background: none !important;
    height: auto !important;
    line-height: auto !important;
}

.downloads a {
    line-height: 24px;
    display: inline;
    padding: 1px 0 4px 19px;
    margin: 0;
}

.pdf {
    background: url(../images/icon_pdf.png) no-repeat !important;
    padding: 1px 0 4px 19px;
}

.img {
    background: url(../images/icon_picture.png) no-repeat !important;
}


/* End downloads sections */

/* Begin pricing section */

table.pricing {
    width: 100%;
}

table.pricing tr.odd {
    background: #F6F6F6;
    border-bottom: 1px solid #EEE;
}

table.pricing th {
    padding: 7px;
    text-align: center;
    font-size: 18px;
}

span.price {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0 0;
}


table.pricing td {
    padding: 7px;
    line-height: 18px;
}

table.pricing .left {
    width: 28%;
}

table.pricing .right {
    text-align: center;
}

table.pricing td.right img {
    position: relative;
    top: 1px;
}

/* End pricing section */

/* Begin Searchresults section */

table.searchGrid {
    width: 570px;
}

tr.pagerSearchGrid {
    display: block;
    font-size: 1.33em;
    font-weight: bold;
}

tr.pagerSearchGrid td {
    padding-bottom: 10px;
}

tr.pagerSearchGrid td table tr td span {
    padding: 3px 8px;
}

tr.pagerSearchGrid td table tr td a {
    padding: 3px 8px;
    color: #47b0ef;
    margin: 0 3px;
}

div.searchResultItem {
    width: 100% !important;
    border-top: 1px solid #EAEBEC;
    margin-bottom: 22px;
    padding-top: 22px;
}

div.searchResultItem h5 {
    font-size: 16px;
    color: #79AF47;
    line-height: 24px;
    margin: 0 0 10px;
}

div.searchResultItem h5 cite {
    font-size: 11px;
    padding: 3px;
    border: 1px solid #5d942d;
    background: #79AF47;
    color: #FFFFFF;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-style: normal;
    margin-left: 10px;
    text-shadow: 0 -1px 0 #397000;
}

div.searchResultItem p {
    margin-bottom: 10px;
}

/* End Searchresults section*/

/* Begin error pages */

.errorpage {
    float: left;
    position: relative;
}

.errorpage ul {
    margin: 0 0 60px 10px !important;
}

.errorpage li {
    line-height: 20px !important;
    background: none !important;
    list-style-type: disc !important;
    padding: 0 0 0 5px !important;
    margin: 0 0 0 5px !important;
    height: 20px !important;
}

.errorpage span {
    float: left;
    margin: 0 10px;
    position: relative;
    top: 5px;
}

.floatbtn {
    float: left;
    left: 0px !important;
}

.errorimg {
    position: absolute;
    bottom: -25px;
}

/* End error pages */

/* Begin contact info */

.contactinfo span {
    margin: 0 5px 0 0;
    color: #999;
}

/* End contact info */

/* Maintenance */

.maintenance {
    overflow: hidden;
}

.maintenance-left {
    float: left;
    margin: 0 30px 0 0;
    position: relative;
    z-index: 100;
}

.maintenance-right{
    margin-left: 251px;
}

.maintenance-right p {
    margin-right: 30px;
}

.maintenance-logo {
    margin: 0 0 50px 0;
}

/* 
	Common used elements 
	DO NOT MODIFY!
*/

br.clearall, br.clearall:after {
    min-height: 1%;
    clear: both;
    visibility: hidden;
    height: 1px;
    line-height: 1px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    content: ".";
    display: block;
}

.clearfix, .clearfix:after {
    clear: both;
    font-size: 1px;
    line-height: 0;
    margin: 0;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

/*  \*/
.clearfix {
    min-height: 1%;
}

* html .clearfix {
    height: 1%;
}

div.left {
    float: left;
}

div.right {
    float: right;
}