/*===============================================================================================*/
/*
	body, td, a, p, h1..6, hr, div, input, textarea, button
*/
/*-----------------------------------------------------------------------------------------------*/
/*
	CSS classes voor standaard objecten. Moeten altijd in dit bestand voorkomen, maar mogen 
	natuurlijk wel	worden aangepast of uitgebreidt.
*/
/*===============================================================================================*/
*
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

body
{
	margin: 0px;
 	color: #333333;
	background-color: #FFFFCC;
}

td
{
	margin: 0px;
 	color: #333333;
/*
	font-weight: bold;
*/
}

label
{
	color: #333333;
	font-weight: bold;
}

p
{
	margin: 10 10 0 0px;
}

h1
{
	font-size: 16px;
	font-weight: bold;
}

h2
{
	font-size: 15px;
	font-weight: bold;
}

h3
{
	font-size: 14px;
	font-weight: bold;
}

h4
{
	font-size: 13px;
	font-weight: bold;
}

h5
{
	font-size: 12px;
	font-weight: bold;
}

h6
{
	font-weight: bold;
}

hr
{
	color: #333333;
	width: 100%;
	clear: both;
	height: 1px;
}

a
{
	text-decoration: underline;
	color: #9F5237;
	font-weight: normal;
}

a:hover
{
	text-decoration: none;
}

div 
{
	text-align: left; 
	border: 0px solid black;
}

input 
{
	font-size: 10px;
	height: 17px;
	color: #F20000;
	border: 1px solid #000000;
	background: #FFFFFF;
}

input.postcode
{
	font-size: 10px;
	font-weight: bold;
	width: 60px;
	height: 17px;
	color: #000000;
	padding-left: 4px;
	border: 1px solid #D8DADE;
	background: url("../../img/01/bgPostcode.gif") no-repeat 0 0;
	behavior: url(input.htc);
}

input.zoeken
{
	font-size: 10px;
	font-weight: normal;
	width: 115px;
	height: 17px;
	color: #333333;
	padding-left: 4px;
	border: 1px solid #E1BB88;
	background: #FFF url("../../img/01/bgZoeken.gif") no-repeat 0 0;
	behavior: url(input.htc);
}

input.radioInput, input.checkboxInput, input.radio, input.checkbox, input.boeking
{
	border: 0px solid;
	background: none;
}

textarea
{
	border: 1px solid black;
	width: 120px;
	height: 85px;
	float: left;
}

.content form table
{
	float:Left;
}

.content form div
{
	float:left;
}

button 
{
	font-size: 10px;
	font-weight: normal;
	padding: 0px 0px 0px 5px;	/* top right bottom left */
	border: 1px solid #B2BECA;
	background: #FFFFFF;
	color: #683524;
	background: url("../../img/01/bgButtonVergelijk.gif") repeat-x 0 0;
	text-align: center;
	float: left;
}

button.buttonPostcode
{
	width: 15px;
	padding: 1px 0px 0px 0px;	/* top right bottom left */
	border: 0px solid #CDD777;
	background: url("../../../img/01/btnPostcode.gif") no-repeat 0 0;
	float: left;
}

button.buttonZoeken
{
	width: 22px;
	padding: 0px 0px 0px 0px;	/* top right bottom left */
	border: 0px solid #CDD777;
	background: url("../../../img/01/btnZoeken.gif") no-repeat 0 0;
	float: left;
}

button.buttonSpecial
{
	font-size: 10px;
	font-weight: normal;
	padding: 0px 0px 0px 5px;	/* top right bottom left */
	border: 1px solid #B2BECA;
	background: #FFFFFF;
	color: #683524;
	background: url("../../img/01/bgButtonVergelijk.gif") repeat-x 0 0;
	text-align: left;
	float: left;
}

button.buttonSpecialDb
{
	font-size: 10px;
	font-weight: normal;
	padding: 0px 0px 0px 5px;	/* top right bottom left */
	border: 1px solid #B2BECA;
	background: #FFFFFF;
	color: #683524;
	background: url("../../img/01/bgButtonVergelijk.gif") repeat-x 0 0;
	text-align: center;
	float: left;
}

.buttonWoningSelect
{
	font-size: 10px;
	font-weight: normal;
	padding: 0px 0px 0px 5px;	/* top right bottom left */
	border: 1px solid #B2BECA;
	background: #FFFFFF;
	color: #683524;
	background: url("../../img/01/bgButtonVergelijk.gif") repeat-x 0 0;
	text-align: center;
}

.arrowMore, a.arrowMore
{
	width: 77px;
	height: 13px;
	background: url("../../img/01/arrowMore.gif") no-repeat 0 0;
	float: right;
}

a.arrowMore:hover
{
	width: 77px;
	height: 13px;
	background: url("../../img/01/arrowMoreMo.gif") no-repeat 0 0;
	float: right;
}

.arrowBack, a.arrowBack
{
	width: 77px;
	height: 13px;
	background: url("../../img/01/arrowBack.gif") no-repeat 0 0;
	float: left;
}

