body {
    font-family:Calibri;
    height:100%;    
    color:#343434;
}


a {
    font-size:17px;
    font-weight:bold;
}

.full-width {
    width: 100%;
    max-width: 100%; 
}

.Body .row:not(.full-width) {
    width:100%;
    max-width:62.5rem;
    margin:auto;
}

.header {
    background-color:#006699;
    min-height:180px;
}

.top-bar {
    background: #343434;
}

.height50px {
    height:50px;
}

.top-bar-section li a:not(.button) {
    background: #343434 !important;   
}

.top-bar-section li a:not(.boekentas):not(.button):hover {
    background: #006699 !important;   
}

/*Onderstaande twee zijn voor het kleur van de achtergrond van de submenus*/
.top-bar-section li a.boekentas:not(.button):hover {
    background: #343434 !important;  
    color:#343434; 
}

.top-bar-section li a.boekentas:not(.button) {
    background: #ffffff !important;   
    color:#343434;
}

.top-bar-section ul li.active > a {
    background: #006699 !important;  
    color:#343434; 
}

.top-bar-section ul li.active > a:hover {
    background: #006699 !important;   
    color:#343434; 
}

nav.top-bar section.top-bar-section ul.dropdown  {

  border:solid 2px #343434;

}

.title {
    font-size:50px;
    color:white;
    padding-top:3%;
}

@media screen and (max-width: 400px) {
    .title {
        font-size:40px;
        text-align:center;
        padding-top:20px;
    }
    .logo {
        text-align:center;
    }
}
@media screen and (max-width: 600px) and (min-width:400px) {
    .title {
        font-size:30px;
        padding-bottom:0px;
        text-align:right;
    }

    .btn-offerte {
    bottom:0px;
}
}

.footer {
    min-height:70px;
}

.footertext {
    background-color:#343434;
    min-height:65px;
    padding-top:20px;
}

.footerborder {
    height:5px;
    background-color:#006699;
}

.headerwhitespace {
    height:20px;
}
.footerwhitespace {
    height:70px;
}

.alignright {
    text-align:right;
}

.alignleft {
    text-align:left;
}

.aligncenter {
    text-align:center;
}

.displaynone {
    display:none;
}

.visibilitycollapsed {
    visibility:collapse;
}

h2 {
    font-size: 20px;
    line-height: 2.8125rem;
    color:black;
}

h4 {
    font-size: 20px;
    line-height: 2.8125rem;
    color:#006699;
    font-weight:bold;
}

h3 {
    font-size:16px;
    line-height: 2.8125rem;
    color:#006699;
    font-weight:bold;
    margin-top:13px;
    margin-bottom:5px;
}

img {
    margin-bottom:30px;
}

.floatright {
    float:right;
    display:inline;
}

.paddingtop30 {
    padding-top:30px;
}

.margintop30 {
    margin-top:30px;
}

.margintop10 {
    margin-top:10px;
}

.marginbottom30px {
    margin-bottom:30px;
}

.margin-bottom5px {
    margin-bottom:5px;
}

/*Block in subsidies met achtergrondkleur*/
.SBlock {
    padding-top:50px;
    padding-bottom:50px;
}

/*Achtergrond voor de verschillende blokken rijen*/
.BBlue {
    background-color:#E2EEF3;
    min-height:200px;
}

.BWhite {
    background-color:white;
    min-height:200px;
}

.Uitleg {
    
    text-align:left;
    vertical-align:top;
    margin-bottom:10px;
    white-space:pre-line ;
}

.opsommingsteken {
    width:8px;
    height:8px;
    background-color:#006699;
    display:inline-block;
    vertical-align:bottom;
    margin-bottom:8px;
    margin-right:10px;
}

.opsomming:hover div {
    width:20px;
    height:8px;
    -webkit-transition-property: width; /* Safari */
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-property: width;
    transition-duration: 0.2s;
    cursor:pointer;
}

.opsomming:hover {
    cursor:pointer;
}

MenuGreen {
    background-color:green;
    font-weight:bold;
}

MenuYello {
    background-color:yellow;
}

.footertext div {
    color:white;
    font-size:14px;
}

.leftcolumnfooter {
    padding-left:10%;
    position:relative;
}


/*Volgende lijnen zijn ook in admin.css om de button
    van offerte te maken*/
.btnofferte {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    padding: 6px 12px;
    text-align: center;
    min-width:40px;
}

.btn-offerte {
    background-color: #ff3500;
    border-color: #f43200;
    color: white;
    margin:auto;
    width:200px;
    font-weight:bold;
    font-size:17px;
    bottom:-20px;
}

    .btn-offerte:hover {
        background-color:#e42f00;
        border-color:#e42f00;
        color:white;
    }


.fileUploadofferte {
    position: relative;
    overflow: hidden;
}
.fileUploadofferte input.uploadofferte {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}


/*Hier stopt dit*/

.tableopeningsurentoonzaal {
    background-color:#343434;
    color:white;
    padding:2px;
    border:none;
}

.tableopeningsurentoonzaal .column1 {
    width:110px;
}



.tableopeningsurentoonzaal td {
    color:white;
    background-color:#343434;
    padding:2px;
}

.tableopeningsurentoonzaal tr {
    padding:2px;
}

.footercolumn {
    margin-bottom:30px;
}

.normala {
    font-weight:normal;
    color:white;
    font-size:inherit;
}

.pcwsolutions {
    padding-top:30px;
    font-weight:bold;
}