/* ---( ALGEMEEN )----------------------------------------- */

body {
        text-align:center;
        width:100%;
        margin-top:0px;
        margin-right:0px;
        margin-bottom:0px;
        margin-left:0px;
        font-family:Verdana, arial, tahoma, "century gothic", helvetica, "times new roman", sans-serif;
        background:url(../beeld/bg.png) repeat-x;
        }
        
p {
        margin-top:0px;
        margin-left:0px;
        margin-right:0px;
        margin-bottom:0px;
        font-size:11px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#27231f;
        font-weight:normal;
        line-height:20px;
        text-align:left;
        }
        
p a {
        font-size:11px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#7f543f;
        font-weight:bold;
        text-decoration:none;
        }

p a:hover {
        font-size:11px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#7f543f;
        font-weight:strong;
        text-decoration:underline;
        }

/* ---( DIVS )--------------------------------------------- */

#container {
        margin-top:0px;
        margin-left:auto;
        margin-right:auto;
        width:960px;
        height:auto;
        text-align:center;
        background-color:#fff;
        }

#wrapper {
        position:relative;
        width:960px;
        height:auto;
        text-align:center;
        background-color:#fff;
        }

#menubar {
        position:absolute;
        top:0px;
        left:0px;
        width:960px;
        height:140px;
        background:url(../beeld/menubar.png) no-repeat;
        z-index:10;
        }
        
#content {
        position:relative;
        width:960px;
        height:auto;
        text-align:center;
        background-color:#fff;
        z-index:9;
        }

#foto_top {
        position:absolute;
        top:115px;
        left:0px;
        width:480px;
        height:285px;
        background-color:#fff;
        z-index:9;
        }
        
#intro {
        position:absolute;
        top:115px;
        left:480px;
        width:480px;
        height:285px;
        background-color:#fff;
        z-index:8;
        }
        
#foto_top2 {
        position:absolute;
        top:115px;
        left:0px;
        width:0px;
        height:285px;
        background-color:#fff;
        z-index:9;
        }

#intro2 {
        position:absolute;
        top:115px;
        left:0px;
        width:960px;
        height:auto;
        background-color:#fff;
        z-index:8;
        }
        
#kern {
        position:relative;
        width:960px;
        height:auto;
        top:400px;
        background-color:#fff;
        z-index:10;
        background:url(../beeld/side_bg.jpg) right repeat-y;
        }
        
.side {
        margin-top:0px;
        width:310px;
        height:auto;
        font-size:11px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#27231f;
        font-weight:normal;
        line-height:20px;
        text-align:left;
        }
        
.side-tekst {
        padding-top:10px;
        margin-left:15px;
        margin-right:15px;
        padding-bottom:30px;
        font-size:11px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#27231f;
        font-weight:normal;
        line-height:20px;
        text-align:left;
        }
        
.side-tekst a {
        color:#7f543f;
        text-decoration:none;
        }

.side-tekst a:hover {
        color:#7f543f;
        text-decoration:underline;
        }
        
.img img {
        float:left;
        padding-left:0px;
        margin-top:5px;
        margin-right:15px;
        margin-bottom:5px;
        }

#thumb_wrapper {
        clear:both;
        position:relative;
        top:400px;
        left:0px;
        width:960px;
        height:155px;
        z-index:6;
        }
        
#header {
        height:119px;
        width:960px;
        }


#thumb_wrapper2 {
        position:relative;
        top:250px;
        left:0px;
        width:960px;
        z-index:10;
        }
        
#thumb_wrapper3 {
        position:relative;
        clear:both;
        top:20px;
        left:0px;
        width:960px;
        z-index:10;
        }

#news_wrapper {
        clear:both;
        position:relative;
        top:410px;
        left:0px;
        width:960px;
        height:250px;
        background:url(../beeld/news_wrapper.jpg) no-repeat;
        z-index:5;
       }

.arrangementen_new {
        float:left;
        margin-left:20px;
        margin-top:15px;
        width:300px;
        height:210px;
        font-size:12px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#d3cac4;
        font-weight:normal;
        line-height:24px;
        text-align:left;
        border-right:1px solid #7f543f;
        }
        
.nieuws_new {
        float:left;
        margin-left:20px;
        margin-top:15px;
        width:300px;
        height:210px;
        font-size:12px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#d3cac4;
        font-weight:normal;
        line-height:24px;
        text-align:left;
        border-right:1px solid #7f543f;
        }
        
.home_nieuws_wrapper {
        overflow:hidden;
        width:280px;
        height:100px;
        }
.home_nieuws {
        font-size:12px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#d3cac4;
        font-weight:normal;
        line-height:24px;
        text-align:left;
        }
        