.arrowBack:hover
{
	width: 77px;
	height: 13px;
	background: url("../../img/01/arrowBackMo.gif") no-repeat 0 0;
	float: left;
}

.arrowTop, a.arrowTop
{
	width: 77px;
	height: 13px;
	background: url("../../img/01/arrowTop.gif") no-repeat 0 0;
	float: left;
}

.arrowTop:hover
{
	width: 77px;
	height: 13px;
	background: url("../../img/01/arrowTopMo.gif") no-repeat 0 0;
	float: left;
}

.printNav, a.printNav
{
	width: 77px;
	height: 13px;
	background: url("../../img/01/arrowPrint.gif") no-repeat 0 0;
	float: right;
}

.printNav:hover
{
	width: 77px;
	height: 13px;
	background: url("../../img/01/arrowPrintMo.gif") no-repeat 0 0;
	float: right;
}

.sendNav, a.sendNav
{
	width: 77px;
	height: 13px;
	background: url("../../img/01/arrowSend.gif") no-repeat 0 0;
	float: right;
}

.sendNav:hover
{
	width: 77px;
	height: 13px;
	background: url("../../img/01/arrowSendMo.gif") no-repeat 0 0;
	float: right;
}

ul 
{
	list-style-position: outside;
	list-style-image:url(../../img/01/arrowUl.gif);
}

.boekingsAanvraagTxt
{
	width: 220px;
}

.boekingsAanvraagNumb
{
	width: 60px;
}


/*===============================================================================================*/
/*
	EINDE van de standaard CSS classes
*/
/*===============================================================================================*/
/*
	Kalender CSS classes
*/
/*===============================================================================================*/
/*	De weekdagen (m, d, w, d, v, z, z) */
td.calDayHeader 
{
	text-align:	right;
	width: 18px;
	border-bottom: 1px solid #B8B8B8;
	color: #333366;
}

/* De weeknummers */
td.calWeekNo 
{
	text-align:	right;
	width: 18px;
	border-right: 1px solid #B8B8B8;
	cursor: hand;
	color: #333366;
}

/* onMouseOver van de weeknummers */
td.calSel
{
	background-color: #CCCCCC;
}

