#page-body #page-body-content #left #results .result .name a
{
    color : #282828;
}

#page-body #page-body-content #left #results .result.active .name a
{
    color : green;
}

.pull_right
{
    text-align : right;
}

ul.specificaties li span
{
    vertical-align : top;
}

div.name
{
    cursor : pointer;
}

.panel.detail
{
    display : none;
}

#page-body #page-body-content #left form input[type=submit], #page-body #page-body-content #left input[type=button], #modal input[type=button] {
    width: 150px;
    height: 40px;
    margin-right: 10px;
    background-color: #006633;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding-left: 40px;
    box-sizing: border-box;
    cursor: pointer;
    border-color: transparent;
    padding: 8px;
    line-height: 20px;
    border-radius: 3px;
    font-family: inherit;
    font-size: 1.0em;
}
#page-body #page-body-content #left form input[type=submit]:hover, #page-body #page-body-content #left input[type=button]:hover, #modal input[type=button]:hover {
    background: #0C7641;
}

#overlay
{
    position: fixed;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
    background-color : #000;
    opacity : 0.4;
    z-index : 500;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

#modal {
    position : fixed;
    height : 135px;
    font-size : 1em;
    font-weight : bold;
    width : 293px;
    background-color : white;
    top : 50%;
    left : 50%;
    margin-left: -293px;
    margin-top : -150px;
    text-align : center;
    padding : 20px;
    z-index : 502;
    border : 5px solid #dddddd;
}

#page-body #page-body-content #right .panel img {
    display : inline;
    width : auto;
    margin-right : 3px;
}

#page-body #page-body-content #right .panel img.first {
    width : 100%;
    margin-right : 0;
}

#right .panel .moreinfo
{
    font-weight : bold;
    padding-right : 15px;
    float : right;
}

.panel.contact
{
    background-color : #EFEFEF !important;
    height : auto;
    min-height : auto !important;
    padding : 1.4em 1em;
}

#overlay .closeOverlay {
    cursor: pointer;
    width: 64px;
    height: 54px;
    background-size: 32px 32px;
    background-position: center center;
    background-repeat: no-repeat;
    float: right;
    z-index : 501;
    background-image : url('../images/icons/close.png');
}

.error {
    font-weight : bold;
    display : none;
    color : #ff0000;
    margin-bottom : 1em;
}


#page-body #page-body-content #left table tr td input[name=maat] {
    min-width: 150px;
}


#page-body #page-body-content #left table tr td input[name=opmerkingen] {
    min-width: 150px;
}

input[type="button"].small
{
    margin-right : 0 !important;
}

#content #header .body .welcome .lock {
    line-height: 130px;
    display : inline-block;
    font-size: 1.2em;
    white-space: nowrap;
    text-align: right;
    float : right;
}

#content #header .body .welcome .tag {
    line-height: 130px;
    display : inline-block;
    font-size: 1.2em;
    white-space: nowrap;
    text-align: right;
    float : right;
    margin-right : 10px;
}

#content #header .body .welcome .vertegenwoordiger {
    display : inline-block;
    float : right;
    height : 70px;
    margin-right : 30px;
    border-left : 1px solid #bebebe;
    border-right : 1px solid #bebebe;
    padding : 30px 25px;
    text-align : left;
    font-size : 90%;
    line-height : 125%;
    white-space: nowrap;
}

#content #header .body .welcome .vertegenwoordiger img {
    float : left;
    padding-right : 20px;
    height : 75px;
    width : 75px;
}

#content #header .body .welcome .vertegenwoordiger img.frame {
    margin-left : -95px;
}

.square
{
    background-color : #d7d7d7;
    display : inline;
    padding : 10px;
    border-radius : 5px;
    width : 50px;
    margin-left : 10px;
}

#content #header .body .welcome .lock img {
    height : 20px;
    width : 20px;
    margin-top : -5px;
    vertical-align : middle;
    display : inline-block;
}

