@charset "utf-8";

html, body { 
min-height: 100%;
width: 100%;
height: 100%;
}
html>body, {
 height: auto;
}
body {
 margin: 0;
 padding:0 0 0 0;
}

/*.formfield, .formmultifield, .formselectfield, formfield_gray{*/
input, textarea, select{
	background:#FFEEAA;
	border:#333366 1px solid;
	margin:1px;
	height:16px;
	margin:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#Email{
	display:none;
}
textarea{
	height:50px;
}
select{
	height:18px;
}
.formbutton{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	border-color:#000;
	padding:0;
	border-width:1px;
	color:#FFF;
	background:#FF9900;
	text-align:center;
	border-style: solid;
	height:21px;

}
.formbutton_sm{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border-color:#000;
	padding:0;
	border-width:1px;
	color:#FFF;
	background-color:#F90;
	text-align:center;
	text-decoration:none;
	border-style: solid;
}

.errmsg {
    font-family: "Courier New", Courier, mono;
    font-size: 12px;
    font-weight: bolder;
    color: #CC0000;
}

/*Form error style*/


div.formerrormsg {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px #FF0000 solid;
	font-size:10px;
	color:#FF0000;
	text-align:left;
	padding: 5px;
	top:360px;
	left:250px;
	width:195px;
	z-index:2;
	background-color:#EEE;
}
div.formerrormsg_admin {
	position:absolute;
	visibility:visible;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 1px #FF0000 solid;
	font-size:10px;
	color:#FF0000;
	text-align:left;
	font-weight:normal;
	padding: 5px;
	top:310px;
	left:420px;
	width:380px;
	z-index:2;
}
div.formmsg {
	position:absolute;
	visibility:visible;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 1px #00CC00 solid;
	font-size:10px;
	color:#00CC00;
	text-align:left;
	font-weight:normal;
	padding: 5px;
	top:310px;
	left:420px;
	width:380px;
	z-index:2;
}

#plain{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#0066CC;
	text-align:left;
	text-decoration:none;
}

div.tekst{
	position:absolute;
	top:157px;
	left:340px;
	width:430px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#0066CC;
	text-align:left;
	text-decoration:none;
	z-index:10;
}
div.home{
	position:absolute;
	top:177px;
	left:340px;
	width:450px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#0066CC;
	text-align:justify;
	text-decoration:none;
	z-index:10;
}
	.home h4{
	font-size: 13px;
	font-weight: bold;
	text-align:left;
}
	img.home{
	border: 1px solid #FFFFFF;
	margin: 0px;
	position:relative;
	text-align: center;
}
	
div.contact{
	position:absolute;
	visibility:visible;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0066CC;
	text-align:left;
	text-decoration:none;
	font-weight:normal;
	margin: 5px;
	top:184px;
	left:250px;
	height:390px;
	width:180px;
	z-index:2;
}

div.formone{
	position:absolute;
	visibility:visible;
	top:184px;
	left:470px;
	height:390px;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:left;
	text-decoration:none;
	font-weight:normal;

	z-index:10;
}
.formone h4{
	font-size: 16px;
	font-weight: bold;
	color:#0066CC;
}



/*
Top-menu
*/
div.topnavcontainer{
	position:absolute;
	z-index: 10;
	top:0; */
	top: 10px;
	left: 450px;
	float:right;
	border-right: 1px solid #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
ul#topmenu{
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}
#topmenu li{
	display: inline;
}
#topmenu a{
	text-decoration: none;
	color: #fff;
	border: 1px solid #FFF;
	float: left;
	margin: 0px -1px 0px 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	clear: right;
}
#topmenu a:link, #topmenu a:visited{
	background-color: #F90 ;
}
#topmenu a:active, #topmenu a:hover{
	background-color: #FC0;
}

div.top1 {
	position:absolute;
	left:0px;
	top:25px;
	width:100%;
	height:80px;
	background:url(../images/self_catering_heatherlea_cottage.gif) #6699FF no-repeat;
	clear: both;
	z-index:5;
	border:none;
}