/* De dagen in de huidige maand */
td.calDay
{
	text-align: right;
	background-color: #EEEEEE;
	color: #FF6600;
	cursor: hand;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

/* De dagen van een andere maand (Other Month) */
td.calDayOM
{
	text-align: right;
	color: #B8B8B8;
	cursor: hand;
}

/* Een geselecteerde dag in de huidige maand */
td.calSelected
{
	background-color: #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

/* Een geselecteerde dag in een andere maand */
td.calSelectedOM
{
	background-color: #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color: white;
}

/* Vandaag */
td.calToday
{
	border: 1px solid #333366;
}

/* Als er agenda/kalender items zijn op die dag */
td.calFilled
{
	font-weight: bold;
}

/* De TD waar de maand in getoond wordt */
td.calMonth
{
	color: #FF6600;
}

/*===============================================================================================*/
/*
	EINDE Kalender CSS classes
*/
/*===============================================================================================*/


/*===============================================================================================*/
/*
	BEGIN Forum CSS classes
*/
/*===============================================================================================*/
thead.forumHead
{
	background: #D9E4E6;
	font-weight: bold;
}

td.forumHead
{
	color: #FF6600;
}

a.forumTitle, a.forumTitle:hover
{
	color: #333366;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
}

tr.forum
{
	background-color: #D9E4E6;
}

td.forum
{
	color: #333366;
}

td.forumGuestname
{
	font-weight: bold;
	color: #333366;
}

/*===============================================================================================*/
/*
	EINDE Forum CSS classes
*/
/*===============================================================================================*/


/*============================================= main ============================================*/
.mainContainer
{
	width: 806px;
	float: none;
}

.mainTop
{
	width: 806px;
	float: left;
}
/*============================================= main ============================================*/


/*============================================= portal ============================================*/
.mainMenuPortal
{	
	width: 242px;
	background: url("../../img/01/bgMenu.gif") repeat-y 0 0;
	float: left;
}

.topMenuPortal
{
	width: 806px;
	background: url("../../img/01/bgTopMenuPortal.gif") repeat-y 0 0;
	height: 41px;
	float: left;
}

.portalLeft
{
	width: 25px;
	height: 10px;
	oveflow: hidden;
	float: left;
}

.headerPortal
{
	width: 760px;
	float: left;
}

.portalRight
{
	width: 21px;
	float: left;
}

.mainContentPortal
{
	width: 806px;
	background: url("../../img/01/bgContentPortal.gif") repeat-y 0 0;
	float: left;
}

.contentPortalLeft
{
	width: 242px;
	float: left;
}

.spacer65
{
	width: 65px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.bgMainZoekBoek
{
	width: 242px;
	background: url("../../img/01/bgPortalMenu.gif") repeat-y 0 0; 
	float: left;
}

.mainZoekBoek
{
	width: 242px;
	background: url("../../img/01/bgMenuPortal.png") no-repeat 0 0; 
	float: left;
}

.zoekBoek
{
	width: 177px;
	float: left;
}

.contentPortalRight
{
	width: 564px;
	float: left;
}

.zoekBoekPortal
{
	width: 242px;
	float: left;
}

.menuPortalSpacer
{
	width: 170px;
	height: 4px;
	overflow: hidden;
	float: left;
}

.menuPortalSpacer23
{
	width: 170px;
	height: 23px;
	overflow: hidden;
	float: left;
}

.btnHotel, a.btnHotel
{
	width: 170px;
	height: 22px;
	background: url("../../img/01/btnHotel.gif") no-repeat 0 0;
	float: left;
}

a.btnHotel:hover
{
	background: url("../../img/01/btnHotelMo.gif") no-repeat 0 0;
}

.btnApp, a.btnApp
{
	width: 170px;
	height: 22px;
	background: url("../../img/01/btnAppartement.gif") no-repeat 0 0;
	float: left;
}

a.btnApp:hover
{
	background: url("../../img/01/btnAppartementMo.gif") no-repeat 0 0;
}

.btnAppComplex, a.btnAppComplex
{
	width: 170px;
	height: 22px;
	background: url("../../img/01/btnAppComplex.gif") no-repeat 0 0;
	float: left;
}

a.btnAppComplex:hover
{
	background: url("../../img/01/btnAppComplexMo.gif") no-repeat 0 0;
}

.btnVakWoning, a.btnVakWoning
{
	width: 170px;
	height: 22px;
	background: url("../../img/01/btnVakWoning.gif") no-repeat 0 0;
	float: left;
}

a.btnVakWoning:hover
{
	background: url("../../img/01/btnVakWoningMo.gif") no-repeat 0 0;
}

.btnBedBreakfast, a.btnBedBreakfast
{
	width: 170px;
	height: 22px;
	background: url("../../img/01/btnBedBreakfast.gif") no-repeat 0 0;
	float: left;
}

a.btnBedBreakfast:hover
{
	background: url("../../img/01/btnBedBreakfastMo.gif") no-repeat 0 0;
}

.btnCamperen, a.btnCamperen
{
	width: 170px;
	height: 22px;
	background: url("../../img/01/btnKamperen.gif") no-repeat 0 0;
	float: left;
}

a.btnCamperen:hover
{
	background: url("../../img/01/btnKamperenMo.gif") no-repeat 0 0;
}

.btnGroepsaccomodaties, a.btnGroepsaccomodaties
{
	width: 170px;
	height: 22px;
	background: url("../../img/01/btnGroepsaccomodatie.gif") no-repeat 0 0;
	float: left;
}

a.btnGroepsaccomodaties:hover
{
	background: url("../../img/01/btnGroepsaccomodatieMo.gif") no-repeat 0 0;
}

.portalLeftBottom
{
	width: 242px;
	float: left;
}

.contentAfbeelding
{
	width: 543px;
	float: left;
}

.bgGradient
{
	width: 543px;
	background: url("../../img/01/bgGradientPortal.jpg") no-repeat 0 0;
	float: left;
}

.shadowFooter
{
	width: 806px;
	background: url("../../img/01/bgPortalFooter.gif") no-repeat 0 0;
	height: 16px;
	float: left;
}

.footerMenu, a.footerMenu
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	float: none;
}

a.footerMenu:hover
{
	color: #666666;
	text-decoration: none;
}

a.footerMenuCopyright
{
	width: 150px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: center;
	text-decoration: none;
	float: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

a.footerMenuCopyright:hover
{
	color: #000000;
	text-decoration: none;
}

.menuSpacer
{
	width: 300px;
	height: 30px;
	float: left;
}

a.language
{
	width: 39px;
	height: 13px;
	border-left: 1px solid #CDD6DC;
	text-align: center;
	padding-top: 13px;
	float: left;
}

.topMenuHeaderPortal, a.topMenuHeaderPortal
{
	width: 110px;
	font-family: trebuchet, arial, verdana, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
	text-align: center;
	text-decoration: none;
	float: left;
}

a.topMenuHeaderPortal:hover
{
	color: #9F5237;
	text-decoration: none;
}

.sepPortalMenu
{
	width: 1px;
	height: 26px;
	text-align: center;
	float: left;
	background: url("../../img/01/pixSepTop.gif") no-repeat 0 0;
}

.sepPortalFooter
{
	width: 1px;
	height: 14px;
	text-align: center;
	background: url("../../img/01/pixSepTop.gif") no-repeat 0 0;
}

a.itemLastMinute
{
	width: 400px;
	font-family: trebuchet, arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;	
	float: left;
}

a.itemLastMinute:hover
{
	text-decoration: underline;
}

.lastMinuteItem
{
	width: 160px; 
	float: left;
}

.spotLightItem
{
	width: 320px;
	float: left;
}

a.spotlightTitle
{
	font-family: tahoma, trebuchet, arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #683524;
	text-decoration: none;
}

a.spotlightTitle:hover
{
	color: #000000;
	text-decoration: none;
}

a.spotlightTxt
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #683524;
	text-decoration: none;
	width: 320px;
}

a.spotlightTxt:hover
{
	text-decoration: underline;
}

a.waddenLogo

{
	width: 126px;
	height: 85px;
	background: url("../../img/01/waddenLogoNew.gif") no-repeat 0 0;
	float: left;
}

a.waddenLogo:hover

{
	background: url("../../img/01/waddenLogoNew.gif") no-repeat 0 0;
}

a.webcam
{
	width: 126px;
	height: 45px;
	background: url("../../img/01/webcam.gif") no-repeat 0 0;
	float: left;
}

a.webcam:hover
{
	background: url("../../img/01/webcamMo.gif") no-repeat 0 0;
}

.bgBody
{
	background: url("../../img/01/bgPortalBody.gif"); 
	background-attachment: fixed;	
	background-repeat: no-repeat;	
	background-position: center top;
}

/*============================================= portal ============================================*/


/*============================================= header ============================================*/
.mainHeader
{
	width: 806px;
	float: left;
}

.headerLeft
{
	width: 25px;
	float: left;
}

.header
{
	width: 760px;
	float: left;
}

.headerRight
{
	width: 21px;
	float: left;
}

.headerImage
{
	width: 760px;
	height: 180px;
	background: url("../../img/01/header01.jpg") no-repeat 0 0;
	float: left;
}
/*============================================= header ============================================*/


/*============================================= bread ============================================*/
.mainBread
{
	width: 806px;
	background: url("../../img/01/bgBread.gif") repeat-y 0 0;
	height: 29px;
	float: left;
}

.breadSpacer
{
	width: 268px;
	height: 29px;
	float: left;
}

.bread
{
	width: 505px;
	padding-top: 15px;
	float: left;
}

.breadBottom
{
	width: 760px;
	float: left;
}

.breadLink, a.breadLink
{
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}

a.breadLink:hover
{
	font-size: 10px;
	color: #582E1F;
	text-decoration: none;
}

.breadLinkLoc, a.breadLinkLoc, a.breadLinkLoc:hover
{
	font-size: 10px;
	color: #582E1F;
	font-weight: bold;
	text-decoration: none;
}
/*============================================= bread ============================================*/


/*============================================= menu ============================================*/
.fotoMenu
{
	width: 23px;
	float: right;
}

.mainMenu
{	
	width: 242px;
	height: 520px;
	background: url("../../img/01/bgMenu.gif") repeat-y 0 0;
	float: left;
}

.menuContainer
{
	width: 242px;
	float: left;
}

.menuLeft
{
	width: 64px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.menu
{
	width: 178px;
	height: 504px;
	float: left;
}
.menuBottom
{
	width: 242px;
	float: left;
}

.menuItem, a.menuItem
{
	height: 18px;
	color: #FDFBFA;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	padding-top: 2px;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
}

a.menuItem:hover
{
	height: 18px;
	color: #683524;
	font-weight: bold;
	font-size: 11px;
	padding-top: 2px;
	text-decoration: none;
	float: left;
}

.subMenuItem, a.subMenuItem
{
	height: 18px;
	color: #683524;
	font-weight: normal;
	font-size: 11px;
	padding-top: 2px;
	text-decoration: none;
	float: left;
}

a.subMenuItem:hover
{
	height: 18px;
	color: #C57256;
	font-weight: normal;
	font-size: 11px;
	padding-top: 2px;
	text-decoration: none;
	float: left;
}

.menuItemTop
{
	width: 152px;
	height: 18px;
}

.menuItemSpacer
{
	width: 152px;
	height: 1px;
	overflow: hidden;
	float: left;
}

.menuItemSpacer29
{
	width: 152px;
	height: 29px;
	float: left;
}

.mainZoeken
{
	width: 174px;
	background: #F1E1C9;
	float: left;
}

.zoekLeft
{
	width: 9px;
	height: 61px;
	float: left;
}

.zoekContent
{
	width: 165px;
	float: left;
}

.zoekAfb
{
	width: 165px;
	text-align: left;
	float: left;
}

.zoekVeld
{
	width: 130px;
	float: left;
}

.zoekButton
{
	width: 25px;
	text-align: left;
	float: left;
}

/*============================================= menu ============================================*/


/*============================================= content ============================================*/
.mainBody
{
	width: 806px;
	background: url("../../img/01/bgContent.gif") repeat-y 0 0;
	float: left;
}

.left
{
	width: 25px;
	height: 100px;
	float: left;
}

.right
{
	width: 21px;
	height: 100px;
	float: left;
}

.mainContent
{
	width: 564px;
	float: left;
}

.fotoAlbum
{
	width: 149px;
	float: left;
}

.topMenu
{
	width: 394px;
	height: 36px;
	background: url("../../img/01/bgTopMenu.gif") repeat-x 0 0;
	float: left;
}

.topMenuItem, a.topMenuItem
{
	width: 95px;
	font-family: trebuchet, arial, verdana, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #582E1F;
	padding-top: 10px;
	text-align: center;
	text-decoration: none;
	float: left;
}

a.topMenuItem:hover
{
	color: #FFFFFF;
}

.topMenuSpacer
{
	width: 3px;
	float: left;
}

.topMenuItemLast, a.topMenuItemLast
{
	width: 98px;
	font-family: trebuchtet, arial, verdana, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
	text-align: center;
	text-decoration: none;
	float: left;
}

a.topMenuItemLast:hover
{
	color: #CC0000;
}

.album
{
	width: 405px;
	text-align: left;
	float: left;
}

.spacer6
{
	width: 500px;
	height: 6px;
	overflow: hidden;
	float: left;
}

.spacer09
{
	width: 9px;
	height: 9px;
	overflow: hidden;
	float: left;
}

.contentLeft
{
	width: 12px;
	height: 25px;
	float: left;
}

.content
{
	width: 500px;
	float: left;
}

.mainArticle
{
	width: 500px;
	float: left;
}

.mainArticleSmall
{
	width: 311px;
	float: left;
}

.itemTitle, a.itemTitle
{
	width: 500px;
	font-family: tahoma, verdama, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #582E1F;
	padding-bottom: 10px;
	text-decoration: none;
}

a.itemTitle:hover
{
	color: #C57256;
	text-decoration: none;
}

.itemTitleSmall, a.itemTitleSmall
{
	width: 311px;
	font-family: tahoma, verdama, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #582E1F;
	padding-bottom: 10px;
	text-decoration: none;
}

a.itemTitleSmall:hover
{
	color: #C57256;
	text-decoration: none;
}
.itemBody
{
	width: 500px;
	font-size: 11px;
	color: #683524;
	float: left;
}

.bodyText, a.bodytext
{
	font-size: 11px;
	color: #683524;
	text-decoration: none;
	line-height: 18px;
}

a.bodytext:hover
{
	font-size: 11px;
	color: #000000;

	text-decoration: none;
}

.thumbVeld
{
	width: 142px;
	height: 142px;
	float: left;
}

.thumb, a.thumb
{	
	border: 1px solid #D8DADE;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	background: #FAF4ED;
	float: left;
}

a.thumb:hover
{	
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}

.articleLine
{
	width: 500px;
	height: 25px;
	background: url("../../img/01/articleLine.gif") repeat-x 0 0;
	float: left;
}

.articleLineSmall
{
	width: 311px;
	height: 25px;
	background: url("../../img/01/articleLine.gif") repeat-x 0 0;
	float: left;
}

.spacer30
{
	width: 500px;
	height: 30px;
	overflow: hidden;
	float: left;
}

.spacer10
{
	width: 500px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.mainNav
{
	width: 500px;
	padding-top: 10px;
	text-align: right;
	float: left;
}

.mainNavSmall
{
	width: 311px;
	padding-top: 10px;
	text-align: right;
	float: left;
}

/*============================================= content ============================================*/

/*============================================= compare ============================================*/
.thumbCompare
{
	width: 142px;
	height: 142px;
	float: center;
}

a.titleCompare
{
	font-family: tahoma, verdama, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #582E1F;
	text-decoration: none;
}

a.titleCompare:hover
{
	text-decoration: underline;
}

.rightLine
{
	font-family: verdama, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #582E1F;
	font-weight: normal;
	padding: 10 10 10 10;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F5E7D6;
}

.tdRightLine
{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F5E7D6;
}

.prijsPeriod
{
	background: #FFFFFF;
	width: 127px;
	height: 19px;
	font-family: verdama, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 0 0 0 3;	
}

.prijsCompare
{
	background: #F7EADB;
	width: 127px;
	height: 19px;
	font-family: verdama, arial, helvetica, sans-serif;
	font-size: 11px;
	padding: 0 0 0 3;	
}

/*============================================= compare ============================================*/


/*============================================= contentOutput ============================================*/

a.leftPhoto
{
	float: left;
	background: url("../../img/01/photoLeft.gif") no-repeat 0 0;
	width: 19px;
	height: 131px;
}

a.leftPhoto:hover
{
	background: url("../../img/01/photoLeftMo.gif") no-repeat 0 0;
}

a.rightPhoto
{
	float: left;
	background: url("../../img/01/photoRight.gif") no-repeat 0 0;
	width: 19px;
	height: 131px;
}

a.rightPhoto:hover
{
	background: url("../../img/01/photoRightMo.gif") no-repeat 0 0;
}

.photoContainer
{
	background: #F4E8D5;
	height: 131px;
	overflow : hidden;
}

a.allPhoto
{
 	float: right;
 	background: url("../../img/01/arrowPhoto.gif") no-repeat 0 0;
	height: 18px;
	width: 73px;
 
}

a.allPhoto:hover
{
 	background: url("../../img/01/arrowPhotoMo.gif") no-repeat 0 0;
}

.seperator03
{
	height: 3px;
	width: 462px;
	float: left;
	overflow: hidden;
}

.photoKader
{
	width: 126px; 
	height: 126px; 
	background: #FFFFFF; 
	border: 1px solid #EDDABC; 
	float: left; 
}

.spacerPhoto
{
	width: 120px; 
	height: 2px; 
	float: left; 
	border:0px solid green; 
	overflow: hidden;
}

.spacer60
{
	float: left;
	width: 60px;
	overflow:hidden;
}

.bgPrijs
{
 	background: url("../../img/01/bgPrijsBezetting.gif") repeat-x 0 0;
	width: 100%;
	height: 69px;
	float: left;
}

.eerder, a.eerder
{
	background: url("../../img/01/arrowEerder.gif") no-repeat 0 0;
	width: 67px;
	height: 69px;
	float: left;
}

a.eerder:hover
{
	background: url("../../img/01/arrowEerderMo.gif") no-repeat 0 0;
}

.later, a.later
{
	background: url("../../img/01/arrowLater.gif") no-repeat 0 0;
	width: 49px;
	height: 69px;
	float: left;
}

a.later:hover
{
	background: url("../../img/01/arrowLaterMo.gif") no-repeat 0 0;
}

.selectMonth
{
	width: 200px;
	float: left;
}

.spacerMonth
{
	width: 200px;
	height: 23px; 
	overflow: hidden;
	float: left;
}

a.btnDag
{
	background: url("../../img/01/btnDag.gif") no-repeat 0 0;
	height: 22px;
	width: 112px;
	float: left;
}

a.btnDag:hover
{
	background: url("../../img/01/btnDagMo.gif") no-repeat 0 0;
}

a.btnDagSel, .btnDagSel, a.btnDagSel:hover
{
	background: url("../../img/01/btnDagMo.gif") no-repeat 0 0;
	height: 22px;
	width: 112px;
	float: left;
}

a.btnMidweek
{
	background: url("../../img/01/btnMidweek.gif") no-repeat 0 0;
	height: 22px;
	width: 114px;
	float: left;
}

a.btnMidweek:hover
{
	background: url("../../img/01/btnMidweekMo.gif") no-repeat 0 0;
}

a.btnMidweekSel:hover, .btnMidweekSel, a.btnMidweekSel
{
	background: url("../../img/01/btnMidweekMo.gif") no-repeat 0 0;
	height: 22px;
	width: 114px;
	float: left;
}

a.btnWeek
{
	background: url("../../img/01/btnWeek.gif") no-repeat 0 0;
	height: 22px;
	width: 113px;
	float: left;
}

a.btnWeek:hover
{
	background: url("../../img/01/btnWeekMo.gif") no-repeat 0 0;
}

a.btnWeekSel:hover, .btnWeekSel:hover, a.btnWeekSel
{
	background: url("../../img/01/btnWeekMo.gif") no-repeat 0 0;
	height: 22px;
	width: 113px;
	float: left;
}

a.btnWeekend
{
	background: url("../../img/01/btnWeekend.gif") no-repeat 0 0;
	height: 22px;
	width: 114px;
	float: left;
}

a.btnWeekend:hover
{
	background: url("../../img/01/btnWeekendMo.gif") no-repeat 0 0;
}

a.btnWeekendSel:hover, .btnWeekendSel:hover, a.btnWeekendSel
{
	background: url("../../img/01/btnWeekendMo.gif") no-repeat 0 0;
	height: 22px;
	width: 114px;
	float: left;
}

.txtTabel
{
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	width: 47px;
	height: 22px;
}

.txtDate
{
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	width: 65px;
	height: 19px;
	text-align: center;
	background: #FFFFFF;
}

.txtDateBezetting
{
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	width: 62px;
	height: 19px;
	text-align: center;
	background: #FFFFFF;
}
.availableBezetting
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	width: 62px;
	height: 19px;
	text-decoration: underline;
	background: #567858;
	font-weight: bold;
	text-align: center;
	border-left: 1px solid #ffffff;
}

.notAvailableBezetting
{
	width: 62px;
	height: 19px;
	background: #A80000;
	border-left: 1px solid #ffffff;
}
.available
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	width: 65px;
	height: 19px;
	text-decoration: underline;
	background: #567858;
	font-weight: bold;
	text-align: center;
	border-left: 2px solid #ffffff;
}

.notAvailable
{
	width: 65px;
	height: 19px;
	background: #A80000;
	border-left: 2px solid #ffffff;
}

.outSelectionArea
{
	width: 65px;
	height: 19px;
	background: #F3F3F3;
	border-left: 2px solid #ffffff;
}

.availableWithoutBorder
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	width: 65px;
	height: 19px;
	text-decoration: underline;
	background: #567858;
	font-weight: bold;
	text-align: center;
}

.notAvailableWithoutBorder
{
	width: 65px;
	height: 19px;
	background: #A80000;
}

a.txtPriceTabel
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	width: 65px;
	height: 19px;
	text-decoration: underline;
	background: #567858;
	font-weight: bold;
	text-align: center;
	border-left: 2px solid #FFFFFF;
}