.home_nieuws a {
        font-size:12px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#d3cac4;
        font-weight:normal;
        text-decoration:none;
        }

.home_nieuws a:hover {
        font-size:12px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#d3cac4;
        font-weight:normal;
        text-decoration:underline;
        }

.naw {
        float:left;
        margin-left:20px;
        margin-top:15px;
        width:250px;
        height:210px;
        font-size:12px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#d3cac4;
        font-weight:normal;
        line-height:24px;
        text-align:left;
        }

.naw a {
        font-size:12px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#d3cac4;
        font-weight:normal;
        text-decoration:none;
        }

.naw a:hover {
        font-size:12px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#d3cac4;
        font-weight:normal;
        text-decoration:underline;
        }

.powered {
        font-size:10px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#7f543f;
        font-weight:normal;
        line-height:50px;
        text-align:left;
        }

.powered a {
        font-size:10px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#7f543f;
        font-weight:normal;
        text-decoration:underline;
        }

.powered a:hover {
        font-size:10px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#7f543f;
        font-weight:normal;
        text-decoration:none;
        }
        
.voorwaarden {
        font-size:10px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#27231f;
        font-weight:normal;
        line-height:16px;
        text-align:left;
        }
        
#bottom {
        margin-top:410px;
        width:960px;
        height:30px;
        font-size:11px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#7f543f;
        text-align:center;
        z-index:12;
        }

.bottom_link a {
        color:#7f543f;
        text-decoration:underline;
        }

.bottom_link a:hover {
        color:#7f543f;
        text-decoration:none;
        }

        
/* ---( INTERACTIEF )--------------------------------------------- */

.spacer {
        clear:left;
        margin-bottom:10px;
        width:630px;
        border-top:1px solid #d3cac4;
        }
        
.link {
        font-size:10px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#7f543f;
        font-weight:normal;
        line-height:16px;
        text-align:left;
        }

.link a {
        font-size:10px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#7f543f;
        font-weight:normal;
        text-decoration:none;
        }

.link a:hover {
        font-size:10px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#7f543f;
        font-weight:normal;
        text-decoration:underline;
        }

.link2 {
        font-size:13px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#7f543f;
        font-weight:normal;
        line-height:16px;
        text-align:left;
        }

.link2 a {
        font-size:13px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#7f543f;
        font-weight:normal;
        text-decoration:none;
        }

.link2 a:hover {
        font-size:13px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#7f543f;
        font-weight:normal;
        text-decoration:underline;
        }

.kamer {
        padding:15px 20px 0 0px;
        font-size:18px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#7f543f;
        font-weight:normal;
        line-height:20px;
        text-align:left;
        }

.chapeau {
        padding:5px 20px 0 0px;
        font-size:14px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#fff;
        font-style:italic;
        line-height:16px;
        text-align:left;
        }

.datum {
        padding:0px 20px 0 0px;
        font-size:9px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#d3cac4;
        text-decoration:underline;
        line-height:16px;
        text-align:left;
        }

.volledig {
        padding:5px 0px 15px 0px;
        width:610px;
        font-size:11px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#000;
        font-style:normal;
        line-height:16px;
        text-align:left;
        }

.volledig img {
        float:left;
        padding-left:0px;
        margin-top:5px;
        margin-right:15px;
        margin-bottom:5px;
        }
        
.volledig a {
        font-size:11px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#7f543f;
        font-weight:bold;
        text-decoration:underline;
        }

.volledig a:hover {
        font-size:11px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#7f543f;
        font-weight:strong;
        text-decoration:none;
        }
        
/* ---( MENU )--------------------------------------------- */

ul#navlist {
        margin:0;
        padding-left:0px;
        }

