/*
p.class : specifieert een p die <p class="class"> is
p#id : specifieert een p die <p id="id"> is

.class p : alle p's die in de class class zitten zullen er zo uitzien
#id p: alle p's die in de id id zitten zullen er zo uitzien
*/
html, body, form
{
    height: 90%;
    width: 100%;
}

body
{
    /*border-top: 5px solid firebrick ;     */ /* border-left: 5px solid gold;      */
    background-color: #f1f1f1;
    font-family: "Corbel" , "Verdana" , "Arial" , sans-serif;
    color: #444444;
}

*, body
{
    margin: 0;
    padding: 0;
}

#main
{
    /*position: relative;*/
    z-index: 1;
    display: block;
    margin-bottom: 5em;
    width: 100%;
    font-size: 12pt;
}

#container
{
    display: block;
    position: absolute;
    min-height: 100%;
    background-color: white;
    min-width: 1249px;
    border-right: 1px solid lightgrey;
}

#footer
{
    bottom: 4em;
    position: absolute;
    display: block;
    bottom: 0;
    height: 5em;
    border-top: 1px solid lightgrey;
    background-color: #FBFAF4;
    min-width: 1249px;
    font-size: 10pt;
}

#footer img
{
    float: right;
    height: 60px;
    width: 60px;
    margin-right: 20px;
    margin-top: 5px;
}

#footer p
{
    float: left;
    padding: 1em 1em 0px 1em; /*top right bottom left    */
}

#footer p.colofon
{
    display: inline;
    font-size: 16px;
    padding-bottom: 2em;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    font-family: "Georgia" , "Garamond" , "Times" , serif;
}

img
{
    border: none;
}

h1
{
    font-family: "Garamond" , "Georgia" , serif;
    font-size: 18pt;
    max-width: 23em;
    line-height: 1.2em;
    text-align: left;
    font-weight: normal;
    border-bottom: 1px solid lightgrey;
}

h2
{
    font-family: "Garamond" , "Georgia" , serif;
    font-size: 16pt;
    width: 100%;
    line-height: 1em;
    text-align: left;
    font-weight: normal; /*border-bottom: 1px solid lightgrey;    */
}

.center
{
    text-align: center;
}
.right
{
    text-align: right;
}
.practical
{
    font-family: "Futura" , "Helvetica" , "Arial" sans-serif;
    font-weight: bold;
    font-size: 10pt;
}

.f9
{
    font-size: 9pt;
}

a
{
    text-decoration: underline;
}
a:link
{
    color: grey;
}
a:visited
{
    color: grey;
}
a:hover
{
    color: black;
    background-color: #f1f1f1;
}

.maintext
{
    position: relative;
    left: 35px;
    top: 250px;
    width: 1200px;
}

.columntext
{
    position: relative;
    left: 35px;
    top: 250px;
    width: 650px;
}

.maintext p, .columntext p
{
    font-family: "Corbel" , "Verdana" , "Arial" , sans-serif;
    font-size: 12pt;
    line-height: 1.5em;
    color: #444444;
    text-align: justify;
    margin-bottom: 1em;
}

.shortmaintext, .script
{
    display: inline;
    position: absolute;
    top: 4em;
}

.shortmaintext
{
    left: 340px;
    width: 780px;
}

.shortmaintext p
{
    font-family: "Corbel" , "Verdana" , "Arial" , sans-serif;
    font-style: italic;
    color: #444444;
}

.script
{
    left: 230px;
    float: left;
    width: 91px;
    height: 125px;
}

iframe
{
    position: relative;
    left: 35px;
    margin-top: 16em;
    width: 1200px;
    height: 900px;
    border: 1px solid darkgrey;
}

.news
{
    position: relative; /*either relative or nothing*/ /*float:right;*/
    border: 2px solid lightsteelblue;
    background-color: #FBFAF4;
    text-align: justify;
    padding: 1em 8px 0px 8px; /*top right bottom left    */
    width: 500px;
    top: -414px;
    _top: -380px;
    left: 710px;
}