.top1 a:link, .top1 a:visited, .top1 a:hover{
	position:absolute;
	top:0px;
	left:0px;
	color:#F90;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	text-decoration:none;
	font-size:24px;
	padding:5px 50px 45px 120px;
	
}

div.top2 {
	position:absolute;
	left:0px;
	top:105px;
	width:100%;
	height:30px;
	background-color: #bbddff;
	clear: right;
	z-index:5;

}

div.pathway {
	left:10px;
	visibility: visible;
	clear: right;
	z-index:6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0099CC;
	text-align:left;
	text-decoration:none;
	font-weight:bold;
	margin-top:-5px; */
	margin-top:5px;

}
ul#path{
	white-space: nowrap;
		}

		#path li{
			display:inline;
		}
		#path li a{
			text-decoration:none;
			color:#0066CC;
		}
		#path li a:hover{
			color:#fff;	
		}
		#aktief{
		font-weight:bold;
		}
		
div.imagenavcontainer{
	position:absolute;
	z-index: 12;
	visibility: visible;
	top:33px; */
	top: 45px;
	left: 300px;
}
		ul#images{
			white-space: nowrap;
	}
		#images li{
			display: inline;
		}
		#image {
		border: 1px solid #FFFFFF;
		margin-right: 4px;
		position:relative;
}

div.pagetitle{
	position:absolute;
	top:144px;
	left:40px;
	height:30px;
	width:300px;
	background-color:#FFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-style:italic;
	z-index:5;
	text-align: center;	
}

div.main{
	position:absolute;
	visibility: visible;
	top: 184px;
	left:350px;
	z-index:10;
}
div.seilmap{
	position:absolute;
	visibility: visible;
	top: 180px;
	left:0px;
	z-index:10;
}

div.gallery_container{
	position:absolute;
	top:178px;
	left:0px;
	z-index:10;
}
div.picture_gallery{
	position:relative;
	width:190px;
	top:10px;
	left:10px;
	z-index:3;
}
	img.picture{
	width:55px;
	height:55px;
	border: 1px solid #FFFFFF;
	margin: 0px;
	position:relative;
}

div.galleryframe{
	position:absolute;
	top:0px;
	left:220px;
	width:630px;
	height:250px;
	display:inline;
}
div.pictureframe{
	position:relative;
	height:300px;
	float:left;
	border: solid 1px #000;
}

div.introtextframe{
	position:absolute;
	top:0;
	
	padding-top:10px!important;
*	padding-top:0px;
	left:340px;
	width:450px;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#0066CC;
	text-align:justify;
	visibility: visible;
	z-index:6;
	border:none;
}
	.introtextframe h4{
	font-size: 13px;
	font-weight: bold;
}

div.thumbframe{
	position:relative;
	width:200px;
	float:left;
	margin-left:10px;
	visibility: visible;
}
div.textframe{
	position:relative;
	width:200px;
	float:left;
	margin-left:10px;
	/*	background-color:#FFFFCC;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0066CC;
	visibility: visible;
	padding:5px;
	z-index:6;
	border:none;
}
.textframe h4{
	font-size: 12px;
	font-weight: bold;
	color:#0066CC;
}

#picture4{
	width:260px;
	vertical-align: middle;
}
#picture3{
	width:260px;
	vertical-align: middle;
}

div.calendar{
	position:relative;
	width:300px;
}

div.left{
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#69F; 
	z-index:1;
}
.menuwit{
	position:relative;
	top: 0px;
	left:0px;
	width:200px;
	height:176px;
	background: #FFF;
	visibility: visible;

}

div.menufoto{
	position:relative;
	left:0px;
	width:200px;
	height:170px;
	visibility: visible;
	clear: right;
	background-color: #CCCCCC;

}
.menufoto img {
	border-bottom:1px solid #FFFFFF;


}
#picture a{
	border:5px;
}
#picture a:hover{
	border:3px;
}

.menuleft{
	position:relative;
	left:0px;
	bottom:0px;
	height:100%;
	border:none;
	padding:0;
	margin:0;
	background-color: #6699FF;
	visibility: visible;
	z-index:1;
}

div.leftnavcontainer{
	position:relative;
	visibility: visible;
/*	border-top: 1px solid #FFF;*/
	top:20px;
	left: 59px;
	float:left;
	z-index:10;
}
	ul#leftmenu{
		margin-left: 0;
		padding-left: 0;
		list-style-type: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	#leftmenu li{
		display: list-item;
	}
	#leftmenu a{
	margin:1px 0px 2px 0px; */
	margin:0;
		display: block;
		width: 130px;
		text-decoration: none;
		color: #FFF;
		border: 1px solid #FFF;
		padding-top: 5px;
		padding-bottom: 7px;
		padding-left: 10px;		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
	}
	#leftmenu a:link, #leftmenu a:visited{
		background-color: #F90 ;
	}
	#leftmenu a:active{
		background-color: #FC0;
	}
	#leftmenu a:hover{
		background-color: #FC0;
	}
		

