* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

body {
    background: #fff;
    font-family: Georgia, Georgia, serif;
    color: #FFFFFF;
    font-size: 14px;
    height: 100%;
}

a:link, 
a:visited 
{
    text-decoration: none;
}

a img{
    border: none;
}

h1{
    font-size: 36px;
    font-weight: normal;
    color: #FFFFFF;
    text-transform: lowercase;
}

h2{
    font-size: 18px;
    color: #040404;
    margin-bottom: 2px;
    text-transform: uppercase;
}

h3{
    font-size: 14px;
    font-weight: bold;
    color: #717576;
    margin-bottom:10px;
}

table{
    margin-bottom: 5px;
}

p{
    line-height: 20px;
    text-align: justify;
}

.footer_tel{
    color: #68602b;
}

.prijzen_bed-breakfast{
    font-size: 12px;
}
/* Menu: unorderd list & list items bij header en footer*/

#header ul li, #footer ul li{
    float: left;
    background:transparent url(/images/list_style_red_dot.gif) no-repeat scroll  right 10px;
    list-style: none;
    padding-right: 13px;
}

#header ul li a, #footer ul li a{
    font-size: 20px;
    color: #847d5a;
    text-transform: lowercase;
}

#header ul li a:hover, #header ul li a.selected, #footer ul li a:hover, #footer ul li a.selected{
    color: #060606;
    text-decoration: none;
}

#header ul li.last{
    background:transparent url(/images/list_style_red_dot_last.gif) no-repeat scroll left 10px;
    padding-left: 22px;
}

#footer ul li.last{
    background: none;
}

/*outer*/
#outer{
    background:transparent url(/images/wrapper_background.jpg) repeat-x scroll top ;
    height: 100%;
}

#wrapper{	
    width: 790px;
    min-height: 600px;
    margin: 0 auto;
    position: relative;
}
/*header*/
#header{
    width: 787px;
    height: 170px;
    margin: 0 auto;
    position: relative;
}

#header ul{
    position: absolute;
    bottom: 5px;
    left: 10px;
}

#header a img{
    position: absolute;
    top: 15px;
    left: 10px
}

/* content:
*/
#content{	
    width: 787px;
    margin: 0 auto;
    margin-top: 15px;
    position: relative;
    overflow:hidden;
}

#left_column{
    height:309px;
    xpadding:18px 15px 0 15px;
    padding:18px 15px 0 0;
    width:377px;
    float: left;
}

#left_push{
    margin-left:15px
}

#push{
    padding-top: 10px;
    position:relative;
}



#content.arrangementen img{
    top: 10px;
}

#content.contact #left_column{
    background:#8A866B none repeat scroll 0 0;
}

#content.prijzen #left_column{
    background: #5d756e;
}

#content.over_ons #left_column{
    background: #514241;
}

#content.fotos #left_column{
    background: #FFFFFF;
}

#content.kamers #left_column{
    background: #af9397;
}

#content.gastboek #left_column{
    background: #6E8272;
}


#content img{
    position: absolute;
    top: 0;
    right: 0;
}

#content.home img{
    position: relative;
    
}

#content ul.sub{
    float:right;
    margin-top:19px;

}



.arrangementen ul.sub{
   padding-right:227px;
}

#content ul.sub li{
    background:transparent url(/images/appel_list_item.gif) no-repeat scroll 2px 7px;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:13px;
}

#content.prijzen ul.sub li, #content.contact ul.sub li{
    background: none;
    padding-left: 7px;
}

#content ul.sub li a{
    font-size: 16px;
    color: #FFFFFF;
    text-transform:lowercase;
}

#content ul.sub li a:hover, #content ul li a.selected{
   xcolor: #aaa795;
   text-decoration: underline;
}

#content.arrangementen ul.sub li a{
   color: #8b8564;
}

#content.arrangementen ul.sub li a:hover, #content.arrangementen ul.sub li a.selected{
   color: #FFF;
   text-decoration:none;
}

#content.contact ul.sub li a:hover{
   color: #484638;
   text-decoration:none;
}

#content.kamers ul.sub li a:hover, #content.kamers ul.sub li a.selected{
   color: #866065;
   text-decoration:none;
}

#content.prijzen ul.sub li a:hover{
   color: #313d3a;
   text-decoration:none;
}


/*left column prijzen*/
#content.prijzen #left_column th{	
    width: 165px;
    text-align: left;
    font-weight: normal;
    border-bottom: 1px solid #FFFFFF ;
}

#content.prijzen #left_column td{
    border-bottom: 1px solid #FFFFFF ;
    width: 130px;
    text-align: right;
    padding: 2px 0;
}

#content.prijzen #left_column td.middle{	
    width: 67px;
}

#content.prijzen #left_column p{
    font-weight: bold;
   
}

.home{
    height:327px;
}

#content.prijzen #left_column ul.table_head{

    border-bottom:1px solid #FFFFFF;
    padding-bottom:2px;
	zoom: 1;
    overflow: auto;

}

#content.prijzen #left_column ul.table_head li{
    float: right;
    padding-right: 0;
    list-style:none;
    width: 130px;
    text-align:right;
}



#content.prijzen #left_column ul.overige_informatie{
    border-bottom:1px solid #FFFFFF;
    font-size:11px;
    overflow:auto;
    padding-bottom:5px;
    zoom: 1;
    margin-bottom: 10px;
}


