/*
Coder: Sam Gordon - Pixale
Website: Pixale.net
*/

/* Global Attributes */

	* {
		margin:0;
		padding:0
	}

	body {
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Helvetica, Verdana, sans-serif;
	font-size:14px;
	color: #444;
	background-attachment: fixed;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	}

		a:link img, a:active img, a:visited img, a:hover img {
			border: 0px 
		}

		a:hover, a:active, a:focus, a:active{
			outline: none
		}

		a:link, a:visited, a:active {
	color:#779E34;
	text-decoration:none
		}

		a:hover {
			color:#48aead;
		}

	.left {
		float:left
	}

	.right {
		float:right
	}

ul, li {
	vertical-align: top;
	}
hr { 
	clear: both;
	visibility: hidden;
}

.bold {
	font-weight:bolder
}

#wrapper {
	width: 1008px;
	margin: 0 auto;
	height: inherit;
}

	.wrapper_inner {
		width:998px;
		height:auto;
		margin:0 auto;
		overflow:hidden
	}

	#main_site {
		background: url(../images/main_site.png) repeat-y;
		width: auto;
		height: auto
	}

/*------------------------------------------
Language Menu
------------------------------------------*/

#lang-menu-wrapper {
	width:auto;
	height:auto;
	overflow:hidden;
	margin: 0 0 25px 0
}

#lang-menu {
	display: block;
	width: 600px;
	height: 20px;
	float: right;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
}

#lang-menu span {
	margin:0 55px 0 0;
	float: left;
	color: #ececec;
}

#lang-menu ul li {
	display: inline;
	margin:0 10px 0 0;
}

#lang-menu ul li a {
	color: #90c041;
}

	#lang-menu ul li a:hover {
		border-bottom: 1px dotted #90c041;
	}

	#lang-menu ul li a.selected {
		font-weight: bold;
		border-bottom: 3px solid #90c041;
	}

/*------------------------------------------
Header
------------------------------------------*/
#header {
	background: url(../images/header.png) no-repeat;
	width: auto;
	height:75px;
}

	#header h1 a,
	#header h1 a:hover {
		background: url(../images/logo.png) no-repeat;
		width: 244px;
		height: 36px;
		text-indent: -10000px;
		float:left;
		margin:38px 0 0 15px
	}

/*------------------------------------------
Main Menu
------------------------------------------*/
#mainmenu {
	float:right;
	margin-top: 20px;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 0;
}

#mainmenu li {
	display: inline;
}

#mainmenu li a {
	display: block;
	height: 26px;
	float: left;
	text-indent: -9999px;
	margin:0 30px 0 0;
}

#mainmenu li.home a {
	background: url(../images/mainmenu.png) -30px 0 no-repeat;
	width: 51px;
}

#mainmenu li.home a:hover {
	background: url(../images/mainmenu.png) -30px -26px no-repeat;
}

#mainmenu li.rooms a {
	background: url(../images/mainmenu.png) -111px 0 no-repeat;
	width: 75px;
}

#mainmenu li.rooms a:hover {
	background: url(../images/mainmenu.png) -111px -26px no-repeat;
}

#mainmenu li.accomodation a {
	background: url(../images/mainmenu.png) -216px 0 no-repeat;
	width: 133px;
}

#mainmenu li.accomodation a:hover {
	background: url(../images/mainmenu.png) -216px -26px no-repeat;
}

#mainmenu li.price a {
	background: url(../images/mainmenu.png) -379px 0 no-repeat;
	width: 70px;
}

#mainmenu li.price a:hover {
	background: url(../images/mainmenu.png) -379px -26px no-repeat;
}

#mainmenu li.reservation a {
	background: url(../images/mainmenu.png) -505px 0 no-repeat;
	width: 110px;
}

#mainmenu li.reservation a:hover {
	background: url(../images/mainmenu.png) -505px -26px no-repeat;
}

/*------------------------------------------
Content
------------------------------------------*/

#content {
	width: 998px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	padding:30px 0;
	background-color: #FFF;
}

	#content .left {
	width: 580px;
	height:auto;
	background-color: #FFF;
	}

	#content .right {
	width: 380px;
	height:auto;
	margin:0 18px 0 0;
	background-color: #FFF;
	}

/*------------------------------------------
Infoblock
------------------------------------------*/

#infoblock {
	margin-left: 20px;
	display: block;
	width: 560px;
	height: 250px;
	position: relative;
	z-index: 0;
}