div.bottom{
	position:absolute;
	float:left;
	left:0px;
	bottom:10px;
	z-index:2;
	clear: both;
	width: 100%;
	border: none;
}

.menubottom{
	position:relative;
	width:100%;
	height:30px;
	visibility: visible;
	clear: right;
	background:url(../images/heatherlea_bottom.gif) no-repeat right #cde6fe;
}
.self_catering{
	position:absolute;
	right:275px;
	line-height:24px;
	
	color:#F90;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	text-decoration:none;
	font-size:18px;

}
#language{
		width:30px;
  		height:22px;
		border: 1px solid #FFFFFF;
		margin-top:3px;
		margin-right: -6px;
		margin-left: 10px;		
		position:relative;
}

.disclaimer{
	position:relative;
	width:200px;
	background:#6699FF;
	height:10px;
}

/*admin css*/
.reserveringen {
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#0066CC;
	text-align:left;
	vertical-align:top;
	
}
.reserveringen th{
	color:#FFFFFF;
	font-size:10px;
	font-weight:600;
	background-color:#0066CC;
	border:1px #0099CC solid;
	padding-left:5px;
	padding-right:2px;
}

.reserveringen th a:visited, a:link{ 
	color:#FFFFFF;
	font-weight:600;
	text-decoration:underline;
}
.reserveringen th a:hover{ 
	color:#FF3333;
	font-weight:600;
	text-decoration:underline;
}

#reserveringen_over{
	background-color:#9BEEFF;
}
#reserveringen_out{
	background-color:#BBF4FF;
}
#reserveringen_active_over{
	background-color:#FFFF66;
}
#reserveringen_active_out{
	background-color:#FFCC66;
}

#reservering_td a:link, a:visited{
	font:Arial, Helvetica, sans-serif;
	color:#0066CC;
	text-decoration:underline;
}
#reservering_td a:hover{
	font:Arial, Helvetica, sans-serif;
	color:#0099EE;
	text-decoration:underline;
}
/*EINDE admin css*/

