@charset "utf-8";
/* CSS Document */
body{
margin:0;
padding:0;
color:#E2DDD7;
background-color:#2F2726;
}
a{outline:none;}
#container{
	width:950px;
	left:198px;
	position:absolute;
	background:white;
	margin-top:8%;
}
a{
color:#E2DDD7;
}
/*opmaak header*/
#hoofding{
position:relative;
}
/*opmaak menuitems*/
#menuitems{
position:relative;
margin:0;
padding:0;
width:950px;
float:left;
background-color:#E0DED9;
height:20px
}
#menuitems ul{
padding:0;
margin:0;
}
#menuitems ul li{
list-style:none;
background-color:#E0DED9;
display:inline;
width:auto;
padding:0px 40px 0px 30px;
height:20px;

}

#menuitems li a{
text-decoration:none;
color:#685B53;
}
#menuitems li a:visited{
color:#685B53;
text-decoration:none;
}
#menuitems li:hover{
background:#C7C0BA;
}

#menuitems #actief{
color:#C7C0BA;
background-color:#A79D96;

}
/*einde opmaak menu*/

/*begin opmaak van de content*/
#content{
background-color:#685B53;
width:950px;
float:left;
}
#footer{
background-color:#E0DED9;
color:#685B53;
display: block;
width:100%;
clear:both;
padding-top:2px;
padding-bottom:2px;
text-align:center;
}
/*zowel voor index als restaurant gelijk*/
.uitleg-tekst{
float:left;
width:30%;
padding:50px 20px 40px 30px;
}
#fotoindex{
float:left;
}
#fotoindex ul{
padding-top:41px;
}
#fotoindex li{
list-style:none;
display:inline;
padding-left:30px;
padding-top:50px;
}
#ambassadeur{
float:right;
padding-right:95px;}
/*opmaak van pagina van de kamers*/
#kamers{
float:left;
}
/* h4 is de hoofdingen van standaardkamer, penthouse en loft op de Hotel pagina!!*/
h4{
width:150px;
font-size:14pt;
border:1px #E2DDD7 solid;
text-align:center;
background-color:#E2DDD7;
color:#685B53;
margin-bottom:20px;
}
#kamertekst{
margin:30px 0px 35px 30px;
}
#hotel_standaard{
margin:20px 30px 35px 30px;
float:left;
width:250px;
}
#hotel_loft{
margin:20px 30px 35px 30px;
float:left;
width:250px;
}
#hotel_penth{
margin:20px 30px 35px 30px;
float:left;
width:250px;
}
/*overzicht van fotos van de kamer*/

#fotoKamer li{
list-style:none;
padding-bottom:30px;
}
/* opmaak paginas apart per kamer*/
#standaardkamer{
width:450px;
float:left;
padding-left:30px;
padding-top:50px;
}
#standaardkamer a{
color:#685B53;
border: solid 2px;
text-decoration:none;
background-color:#E2DDD7;
padding:5px;
}
#penthouse{
width:450px;
float:left;
padding-left:30px;
padding-top:50px;
}
#penthouse a{
color:#685B53;
border: solid 2px;
text-decoration:none;
background-color:#E2DDD7;
padding:5px;
}

#loft{
width:400px;
float:left;
padding-left:30px;
padding-top:50px;
}

#loft a{
color:#685B53;
border: solid 2px;
text-decoration:none;
background-color:#E2DDD7;
padding:5px;
}
/*arrangementen*/
h1{
font-size:16pt;
padding:20px 10px 0px 0px;
text-decoration:underline;
}
h2{
font-size:14pt;
padding-bottom:0px;
}
h3{
font-size:12pt;
}
p{
padding-top:0px;
}
table{
padding:10px 10px 10px 0px;}
/*contactpagina*/
#contact{
padding-left:30px;
padding-right:30px;
padding-bottom:20px;
}
/*arrangementen opmaak*/
#prijzen{
padding:30px 30px 5px 30px;
}
/*fotos van de kamers*/
#standaardfotos {
float:left;
margin:90px 20px 40px 100px;



}
#loftfotos{
float:left;
margin:90px 20px 20px 20px;
}
#penthousefotos{ 
float:left;
margin:90px 20px 40px 100px;
}
#arrangement{
width:45%;
float:left;
padding-bottom:20px;
}
#kamer_ontbijt{
float:right;
}
#recreatie{
padding:50px 20px 40px 30px;
width:400px;
float:left;
}
hr{
border:0;
widht:100%;
background-color:#E2DDD7}
#wijzigingen{
font-size:10pt;
float:left;
width:100%;
margin:20px 30px 20px 30px;

}
#foto_recreatie ul{
list-style:none;
}
#foto_recreatie{
float:right;
padding:0px 30px 20px 30px;
margin-right:130px;
margin-top:80px
}
#foto_recreatie li{
padding-bottom:20px}