#content.prijzen #left_column ul.overige_informatie li{
    list-style: none;
    float: left;
}

#content.prijzen #left_column ul.overige_informatie li ul li{
    float: left;
    width: 90px;
    margin:0 0 1px;
}



#content.prijzen #left_column ul.prijzen_disclaimer li{
   /* float: none;
    xbackground:none;
    xlist-style: url('/images/list_style_white_dot.gif');
    background: transparent url('/images/list_style_white_dot.gif') no-repeat left 5px;
    list-style: none;
    padding-left: 15px;
    
    xmargin-left: 5px;
    xpadding-bottom: 5px;
    font-size:11px;
    xpadding-top: 5px;*/

    float:none;
font-size:10px;
list-style-image:none;
list-style-position:outside;
list-style-type:inherit;
margin-bottom:4px;
margin-left:15px;
padding-left:1px;


}


/* fotos':*/

#content.fotos #left_column h1{
    color: #a6a28a;
}

#content.fotos #left_column ul{
    margin:0 auto;
    width:240px;
}

#content.fotos #left_column ul li{
    float: left;
    list-style: none;
    margin: 4px;
    height: 51px;
    width: 51px;
    background: #d5d5d3;
    padding: 0;
    position: relative;
}

/* arrangementen:*/



.item{
    color: #717576;
    position: relative;
    margin-bottom: 20px;
    width: 545px;
}

.arrangementen div.item ul{
    position: relative;
    width: 545px;
    right:0;
    top:0;
}

.arrangementen div.item p{
    width: 545px;
    margin-top: 2px;
}

#push a{
    color: #FFF;
}

#push a:hover{
    color: #c3c2c2;
}


.arrangementen div.item img{
    position: absolute;
    top: 0;
    right: 0;
}

.arrangementen div.item ul li{
    float: none;
    background:none;
    list-style: url('/images/list_style_white_dot.gif');
    padding: 0;
    margin-left: 45px;
}


.arrangementen{
    background: #dad8d1;
    height: 309px;
  
   padding-top: 18px;
    xpadding-bottom: 40px;
    
}

.gastenboek, .route{
    
    background: #dad8d1;
    height: auto;
    padding-top: 18px;
    padding-bottom: 40px;
    
    
}

.gastenboek p, .route p{
    margin-right: 15px;
}

.route ul.sub{
    padding-right: 15px;
}



/*#push_left{
    padding-left: 15px;
}*/

/*.arrangementen{
    width: 772px;
}

.gastenboek, .route{
    padding-right: 15px;
    width: 757px;
}

.gastenboek, .route, .arrangementen{
    background: #dad8d1;
    height: auto;
    padding-left: 15px;
    padding-top: 18px;
    padding-bottom: 40px;
}*/

.gastenboek .item {
    margin: 10px 0;
    color: #717576;
}

.gastenboekgegevens{
    color:#000;
    margin-bottom:2px;

}

.gastenboek a{
    color: #FFFFFF;
}

.gastenboek a:hover{
    color:#AAA795;
}

/* reserveren*/

#contactForm {
    padding-left:15px;
    position:absolute;
    right:30px;
    top:246px;
    z-index: 2;
    width: 337px;
}

#reservationForm fieldset {
    width:368px;
}

#reservationForm fieldset.right {
    padding-left:15px;
    position:absolute;
    right: 30px;
    top: 9px;
    width:345px;
    z-index: 2;
}

#content.reserveren {
    background: #5e404b;
    min-height: 299px;
    padding-top: 18px;
    padding-bottom: 10px;
}

* html body #reservationForm fieldset {
    padding-bottom: 20px;
}

form fieldset.right label {
    width:98px;
}

#content.reserveren form fieldset.right select{
    margin-bottom:5px;
    padding-left:3px ;
    width:60px;
}

#content.reserveren div.left-column {
	width: 337px;
}

#content.reserveren form fieldset.right select.long{

    width:90px;
}

form fieldset input.send {
    background:#9A9889 none repeat scroll 0 0;
    border:medium none;
    color:#FFFFFF;
    height:25px;
    margin-left:116px;
    margin-top:10px;
    padding:2px 0 5px;
    text-align:center;
    width:65px;
    font-weight: bold;
}

/*contact*/



#xcontent.contact form fieldset.right input{

    margin-bottom:5px;
    padding-left:3px ;
    width:209px;

}

#content.contact form fieldset.right input.send{
    width:65px;
}


ul#image_scroll{
    float: right;
    list-style: none;
}

ul#image_scroll li {
	position: absolute;
	top: 0;
	right: 0;
}

#content ul#image_scroll img{
    position: relative;
}

/*footer:*/

#footer{	
    clear: both;
    width: 787px;
    margin: 0 auto;
    margin-top: 5px;
    position: relative;
}

#footer ul{	
    position: absolute;
    left: 10px;
}

#footer ul li a:hover, #footer ul li a.selected{
    color: #c3c2c2;
}



#footer p{
    position: absolute;
    right: 10px;
    top:12px;
    color: #828181;
    font-size: 11px;
    text-align: right;
    line-height: normal;
}

#footer a{
    color: #68602B;
}

#footer a:hover{
    color: #c3c2c2;
}

#spinlogo {
	top: 44px;
	font-family: Arial,Helvetica,sans-serif;
	position: absolute;
	right: 10px;
}
