/* BASIC */

html, body, div, p, h1, h2, h3, h4, h5, h6, span, img, form, input, ul, li, fieldset, legend, button {
    margin:             0;
    padding:            0;
}
html, body {
    text-align:         center;
    background-color:   #CCCCCC;
    font-family:        Verdana, sans-serif;
    font-size:          10pt;
}
div#divContainer {
    background-color:   #FFFFCC;
    border:             2px inset;
    width:              90%;
    margin:             10px auto;
    padding:            5px;
    text-align:         left;
    overflow:           hidden;
}
div#ads {
 margin-top: 1em;
 text-align: center;
}
a {
    color:              #000000;
    text-decoration:    underline;
}
a:hover {
    text-decoration:    none;
}
a.aBerichtOngelezen {
    font-weight:        bold;
    color:              blue;
}
img {
    border-width:       0;
}
    /* HEADER */

div#divContainer div#divHeader h1 {
    font-size:          14pt;
    padding:            5px 0;
}
div#divContainer div#divHeader h1 a {
    color:              #000000;
    text-decoration:    none;
}

    /* ALBUM SELECT */

div#divContainer div#divAlbums {
    text-align:         center;
}

    /* ERROR */

div#divContainer div#divError {
    background-color:   #FF0000;
    border:             2px solid #000000;
    padding:            50px 5px;
}

    /*  MENU */

div#divContainer div#divMenu, div#divContainer div#divAdminMenu {
    padding:            10px 0;
}
ul.ulMenu {
    list-style-type:    none;
}
ul.ulMenu li {
    display:            inline;
}
ul.ulMenu li a {
    text-decoration:    none;
    padding:            3px 10px;
    border:             1px solid #FFFFCC;
}
ul.ulMenu li span {
    padding:            3px 10px;
    border:             1px inset #FFFFCC;
}
ul.ulMenu li a:hover {
    border-style:       outset;
    background-color:   #FF6633;
}
ul.ulSubMenu {
    margin:             15px 5px;
    list-style-type:    none;
}
ul.ulSubMenu li {
    display:            block;
    padding-bottom:     15px;
}
ul.ulSubMenu li a {
    text-decoration:    none;
    padding:            3px 10px;
    border:             1px solid #FFFFCC;
}
ul.ulSubMenu li a:hover {
    border-style:       outset;
    background-color:   #FF6633;
}


    /* MAIN */

div#divContainer div#divMain {
    background-color:   #FFCC99; 
    border:             1px solid #000000;
}   
div#divContainer div#divMain h2 {
    background-color:   #FF6633;
    border-style:       solid;
    border-color:       #000000;
    border-width:       1px 0 1px 0;
    font-size:          10pt;
    height:             1.1em;
}
div#divContainer div#divMain h2.geenBorder {
    border-width:       0 0 1px 0;
}
span.left {
    float:              left;
    text-align:         left;
}
span.right {
    float:              right;
    text-align:         right;
}
div#divContainer div#divMain form, div#divContainer div#divMain h2, div#divContainer div#divMain form fieldset, div#divContainer div#divMain p, div#divContainer div#divMain h4 {
    padding:            5px;
}
input, textarea, button, select {
    background-color:   #FFFFCC;
    border:             1px ridge #99CCFF;
    padding:            1px 2px;
    font-family:        Verdana, sans-serif;
    font-size:          10pt;
}
input:focus, textarea:focus, button:focus, select:focus {
    background-color:   #FFCC99;
}
input:hover, textarea:hover, button:hover, select:hover {
    background-color:   #FFCC99;
}
label, .align {
    display:            block;
    float:              left;
    margin-bottom:      10px;
}
label {
    text-align:         right;
    width:              120px;
    padding-right:      20px;
}
br {
    clear:              left;
}
div#divFoto, div#divKnoppen, div#divBeoordeling {
    text-align:         center;
    margin:             10px 0;
}
div#divContainer div#divMain div#divFoto img.foto {
    border:             2px groove #FFFFCC
}
span.spanThumb {
    float:              left;
    margin:             10px;
}
span.spanThumb a {
    padding:            10px;
    display:            block;
    border:             1px ridge #FF6633;
}
span.spanThumb a:hover {
    background-color:   #FFFFCC;
}
span.spanThumb p {
    text-align:         center;
}
p.reactie {
    margin:             5px 30px;
    font-size:          90%;
    background-color:   #FFFFCC;
    border:             1px ridge;
    width:              80%;
}
p.reactieNaastThumb {
    margin:             10px;
    font-size:          90%;
    background-color:   #FFFFCC;
    border:             1px ridge;
    float:              left;
    width:              60%;
}
p.reactieThumb {
    margin:             5px 0 0 30px;
    float:              left;
    display:            inline;
}
p.reactieThumb a {
    padding:            10px;
    border:             1px ridge #FF6633;
    display:            block;
}
p.reactieThumb a:hover {
    background-color:   #FFFFCC;
}
h4 {
    font-size:          100%;
}
.toggleKnop {
    cursor:             pointer;
}

div#divContainer div#divLogin {
    margin-top:         15px;
    text-align:         center;
}

    /* FOOTER */

div#divContainer div#divFooter {
    font-size:          70%;
    text-align:         center;
    padding:            10px 0 0 0;
}

div#divBottom {
    font-size:          70%;
    color:              #DDDDDD;
    width:              90%;
    margin:             10px auto;
    padding:            5px;
}
div#divBottom a {
    color:              #DDDDDD;
}