/**
 * Hoofdstylesheet
 *
 * Algemene definities
 */
body {
    font-size: 62.5%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    background: transparent url(../images/desktop.jpg) repeat-x top left;
    margin: 0px;
}

input, select, textarea, radio {
    font-size: 1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
}

img {
    border: none;
}

h1, h2, h3, h4, h5, h6 {
    color: #801a97;
    letter-spacing: 0.02em;
}

h1 {
    font-size: 1.6em;
}

h2 {
    font-size: 1.4em;
}

a:link {
    font-weight: bold;
    text-decoration: none;
    color: #ff6000;
}

a:visited {
    font-weight: bold;
    text-decoration: none;
    color: #ff6000;
}

a:focus {
    font-weight: bold;
    text-decoration: none;
    color: #ff6000;
}

a:hover {
    font-weight: bold;
    text-decoration: none;
    color: #ff6000;
}

a:active {
    font-weight: bold;
    text-decoration: none;
    color: #ff6000;
}

address {
    font-style: normal;
}

a[href$=".pdf"] {
    padding-right: 18px;
    background: transparent url(../images/linkPdf.gif) no-repeat center right;
}

a[href^="mailto"] {
    padding-right: 18px;
    background: transparent url(../images/linkEmail.gif) no-repeat center right;
}

a[class^="popup"] {
    padding-right: 18px;
    background: transparent url(../images/linkPopup.gif) no-repeat center right;
}

a[class^="extern"] {
    padding-right: 18px;
    background: transparent url(../images/linkExtern.gif) no-repeat center right;
}

p {
    font-size: 1.1em;
}

/*
 * hoofdcontainers
 */
#container {
    position: absolute;
    left: 50%;
    width: 1024px;
    height: 650px;
    background-color: #000000;
    background: url(../images/achtergrond_palm.jpg) no-repeat;
    margin: 0px auto 0px -512px;
}

#boven {
    width: 1024px;
    height: 158px;
    border-bottom: 1px solid #ffffff;
    clear: both;
}

#midden {
    width: 1024px;
    height: 432px;
    background-color: #000000;
    clear: both;
}

#midden > div[class$="Midden"]{
    width: 1024px;
    height: 432px;
    background-color: #000000;
    clear: both;
}

#onder {
    width: 1024px;
    height: 58px;
    border-top: 1px solid #ffffff;
    clear: both;
    text-align: center;
}

/*
 * Klassen
 */
.tekstWit {
    color: #ffffff;
}

.tekstZwart {
    color: #000000;
}

.tekstPaars {
    color: #801a97;
}

.tekstVet {
    font-weight : bold;
}

.tekstHardOranje {
    color: #ffc200;
}

.tekstZachtOranje {
    color: #f5b543;
}
