@import url('wib-fonts.css');

html {
    background-image: url('../img/bg_blue.jpg');
    background-size: cover;
	background-repeat: repeat;
}

body {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.navbar-default {
    background-color: #FFF;
}

.navbar-default .navbar-brand {
    color: #777;
    height: 121px;
    margin-top: 0px;
    position: absolute;
    border-bottom: 0;
    width: 336px;
}

#logo {
    position: absolute;
    bottom: 15px;
    height: 80px;
    width: 308px;
    margin-top: 20px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: inherit;
}

#header-inner {
    height: 80px;
}

#nav-top li a,
#content h1,
.widget h3,
#widget-contact a.contact,
#subscriptions .subscription h2 {
    font-family: Tahoma, Arial, sans-serif;
    font-weight: bold;
    color: #2B374C;
}

#subscriptions .subscription .subscription-info {
    margin: 0px 0px 0px 20px;
    width: 47%;
}

#content {
    background-color: #FFFFFF;
}

#content h2 {
    font-size: 15px;
}

#content p {
    line-height: 18px;
}

#nav-top {
    margin: 63px 0px 0px 10px;
}
#nav-top {
    float: left;
    margin-top: 8px;
}

#nav-top li {
    border-color: #999999;
}

#nav-top li a {
    line-height: 13pt;
    font-size: 13pt;
    color: #999999;
}

#nav-top li a:hover {
    color: #E8441C;
}

#content h1 {
    font-weight: normal;
}

#subscriptions .subscription h2 {
    height: 13px;
    font-weight: normal;
    font-size: 13pt;
    color: #2B374D;
}

#subscription-switch a {
    color: #E8441C;
}

#subscription-switch a:hover {
    text-decoration: none;
}

#subscriptions .subscription .subscription-meer {
    display: block;
    padding: 5px;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
}

/* BEGIN VERVOLG PAGINA GEEF ABO + NAAR BETALING KNOPPEN */
#SubscriptionViewForm input[type=submit], #SubscriptionViewForm .but {
    width: 120px;
    height: 34px;
    padding: 0px 0px 5px 0px;
    background-image: url(../img/regular.jpg);
    background-color: transparent;
    font-family: Tahoma;
    font-size: 12px;
}

#SubscriptionViewForm input[type=submit]:hover, #SubscriptionViewForm .but {
    cursor: pointer;
    background-image: url(../img/hover.jpg);
}

#SubscriptionViewForm input[type=submit].geefneem {
    padding-top: 0px;
    width: 190px;
    height: 34px;
    background-image: url(../img/geef-regular.jpg);
}

#SubscriptionViewForm input[type=submit].geefneem:hover {
    background-image: url(../img/geef-hover.jpg);
}

a.geef-neem-button
{
    background-image:url(../img/geef-regular.jpg);
}
a.geef-neem-button:hover
{
    background-image:url(../img/geef-hover.jpg);
}
a.geef-button {
    background-image: url(../img/geefcadeau-button.png?v=3);
    display: block;
    width: 265px;
    height: 50px;
}

a.geef-button:hover {
    background-image: url("../img/geefcadeau-button-mouseover.png?v=3");
}

a.neem-button {
    background-image: url(../img/zelf-normaal.png);
    display: block;
    width: 265px;
    height: 50px;
}

a.neem-button:hover {
    background-image: url("../img/zelf-mouseover.png");
}
/* EIND */

.widget {
    border: 1px solid #000000;
    background-image: url('../img/bg-FFFFFF-80.png');
}

.widget h3,
#widget-contact a.contact {
    font-size: 12pt;
    font-weight: normal;
}

/* OVERWRITE */

body {
    font-family: Tahoma;
}



#subscriptions .subscription {
    height: 225px;
}

/* regular state button */
#subscriptions .subscription .subscription-meer {
    width: 120px;
    height: 34px;
    padding: 7px 0px 5px 0px;
    background-image: url(../img/regular.jpg);
}

/* hover state button */
#subscriptions .subscription .subscription-meer:hover {
    padding: 7px 0px 5px 0px;
    background-image: url(../img/hover.jpg);
}

#subscriptions .subscription .subscription-info {
    width: 47%;
}

@media (max-width: 1199px) {
    html {
        background-image: none;
    }
}

@media (max-width: 600px) {
    #logo {
        height: auto;
        width: 200px;
    }
    .navbar-default .navbar-brand {
        width: 230px;
    }
}