﻿.boxdiv {
    padding: 20px;
    border: #ccc 1px solid;
    box-shadow: -5px 5px 5px 1px #ccc;
    margin-bottom: 5px;
}

@media (max-width:767px) {
    .boxdiv {
        margin-bottom: 15px;
    }
}

.boximg {
    max-height: 153px;
    display: inline-block;
}

h1 {
    color: var(--subkleur-donker);
    font-weight: bold;
}

h2 {
    color: var(--hoofdkleur)
}

.content {
    color: #969696;
    font-weight: bold;
}

.content a {
color: #969696;
}

.content a:hover {
    text-decoration: underline;
}

.tips-link {
    color: var(--subkleur-donker);
    border: var(--subkleur-donker) 1px solid;
    padding: 5px 20px;
    border-radius: 8px;
    display:inline-block;
    min-width:174px;
    text-align:center;
}

.tips-link:hover {
    color: var(--subkleur-donker);
    text-decoration: underline;
}

.bestaande-box-link {
    color: #356998;
    border-color: #356998;
}
.bestaande-box-link:hover {
    color: #356998;
    text-decoration: underline;
}
.zelf-samenstellen-link {
    color: #2c6343;
    border-color: #2c6343;
}
.zelf-samenstellen-link:hover {
    color: #2c6343;
    text-decoration: underline;
}

.tip-title {
    color: var(--subkleur-donker);
}

.tipdiv {
    margin-bottom: 20px;
    padding: 10px;
    border: #fff 1px solid;
}
/*
.tipdiv:hover {
    border:var(--subkleur-donker) 1px solid;
}
*/
.tipimgdiv {
    height: 240px;
    background-size: auto 90%;
    background-repeat: no-repeat;
    background-position: center;
}
@media (min-width:426px) and (max-width:1024px) {
    .tipimgdiv {
        height: 170px;
    }
}

.boxshadow {
    border: #ccc 1px solid;
    box-shadow: -5px 5px 5px 1px #ccc;
}

.TipsTitel {
    padding: 10px 0 5px 0;
    color: #fff;
}

.TipsTitel0 {
    background-color: var(--hoofdkleur);
}

.TipsTitel1 {
    background-color: var(--hoofdkleur);
}

.TipsTitel2 {
    background-color: var(--hoofdkleur);
}

.TipsOndertitel {
    padding-top: 5px;
}

.TipsOndertitel0 {
    color: var(--subkleur-donker);
}

.TipsOndertitel1 {
    color: var(--subkleur-donker);
}

.TipsOndertitel2 {
    color: var(--subkleur-donker);
}