/*
@media screen and (max-width: 1024px) { /* Specific to this particular image */
/*  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
/*  }
}
*/

body {
    height: 921px;
/*    background-image : url("/ADL/Images/Background_Default.png"); 
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
*/
}

[class^="titel-"] {
    border: 1px solid white;
    height: 67px;
    padding-top: 30px;
    position: relative;
    color: white;
    font-family: "Arial";
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    left: 190px;
    top: 10px;
    font-size: 35px;
}
.titel-afdeling {
    width: 250px;
    font-size: 35px;
    border-radius: 15px;
}
.titel-speelweek {
    width: 1183px;
    left: 441px;
    top: -89px;
    font-size: 40px;
    padding-right: 50px;
    border-radius: 15px;
}
[class^="titel-afdeling-"] {
    width: 250px;
    top: 27px;
    left: -1px;
    text-align: center;
    border-radius: 15px;
}
.titel-afdeling-A {
    top: 27px;
}
.titel-afdeling-B {
    top: 27px;
}
.titel-afdeling-C {
    top: 27px;
}
.titel-afdeling-D {
    top: 27px;
}
.titel-afdeling-E {
    top: 27px;
}

.label-afdeling-competitie {
    cursor: pointer;
}

.label-afdeling-competitie-zonder-link {
}

.link-ploeggegevens {
    font-size: 12px;
    position: relative;
    top: -15px;
}

br {
    display: block; /* makes it have a width */
    content: ""; /* clears default height */
    margin-top: 0px; /* change this to whatever height you want it */
    line-height: 1px;
}
p {
    line-height: 50%;
}

[class^="details-afdeling-"] {
    border: 1px solid white;
    height: 72px;
    padding-top: 3px;
    padding-left: 22px;
    padding-bottom: 22px;
    position: relative;
    color: white;
    font-family: "Arial";
    font-weight: bold;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.5);
    left: -1px;
    top: 22px;
    font-size: 35px;
    width: 1211px;
    border-radius: 15px;
}

[class^="helft-"] {
    height: 37px;
    width: 1234px;
}

[class$="-1"] {
    padding-top: 15px;
}
[class$="-2"] {
    padding-bottom: 10px;
}

[class^="button-"] {
    position: relative;
    top: -15px;
    left: -4px;
    width: 75px;
    height: 25px;
    margin-right: 5px;
    border: none;
    display: inline-block;
    cursor: pointer;
    border-radius: 5px;
/*    background-color: rgba(211, 211, 211, 0.1);   /*  lege speeldag  */
/*    background-color: rgba(0, 0, 211, 0.1);   /*  lege speeldag  */
}

.button-normal {  /*  Lay-out voor lege speeldag */
    background-color: rgba(211, 211, 211, 0.1);
}
.button-active {  /*  Lay-out voor actieve speeldag */
    background-color: rgba(211, 211, 211, 0.5);
    font-size: 16px;
}
.button-complete {  /*  Lay-out voor volledige speeldag */
    background-color: rgba(211, 211, 211, 1);
    font-size: 18px;
    font-weight: bold;
}


/*   iPhone & iPad  */
@media only screen 
and (min-device-width : 300px) 
and (max-device-width : 1024px) {
    .button-normal {  /*  Lay-out voor lege speeldag */
        background-color: black;
    }
    .button-active {  /*  Lay-out voor actieve speeldag */
        background-color:#666;
        font-size: 16px;
    }
    .button-complete {  /*  Lay-out voor volledige speeldag */
        background-color: white;
        font-size: 18px;
        font-weight: bold;
    }
}

.competitie {
    color: white;
    background-color: green;
}