.opacity {
	font-size: 12px;
	display: block;
	height: 80px;
	width: 560px;
	background: url(../images/opacity60.png) 0 0 repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.opacity h1 {
	font-weight: normal;
	font-size: 18px;
	margin: 10px 10px 5px 10px;
}

.opacity p {
	margin: 0 10px;
	text-align: justify;
}

.opacity span {
	float: right;
	margin-right: 25px;
}

.opacity span a {
	color: #444;
	border-bottom: 1px dotted #444;
}

/*----------------------------------------------
Entry
----------------------------------------------*/
.entry {
	margin: 20px 0 20px 20px;
}

.entry h1 {
	color: #79A235;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
.entry h2 {
	color: #79A235;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0;
}
.entry h1.reservation {
	text-indent: -9999px;
	background: url(../images/h1_reserveer.png) 0 0 no-repeat;
	display: block;
	height: 50px;
	margin: 0 30px 25px 30px;
}

.entry h1.rooms {
	text-indent: -9999px;
	background: url(../images/h1_kamers.png) 0 0 no-repeat;
	display: block;
	height: 50px;
	margin: 0 0 25px 0;
}

.entry h1.routes {
	text-indent: -9999px;
	background: url(../images/h1_fietsroutes.png) 0 0 no-repeat;
	display: block;
	height: 30px;
	margin: 0;
}

.entry h1.paardroutes {
	text-indent: -9999px;
	background: url(../images/h1_paardroutes.png) 0 0 no-repeat;
	display: block;
	height: 30px;
	margin: 0;
}

.entry h1.wandelroutes {
	text-indent: -9999px;
	background: url(../images/h1_wandelroutes.png) 0 0 no-repeat;
	display: block;
	height: 30px;
	margin: 0;
}

.entry h1.mountainbikeroutes {
	text-indent: -9999px;
	background: url(../images/h1_mountainbikeroutes.png) 0 0 no-repeat;
	display: block;
	height: 30px;
	margin: 0;
}

.entry h1.photos {
	text-indent: -9999px;
	background: url(../images/h1_fotos.png) 0 0 no-repeat;
	display: block;
	height: 30px;
	margin: 0;
}

.entry h1.environment {
	text-indent: -9999px;
	background: url(../images/h1_omgevingsfotos.png) 0 0 no-repeat;
	display: block;
	height: 50px;
	margin: 0 0 25px 0;
}

.entry h1.landmarks {
	text-indent: -9999px;
	background: url(../images/h1_landmarks.png) 0 0 no-repeat;
	display: block;
	height: 50px;
	margin: 0 0 25px 0;
}

.entry h1.activities {
	text-indent: -9999px;
	background: url(../images/h1_activiteiten.png) 0 0 no-repeat;
	display: block;
	height: 50px;
	margin: 0 0 25px 0;
}

.entry h1.accomodations {
	text-indent: -9999px;
	background: url(../images/h1_accomodaties.png) 0 0 no-repeat;
	display: block;
	height: 50px;
	margin: 0 0 25px 0;
}

.entry h1.prices {
	text-indent: -9999px;
	background: url(../images/h1_prijzen.png) 0 0 no-repeat;
	display: block;
	height: 50px;
	margin: 0 0 25px 0;
}

.entry h1.arrangement {
	text-indent: -9999px;
	background: url(../images/h1_arrangement.png) 0 0 no-repeat;
	display: block;
	height: 50px;
	margin: 0 0 25px 0;
}

.entry h1.list {
	text-indent: -9999px;
	background: url(../images/h1_reservatielijst.png) 0 0 no-repeat;
	display: block;
	height: 50px;
	margin: 25px 0;
}

.entry h3 {
 margin-bottom: 0;
}

.entry h2 a {
	color: #90c041;
}

.entry h2 a:hover {
	color: #48aead;
}

.entry p {
	text-align: justify;
}

.entry p a.sub,
.entry ul a.sub {
	color: #90c041;
}

.entry p a.sub:hover,
.entry ul a.sub:hover {
	color: #48aead;
}

.entry form p {
	text-align: justify;
	margin-top: 0;
	margin-bottom: 0;
}

.entry ul {
	margin: 10px 0;
	list-style: none;
	line-height: 2em;
}

.entry ul li {
	list-style: none;
	background: #fff url(../images/li_item.png) center left no-repeat;
	padding-left: 25px;
}

.entry dl.standard {
	font-size: 0.9em;
	margin: 10px 0 0 0;
	list-style: none;
	line-height: 1.5em;
	font-style: italic;
}

.entry dl.standard dt {
	float: left;
	display: block;
	width: 350px;
}

.entry dl.standard dd {
	width: 120px;
	float: left;
}

.listtitle {
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 15px;
}

ul.standard {
	margin: 10px 0 0 0;
	list-style: none;
	line-height: 1.4em;
	font-size: 0.9em;
	font-style: italic;
	
}

ul.standard li {
	list-style: none;
	background: #fff url(../images/li_item.png) center left no-repeat;
	padding-left: 25px;
}

.entry q {
	font-style: italic;
	color: #90c041;
}

.menu {
	font-style: italic;
	margin-left: 25px;
	font-size: 0.9em;
}

.date {
	float:left;
	height:41px;
	width:37px;
	margin-right:8px;
	padding-top:2px;
	background: url(../images/cal_bg.png) 0 0 no-repeat;
}

.date p {
	text-align:center;
	color:#9b9b8e;
	margin:0 0 0 -2px;
	text-transform:uppercase;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #fff;
}

.date span.day {
	font-size:20px;
	display:block;
	margin-left: 3px;
}

.date span.month {
	text-transform: uppercase;
	font-size:11px;
	margin: 1px 0 0 2px;
	display:block;
}

.newsimg {
	display: block;
	float: left;
	margin: 15px 20px 10px 0;
	clear: both;
}

.newsimg_nofloat {
	display: block;
	margin: 15px 20px 10px 0;
	clear: both;
}

.newsimg img,
.newsimg_nofloat img {
	margin: 0;
	background-color: #48aead;
	padding: 5px;
}

.bikeimg {
	display: block;
	float: left;
	margin: 30px 30px 10px 0;
	clear: both;
}

.bikeimg img, .bikeimg_nofloat img {
	margin: 0;
	background-color: #48aead;
	padding: 5px;
}

.specs {
	margin: 30px 0 120px 0;
}

.specs dt {
	float: left;
	display: block;
	width: 120px;
}

.specs dd {
	display: block;
}

.room_spec dt {
	font-weight: bold;
}

.posted {
	color: #aeaeae;
	font-size: 11px;
	margin: 0;
}

.author {
	color: #48aead;
}

.entry-footer {
	margin: 10px 0;
}

.entry-footer .categories {
	color: #aeaeae;
	font-size: 11px;
}

.categories .category {
	color: #48aead;
}

.readmore {
	margin: 0;
}

.readmore a {
	clear: both;
	background: url(../images/readmore_btn.png) 0 0 no-repeat;
	display: block;
	float: right;
	width: 88px;
	height: 18px;
	font-size: 12px;
	color: #444;
	padding: 2px 0 0 12px;
}

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

.roomimg {
	float: left;
	margin: 15px 20px 10px 0;
}

.roomimg img {	
	padding: 5px;
	background-color: #48aead;
}

.album {
	float: left;
	margin: 15px 20px 10px 0;
	display: block;
	height: 115px;
}

.album img {	
	padding: 5px;
	background-color: #48aead;
}

.prevnext {
	margin: 25px 0;
}

.prevnext a {
	color: #90c041;
}

.prevnext a:hover {
	color: #48aead;
}

p.paginate {
	clear: both;
}

.roomprices {
	font-style: italic;
	background-color: #efefef;
	border-color: #dfdfdf;
	padding: 10px;
}

/*----------------------------------------------------
contact-form-area
----------------------------------------------------*/
#contact-form-area label {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
}

#contact-form-area .txt {
	width: 560px;
}

