html, body {
	overflow: auto;
}
body {
	margin: 0px;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #fff; 
	color: #777;
}
body, table {
    font-family: Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
}

form {
	margin: 0px;
}

#lefttitle {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-family: Verdana, sans-serif;
	font-size: 26px;
	color: #8abb8b;
}
#righttitle a{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #888;
}

#container {
	width: 1000px;
	margin: 0px auto;

}	

#header {
	width: 1000px;
	height: 90px;
	text-align: right;
	margin-left: -120px;
}


#navigation {
	width: 1000px;
	height: 30px;
	background-image: url(../images/navigation.jpg);
	background-repeat: no-repeat;
	text-align: center;
}
	#navigation a {
		color: #eff8ef;
		text-decoration: none;
		font-size: 10px;

		text-transform: lowercase;
		padding-left: 16px;
		padding-right: 16px;
	}

	#navigation a:hover {
		color: #555;
		font-size: 14x;
		text-transform: lowercase;
		padding-left: 16px;
		padding-right: 16px;
}		

#navigationtop {
	width: 1000px;
	height: 9px;

}

#subnavigation {
	width: 1000px;
	height: 30px;
	background-color: #758e6e;
	background-repeat: no-repeat;
	text-align: center;
}
	#subnavigation a {
		color: #eff8ef;
		text-decoration: none;
		font-size: 10px;

		text-transform: lowercase;
		padding-left: 16px;
		padding-right: 16px;
	}

	#subnavigation a:hover {
		color: #555;
		font-size: 14x;
		text-transform: lowercase;
		padding-left: 16px;
		padding-right: 16px;
}		

#subnavigationtop {
	width: 1000px;
	height: 9px;

}
#contentIntro {
	background-color: #fff;
	width: 1000px;
	height: 267px;
	min-height: 267px;
	padding-top: 0px;
/*    filter:alpha(opacity=40); 
    -moz-opacity: 0.4; 
    opacity: 0.4; */
}

#content {
	background-color: #fff;
	width: 1000px;
	height: 400px;
	min-height: 400px;
	padding-top: 0px;
/*    filter:alpha(opacity=40); 
    -moz-opacity: 0.4; 
    opacity: 0.4; */
}
#footer {
	width: 1000px;
	height: 30px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
}

#klik {
	color: #fff;
	margin-top: 7px;
	text-decoration: none;
	font-size: 18px;
	text-align: center;
}

#footer2 {
	color: #758e6e;
	text-decoration: none;
	font-size: 10px;
	margin-top: 5px;
	width: 1000px;
	height: 30px;
}

/* ##########BACKFROP STYLE########## */

/* BACKDROP THEMPLATE!!!!!!!!! */



div.backdropblack, div.backdropblackleft, div.backdropblacklarge {
	display: block;
	width: 250px;
	position: absolute;
	height: 400px;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
}

div.backdropblackwhite, div.backdropblackleftwhite, div.backdropblacklargewhite {
	display: block;
	width: 250px;
	position: absolute;
	height: 400px;
	filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
}


div.backdropblacklarge, div.backdropblacklargewhite {
	width: 565px;
}

div.backdropblack, div.backdropblackleft, div.backdropblacklarge {
	background-color: #000;
}
div.backdropblackwhite, div.backdropblackleftwhite, div.backdropblacklargewhite {
	background-color: #FFF;
}

div.templatebackdrop, div.templatebackdropleft, div.templatebackdropwhite, div.templatebackdropleftwhite, div.templatebackdroplarge, div.templatebackdroplargewhite {
	display: block;
	padding: 35px 35px 10px 35px;
	position: absolute;
	width: 200px;
	text-align: right;
}

div.templatebackdroplarge, div.templatebackdroplargewhite {
	width: 495px;
}

div.templatebackdropwhite h1, div.templatebackdropleftwhite h1, div.templatebackdroplargewhite h1, div.templatebackdropwhite h2, div.templatebackdropleftwhite h2, div.templatebackdroplargewhite h2, div.templatebackdropwhite h3, div.templatebackdropleftwhite h3, div.templatebackdroplargewhite h3, div.templatebackdropwhite a, div.templatebackdropleftwhite a, div.templatebackdroplargewhite a {
	color: #8abb8b;
}
div.templatebackdropwhite, div.templatebackdropleftwhite, div.templatebackdroplargewhite {
	color: #000;
}
div.templatebackdrop, div.templatebackdropleft, div.templatebackdroplarge {
	color: #FFF;
}