.arrow {
    position: fixed;
    right: 30px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    background: #2F2F2F;
    border-bottom: 1px solid #000;
    margin-left: -25px;
    border-radius: 50px;
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
    transition: all 300ms;
    cursor: pointer;
    background-image: url('../images/icons/arrow-up.png');
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.arrow.visible {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.lorry {
    position: fixed;
    right: 90px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    background: #2F2F2F;
    border-bottom: 1px solid #000;
    margin-left: -25px;
    border-radius: 50px;
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
    transition: all 400ms;

    background-image: none;
    color: #fff;
    font-size: 9px;
    text-transform: uppercase;
    line-height: 9px;
    text-align: center;
    font-weight: bold;
    padding: 0 6px;
    padding-top: 11px;
    box-sizing: border-box;
    cursor : pointer;
}


.lorry.visible {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

input:disabled
{
  background-color : #fefefe !important;
}

a.moreinfo
{
  font-size : 14px;
}

/* do not group these rules */
#registratieformulier *::-webkit-input-placeholder {
    font-size : smaller;
    font-style : italic;
    color : #999999;
}
#registratieformulier *:-moz-placeholder {
    /* FF 4-18 */
    font-size : smaller;
    font-style : italic;
    color : #999999;
}
#registratieformulier *::-moz-placeholder {
    /* FF 19+ */
    font-size : smaller;
    font-style : italic;
    color : #999999;
}
#registratieformulier *:-ms-input-placeholder {
    /* IE 10+ */
    font-size : smaller;
    font-style : italic;
    color : #999999;
}

.square .fa-stack
{
    position:block;
}

.square .fa-stack .fa-circle
{
    font-size:xx-large;
    color : #006633;
}

.square .fa-stack span
{
    font-size:smaller;
    color : white;
    margin-top : -4px;
}

.lijst_content
{
    float : right;
    margin-top : -20px;
    margin-left : -20px;
}

input[type=text]:disabled
{
    background-color : #e0e0e0 !important;
}

#foto_header
{
    background-image: url('../images/header.jpg');
    background-position : center bottom;
    height : 130px;
    width : 100%;
    background-repeat: no-repeat;
    background-size : cover;
}

#foto_header.big
{
    height : 475px;
}

#foto_header #slogan
{
    display : inline-block;
    font-weight : bold;
    font-size : 30px;
    padding-top : 40px;
    color : white;
    margin-left : 63%;
    text-shadow: 0px 0px 30px rgba(0,0,0,0.7);
    line-height : 100%;
}

#foto_header.big #slogan
{
    font-size : 52px;
    margin-left : 58%;
    padding-top : 187px;
}

.field select
{
    display : block;
    margin : 10px 0;
    padding : 4px;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    width : 300px;
    font-size: 1.1em;
    box-sizing: border-box;
    font-family: inherit;
}

/* Page content */
#page-body #page-body-content {
    width: 90%;
    max-width: 1150px;
    margin: 0 auto;
    padding: 1em 0;
}

#page-body #page-body-content #left #breadcrumbs
{
    font-size : small;
    padding-bottom : 1.2em;
}

#page-body #page-body-content #left #breadcrumbs span a
{
    text-decoration : underline;
}

#page-body #page-body-content #left #breadcrumbs span.link:after {
    content: " > ";
    color : #c5c5c5;
    padding : 0 4px;
}

.result table
{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#page-body #page-body-content #right .panel ul.specificaties li span {
    width: 100%;
}

#page-body-content .tile
{
    width : 21%;
    float : left;
    text-align : center;
    padding : 33px 0px;
    margin-right : 30px;
    margin-left : 30px;
    box-sizing: border-box
}

#page-body-content .tile img
{
    padding-bottom : 10px;
}

#page-body-content .tile .title
{
    font-size : large;
    font-weight : 500;
}

#page-body-content .tile .desc
{
    font-size : 95%;
    display : block;
    padding-top : 10px;
}

#page-body-content .tile a
{
    color : #282828;
}
#page-body-content .tile a:hover
{
    color : #006633;
}


#page-body-content .tile:first-child
{
    margin-left : 0px;
}

#page-body-content .tile:last-child
{
    margin-right : 0;
}

.square
{
    cursor : pointer;
}