a.txtPriceTabel:hover
{
	color: #FFFFFF;
	background: #69946B;
	text-decoration: underline;
}


.bezettingTableTd {
	border: 1px solid #FFFFFF;
}

.bezettingTable {
	border: 1px solid #683524;
	table-layout:fixed;
}

a.boekNu
{
	background: url("../../img/01/btnBoekNu.gif") no-repeat 0 0;
	width: 133px;
	height: 38px;
	float: left;
}

a.boekNu:hover
{
	background: url("../../img/01/btnBoekNuMo.gif") no-repeat 0 0;
}
/*============================================= contentOutput ============================================*/


/*=========================================== gallery ==============================================*/
.mainGallery
{
	width: 157px;
	float: left;
}

.galleryTop, .galleryBottom
{
	width: 157px;
	float: left;
}

.galleryContent
{
	width: 157px;
	background: url("../../img/01/bgGallery.gif") repeat-y 0 0;
	float: left;
}

.gallerySpacer
{
	width: 16px;
	height: 119px;
	float: left;
}

a.image
{
	float: left;
}

a.image:hover
{
	float: left;
	cursor: hand;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}

.spacerBottom
{
	width: 166px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.spacer6
{
	width: 6px;
	height: 15px;
	overflow: hidden;
	float: left;
}
/*=========================================== gallery ==============================================*/

/*=========================================== edit woning ==============================================*/

a.editWoning
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

a.editWoning:hover
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}