#contact-form-area .textarea {
	width: 560px;
	height: 250px;
}

/*------------------------------------------
Promotions
------------------------------------------*/
.promotions {
	width: 380px;
	margin: 10px 0 0 0;
}

.promotions h2 {
	margin: 0;
	background: url(../images/header_secondarycontent.png) 0 0 no-repeat;
	display: block;
	width: 370px;
	height: 27px;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	padding: 3px 0 0 10px;
}

.promotions ul {
	width: 380px;
	margin: 10px 0;
	list-style: none;
	line-height: 2em;
}

.promotions ul li {
	list-style: none;
	background: #fff url(../images/li_item.png) center left no-repeat;
	padding-left: 25px;
	border-bottom: 1px dotted #48aead;
}

.promotions ul li.alt {
	background: #e3fafa;
}

/*------------------------------------------
 Accessibility
------------------------------------------*/
#accessibility {
	width: 380px;
	margin: 30px 0;
}

#accessibility img {
	float: left;
	margin-right: 15px;
}

#accessibility p {
	font-size: 0.85em;
	text-align: justify;
}

/*------------------------------------------
Footer
------------------------------------------*/
#footer {
	background: url(../images/footer_repeat_bg.png) repeat-x;
	width:998px;
	height:50px;
	margin:0 auto
}

	#footer .left {
		margin: 10px 0 0 20px;
		font-size: 11px;
	}

	#footer .right {
		margin: 10px 20px 0 0;
		font-size: 11px;
	}

	#footer span {
		margin-right: 15px;
	}

	#footer a {
		color: #444;
		border-bottom: 1px dotted #444;
	}

	#footer a:hover {
		color: #000;
		border-bottom: 1px solid #000;
	}

	#footer a.contact {
		font-size: 14px;
		font-weight: bold;
	}

