body {
    background:#FFFFFFF;
    font-family:Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
    font-size: 1.3em;
    text-align:center;
}

h1,h2,.preface {
    color:#666666;
}

h1,h2 {
    font-family:'Pirata One', cursive;
    color:#000000;
    background:#F25627;
    width:100%;
    border-top:3px solid #000000;
    border-bottom:3px solid #000000;
}
h1 {
    font-size:3em;
    text-shadow:2px 4px 3px rgba(0,0,0,0.3);
    margin:0 0 5px 0;
}
h2 {
    font-size:2em;
    text-shadow:1px 2px 2px rgba(0,0,0,0.3);
    margin-bottom:0;
}

p,ul {
    margin-bottom:0;
    padding-bottom:0;
    margin-top:0;
    padding-top:0;
}

a {
    text-decoration:none;
    color:#6666CC;
}

a:hover {
    text-decoration:underline;
}

.preface {
    font-size:150%;
    color:#ffffff;
}

#center {
    margin:0 auto;
    width:100%;
    /* max-width:822px; */
    /* border-left:20px solid #27aa38; */
    /* border-right:20px solid #27aa38; */
}

#title {
    margin-top:20px;
}

#affiche img {
    z-index:-10;
    max-width:100%;
    height:auto;
}

#on-affiche {
    position:absolute;
    top:0;
    z-index:10;
    width:100%;
}

#locatie em {
    text-align:center;
}

#locatie em {
    font-size:1.2em;
}

#locatie ul {
    list-style:none;
    padding-left:0;
}

#map {
    max-width: 750px;
    height: 400px;
    margin: 0 auto !important;
}

.olControlAttribution {
    bottom: 0.1em !important;
}

#shows em {
    font-size:0.8em;
}

#footer {
    background:#eeeeee;
    color:#000000;
    padding-top:10px;
    padding-bottom:100px;
}
#footer p {
    padding-top:5px;
}
#facebook {
    max-width:720px;
    text-align:right;
    margin: 0 auto;
    padding:0 20px;
}
#facebook a i {
    color:#666666;
    text-decoration:none;
    font-size:2em;
}
/*
  Sticky Footer by Ryan Fait
  http://ryanfait.com/
*/
html, body {
    height:100%;
}
#center {
    min-height:100%;
    height:auto !important;
    height:100%;
    margin:0 auto -2em;   /* the bottom margin is the negative value of the footer's height */
}
#footer, #push {
    min-height:2em;
}
#push {
    margin-top:5px;
}
@media only screen and (max-width: 400px) {
    body {
        font-size:70%;
    }
    #map {
        height:200px;
    }
}