/*Jcal css */
a.normal:link  { color: #000000; font-weight: normal; font-size: 10px; font-family: verdana, arial, helvetica; text-decoration: none }
a.normal:visited  { color: #000000; font-weight: normal; font-size: 10px; font-family: verdana, arial, helvetica; text-decoration: none }
a.normal:hover  { color: #000000; font-weight: normal; font-size: 10px; font-family: verdana, arial, helvetica; text-decoration: none }
a.normal:active  { color: #000000; font-weight: normal; font-size: 10px; font-family: verdana, arial, helvetica; text-decoration: none }

a.today:link, a.today:visited{ color: #000; font-weight: bold; font-size: 10px; font-family: verdana, arial, helvetica; text-decoration: none }
a.today:hover  { color: #000; font-weight: bold; font-size: 10px; font-family: verdana, arial, helvetica; text-decoration: none }
a.today:active  { color: #000; font-weight: bold; font-size: 10px; font-family: verdana, arial, helvetica; text-decoration: none }

.cellbgEmpty{ background-color:#dde6ee }
.cellbgMonths{ background-color:#dde6ee } 
.cellbgMonth{ background-color:#6699FF }
.cellbgDays{ background-color:#99CCFF } 
.cellbg { background-color:#cde6fe  } 
.cellover { background-color:#bbc4ff }
.celltoday { background-color:#66FF33}
.celltodayover { background-color:#55FF55}

.hiddenPic {display:none;}

.cellbooked { background-color:#0099FF }

.booked { background-color:#0099FF }
.booked_over { background-color:#00CCFF }
.bookedSTARTbookedEND { background-image:url(../images/cell_C.gif)}
.bookedSTARTbookedEND_over { background-image:url(../images/cell_C_over.gif)} 
.bookedENDbookedSTART { background-image:url(../images/cell_C.gif)}
.bookedENDbookedSTART_over { background-image:url(../images/cell_C_over.gif)}
.bookedSTART { background-image:url(../images/cell_B2_C1.gif)}
.bookedSTART_over { background-image:url(../images/cell_B2_C1_over.gif)}
.bookedEND { background-image:url(../images/cell_B1_C2.gif)}
.bookedEND_over { background-image:url(../images/cell_B1_C2_over.gif)}
.bookedSTARTreservedEND { background-image:url(../images/cell_A2_C1.gif)}
.bookedSTARTreservedEND_over { background-image:url(../images/cell_A2_C1_over.gif)}
.bookedENDreservedSTART { background-image:url(../images/cell_A1_C2.gif)}
.bookedENDreservedSTART_over { background-image:url(../images/cell_A1_C2_over.gif)}

.cellreserved { background-color:#FF9900 }

.reserved { background-color:#FF9900 }
.reserved_over { background-color:#FFCC00 }
.reservedSTARTreservedEND { background-image:url(../images/cell_A.gif)}
.reservedSTARTreservedEND_over { background-image:url(../images/cell_A_over.gif)}
.reservedENDreservedSTART { background-image:url(../images/cell_A.gif)}
.reservedENDreservedSTART_over { background-image:url(../images/cell_A_over.gif)}
.reservedEND { background-image:url(../images/cell_A2_B1.gif)}
.reservedEND_over { background-image:url(../images/cell_A2_B1_over.gif)}
.reservedSTART { background-image:url(../images/cell_A1_B2.gif)}
.reservedSTART_over { background-image:url(../images/cell_A1_B2_over.gif)}
.reservedSTARTbookedEND { background-image:url(../images/cell_A1_C2.gif)}
.reservedSTARTbookedEND_over { background-image:url(../images/cell_A1_C2_over.gif)}
.reservedENDbookedSTART { background-image:url(../images/cell_A2_C1.gif)}
.reservedENDbookedSTART_over { background-image:url(../images/cell_A2_C1_over.gif)}

.cellbooked { background-color:#0099FF }
.cellbookedover { background-color:#00CCFF }
.cellreserved { background-color:#FF9900 }
.cellreservedover { background-color:#FFCC00 }

.normaltext { color: #000000; font-weight: normal; font-size: 10px; font-family: verdana, arial, helvetica }
.eventtitle { color: #000080; font-weight: normal; font-size: 10px; font-weight: bold; font-family: verdana, arial, helvetica }
.eventheading { color: #000080; font-weight: normal; font-size: 14px; font-weight: bold; font-family: verdana, arial, helvetica }
.regheading { color: #000000; font-weight: normal; font-size: 13px; font-family: verdana, arial, helvetica }

.dayOfWeek {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 12px; background-color: #FF99FF}
.date {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 14px;; background-color: #FF9900}
.monthYear {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 24px; background-color: #66CCFF; font-weight: bold}
.calendarText {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 10px;}