/* body definieren, randen afzetten */
body, html, #container {
  height: 100%;
  position: relative;
  margin:0px;
}

/* volledige pagina in container steken */
#container {
min-height:100%;
}

/*bovenste stuk in 1 div, 50% */
#top_div {
height:50%;
width:100%;
background-color:#ffffff;
margin:auto;
text-align:center;
}

/* stuk met email adressen - 40% - in andere div*/
#bottom_div {
height:40%;
width:100%;
background-color:#99BAA3;
text-align:center;
border: 0px;
margin-bottom:-1px;
}

/*10% adres helemaal vanonder*/
#address_div {
height:10%;
width:100%;
background-color:#99BAA3;
text-align:center;
border-bottom:1px solid #99BAA3;
}


/* title in wrap, in top_div om tekst onderaan te alineren in bovenste box */
#title_wrap{
    height: 100%;
    white-space: nowrap;
    text-align: center;
}

#title_wrap:before{
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 0;
    margin-right: -.25em;
    height: 100%; 
}

#title_box{
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}

/* specify fonts, colours,.. */
/*p {
    font-family: "Gill Sans", "Gill Sans MT", Sans-serif;
    font-size: 1em;
    font-weight: lighter;
}*/
p {font-family: "Lato"; font-size: 0.95em; font-weight: 300;}

/* tekstkleur bovenaan donkergrijs, onderaan lichtgrijs */
.top {color: #92999E; }
.bottom {color: #e5e5e5; }
.address{margin:0px; color: #e5e5e5; font-size: 0.8em;}

/* titel 'serotonine'...*/
/*h1 {
    font-size: 3em;
    font-family: "Gill Sans", "Gill Sans MT", Sans-serif;
    font-weight: lighter;
}*/
h1 {
    font-size:3em; 
    font-family: "Lato"; 
    font-weight: 300; 
    font-style:italic; 
    -webkit-transform: rotate(-8deg);
}

/* mail adressen witmaken */
a:link {color: #E5E5E5; text-decoration:none;}
a:visited {color: #E5E5E5; text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline; color: #e5e5e5;}