/*** RESET ***/
html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, 
a, del, dfn, em, font, img,
small, strong, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;

}
a {
    color: #5f5648;
    text-decoration: none;
}
a:hover {
    color: #000000;
    text-decoration: none;
}
body{
	font-family: arial, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	background: url(../images/pattern.png); 

	color: #5f5648;
}
ol, ul {
	list-style: none;
}
:focus {
	outline: 0;
}

/*** END RESET ***/

/** HEADER **/
#headercontainer{
	position: relative;
	width: 805px;
	margin: 0 auto;
	z-index: 1;
}

#headercontainer #headerLogo{
	margin-top: 36px;
}

#headercontainer #menu{
	display: block;
	position: absolute;
	width: 805px;
	height: 321px;
	top: 120px;
	left: 0px;
}

#headercontainer #headerright{
	position: absolute;
	right: 0px;
	top: 60px;
	font-size: 0.7em;
}
#headercontainer #headerright li{
	border-right: 1px solid #75726d;
	padding: 5px 10px 5px 10px;
	float: left;
}
#headercontainer #headerright li a:hover{
	color: #d4d353;
}
#headercontainer #headerright li.green{
	color: #d4d353;
	border-right: none !important;
}
#headercontainer #headerright li.green a{
	color: #d4d353;
}
#headercontainer #headerright li.green a:hover{
	color: #ffffff;
}
#headercontainer #headerright li a{
	color: #ffffff;
}
/** END HEADER **/

#precontentcontainer{
	position: relative;
	margin: 234px auto;
	background-color: #dedecb;
	width: 100%;
	min-width: 805px;
	
	z-index: 0;
	margin-bottom: 0px;
	padding-top: 117px;
}

#contentcontainer{
	position: relative;
	width: 805px;
	margin: 0 auto;
	z-index: 2;
}

#contentcontainer #content{
	position: relative;
	width: 570px;
	float: right;
	z-index: 3;
	right: 0;
    margin-bottom: 60px;
}

#contentcontainer #leftbar{
	position: relative;
	width: 180px;
	float: left;
	z-index: 4;
	left: 25px;
	top: -13px;
}

#contentcontainer #leftbar{
	font-size: 0.8em;
	line-height: 1.5;
}
#contentcontainer #leftbar a{
	color: #7c7468;
}
#contentcontainer #leftbar a:hover{
	color: #342e25;
}
#contentcontainer #leftbar li.activelink{
	color: #342e25;
}

#contentcontainer #leftbar #leftbarrest{
	margin: 18px 0 0 -25px;
}
#contentcontainer #leftbar #leftbarrest #boeken .boekBtn{
	display: block;
	background: #7a7668;
	margin-bottom: 10px;
	width: 190px;
	height: 60px;
	cursor: pointer;
    cursor: hand;
}
#contentcontainer #leftbar #leftbarrest #boeken .boekBtn .boekBtn1{
	display: block;
    margin: 4px 0 0 20px;
}
#contentcontainer #leftbar #leftbarrest #boeken .boekBtn .stardekk a{
	display: block;
    margin: -12px 0 0 20px;
    color: #464036;
}

#content .inleiding{
	display: block;
	line-height: 1.3;
	margin-bottom: 27px;
    text-align: justify;
    font-size: 0.8em;
}

#content .txt{
	display: block;
	font-size: 0.8em;
	line-height: 1.3;
    text-align: justify;
}
#contentcontainer #leftbar #leftbarrest #gasnelnaar{
	margin: 20px 0 0 20px;
	font-size: 0.9em;
	line-height: 1.8;
}
#contentcontainer #leftbar #leftbarrest #gasnelnaar a:hover{
	color: #342e25;
}
#contentcontainer #leftbar #leftbarrest #gasnelnaar li.snel{
	margin: 20px 0 0 -13px;
	font-size: 1.4em;
	font-weight: bold;
}
#contentcontainer #leftbar #leftbarrest #gasnelnaar li.pijltje{
	background: 0px 7px url(../images/pijltje.png) no-repeat;
	padding-left: 10px;
}
#contentcontainer #leftbar #leftbarrest #adres{
	border: 1px solid #bebead;
	width: 168px;	
	padding: 15px 0 20px 15px; 
	margin: 24px 0 20px 5px;
	font-size: 0.9em;
	line-height: 1.5;
}
#contentcontainer #leftbar #leftbarrest #adres li.postiljon{
	font-weight: bold;
}
#contentcontainer #leftbar #leftbarrest #hotelmoment{
	width: 122px;
	height: 13px;
	margin: 24px 0 0 8px; 
}