/* Voorwaarden
----------------------------------------------------*/
#voorwaarden {
	width: auto;
	margin: 30px  40px 30px 20px;
}

/* Rooms list
----------------------------------------------------*/
.rooms {
	margin: 5px 0;
	list-style: none;
	background-image: none;
}

.rooms li {
	padding: 0 5px 15px 5px;
	list-style: none;
	background: none;
	display: block;
	width: auto;
	background-color: #ededed;
	border-bottom: 1px dotted #90c041;
}

.rooms li.alt {
	background: none;
	background: #fff;
}

.rooms li img {
	width: 75px;
	height: 75px;
	margin-top: 5px;
	padding: 5px;
	background-color: #48aead;
}

.rooms li a {
	color: #90c041;
	font-size: 1.1em;
}

.rooms li a:hover {
	color: #48aead;
}

.rooms li a h1 {
	font-weight: normal;
	font-size: 1.1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 0 2px 0;
	padding: 0;
}

.rooms li a span {
	display: block;
	color: #a2a2a2;
	font-size: 0.8em;
	margin: 0px;
}

.rooms li a span.accessibility {
	background: url(../images/wheelchair_icon.png) center left no-repeat;
	padding-left: 30px;
	display: block;
	margin: 0;
}

/* Reservations
---------------------------------------------------*/
#reservation-form-area label {
	display: block;
	width: 350px;
	margin: 1px 30px 0 30px;
	font-size: 0.8em;
}

#reservation-form-area .txt {
	width: 350px;
	margin: 0 30px 10px 30px;
	display: block;
}

#reservation-form-area .txtarea {
	width: 350px;
	height: 100px;
	margin: 0 30px 10px 30px;
	display: block;
}

#reservation-form-area .input {
	margin: 0 30px 10px 30px;
	display: block;
}

.reservation-form {
	margin: 0 30px 10px 30px;
}

/* Comments
----------------------------------------------------*/
#comment-form-area label {
	display: block;
	width: 350px;
	margin: 5px 30px 0 20px;
	font-size: 0.8em;
}

#comment-form-area .txt {
	width: 350px;
	margin: 0 30px 10px 20px;
	display: block;
}

#comment-form-area .txtarea {
	width: 350px;
	height: 100px;
	margin: 0 30px 10px 20px;
	display: block;
}

#comment-form-area .input {
	margin: 0 30px 10px 20px;
	display: block;
}

.comments {
	margin: 50px 0 20px 20px;	
}

.comments h1.reacties {
	text-indent: -9999px;
	background: url(../images/h1_reacties.png) 0 0 no-repeat;
	display: block;		
	height: 30px;
	margin: 0 0 5px 0;
}

.comments p {
	text-align: justify;
}

.nomargin {
	margin: 2px 0;
}
.markup {
	background-color: #EFEFEF;
	padding: 10px;
	width: 95%;
	border: 1px dotted #648DC5;
	line-height: 20px;
}
#table {
	width:528px;
	height:auto;
	margin:20px 0 0 20px
}

	.row {
	width:auto;
	height:auto;
	overflow:hidden;
	margin:0 0 20px 0
	}

		.row_left {
			width:375px;
			height:auto;
			float:left
		}

		.row_right {
			width:139px;
			height:auto;
			float:right
		}
.table_dotted {
	border: 1px dotted #006;
}
.table_dotted2 {
	border: 1px dashed #342015;
	background-color: #EDF1F8;
	text-align: right;
	color: #342015;
}