ul#navlist li {
        display: inline;
        list-style-type: none;
        }

        ul#navlist li a {
                display:block;
                float:left;
                width:150px;
                height:45px;
                }

                ul#navlist li a#hotel {
                width:120px;
                height:115px;
                }

                ul#navlist li a#hotel:hover {
                background:transparent url(../beeld/hover.png) no-repeat;
                background-position:115 0px;
                }

                ul#navlist li a#hotel.hotel {
                background:transparent url(../beeld/hover.png) no-repeat;
                background-position:115 0px;
                }


                        ul#navlist li a#restaurant {
                        width:120px;
                        height:115px;
                        }

                        ul#navlist li a#restaurant:hover {
                        background:transparent url(../beeld/hover.png) no-repeat;
                        background-position:115 0px;
                        }

                        ul#navlist li a#restaurant.restaurant {
                        background:transparent url(../beeld/hover.png) repeat;
                        background-position:115 0px;
                        }


                                ul#navlist li a#arrangementen {
                                width:120px;
                                height:115px;
                                }

                                ul#navlist li a#arrangementen:hover {
                                background:transparent url(../beeld/hover.png) no-repeat;
                                background-position:115 0px;
                                }

                                ul#navlist li a#arrangementen.arrangementen {
                                background:transparent url(../beeld/hover.png) no-repeat;
                                background-position:115 0px;
                                }


                                                        ul#navlist li a#home {
                                                        width:240px;
                                                        height:115px;
                                                        }

                                                        ul#navlist li a#home:hover {
                                                        background:transparent url(../beeld/hover_home.png) no-repeat;
                                                        background-position:115 0px;
                                                        }

                                                        ul#navlist li a#home.home {
                                                        background:transparent url(../beeld/hover_home.png) no-repeat;
                                                        background-position:115 0px;
                                                        }


                                ul#navlist li a#gezelschappen {
                                width:120px;
                                height:115px;
                                }

                                ul#navlist li a#gezelschappen:hover {
                                background:transparent url(../beeld/hover.png) no-repeat;
                                background-position:115 0px;
                                }

                                ul#navlist li a#gezelschappen.gezelschappen {
                                background:transparent url(../beeld/hover.png) no-repeat;
                                background-position:115 0px;
                                }
                                

                        ul#navlist li a#nieuws {
                        width:120px;
                        height:115px;
                        }

                        ul#navlist li a#nieuws:hover {
                        background:transparent url(../beeld/hover.png) no-repeat;
                        background-position:115 0px;
                        }

                        ul#navlist li a#nieuws.nieuws {
                        background:transparent url(../beeld/hover.png) repeat;
                        background-position:115 0px;
                        }
                        

                ul#navlist li a#contact {
                width:120px;
                height:115px;
                }

                ul#navlist li a#contact:hover {
                background:transparent url(../beeld/hover.png) no-repeat;
                background-position:115 0px;
                }

                ul#navlist li a#contact.contact {
                background:transparent url(../beeld/hover.png) no-repeat;
                background-position:115 0px;
                }

/* ---( FORMULIEREN )--------------------------------------------- */
                
#contwrapper {
        clear:both;
        width:960px;
        }

#contleft {
        clear:both;
        margin-top:20px;
        float:left;
        width:480px;
        height:auto;
        }

#contright {
        float:left;
        clear:both;
        margin-top:-309px;
        *margin-top:-390px;
        margin-left:480px;
        *margin-left:400px;
        }

.omschrijving {
        float:left;
        clear:both;
        margin-bottom:5px;
        width:100px;
        padding-top:4px;
        font-size:11px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#000;
        font-style:normal;
        font-weight:normal;
        text-decoration:none;
        text-align:left;
        }

.omschrijving2 {
        clear:both;
        margin-left:8px;
        *margin-left:50px;
        margin-bottom:5px;
        width:70px;
        padding-top:0px;
        font-size:10px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#000;
        font-style:normal;
        font-weight:normal;
        text-decoration:none;
        text-align:left;
        }

.field {
        float:left;
        width:auto;
        *width:200px;
        margin-left:50px;
        margin-bottom:5px;
        font-size:11px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#000;
        font-style:normal;
        font-weight:normal;
        text-decoration:none;
        text-align:left;
        }

.field2 {
        clear:both;
        float:right;
        margin-left:10px;
        }

input {
        margin-left:0px;
        *margin-left:-50px;
        height:18px;
        margin-top:0px;
        border:1px solid #7f543f;
        background:#d3cac4;
        font-family:Verdana, tahoma, century gothic, helvetica, times new roman, arial, sans-serif;
        color:#27231f;
        padding-top:5px;
        padding-left:5px;
        line-height:12px;
        font-size:11px;
        }

.button {
        border:0px solid #bbb;
        width:230px;
        height:30px;
        float:left;
        font-size:11px;
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        color:#7f543f;
        font-weight:bold;
        line-height:16px;
        text-align:left;
        padding-top:0px;
        padding-left:0px;
        background:none;
        cursor:pointer;
        }

.select {
        width:auto;
        *width:auto;
        border:1px solid #7f543f;
        background:#d3cac4;
        font-size:11px;
        font-family:Verdana, tahoma, century gothic, helvetica, times new roman, arial, sans-serif;
        color:#27231f;
        }

textarea {
        margin-left:0px;
        width:320px;
        height:82px;
        border:1px solid #7f543f;
        background:#d3cac4;
        font-family:Verdana, tahoma, century gothic, helvetica, times new roman, arial, sans-serif;
        padding-top:6px;
        padding-left:5px;
        font-size:11px;
        color:#27231f;
        }