#page-body #page-body-content #left table tr td a.button.projecten
{
    padding : 3px 8px;
    margin-left : 3px;
    display : inline-block;
}

.clickrow
{
    cursor : pointer;
}

#side #side_buttons span.label {
    position: absolute;
    left: 100px;
    top: 10px;
    width: 0px;
    height: 60px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    font-size: 1em;
    background: #938672;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    z-index: 2;
    width: auto;
    white-space: nowrap;
    padding: 0 1em;
    transform: translate(-100%,0);
    -webkit-transform: translate(-100%,0);
    transition: transform 300ms;
    -webkit-transition: transform 300ms;
    font-weight : 400;
}
#side #side_buttons a:hover span.label,
#side #side_buttons div:hover span.label {
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}

#side #side_buttons a:after,
#side #side_buttons > div:after {
    content: "";
    width: 0px;
    height: 17px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    transition: width 300ms;
    z-index: 3;
    background-image: url(../images/icons/label-tip-brown.png);
}
#side #side_buttons a:hover:after,
#side #side_buttons div:hover:after,
#side #side_buttons div.active:after {
    width: 5px;
}

#content #header .body .logo {
    position: absolute;
    left: 0px;
    top: 28px;
    width: 82px; height: 75px;
    z-index: 2;
}

#content #header .body .logo a {
    display: block; width: 100%; height: 100%;
    background-size: 82px 75px;
    background-image: url('../images/logo_2.png');
    background-repeat: no-repeat;
}

span.smaller
{
    font-size : 0.9em;
}

span.rest
{
    display : none;
}

.square.language {
    width : 18px;
    margin-top : 39px;
    line-height:21px;
    height : 21px;
    float : right;
    color : #0C7641;
}

.square.language.loggedin
{
    margin-top : 43px;
    height : 24px;
    line-height : 24px;
}

#language-selector {
    position: fixed; left: 0; top: 0;
    width: 100%; height: 100%; z-index: 9001;
    background: rgba(40,40,40,0.9);
    display: none;
}
#language-selector.visible {
    display: block;
}
#language-selector ul {
    max-width: 500px; width: 90%;

    position: absolute; left: 50%;
    border-top: 2px solid #666;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);
}
#language-selector ul li {

}
#language-selector ul li a {
    display: block;
    padding: 0.5em 2em;
    font-size: 1.2em; font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #666;
    color: #fff;
}

#language-selector ul li a.active {
    background: rgba(255,255,255,.15);
}
#language-selector ul li a span {
    float: right;
}
#language-selector .close {
    color: #fff; position: fixed; left: 50%; top: 20%;
    transform: rotate(45deg); -webkit-transform: rotate(45deg); font-size: 2em; color: #fff;
    width: 100px; text-align: center; margin-left: -50px;
    transition: all 500ms; cursor: pointer;
}

.disabled
{
    color : red !important;
    cursor : not-allowed;
}

#content #header .body .welcome input[type="submit"] {
    width : auto;
    padding-right : 20px;
}

.footer {
    min-height : 300px;
}

.footer .sub .copy
{
    border-bottom: 1px solid #ffffff;
    min-height: 69px;
}


.footer .sub2 {
    min-height: 100px; color: #fff;
}
.footer .sub2 .copy {
    font-size: 1em; margin-top: 2em;
    min-height: 100px; padding-top: 15px;
    background-repeat: no-repeat; background-position: 10px 5px;
    font-weight: 300;
    line-height : 17px;
}
.footer .sub2 .copy a {
    color: #fff;
    text-decoration : underline;
}
.footer .sub2 .copy a:hover {
    color: #E6DCB0;
}
.footer .sub2 .social {
    float: right; color: #fff;
    position: relative;
}
.footer .sub2 .social a {
    display: inline-block;
    width: 45px; height: 45px;
    margin-left: 5px;
    border-radius: 45px;
    background-size: 45px 45px;
}
.footer .sub2 .social span {
    position: absolute; top: 13px;
    display: block; font-size: 1.2em;
    right: 170px; white-space: nowrap;
}

.footer .sub2 .social img
{
    padding-left : 25px;
}