body                                            { width: 100%; height: 100%; margin: 0px; padding: 0px; font-family : Tahoma, Arial, Helvetica, sans-serif; font-size : 11px; line-height: 20px; font-style : normal; color : #49043a; background: #49043a url('../img/bg.gif') repeat top left;}
html                                            { width: 100%; height: 100%; margin: 0px; padding: 0px; }
img                                            { border: none; }

::selection                                     { }
::-moz-selection                             { }

#container                                    { width: 960px; min-height: 100%; margin: 0px; padding: 0px; margin: auto; position: relative; background: #ddd100;  }
/*-----------------------
        Reset
-------------------------*/
img                                            { border: none; }
h1, h2, h3, h4, h5, h6                     { margin: 0; padding: 0; font-weight: bold;  }
p, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea { margin: 0px; padding: 0px;  }
img                                             { border: none; }
form                                            { margin: 0; padding: 0; display: inline; }
table                                            { margin:0px; padding:0px; border-spacing:0px; }
td                                                { vertical-align:top}

.clear                                            { clear: both; }
/*-----------------------
        Einde Reset
-------------------------*/

h1                                             { font-family:Georgia, "Times New Roman", Times, serif; font-size: 22px;    font-weight: normal; color: #ffffff; margin-bottom:10px; }
h2                                             { font-family: "Trebuchet MS", arial, helvetica; font-size: 13px; font-weight: bold; color: #49043a; margin-bottom:25px; }
h3                                             { font-family: "Trebuchet MS", arial, helvetica; font-size: 12px; font-weight: bold; color: #ffffff; margin-bottom:5px; }
h4                                             { font-family: "Trebuchet MS", arial, helvetica; font-size: 13px; font-weight: bold; color: #49043a; margin-bottom:10px; }

A, A:LINK, A:VISITED, A:FOCUS         { color : #49043a; text-decoration : none; font-weight : bold; }
A:HOVER                                    { color: #8f6a25; text-decoration : none; font-weight : bold; }
p                                                { margin-top: 10px; }
p.intro                                         { font-weight: bold; font-size: 12px; line-height: 24px; width: 600px; margin-bottom: 20px; }
img                                            { margin-bottom: 10px; }

/*-----------------------
        Extra's
-------------------------*/
.left                                            { float: left; }
.right                                            { float: right; }

.roos                                            { width: 605px; background: url('../img/bg-roos.png') no-repeat center top; }
.druif                                            { width: 605px; background: url('../img/bg-druif.png') no-repeat right top; }
.lelie                                            { width: 605px; background: url('../img/bg-lelie.png') no-repeat center top; }

#slider-holder                                { width: 295px; height: 100%; min-height: auto; min-height: 100%; background: #3f0031; position: absolute; top: 0px; right: 0px; }

#slideshow                                     { position:relative; height:720px; }
#slideshow IMG                            { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow IMG.active                     { z-index:10; opacity:1.0; }
#slideshow IMG.last-active                 { z-index:9; }



/*-----------------------
    text
-------------------------*/


/*-----------------------
        Header
-------------------------*/
#header                                        { width: 665px; height: 140px; background: #fff; float: left; }
#logo                                            { margin-left: 35px; }
#header p                                    { float: right; font-family: "Trebuchet MS", arial, helvetica; text-align: right; margin-right: 15px; margin-top: 15px; line-height: 15px; }
#header p a                                    { text-decoration: none; color: #49043a; }
#header p a:hover                            { color: #958000; }
/*-----------------------
        Menu
-------------------------*/
#menu                                        { list-style-type: none; width: 665px; height: 30px; float: left; background: #c6b40f; }
#menu li                                     { float: left; display: block; height: 20px; padding-top: 6px; padding-bottom: 4px; }
#menu li.active                            { background: #958000; }
#menu li.active a:hover                    { color: #fff; }
#menu li a                                    { text-decoration: none; font-family:Georgia, "Times New Roman", Times, serif; color: #fff; font-size: 14px; font-weight: bolder; padding-left: 9px; padding-right: 9px; }
#menu li a:hover                            { color: #958000; }
/*-----------------------
    Content types
-------------------------*/
.content-holder                                { width: 605px; min-height: 445px; margin-left: 30px; margin-top: 40px; float: left;}
.content-holder ul                            { list-style-type: disc; margin-left: 40px; }

/*-----------------------
    Fotoboek
-------------------------*/
#fotoboek                                    { width: 650px; }
#gallery_overview                            { }
#gallery_overview ul                        { list-style-type: none; margin: 0px; padding: 0px; }
#gallery_overview ul li                        { float: left; margin-right: 20px; margin-bottom: 20px; width:190px; height: 190px; line-height: normal; position: relative; }
#gallery_overview ul li div                    { position: absolute; width: 170px; background: #000; bottom: 0px; left: 0px; padding: 10px; color: #fff; opacity: 0.65; }
#gallery_overview ul li img                    { margin-bottom: 0px; width:190px; opacity: 0.95; }
#gallery_overview ul li:hover img, #gallery_overview ul li:hover div { opacity: 1; }

#gallery                                    { }
#gallery ul                                    { list-style-type: none; margin: 0px; padding: 0px; }
#gallery ul li                                { float: left; margin-right: 15px; margin-bottom: 15px; line-height: normal; }
#gallery ul li img                            { margin-bottom: 0px; width:90px; height:90px; }
/*-----------------------
    footer
-------------------------*/
INPUT {
    color : #8a8a8a;
    font-family : "Trebuchet MS", Arial, Tahoma;
    font-size : 12px;
    border-width: 1px;
    border-color: #8a8a8a;
    border-style: solid;
}

INPUT.button {
    color : #FFFFFF;
    cursor: hand;
    padding:2px;
    font-family : "Trebuchet MS", Arial, Tahoma;
    font-size : 12px;
    font-weight : bold;
    text-align : center;
    border-width: 0px;
    border-color: white;
    border-style: solid;
    background-color : #49043a;
}

.area {
    color:  #8a8a8a;
    font-family :Arial, Tahoma;
    font-size : 12px;
    text-align : left;
    border-width: 1px;
    border-color: #8a8a8a;
    border-style: solid;
    scrollbar-3dlight-color : #FFFFFF;
    scrollbar-arrow-color : #FFFFFF;
    scrollbar-base-color : #F6F6F7;
    scrollbar-darkshadow-color : #FFFFFF;
    scrollbar-face-color : #909090;
    scrollbar-highlight-color : #909090;
    scrollbar-shadow-color : #909090;
    scrollbar-track-color : #FFFFFF;
    overflow: auto;
}