html{
    background: #009fe3;
    padding: 40px;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

body{
    background: url(../img/bg_body.gif);
    width: 100%;
    color: white;
    text-transform: uppercase;
}

.container{
    width: 100%;
    max-width: 1900px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
}

.row{
    width: 100%;
    display: block;
}

.row.white{
    width: 100%;
    margin-top: 50px;
}

.box{
    background: #009fe3;
    width: auto;
    padding: 36px;
    box-sizing: border-box;
}

.box.left{
    padding-left: 65px;
    display: inline-block;
}

.box.right{
    padding-right: 65px;
    float: right;
}

.box.full{
    width: 100%;
    padding-left: 65px;
    padding-right: 65px;
}

.box.head{
    width: 325px;
}

.box.body{
    width: 585px;
}

h1{
    width: 100%;
    padding: 0;
    margin: 0;
    font-weight: 700;
}

h1 .naam{
    width: 100%;
}

h1 .voornaam{
    font-size: 2.3em;
}

h1 .familienaam{
    font-size: 0.9em;
    font-weight: 300;
}

h2{
    text-align: right;
    padding: 0;
    margin: 0;
    font-size:  0.8em;
    font-weight: 700;
}

p{
    text-align: right;
    padding: 0;
    margin: 0;
    font-weight: 300;
    font-size:0.8em;
}

p.produced{
    font-weight: 400;
}

p.last{
    margin-bottom: 20px;
}

.white .box{
    background: white;
    color: #009fe3;
}

/* skin the turntable body? see turntable.css for more. */
.turntable .frame {
    background-color: #333;
    background-image: url(../img/turntable/textures/textured_paper.png);
    /* scale for retina, etc. */
    background-size: 250px 250px;
    /* classic champagne-ish color? */
    /* background: #abacac; */
}

.stroke p, .stroke h2 {
    text-align: left;
}

a{
    position: relative;
    color: #009fe3;
    cursor: pointer;
}

a .fa{

    cursor: pointer;
}

a:hover{
    color: black;
}

p.right{
    text-align: right;
}

p.right a{
    text-decoration: none;
    font-size: 1em;
}