/* styles.css for template #124
   spyka.net Webmaster */
body {
         margin:0 auto;
         padding:0;
         width:100%;
         height:100%;
         font-family:Arial, Helvetica, sans-serif;
         background-color:#FFFFFF;
}

#background {
        margin: auto;
        width: 940px;
}

/* Global */
a {
        font-weight:bold;
        text-decoration:none;
        color:#333;
        font-size:0.75em;
}
a:hover {
        color:#c60f3d;
}
h1 {
        font-size:20px;
        margin:20px 0 15px 0;
}

h2 {
        font-size:1.2em;
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bold;
        border-bottom:1px solid #c60f3d;
        color:#f08821;
        padding:3px;
}


h3 {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:0.9em;
        color:#f08821;
        border-bottom:3px solid #77BA2E;
}
h4 {
        font-size:1.0em;
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bold;
        padding:0;
        margin:0 0 0 10px;
        color:#f08821;
}
p {
        margin-left:20px;
        font-size:0.8em;
}
ul {
        list-style-type:square;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        padding-left:30px;
        margin-left:30px;
        font-size:0.8em;
}
blockquote {
        border:1px solid #ddd;
        background-color:#eee;
        padding:4px;
        font-size:0.9em;
        font-style:italic;
}
        blockquote p {
                margin:3px;
                padding:0;
        }
/* Layout */
div#container {
        margin:auto;
        width:900px;
        background-color:#fff;
        border: 1px solid #c1c3c3;
}
div#page {
        width:666px;
        float:left;
        padding-left:15px;
        line-height:15pt;
        font-family:Arial, Helvetica, sans-serif;

}

table,tr,td {
        margin-left:20px;
        font-size:12px;
        font-family:Arial, Helvetica, sans-serif;
}

div#contact_gegevens {
        font-family:Arial, Helvetica, sans-serif;
        font-size:0.70em;
        margin-top:5px;
        margin-left:10px;
}

        div#contact_gegevens a {
        font-weight:bold;
        text-decoration:none;
        color:#333;
        font-size:0.75em;
        }

/* Header */
div#header {
        padding:0px 0 0px 0;
}
        div#header h1 {
                font-family:Arial, Helvetica, sans-serif;
                color:#c60f3d;
                font-size:1.6em;
                padding:0;
                margin:30px 0 0 20px;
                font-weight:bold;
        }
        div#header h2 {
                font-family:Arial, Helvetica, sans-serif;
                color:#333333;
                font-size:1.0em;
                padding:0;
                margin:0 0 0 20px;
                font-weight:bold;
                border-bottom:0;
        }
/* Navigation menu */
div#menu {
        height:10px;
        border-bottom:13px solid #c60f3d;
}

div#footer_menu {
        height:10px;
        border-bottom:13px solid #f08821;
}
        div#menu ul {
                padding:0;
                list-style-type:none;
                margin:0 0 0 10px;
                font-family:Arial, Helvetica, sans-serif;
                font-size:0.75em;
        }
                div#menu ul li {
                        float:left;
                        display:inline;
                        padding:0 7px;
                        margin:0;
                }
                        div#menu ul li a {
                                display:block;
                                float:left;
                                font-weight:bold;
                                padding:1px 15px 0 15px;
                                height:2px;
                                color:#999;
                                text-decoration:none;
                                border:none;
                        }
                        div#menu ul li a:hover {
                                text-decoration:underline;
                        }
                        div#menu ul li a.current:hover {
                                text-decoration:none;
                        }
                        div#menu ul li a.current {
                                position:relative; /* for IE6 */
                                color:#fff;
                                margin-top:-5px;
                                padding-top:5px;
                                height:20px;
                                border:1px solid #77BA2E;
                                border-bottom:none;
                                background-color:#97D553;
                        }
/* Content */
div#content {
        padding:0px 0px;
}
/* Sidebar */
div#sidebar {
        width:200px;
        float:left;
        padding:0;
        margin:0;
        border-right:1px solid #999;
}
        div#sidebar ul {
                padding:0;
                list-style-type:none;
                margin:15px 0 10px 0;
                /* border-top:1px solid #ccc; /* /* uncomment to add table-like border */
        }
                div#sidebar ul li {
                        margin:0;
                        padding:0;
                        /* border-bottom:1px solid #ccc; /* /* uncomment to add table-like border */
                }
                        div#sidebar ul li a {
                                display:block;
                                padding:7px 10px;
                                border-right:7px solid #fff;
                                font-family:Arial;
                                font-size:12px;
                                color:#C60F3D;
                                font-weight: bold;
                        }
                        div#sidebar ul li a:hover {
                                border-right:7px solid #f08821;
                        }
/* Footer */
div#footer {
        clear:both;
        text-align:left;
        margin:0;
        padding:0;
}
        div#footer p {
                padding:10px 0 10px 0;
                width:100%;
                margin:5px 0 0 0;
                font-size:0.8em;
                text-align:center;
        }
                div#footer p a {
                        text-decoration:underline;
                }