div.templatebackdrop, div.templatebackdropwhite, div.templatebackdroplarge, div.templatebackdroplargewhite, div.backdropblack, div.backdropblackwhite, div.backdropblacklarge, div.backdropblacklargewhite {
	right: 119px;
}
div.templatebackdropleft, div.templatebackdropleftwhite, div.backdropblackleft, div.backdropblackleftwhite {
	right: 245px;
}




table.wide {
	width: 100%;
}
thead td {
	font-weight: bold;
	background-color: #DDD;
}
input,textarea,select {
	font-size: 10px;
	font-family: Verdana, sans-serif;
}
input.text,textarea,select {
	width: 180px;
}
textarea {
	height: 100px;
	overflow: auto;
}
input.button {
	padding: 0px 12px;
}
a:link, a:visited {
	color: #fff;
	text-decoration: underline;
}
a:hover, a:active {
	color: #fff;
	text-decoration: none;
}
a img {
	border: 0px;
}
img.right {
	float: right;
	margin: 0px 35px;
}
p {
	margin: 0px 0px 7px 0px;
}
div.clear {
	overflow: hidden;
	height: 1px;
	width: 1px;
	clear: both;
}


h1, h2, h3, h4 {
	margin: 0px;
	padding: 1px;
	font-weight: normal;
	font-family: Verdana, sans-serif;
}
h1 {
	font-size: 26px;
	color: #8abb8b;
}
h2 {
	font-size: 18px;
	color: #555;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 11px;
}

.center {
	text-align: center;
}
hr {
	margin-top: 10px;
	color: #A6A09A;
	height: 1px;
}
#minicalendar {
	width: 300px;
	/*border: 1px solid #000;*/
	padding: 5px;
	margin-top: 0px;
}
	#minicalendar a {
		color: #555;
		display: block;
		width: 40px;
		float: left;
		padding: 1px;
		text-align: center;
	}
		#minicalendar a div {
			border: 1px solid #CCCCCC;
			padding: 10px 0px;
			cursor: pointer;
		}
		#minicalendar a div:hover {
			border-color: #A0A0A0;
		}
	#minicalendar a:hover, #minicalendar a:active, #minicalendar a.active {
		font-weight: bold;
	}

	#minicalendar a:activeBooking {
			background-color: #999;
	}

	
table.bookings {
	width: 100%;
}
table.bookings thead td, table.bookings tbody td.head {
	font-weight: bold;
}
table.bookings tbody td {
	background-color: #BCFFBC;
	vertical-align: top;
	border: 1px dotted #848484;
}
table.bookings tbody td div {
	font-weight: bold;
	background-color: #FFBCBC;
	height: 100px;
}
table.bookings tbody td div.halfbooked {
	background-color: #FFD7A5;
}
table.bookings tbody td.head {
	background: none;
	border: 0px;
	width: 70px;
}

#booking a {	
	color: 666#;
}













/*

#content {
	float: left;
	width: 730px;
	min-height: 400px;
	padding-top: 15px;
	padding-left: 15px;
	border-left: 1px solid #999;
}
	#content h1.title {
		margin: 2px 0px;
	}
	#content h2.title {
		margin-bottom: 10px;
	}
	#content div.top {
		width: 730px;
		height: 175px;
		margin-top: 6px;
		background-repeat: no-repeat;
	}
	#content div.navigation {
		width: 163px;
		margin-top: 5px;
		float: right;
	}
		#content div.navigation a:link, #content div.navigation a:visited {
			display: block;
			float: left;
			clear: left;
			width: 113px;
			height: 14px;
			padding: 13px 25px;
			overflow: hidden;
			color: #FFF;
			background-image: url(../images/navigation3.gif);
			background-repeat: no-repeat;
			font-family: Verdana, sans-serif;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
		}
		#content div.navigation a:hover, #content div.navigation a:active {
			background-image: url(../images/navigation3active.gif);
		}
	#content div.content {
		float: left;
		width: 720px;
		padding: 5px;
		font-family: Verdana, sans-serif;
		font-size: 10px;
		position: relative;
	}
	
	*/