#content .txt p{
	/*width: 270px;*/
	margin-bottom: 22px;
}
#content .txt .foto{
	float:left;
    width: 150px;
    margin-right: 15px;
    border:1px solid #bdbda8;
}

#content #col1{
	float: left;
}

#content #col2{
	float: right;
}

#content .inlineImg{
	border: none;
	width: 270px;
	overflow: hidden;
	margin-bottom: 20px; 
}

#precontentcontainer #contentcontainer #content .item{
    position: relative;
    width: 100%;
    height: 149px;
    background-color: #cac9b8;
    margin-top: 10px;
    overflow: hidden;
}

#precontentcontainer #contentcontainer #content .itemcontent{
    position: absolute;
    left: 150px;
    top: 15px;
    padding-right: 5px;
}

#precontentcontainer #contentcontainer #content .itemcontent .itemtitel{
    display: block;
    color: #403d34;
    margin-bottom: 10px;
}

#precontentcontainer #contentcontainer #content .itemcontent .itemextra{
    position: relative;
    top: 10px;
    font-size: 0.7em;
}

#precontentcontainer #contentcontainer #content .itemAfbeelding{
    width: 130px;
    height: 149px;
    background-color: #cac9b8;
}

#precontentcontainer #contentcontainer #content .itemlink{
    position: absolute;
    font-size: 0.7em;
    bottom: 12px;
    right: 12px;
    padding: 5px;
    background-color: #d4d353;
}

#precontentcontainer #contentcontainer #content .itemlink a, #precontentcontainer #contentcontainer #content .itemlink a:visited, #precontentcontainer #contentcontainer #content .itemlink a:active{
   color: #342e25;
}

#precontentcontainer #contentcontainer #content .itemlink a:hover{
    color: #ffffff;
}

#precontentcontainer #contentcontainer #content #firstitem{
    margin-top: 20px;
}

/** END CONTENT **/
.clearFloats{
	clear: both;
}
/** FOOTER **/
#footercontainer{
	height: 70px;
	width: 805px;
	margin: 0 auto;
}

#footer{
	display: block;
    width: 805px;
}
#footer #footerleft{
	float: left;
}
#footer #footerleft li {
	float: left;
    display: inline;
    padding-left: 10px;
    color: #ffffff;
    padding-top: 30px;
}
#footer #footerright{
	float: right;
     padding-top: 30px;
}
#footercontainer a:visited, #footercontainer a, #footercontainer a:active, #footercontainer a:hover{

	font-size: 0.7em;
	color: #ffffff;
}

#footercontainer a:hover{
	color: #d4d353 !important;
}
/** END FOOTER **/

.images {float:left; margin: 0 10px 10px 0; width:75px; height: 75px; border: 1px white solid;} 
.item {cursor:hand;}

#stardekk 
{
	font-size: 0.9em;
}
.textarea 
{
	font-size: 1.2em;
	background: Transparent;
	border: 1px solid #d3ccb9;
	color: #545454;
	padding: 2px 0 0 4px;
	width: 305px;
}

.textbox 
{
	margin-bottom: 6px;
	width: 150px;
	background: Transparent;
	border: 1px solid #d3ccb9;
	color: #545454;
}

.contactbutton 
{
	background: Transparent;
	border: 1px solid #d3ccb9;
	color: #545454;
	padding: 3px;
	text-transform: uppercase;
	font-size: 0.75em;
}