.newsitem
{
    background-color: ghostwhite;
    margin-bottom: 1em;
    padding: 4px 10px 4px 10px; /*top right bottom left    */
    border-right: 4px solid gold;
    border-top: 1px dotted lightgrey;
    border-left: 1px dotted lightgrey;
    border-bottom: 1px dotted lightgrey;
}

.newsitem p
{
    margin-bottom: 1.5em;
}

.newsitem h1
{
    text-align: right;
    border-bottom: 1px dotted silver;
    margin-bottom: 1em;
    font-size: 16pt;
}

.newsitem ul
{
    margin-left: 2em;
    margin-bottom: 1.5em;
}

table.tableizer-table
{
    border: 1px solid #CCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.tableizer-table td
{
    padding: 4px;
    margin: 3px;
    border: 1px solid #ccc;
}
.tableizer-table th
{
    background-color: #104E8B;
    color: #FFF;
    font-weight: bold;
}







/*


#welcomebox a:link
{
    color: black;
}
#welcomebox a:visited
{
    color: grey;
}
#welcomebox a:hover
{
    color: lightslategray;
}
#welcomebox
{
    background-image: url(images/achtergrond-mooi.gif);
}

#newsbox a
{
    text-decoration: none;
    border-bottom: 1px dotted grey;
}

#newsbox a:hover
{
    border-bottom: 1px dotted lightslategray;
}

#kalenderbox
{
    float: right;
    clear: right;
    top: 100px;
    width: 300px;
    background-color: ghostwhite;
    border: 1px solid lightsteelblue;
    margin: 4px 4px 4px 4px; /*top right bottom left
    padding: 8px 8px 8px 8px; /*top right bottom left
    line-height: 15px;
}

#kalenderbox .AltItemTemplate
{
    background-color: gainsboro;
    display: block;
    padding: 2px 0px 4px 0px; /*top right bottom left
}

#welcomebox
{
    margin-left: auto;
    margin-right: auto;
    top: 100px;
    left: 220px;
    width: 500px;
    background-color: ghostwhite;
    border: 1px solid lightsteelblue;
    margin: 4px 4px 4px 4px; /*top right bottom left
    padding: 12px 16px 12px 12px; /*top right bottom left
}

#newsbox
{
    float: left;
    left: 220px;
    width: 500px;
    background-color: ghostwhite;
    border: 1px solid lightsteelblue;
    margin: 4px 4px 4px 4px; /*top right bottom left
    padding: 8px 8px 8px 8px; /*top right bottom left
    line-height: 15px;
}

#newsbox h2
{
    color: red;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    font-size: 10pt;
    margin-bottom: 5px;
}

#newsbox .AltItemTemplate
{
    background-color: gainsboro;
    display: block;
    padding: 2px 0px 4px 0px; /*top right bottom left
}

#navbalk, #navbalk li ul
{
    float: left;
    clear: left;
    left: 20px;
    top: 100px;
    width: 10em;
    background-color: lemonchiffon;
    border: 1px solid lightgrey; /* darkgray      
    margin: 4px 4px 4px 4px; /*top right bottom left
    padding: 8px 8px 8px 8px; /*top right bottom left*/ /*font-weight: bold;       
    font-size: 10pt;
    line-height: 25px;
}

#navbalk a
{
    text-decoration: none;
    color: grey;
}

#navbalk a:link
{
    color: grey;
}
#navbalk a:visited
{
    color: grey;
}
#navbalk a:hover
{
    color: grey;
}


#navbalk ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}

#navbalk li
{
    width: 10em;
    border-bottom: 2px dashed lightgrey;
}

#navbalk li ul li
{
    width: 14em;
    border-bottom: 2px dashed lightgrey;
}

#navbalk li:hover
{
    background-color: darkkhaki;
}

#navbalk li ul
{
    display: none;
    position: absolute;
    top: 1em;
    left: 0;
    width: 14em;
}


#navbalk li > ul
{
    top: auto;
    left: auto;
}

#navbalk li:hover ul
{
    display: inline;
    left: 8em;
}
*/