/*
Website                        : URL van de website waarvoor de CSS dient
Auteur                        : Mitch van Giersbergen
Auteur E-mail        : info@linehosting.nl
Auteur WWW                : www.linehosting.nl
---------------------------------------------------
*/

/*standaarden bepalen */
        * {
                margin: 0;
                padding: 0;
        }

        body {
                background: #fff url(../images/bg.png) repeat top left;
                color : #333;
                font : normal normal 62.5%/1.5 Verdana, Arial, "Times New Roman", sans-serif;
                text-align: center;
        }

        a {
                outline: none;
                color: #000;
                text-decoration: none;
        }

        ul {
                list-style-type : none;
        }

        input, select, textarea {
                border: #999999 1px solid;
                padding: 2px;
                font-size: 11px;
                color: #000000;
                background-color: #EDEDED;
        }

        h1 {
                font-size: 2.2em;
                margin-bottom: 15px;
        }

        h2 {
                font-size: 1.2em;
                padding: 3px 0 0 12px;
                height: 24px;
                color: #FFF;
        }

                h2.groen {
                        background: url(../images/kop_groen.png) no-repeat;
                }

                h2.grijs {
                        background: url(../images/kop_grijs.png) no-repeat;
                }

                h2.grijs_klein {
                        background: url(../images/kop_klein_grijs.png) no-repeat;
                }

        h3 {
                font-size: 1.2em;
                padding: 3px 0 0 12px;
                height: 24px;
                color: #FFF;
                text-align: left;
        }

                h3.groen {
                        background: url(../images/menu_bg_groen.png) no-repeat;
                }

                h3.grijs {
                        background: url(../images/menu_bg_grijs.png) no-repeat;
                }

/* classes bepalen */
        .submit {
                background: url(../images/submit.png) no-repeat;
                width: 80px;
                height: 19px;
                border: 0;
                margin: 0 3px 0 0;
        }

        .aanmelden {
                background: url(../images/meld_aan.png) no-repeat;
                width: 84px;
                height: 20px;
                border: 0;
                text-align: center;
        }



/* Website Indeling
-------------------
*/

/* De container */
        #container {
                margin: 5px auto;
                width: 700px;
                font-size : 100%;
                text-align: left;
        }

/* Header */
        #header{
                margin: 0 0 0 4px;
                padding: 0 0 10px 0;
        }

/* Topbalk */
        #top {
                border:1px #666666 solid;
                width:693px;
                height:25px;
                margin: 0 0 0 0px;
                background: #9ddf00 url(../images/balk_groen.png) no-repeat top left;
                text-align: right;
        }

        #top p {
                padding: 2px 0 0 0;
        }

/* Linker vak */
        #left {
                float: left;
                width: 194px;
                height: 201px;
                padding: 10px 0 0 0;
                margin: 0 0 0 -1px;
                background: url(../images/menu_top.png) no-repeat top left;
        }

                #left ul {
                        color: #000;
                        list-style: disc outside url(../images/bullet_1.png);
                }

                #left ul li {
                        width: 150px;
                        margin: 0 0 2px 25px;
                        color: #000;
                }

                #left li.underline {
                        border-bottom: #000 solid 1px;
                }

                #left a {
                        color: #000;
                        font: 1.6em/1.5em Verdana;
                        outline: none;
                        text-decoration: none;
                }

/* Rechter vak */
        #right {
                float: left;
                width: 500px;
                height: 201px;
                margin: 0 0 0 2px;
                background: url(../images/ringtones_head.png) no-repeat top left;
        }

/* Main */
        #main {
                clear: both;
                margin: 0 0 0 4px;
        }

