/* De basis settings */
body {
    background-image: url('../images/background.png');
    text-align: center;
    font-family: arial;
    padding: 0;
    margin: 0;
}

/* De website container */
div#container {
    margin: 50px auto;
    text-align: left;
    width: 1000px;
}

/* De navigatie container */
div#container div#navigationContainer {
    width: 250px;
    position: absolute;
    float: left;
}
div#navigationContainer div#logo {
    background-image: url('../images/logo.png');
    margin-top: 25px;
    margin-left: -57px;
    width: 350px;
    height: 135px;
    position: relative;
    z-index: 100;
}

/* De menu container */
div#navigationContainer div#menuContainer {
    padding: 0;
    margin: 20px 0 0 20px;
    width: 188px;
}

div#menuContainer div#menuTop {
    background-image: url('../images/menuTop.png');
    height: 4px;
    width: 188px;
    margin-left: 1px;
}
div#menuContainer div#menuMiddle {
    background-image: url('../images/menuMiddle.png');
    width: 188px;
    padding: 70px 0;
}
div#menuContainer div#menuBottom{
    background-image: url('../images/menuBottom.png');
    width: 194px;
    height: 68px;
    margin-left: 1px;
}

/* Menu Items */
div#menuContainer div#menuMiddle ul {
    padding: 0;
    margin: 0;
}
div#menuContainer div#menuMiddle li {
    list-style-type: none;
    text-align: center;
    padding: 5px 0;
    color: #e31b22;
    font-family: corbel;
}
div#menuContainer div#menuMiddle li a {
    color: #e31b22;
    text-decoration: none;
    font-size: 20px;
    font-weight: 800;
}
div#menuContainer div#menuMiddle li a:hover {
    font-style: italic;
}

/* De content container */
div#container div#contentContainer {
    width: 783px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: 225px;
}
div#contentContainer div#circleofflower {
    background-image: url('../images/circleofflower.png');
    width: 783px;
    height: 715px;
    margin-top: 100px;
}
div#circleofflower div#content {
    width: 300px;
    height: 316px;
    margin: 210px 220px;
    position: absolute;
    background-image: none;
    padding: 0;
    text-align: center;
}
div#content {
    width: 520px;
    margin: 150px 0px 0px 120px;
    font-size: 20px;
    font-family: corbel;
    color: #4e2570;
    background-image: url('../images/backgroundOverlay.png');
    padding: 25px;
}
div#content h1 {
    width: 100%;
    font-size: 24px;
    font-family: corbel;
    text-align: center;
    color: #4e2570;
}
div#content h2 {
    width: 100%;
    font-size: 20px;
    font-family: corbel;
    color: #4e2570;
}
div#content a {
    color: #4e2570;
    font-weight: bold;
    text-decoration: none;
}
div#content a:hover {
    color: #4e2570;
    font-style: italic;
}
div.clickcircleofflower {
    cursor: pointer;
    position: absolute;
}

div.gallery {
    padding: 5px;
}
div.gallery a {
    margin: 0;
    font-size: 0;
}
div.gallery img {
    max-width: 100px;
    max-height: 100px;
    border: 1px #eb7e82 solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-left: 7px;

}
div.gallery div {
    float: left;
    max-width: 104px;
    max-height: 104px;
}
div.gallery div.clear {
    float: none;
    clear: both;
    height: 0;
}
div.gallery div.hidden {
    display: none;
}

div.circularGallery {
    height: 150px;
    width: 510px;
    border: 1px #eb7e82 solid;
    background-color: #eb7e82;
    overflow: hidden;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
}
div.circularGallery div {
    position: absolute;
}
div.circularGallery img {
    border: 0;
    border-right: 1px #eb7e82 solid;
    max-width: 200px;
    max-height: 150px;
}