/****************************************************************************
** General
****************************************************************************/

body {
	background-color: #b3a984;
	margin: 0;
	padding: 10;
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:100%;
	text-align: left;
}

/****************************************************************************
** Elements
****************************************************************************/

/* Page */
div#page {
        width: 900px;
        margin-left: auto;
        margin-right: auto;
		cursor: default;
    		scrollbar-face-color:#b3a984 ;
    		scrollbar-arrow-color:#FFFFFF;
    		scrollbar-track-color:#b3a984 ;
    		scrollbar-shadow-color:#FFFFFF;
    		scrollbar-highlight-color:#FFFFFF;
    		scrollbar-3dlight-color:#FFFFFF;
    		scrollbar-darkshadow-Color:#FFFFFF;	
			font-family: "Verdana", Arial, Helvetica, sans-serif;
}

/* Banner */
div#banner {
	height: 85px;
	width: 100%;
	background-image: url(../images/img_bedbreakfast.png);
        margin: 0;
        padding: 0;
}

/* Footer */
div#footer {
	/*	position: relative;*/
	text-align:center;
	background-color: #C4BC96;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 13px;
	margin-left:auto;
	margin-right:auto;
        margin: 0;
        padding: 0;
}

/* Content */
div#content {
	display:block;
	width:860px;
	height: 630px;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	background-color: #F4F1E4;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow: auto;
}

/* Menu */
#menubanner{
	width:900px;
	height: 25px;
		margin-left:auto;
	margin-right:auto;

background-color: #C4BC96;}

#menu {width:900px;
background-color: #C4BC96;
clear:both}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu ul li {
}

#menu a {
font: bold 12px/16px arial, helvetica, sans-serif;
display: block;
padding: 4px 0px 4px;
text-align:center;
background-color: #C4BC96;
}

#menu a {
color: #000;
text-decoration: none;
}

#menu a:hover, a.sfhover{
color: #a00;
background:url('../images/hover.png');
}

#menu ul ul a:hover, ul ul a.sfhover{
background:#FFF;
}

#menu li {position: relative;
width: 97px;
float: left;}

#menu ul ul {
position: absolute;
z-index: 101;
border-left: 1px solid #a00;
border-right: 1px solid #a00;
border-bottom: 1px solid #a00;
border-top: 1px solid #a00;
background: #C4BC96;
}

#menu ul ul ul {
position: absolute;
z-index: 100;
top: 0;
left: 100%;
background: #C4BC96;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul,
div#menu ul li.sfhover ul ul,
div#menu ul ul li.sfhover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul,
div#menu ul li.sfhover ul,
div#menu ul ul li.sfhover ul,
div#menu ul ul ul li.sfhover ul
{display: block;}



/* ***************************************************** */
/* Wazige formulier CSS */

.edt		{ font-family: Verdana, Arial, Helvetica, sans-serif;
			  color: #003333;
			  font-size: 11pt;
			  border-style: inset;
			  border-width: 1;
			  background: #FFFFFF; }
.btn		{ font-family: Verdana, Arial, Helvetica, sans-serif;
			  color: #000000;
			  font-size: 10pt;
			  border-width: 1; }

.ie8pt	{ font-family: Verdana, Arial, Helvetica, sans-serif;
		  color: #003333;
		  font-size: 8pt; }
.ie8ptgrey	{ font-family: Verdana, Arial, Helvetica, sans-serif;
		  color: #006666;
		  font-size: 8pt; }
.ie9pt	{ font-family: Verdana, Arial, Helvetica, sans-serif;
		  color: #003333;
		  font-size: 9pt; }
.ie10pt	{ font-family: Verdana, Comic Sans MS, Arial, Helvetica, sans-serif;
		  color: #003333;
		  font-size: 10pt; }
.ie12pt	{ font-family: Verdana, Arial, Helvetica, sans-serif;
		  color: #003333;
		  font-size: 12pt; }
.bernhard10	{ font-family: Verdana, BernhardMod BT,Arial, Helvetica, sans-serif;
		  color: #003333;
		  font-size: 10pt; }
.bernhard14	{ font-family: Verdana, BernhardMod BT,Arial, Helvetica, sans-serif;
		  color: #003333;
		  font-size: 14pt; }
.bernhard16	{ font-family: Verdana, BernhardMod BT,Arial, Helvetica, sans-serif;
		  color: #003333;
		  font-size: 16pt; }
.bernhard20	{ font-family: Verdana, BernhardMod BT,Arial, Helvetica, sans-serif;
		  color: #003333;
		  font-size: 20pt; }


/* ****************************************************************************************** */

/*wazig javascript*/

{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: .8em;
	}

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

/* ****************************************************************************************** */