/* Het Menu */
        #menu_menu {
                float: left;
                margin: -5px 0 0 0;
        }

        .menu {
                width: 190px;
                background: url(../images/menu_gb_groen.png);
                color: #000;
        }

        .menu_center {
                width: 190px;
                text-align: center;
                background: url(../images/menu_gb_groen.png);
                color: #000;
        }

        .menu li {
                margin: 0 0 0 5px;
                padding: 0 0 0 15px;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                background: url(../images/bullet_2.png) no-repeat 5px 7px;
        }

        .menu_einde {
                height: 7px;
                width: 190px;
                background: url(../images/menu_bg_groen_footer.png) no-repeat;
                margin: 0 0 5px 0;
        }


/* De Content */
        #content_content {
                float: left;
                margin: -5px 0 0 4px;
        }

        .content_groen {
                width: 500px;
                background: url(../images/bg_groen.png);
                color: #000;
        }

        .content_wit {
                width: 500px;
                background: url(../images/bg_wit.png);
                color: #000;
        }

        .content_groen p, .content_wit p {
                margin: 0 5px 0 5px;
        }

        .content_einde_groen {
                height: 5px;
                width: 500px;
                background: url(../images/bg_groen_footer.png) no-repeat;
                margin: 0 0 5px 0;
        }

        .content_einde_wit {
                height: 5px;
                width: 500px;
                background: url(../images/bg_wit_footer.png) no-repeat;
                margin: 0 0 5px 0;
        }


/* De content klein vakken */
        #content_klein_links {
                margin: 0 0 0 4px;
                float: right;
        }

        #content_klein_rechts {
                margin: 0 2px 0 0;
                float: right;
        }

        .content_klein_groen {
                width: 248px;
                background: url(../images/bg_klein_groen.png);
                color: #000;
        }

        .content_klein_wit {
                width: 248px;
                background: url(../images/bg_klein_wit.png);
                color: #000;
        }

        .content_klein_groen p, .content_klein_wit p {
                margin: 0 5px 0 5px;
        }

        .content_klein_einde_groen {
                height: 5px;
                width: 248px;
                background: url(../images/bg_klein_groen_footer.png) no-repeat;
                margin: 0 0 5px 0;
        }

        .content_klein_einde_wit {
                height: 5px;
                width: 248px;
                background: url(../images/bg_klein_wit_footer.png) no-repeat;
                margin: 0 0 5px 0;
        }


/* De Footer */
        #footer {
                clear: both;
                border:1px #666666 solid;
                width:693px;
                height:25px;
                margin: 0 0 0 4px;
                background: #9ddf00 url(../images/balk_groen.png) no-repeat top left;
                text-align: right;
        }

        #footer p{
                margin: 3px 10px 0 0;
        }
/* HintBox*/
#hintbox{
        position:absolute;
        top: 0;
        background-color: #dbfd85;
        width: 150px;
        padding: 3px;
        border:1px solid black;
        font:normal 11px Verdana;
        line-height:18px;
        z-index:100;
        border-right: 3px solid black;
        border-bottom: 3px solid black;
        visibility: hidden;
}
.hintanchor{ /*CSS for link that shows hint onmouseover*/
        font-weight: bold;
        color: #FFFFFF;
        margin: 3px 8px;
}
/* Overig */
img {
        border: none;
}
#content_content table {
        margin-left: 15px;
        margin-right: 5px;
}
#content_content p {
        display: block;
        padding-bottom: 8px;
}
#content_content ul, #content_klein_rechts ul, #content_klein_links ul {
        margin-left: 25px;
        list-style: none;
        list-style-type: none;
}
#content_content ul li, #content_klein_rechts ul li, #content_klein_links ul li {
        padding-left: 10px;
        margin: 0;
        list-style: none;
        background-image: url(../images/bullet_small.gif);
        background-position: 0 5px;
        background-repeat: no-repeat;
}
#content_content ol {
        margin-left: 25px;
}
form.SiteBewerken {
        padding: 20px;
        min-height: 150px;
}
#previewimg {
        margin-right: 10px;
}
div.anchorcontent {
        display: none;
}
/* Forum */
.blok_titel {
        font-weight: bold;
}
table.blok_tabel {
        width: 450px;
}