body {

    overflow-y: scroll;

    margin: 0;
    border: 0;
    padding: 0;

    font-family: "Helvetica", "Arial", "Verdana", sans-serif;
    font-size: 14px;

    margin-bottom: 200px;

    opacity: 0;
}

div {
    box-sizing: border-box;
}

#content {
    width: 85%;
    margin: 0 auto;
    border: 0;
}

#content-cms {
    width: 90%;
    max-width: 900px;
    margin: 0 auto;
    border: 0;
}



/* FORMS:
 */

/*

@media only screen and (min-width: 768px) {
    #content-cms {
        width: 70%;
    }
}

@media only screen and (min-width: 1024px) {
    #content-cms {
        width: 60%;
    }
}

@media only screen and (min-width: 1280px) {
    #content-cms {
        width: 50%;
    }
}
*/






#button_start, #button_start:active {
    border: 1px solid #8cbd31;
    border: 1px solid #22a383;
    background-color: yellowgreen;
    background-color: #dc1629;
    background-color: #26dcb8;
    color: white;
    border-radius: 1000px;
    -moz-border-radius: 1000px;
    -webkit-border-radius: 1000px;
    width: 90px;
    height: 90px;
    margin: auto;
    margin-top: 80px;
    cursor: pointer;
    background-image: url('../pics/pics_play.png');
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: 28px 24px;
}
#button_start:hover {
    box-shadow: 0 0 10px 0 #ccc;
}
#button_start:focus {
    box-shadow: 0 0 10px 0 #ccc;
}

#button_start:active{
    box-shadow: none;
}





/* REFERENCE SINGLE: */

#ref-single-cover {
    background-image: url('../pics/noimage.png');
    background-position: center;
    background-size: cover;
}

#ref-single-header {
    padding-bottom: 25px;
    margin-bottom: 25px;
    margin-top: 30px;
    border-bottom: 3px solid #666;
}

#ref-single-body {
    /*font-size: 90%;*/
    line-height: 130%;
    color: #666;
}

.ref-single-title {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 170%;
    font-weight: bold;
    color: #666;
}

.ref-single-subtitle {
    display: inline-block;
    margin-top: 5px;
    font-size: 100%;
    font-weight: normal;
    color: #dedede;
    color: #666;
}

span.tag-inline{
    display: inline-block;
    margin: 0 3px;
    padding: 5px 8px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    /*border: 1px solid #26dcb8;*/
    /*color: #26dcb8;*/

    background-color: #26dcb8;
    background-color: #bbb;
    color: white;
}


.ref-single-columntitle {
    text-transform: uppercase;
    color: #dedede;
    color: #666;
    font-size: 110%;
    font-weight: bold;
}



.ref-single-body-column {
    width: 33.333%;
    float: left;
    /*background-color: #eee;*/
    padding: 0 20px 0 40px;

    min-width: 300px;

    border-style: none solid none none;
    border-color: #bbb;
    border-width: 1px;

    margin-bottom: 60px;
}

.ref-single-body-column:first-of-type {
    padding-left: 0;
}

.ref-single-body-column:nth-of-type(2) {
}



.tag-in-text {

    font-size: 11px;
    line-height: 11px;

    color: white;

    display: inline-block;
    padding: 8px 10px;
    margin: 3px 6px 3px 0;
    border: 0;


    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

div.ref-current-filter > .tag-in-text {

    margin: 5px 5px 0 -1px;

}

div.ref-current-filter > .tag-in-text:first-of-type {

    margin-top: 10px;

}

.link-in-text {

    color: inherit;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    border-bottom: 1px solid grey;
    padding-bottom: 1px;


}

.link-in-text:hover {

    color: inherit;
    text-decoration: none;
    display: inline-block;
    border-bottom: 2px solid red;
    border-bottom: 2px solid grey;
    padding-bottom: 0px;


}