.editBeschrijving
{
	width:490px;
	height: 110px;
	background: #FFFFFF;
	border: 1px solid #000000;
}

.editTxt
{
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

/*=========================================== edit woning ==============================================*/

a.itemMenu
{
	float: left;
	text-decoration: none;
}


a.itemMenu:hover
{
	color: #000;
}

/*============================================= zoeken ============================================*/
.searchLeft
{
	width: 13px;
	height: 25px;
	float: left;
}

.searchMain
{
	width: 521px;
	float: left;
}

.zoekBody
{
	width: 331px;
	float: left;
}

.mainResults
{
	width: 331px;
	float: left;
}

.vergelijkButton
{
	width: 331px;
	padding: 4px;
	background: url("../../img/01/bgVergelijk.gif") repeat-y 0 0;
	float: left;
}

.thumbResults
{
	width: 119px;
	height: 100px;
	overflow: hidden;
	border: 1px solid #B8C5CF;
	float: left;
}

.house
{
	width: 331px;
	float: Left;
}

.mainHouse
{
	background: #EDDABC;
	float: left;
}

.aantal
{
	font-weight: normal;
}

.titleHouse
{
	width: 316px;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	color: #683524;
	font-weight: bold;
}

.resultsBody
{
	font-weight: normal;
}

.resultsSpacer
{
	width: 331px;
	height: 8px;
	overflow: hidden;
	float: left;
}

.zoekMiddle
{
	width: 10px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.containerCriteria
{
	border: 0px solid green;
	float: left;
	width: 180px;
}

.zoekCriteria
{
	width: 180px;
	float: left;
}

.mainCriteria
{
	width: 180px;
	background: #EDDABC;
	float: left;
	border: 0px solid red;
	
}

a.selHotel
{
	width: 177px;
	height: 22px;
	background: url("../../img/01/selHotel.gif") no-repeat 0 0;
	float: left;
}

a.selHotel:hover
{
	background: url("../../img/01/selHotelAct.gif") no-repeat 0 0;
}

a.selAppartement
{
	width: 177px;
	height: 22px;
	background: url("../../img/01/selAppartement.gif") no-repeat 0 0;
	float: left;
}

a.selAppartement:hover
{
	background: url("../../img/01/selAppartementAct.gif") no-repeat 0 0;
}

a.selBed
{
	width: 177px;
	height: 22px;
	background: url("../../img/01/selBed.gif") no-repeat 0 0;
	float: left;
}

a.selBed:hover
{
	background: url("../../img/01/selBedAct.gif") no-repeat 0 0;
}

a.selCamperen
{
	width: 177px;
	height: 22px;
	background: url("../../img/01/selCamperen.gif") no-repeat 0 0;
	float: left;
}

a.selCamperen:hover
{
	background: url("../../img/01/selCamperenAct.gif") no-repeat 0 0;
}

a.selComplex
{
	width: 177px;
	height: 22px;
	background: url("../../img/01/selComplex.gif") no-repeat 0 0;
	float: left;
}

a.selComplex:hover
{
	background: url("../../img/01/selComplexAct.gif") no-repeat 0 0;
}

a.selVakantiewoning
{
	width: 177px;
	height: 22px;
	background: url("../../img/01/selVakantiewoning.gif") no-repeat 0 0;
	float: left;
}

a.selVakantiewoning:hover
{
	background: url("../../img/01/selVakantiewoningAct.gif") no-repeat 0 0;
}

a.selGroepsaccomodatie
{
	width: 177px;
	height: 22px;
	background: url("../../img/01/selGroepsaccomodatie.gif") no-repeat 0 0;
	float: left;
}

a.selGroepsaccomodatie:hover
{
	background: url("../../img/01/selGroepsaccomodatieAct.gif") no-repeat 0 0;
}

.iconBorder
{
	hspace:2px; 
	vspace:2px; 
	border:1px;
}

/*============================================= zoeken ============================================*/


/*============================================= footer ============================================*/
.mainFooter
{
	width: 806px;
	float: left;
}

.schelp
{
	width: 265px;
	text-align: right;
	float: left;
}

.footer
{
	width: 520px;
	height: 87px;
	background: url("../../img/01/bgFooter.gif") repeat-x 0 0;
	float: left;
}

.footerSpacer
{
	width: 500px;
	height: 35px;
	background: url("../../img/01/footerLine.gif") repeat-x 0 0;
	float: left;
}

.footerRight
{
	width: 21px;
	float: left;
}

.mainLinks
{
	width: 500px;
	text-align: center;
	padding-bottom: 5px;
	float: left;
}

.footerLink, a.footerLink
{
	font-weight: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

a.footerLink:hover
{
	color: #C57256;
	text-decoration: none;
}

.mainCopyright
{
	width: 500px;
	text-align: center;
	float: left;
}

.copyright, a.copyright
{
	font-weight: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}

a.copyright:hover
{
	color: #683524;
	text-decoration: none;
}
/*============================================= footer ============================================*/

/*============================================= sitemap ============================================*/
.editor
{
	color: #9F5237;
	background: #FAF4ED;
}

.search1
{
	background:	#EDDABC;
}

.search2
{
	background:	#FAF4ED;
}

.search 
{
	padding: 0px;
	width: 200px;
	color: #FFFFFF;
}

.sitemapTitle, a.sitemapTitle, a.sitemapTitle:hover
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #9F5237;
	text-decoration: none;
	float: left;
}

.sitemap, a.sitemap
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #9F5237;
	font-weight: normal;
	text-decoration: none;
}

a.sitemap:hover
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

/*============================================= sitemap ============================================*/


/*============================================= portal new ============================================*/
a.footerPortalNew
{
	width: 126px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	color: #B37A2F;
	text-align: center;
	text-decoration: none;
	padding-top: 8px;
	float: left;
}

a.footerPortalNew:hover
{
	color: #000000;
	text-decoration: none;
}

.footerSpacer5
{
	width: 548px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.actueelSpacer
{
	width: 12px;
	height: 10px;
	float: left;
}

.mainActueel
{
	width: 276px;
	float: left;
}

.actueelHeader, a.actueelHeader
{
	width: 84px;
	height: 24px;
	background: url("../../img/01/actueel.gif") no-repeat 0 0;
	float: left;
}

a.actueelHeader:hover
{
	background: url("../../img/01/actueelMo.gif") no-repeat 0 0;
}

.actueelLine
{
	width: 276px;
	height: 1px;
	background: #F2E2CC;
	overflow: hidden;
	float: left;
}

.actueelTitle
{
	width: 276px;
	padding-top: 5px;
	padding-bottom: 3px;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #683524;
	float: left;
}

.actueelBody
{
	width: 276px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #333333;
	float: left;
}

.actueelNav
{
	width: 276px;
	padding-top: 5px;
	float: left;
}

.arrowActueel, a.arrowActueel
{
	width: 70px;
	height: 13px;
	background: url("../../img/01/arrowActueel.gif") no-repeat 0 0;
	float: left;
}

a.arrowActueel:hover
{
	background: url("../../img/01/arrowActueelMo.gif") no-repeat 0 0;
}

.middleSpacer
{
	width: 10px;
	height: 10px;
	float: left;
}

.mainRight
{
	width: 244px;
	background: url("../../img/01/bgMainRight.gif") repeat-x 0 0;
	float: right;
}

.rightTop
{
	width: 244px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.rightLeft
{
	width: 13px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.right
{
	width: 220px;
	float: left;
}

.lastMinute, a.lastMinute
{
	width: 100px;
	height: 20px;
	background: url("../../img/01/last-minute.gif") no-repeat 0 0;
	float: left;
}

a.lastMinute:hover
{
	background: url("../../img/01/last-minuteMo.gif") no-repeat 0 0;
}

.arrangementen, a.arrangementen
{
	width: 125px;
	height: 20px;
	background: url("../../img/01/arrangementen.gif") no-repeat 0 0;
	float: left;
}

a.arrangementen:hover
{
	background: url("../../img/01/arrangementenMo.gif") no-repeat 0 0;
}

.rightBody
{
	width: 210px;
	padding-top: 4px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #333333;
	float: left;
}

.rightSpacer
{
	width: 220px;
	height: 5px;
	overflow: hidden;
	float: left;
}

.lastMinuteLine
{
	width: 220px;
	height: 1px;
	overflow: hidden;
	background: #683524;
	float: left;
}
/*============================================= portal new ============================================*/