/*
 Body
 */
body {
    color: #FFFFFF;
    background-color: #151515;
    font-size: 1em;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

#wrapper {
    position: absolute;
    top: 0em;
    left: 0em;
    width: 100%;
}

/*
 Banner
 BannerWrap: Achtergrond van de banner (gradiënt) zorgt ervoor
 dat de banner de volledige pagine inneemt.
 */
#bannerWrap {
    background-image: url('../images/BannerSpacing.jpg');
    background-repeat: repeat-x;
    width: 100%;
}

#banner {
    background-image: url('../images/banner.jpg');
    height: 157px;
    width: 707px;
}

/*
 Menu
 */
#menuWrap {
    background-color: #FFF6D9;
    height: 2em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    border-top-style: solid;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #C5BEAA;
}

#menu {
    margin-top: 0.4em;
    margin-left: 12%;
    height: 2em;
    position: relative;
}

.button {
    font-family: Times;
    font-weight: bold;
    padding-left: 1em;
    float: left;
}

/*
 Content
 Margins zorgen voor het centreren van de content.
 */
#contentWrap {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    position: relative;
    top: 1em;
    width: 50em;
    padding-bottom: 1em;
}

#title {
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #C5BEAA;
    height: 1.6em;
    width: 50em;
}

#content {
    position: relative;
    text-align: justify;
    top: 0.5em;
}

/*
 * Alle links in de content zijn wit.
 */
a.content {
    color: #FFFFFF;
}

#sideBox {
    position: absolute;
    top: 0.2em;
    left: 37em;
    padding-left: 0.5em;
}

/*
 * Voorbeeld uit arbitrage clausules
 */
.quoteBox {
    background-color: #232323;
    position: relative;
    left: 4em;
    border-style: dotted;
    border-width: 1px;
    border-color: #C5BEAA;
    font-style: italic;
    padding: 0.5em;
    width: 40em;
}

/*
 * Vragen box bij FAQ
 */
.faqBox {
    position: relative;
    border-style: dotted;
    border-width: 1px;
    border-color: #C5BEAA;
    width: 45em;
    margin-left: 1em;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 0.25em;
    margin-bottom: 1em;
}

#map {
    position: relative;
    top: 1em;
}

/*
 Files: De css voor het weergeven van de documenten.
 */
.file {
    font-weight: bold;
    width: 20em;
    height: 3em;
    background-color: #232323;
    padding: 0.5em;
}

/*
 * Gebruik gemaakt van 2 kolommen files 1 en 2
 * om het positioneren te vergemakkelijken.
 */
#files1 {
    position: relative;
    top: 1em;
    float: left
}

#files2 {
    position: absolute;
    top: 1em;
    left: 22em;
}

.fileWrap {
    margin-left: 1em;
    margin-top: 1em;
}

.fileInfo {
    position: relative;
    bottom: 1em;
    float: right;
    text-align: right;
}

.languages {
    width: 20em;
    position: relative;
    bottom: 2em;
    text-align: right;
    float: right;
}

.icon {
    float: left;
}

/*
 Links
 */
a {
    color: #151515;
}

/*
 * Andere: De grotere tekst
 * in de ordered list op de eerste pagina.
 */
dt.h3 {
    font-size: x-large;
    font-weight: bold;
    margin-bottom: 0.5em;
}

/*
 Afbeeldingen
 */
img {
    border: 0px;
}