/* 
#accountPage {

    font-size: 14px;
    line-height: 26px;
}

#accountPage h1 {
    margin-top: 0;
}

#accountPage h4 {
    color: #333;
    display: block;
    font-size: 1.6em;
    padding-top: 30px;

}

#container a.button {
    color: #222;
    text-decoration: underline;
}

#accountPage .accountContent {
    width: 915px;
    float: left;
}

#accountPage .accountContent .title.large {

    font-size: 40px;
    margin-top: 20px;
    margin-bottom: 30px;
}

#accountPage .accountContent .infobox {
    background-color: #e7f0f7;
    padding: 25px;
}

#accountPage .accountContent .infobox.credits {
    height: 156px;
    margin-top: 50px;
    padding: 40px;
}

#accountPage .accountContent .infobox .credits {
    height: 136px;
    width: 250px;
    position: relative;
    float: left;
}

#accountPage .accountContent .infobox .credits .credit {
    background-color: #fff;
    height: 136px;
    width: 100px;
    font-size: 100px;
    display: inline-block;
    line-height: 136px;

    text-align: center;
    margin-right: 5px;
    color: #4292d0;
}

#accountPage .accountContent .infobox .credits .credit:before {
    content: ' ';
    display: block;
    width: 210px;
    height: 3px;
    position: absolute;
    background-color: #e7f0f7;
    top: 68px;
    left: 0;
}

#accountPage .accountContent .infobox .title {
    font-size: 35px;
    margin-bottom: 15px;
}

#container #accountPage .accountContent .infobox .button {
    background-color: #4292d0;
    padding-left: 50px;
    padding-right: 50px;
}

#accountPage .menuLeft {
    height: 3000px;
    background-color: #f9f9f9;
    border: 1px solid #e4e4e4;
    width: 220px;
    margin-right: 60px;
    float: left;
}

#accountPage .menuLeft ul li, #accountPage .menuLeft li a {
    padding-top: 110px;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 14px;
    text-align: center;
    color: #666;

    text-decoration: none;
    background-position: center;
    background-repeat: no-repeat;
}

#accountPage .menuLeft li a:hover {
    color: #3a3c3c;
}

#accountPage .menuLeft li a.bedrijfsaccount {
    background-image: url(/static/site/img/acquire/account/bedrijfsaccount.png);
}

#accountPage .menuLeft li a.bedrijfsaccount:hover, #accountPage .menuLeft li a.bedrijfsaccount.active {
    background-image: url(/static/site/img/acquire/account/bedrijfsaccount_hover.png);
}

#accountPage .menuLeft li a.bedrijfspresentatie {
    background-image: url(/static/site/img/acquire/account/bedrijfspresentatie.png);
}

#accountPage .menuLeft li a.bedrijfspresentatie:hover, #accountPage .menuLeft li a.bedrijfspresentatie.active {
    background-image: url(/static/site/img/acquire/account/bedrijfspresentatie_hover.png);
}

#accountPage .menuLeft li a.artikelen {
    background-image: url(/static/site/img/acquire/account/artikelen.png);
}

#accountPage .menuLeft li a.artikelen:hover, #accountPage .menuLeft li a.artikelen.active {
    background-image: url(/static/site/img/acquire/account/artikelen_hover.png);
}

#accountPage .menuLeft li a.credits {
    background-image: url(/static/site/img/acquire/account/credits.png);
}

#accountPage .menuLeft li a.credits:hover, #accountPage .menuLeft li a.credits.active {
    background-image: url(/static/site/img/acquire/account/credits_hover.png);
}

#accountPage span.title {

    color: #272727;
    font-size: 30px;
    display: block;
    margin-bottom: 20px;
}

#accountPage table.data, #accountPage .formtablediv {
    width: 98%;
}

#accountPage .formtablediv {
    overflow: hidden;
    background-position: right top;
    background-repeat: no-repeat;
}

#accountPage .formtablediv a.next {

}

#accountPage .formtablediv .form, #accountPage .formtablediv .form form {

    display: block;
}

#accountPage .formtablediv span.error {
    display: none;
}

#accountPage .formtablediv .form {
    position: absolute;
    right: -915px;
    top: 0;
    width: 100%;
}

#accountPage .formtablediv form label {
    width: 40%;
    float: left;
}

#accountPage .formtablediv form input[type="text"], #accountPage .formtablediv form input[type="password"], #accountPage .formtablediv form select {
    margin-bottom: 10px;
    width: 60%;
}

#accountPage .formtablediv form h3 {
    padding-left: 0px;
}

#accountPage .formtablediv .info {
    position: relative;

}

#accountPage span.succesMessage, #accountPage span.errorMessage {
    color: #43bd74;
    padding-left: 50px;
    background-image: url(/static/site/img/acquire/succesvink.png);
    background-repeat: no-repeat;
    background-position: 25px 6px;
    font-size: 14px;
}

#accountPage .formtablediv span.errorMessage {
    background-image: none;
    color: red;
}

#accountPage table.data {

    margin-top: 25px;
    margin-bottom: 25px;
    background-color: rgba(231, 67, 96, 0.05);

}

#accountPage table.data th, #accountPage table.data td, #accountPage table.data td a {
    height: 17px;
    padding-left: 20px;

    color: #222;
    line-height: 16px;
    padding-top: 10px;
    padding-bottom: 5px;

    vertical-align: text-top;
    text-decoration: none;
}

#accountPage table.data td a {
    border: none;
    color: #000;
}

#accountPage table.data th, #accountPage table.data th a {

    font-size: 14px;
    color: #0d2b36;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    width: 40%;
    text-transform: lowercase;
}

.line,
#accountPage .line {
    border-bottom: 1px solid #d7dcee;

    display: block;
    height: 1px;

    margin-bottom: 25px;
}

#accountPage .line {
    padding-top: 30px;
    width: 915px;
    display: inline-block;
}

#accountPage.articleEdit dl.accordion {
    opacity: 0;

}

#accountPage.articleEdit dt {
    border-bottom: 1px solid #d7dcee;
    height: 50px;

    font-size: 18px;
    line-height: 50px;
}

#accountPage.articleEdit dd {
    padding-top: 25px;
    padding-bottom: 70px;
}

#accountPage.articleEdit span.title.contentType {
    color: #9b9db3;

    width: 230px;
    white-space: nowrap;
}

#accountPage.articleEdit span.title.contentType:after {
    width: 685px;
    content: ' ';
    position: absolute;
    margin-top: -10px;
    margin-left: 230px;
    height: 1px;
    border-top: 1px solid #d6d9e8;
    display: block;
}

#accountPage.articleEdit dl span.title {

    font-size: 30px;
    border-bottom: 1px solid #d7dcee;
    margin: 70px 0 0;
    padding: 0 0 15px;
}

#accountPage.articleEdit dt span {
    display: inline-block;

    margin-left: 20px;
    margin-right: 10px;
    color: #482f53;
}

#accountPage.articleEdit dt span.required {
    font-family: open_sanslight;
    color: #222;
    position: absolute;
    left: 1020px;
}

dl.accordion > dt:before {
    background-color: #482f53;
    color: #fff;
    content: "+";
    display: block;
    height: 21px;
    line-height: 21px;
    position: absolute;
    margin-top: 15px;
    margin-left: 900px;
    text-align: center;
    width: 21px;
    border-radius: 5px;
}

dl.accordion > dt.open:before {
    content: '-';
}

form.uploadForm .inputInformation {
    font-size: 14px;
    font-style: normal;
    background: none;
    width: 350px;
    left: 330px;
    margin-top: 65px;
    padding: 0;
}

#accountPage div.ajaxForm input[type="submit"] {
    display: inline-block;
    margin-bottom: 0;
}

#accountPage .smallTitle {
    padding-left: 0;
    display: block;
}

#accountPage ul.stats {
    padding-top: 20px;
    display: block;
}

#accountPage ul.stats li {
    display: inline-block;
    float: left;
    min-width: 200px;
    height: 40px;
    padding-left: 50px;
    background-image: url(/static/site/img/acquire/account/stats.png);
    background-position: left;
    background-repeat: no-repeat;
    line-height: 20px;
    padding-right: 40px;
}

#accountPage ul.stats li span {
    display: inline-block;
    float: left;
    height: 40px;
    font-size: 48px;
    padding-right: 20px;
    padding-left: 20px;
    border-left: 1px solid #ddd;
    line-height: 44px;
    font-family: open_sanslight;
}

#accountPage div.ajaxForm form {
    display: inline;
    margin: 0;
    padding: 0;
}

#accountPage div.ajaxForm input[type="text"], #accountPage div.ajaxForm select {
    width: 905px;
    height: 40px;
    line-height: 30px;
    color: #666;
    border: 1px solid #ddd;
    margin: 15px 0 0;
    padding: 5px 5px 5px 10px;
    font-size: 16px;
    font-family: open_sansregular;
}

#accountPage .textarea {
    width: 915px;
    height: 150px;
    padding-bottom: 40px;
    margin-top: 10px;
    position: relative;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

#accountPage .textarea textarea {
    border: 1px solid #fff;
    width: 893px;
    height: 150px;
    resize: none;
    color: #666;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 10px;
}

#accountPage .textarea .info {
    height: 30px;
    line-height: 30px;
    color: #bbb;
    position: absolute;
    bottom: 0;
    font-size: 14px;
    left: 10px;
}

#accountPage .textarea.large, #accountPage .textarea.large textarea {
    height: 300px;
}

#accountPage .youtubeLogo {
    float: right;
}

#accountPage .videolink {
    background-repeat: no-repeat;
    background-position: right top;
}

#accountPage .quote {
    font-size: 16px;
    font-family: open_sanslight;
    padding-top: 20px;
    display: block;
}

#accountPage .header.imageuploaddiv {
    height: 430px;
    width: 100%;
}

#container #accountPage .accountContent .header.imageuploaddiv #imageFormheader .previewheader.previewThumb {
    background-color: #f9fafe;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    display: block;
    margin-bottom: 30px;
    top: 0;
    left: 0;
    height: 430px;
}

#accountPage .header.imageuploaddiv #imageFormheader .previewheader.previewThumb img#previewthumbheader {
    width: 100%;
    height: 430px;
    max-width: 100%;
    max-height: 430px;
    border: 1px dashed #a7aec8;
}

#accountPage .header.imageuploaddiv #imageFormheader .previewheader.previewThumb.loaded img#previewthumbheader {
    border: 1px solid #fff;
}

input#imageUploadheader {
    height: 430px;
    width: 100%;
    position: absolute;
    top: 10px;
    opacity: 0;
    left: -30px;
    margin: 0;
}

#accountPage .header.imageuploaddiv .uploadBar {
    left: -4px;
    top: 424px;
    width: 100%;
}

#accountPage .header.imageuploaddiv input[type="submit"] {
    top: 440px;
    left: 0;
}

#container #accountPage .imageuploaddiv .previewText {
    border-radius: 3px;
    background-color: #000;
    width: 120px;
    font-size: 14px;
    color: #fff;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -60px;
    margin-top: -15px;
    display: none;
}

#container #accountPage .imageuploaddiv form input[type="submit"] {
    left: 0;

    display: none;
}

#container #accountPage.articleEdit .imageuploaddiv form input[type="submit"] {
    margin-top: 40px;
}

#container #accountPage form#imageFormlogo div.uploadBar {
    left: -4px;
    top: 175px;
    width: 300px;
}

#container #accountPage.articleEdit form#imageFormlogo div.uploadBar, #container #accountPage form#imageFormimage div.uploadBar {
    left: -4px;
    top: 175px;
    width: 160px;
}

#container #accountPage form#imageFormimage div.uploadBar {
    top: 155px;
}

#container #accountPage form#imageFormimage .error, #container #accountPage form#imageFormlogo .error {
    left: 0;
    top: 180px;
}

#container #accountPage #imageFormimage, #container #accountPag #imageFormlogo {
    height: 160px;
    width: 160px;
}

#container #accountPage form#imageFormimage .previewThumb,
#container #accountPage form#imageFormimage .previewThumb.loading,
#container #accountPage form#imageFormlogo .previewThumb, #container
#accountPage form#imageFormlogo .previewThumb.loading {
    background-color: #f9fafe;
    background-image: url(../img/acquire/account/afbeeldingToevoegen.png);
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #9ba3c3;
    height: 160px;
    width: 160px;
    max-width: 160px;
    max-height: 160px;
    border-radius: 0;
    padding: 0;
}

#container #accountPage form#imageFormimage .previewThumb, #container #accountPage form#imageFormimage .previewThumb.loading {
    height: 175px;
    width: 195px;
}

#container #accountPage form#imageFormlogo .previewThumb.onload, #container #accountPage .imageuploaddiv .onLoad {
    background: none;
}

#container #accountPage .imageuploaddiv .onLoad img {
    opacity: 0.85;
}

#container #accountPage form#imageFormimage .previewThumb.empty, #container #accountPage form#imageFormlogo .previewThumb.empty {
    border: 1px dashed #9ba3c3;
}

#container #accountPage #imageUploadimage, #container #accountPage #imageUploadlogo {
    height: 160px;
    width: 160px;
    border: 1px solid red;
    position: absolute;
    top: 10px;
    left: 0;
    opacity: 0;
    margin: 0;
}

#container form#imageFormimage div.previewThumb, #container form#imageFormimage div.previewThumb.loaded, #container form#imageFormlogo div.previewThumb, #container form#imageFormlogo div.previewThumb.loaded {
    overflow: hidden;
}

#accountPage .memberImages li {
    width: 160px;
    height: 160px;
    display: inline-block;
    position: relative;
    margin-right: 20px;
}

.containerForImageForm {
    display: block;
    position: relative;
    width: 195px;
    height: 175px;
    float: left;
}

#accountPage .memberImages li a.delete {
    width: 72px;
    height: 72px;
    background-image: url(../img/acquire/trash_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    left: 45px;
    top: 50px;
    color: #000;
    font-size: 1px;
    display: none;
    position: absolute;
}

#accountPage .memberImages li.add span {
    color: #fff;
    font-size: 14px;

    width: 195px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 25px;
    text-align: center;
} */