body, html {
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif bold;
	color:#999999;
	font-size:13px;
	background-color:#6e645a;
	background-image:url(../images/background2.jpg);
	background-repeat:repeat-x;
	height:auto !important;
		min-height:100%;
	}


#container {
		clear:left;
		margin:0 auto;
		text-align:center;
		width:990px;
		height:auto !important;
		min-height:100%;
		background-color: #9cb9c9;
		height: 100%;
		/*background-image:url(../images/background3.png);
	background-repeat:repeat-y; 
	height: 100%;*/
		}
		

.iets
{
	background-color:#FFF;
height: 100%;
float:left;
position:relative;
margin: 0px;
padding: 0px;
width: 990px;
background-image:url(../images/background.png);
	background-repeat:repeat-y;
	
}
.up
{
height:20px;
width: 740px;
float:left;
background-color:#6e645a;
text-align:right;
padding: 3px 0px 0px 0px;
margin: 0px 0px 0px -2px;
}
#menu {
	height: 37px;
	float:left;
	width: 720px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	text-align:left;
	border-bottom: 1px solid #FFFFFF;
	background-image:url(../images/menu.png);
	background-repeat:repeat-x;
}

.menu_item {

	height: 36px;
	float:left;
	text-align:left;
	margin: 1px 8px 0px 0px;
	padding: 8px 10px 0px 10px;
	background-image:url(../images/menu_not_selected.png);
	background-repeat:repeat-x;
	
	
}

.menu_item_selected {
	height: 36px;
	float:left;
	text-align:left;
	margin: 1px 7px 0px 0px;
	padding: 8px 10px 0px 10px;
	background-image:url(../images/menu_selected.png);
	background-repeat:repeat-x;
}

a
{
	color:#577482;
	font-size:12px;
	text-decoration:none;
}

a:hover
{
	color:#577482;
	font-size:12px;
	text-decoration:underline;
}

a.menu_link
{
	color:#ffffff;
	font-size:14px;
	text-decoration:none;
}

a.menu_link:hover
{
	color:#ffffff;
	font-size:14px;
	text-decoration:underline;
}

a.menu_right_link
{
	color:#b1c0c9;
	font-size:12px;
	text-decoration:none;
}

a.menu_right_link:hover
{
	color:#b1c0c9;
	font-size:12px;
	text-decoration:underline;
}

#menu_right {
	width:250px;
	height: 100%;
	float:right;
	position:relative;
	padding:0px;
}
.menu_right_top {
	width:250px;
	height: 60px;
	float:right;
	position:relative;
	padding:0px;
	background-image:url(../images/rightmenu_background.png);
	background-repeat:repeat-y;
	margin: -60px 0px 0px 0px;
}

.arrival
{
color:#FFFFFF;

}

#booking
{
	width:242px;
	height: 510px;
	text-align:left;
	float:left;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	background-color:#312920;
	margin: 12px 0px 0px 0px;
	

}

.menu_right_item
{
	width:230px;
	padding: 0px 0px 20px 10px;
	text-align:left;
	float:left;
	color: #FFFFFF;
	z-index:1;
	height: 100%;
	}
	
.menu_right_item_last
{
	width:230px;
	padding: 0px 0px 20px 10px;
	text-align:left;
	float:left;
	color: #FFFFFF;
	z-index:1;
	height: 80px;
	}

h2.menu_right_title
{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif bold;
	color:#577482;
	font-size:24px;
	font-weight:normal;
	display:inline;
	width: 230px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index:1;
}


h2.menu_right_title2
{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif bold;
	color:#577482;
	font-size:24px;
	font-weight:normal;
	display:inline;
	width: 230px;
	float:left;
	margin: 10px 0px 20px 20px;
	z-index:1;

}
h2.menu_right_reserveren
{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif bold;
	color:#ffffff;
	font-size:24px;
	font-weight:normal;
	display:inline;
	width: 230px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index:1;
}

.aankomst
{
	padding: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif bold;
	color:#ffffff;
	font-size:10px;
	font-weight:normal;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	z-index:1;
	position:relative;
	width: 235px;
	background-color: #577482;
}

.lastminute_button
{
position: absolute;
background-image:url(../images/lastminute_button.png);
background-repeat:no-repeat;
width: 137px;
height: 138px;
z-index:99;
margin: -175px 0px 0px 80px;
padding: 0px;
cursor:pointer;
}

.item_text
{
	width: 740px;
	height: 35px;
	background-color:#000000;
	z-index: 10;
	position:absolute;
	margin: 287px 0px 0px 0px;
	padding: 0px;
	filter: alpha(opacity=40);
	-moz-opacity: .40;
	opacity: .40;
	text-align: right;
	color:#FFF;
	clear: both;
	left:0px;
	
}

h2.itemtext
{

	margin: 292px 0px 0px 0px;
	width: 730px;
	height: 30px;
		z-index: 11;
	position:absolute;
	color:#FFF;
	text-align:right;
	left:0px;
}

#logo {
	width:160px;
	height: 150px;
	float:left;
	margin: -60px 0px 0px 40px;
}
#header {
	width:740px;
	height: 322px;
	float:left;
	position:relative;
	z-index:1;
}

#headerar {
	width:740px;
	height: 322px;
	float:left;
	position:relative;
	z-index:1;
	background-image: url(../images/header_arrangementen.jpg);
}

#headerwel {
	width:740px;
	height: 322px;
	float:left;
	position:relative;
	z-index:1;
	background-image: url(../images/header_welness.jpg);
}

#headerzak {
	width:740px;
	height: 322px;
	float:left;
	position:relative;
	z-index:1;
	background-image: url(../images/header_zakelijk.jpg);
}

#headercon {
	width:740px;
	height: 322px;
	float:left;
	position:relative;
	z-index:1;
	background-image: url(../images/header_contact.jpg);
}

#headerpodiumvlieland {
	width:740px;
	height: 322px;
	float:left;
	position:relative;
	z-index:1;
	background-image: url(../images/header_podiumvlieland.jpg);
}

#headeran {
	width:740px;
	height: 322px;
	float:left;
	position:relative;
	z-index:1;
	background-image: url(../images/header_new.jpg);
}

#content{
	width:690px;
	height:auto !important;
	float:left;
	background-color:#312920;
	text-align:left;
	padding:20px 20px 0px 30px;
	line-height: 22px;
	min-height: 510px;
	position:relative;
}

#content2{
	width:710px;
	height: 100%;
	float:left;
	background-color:#312920;
	text-align:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 30px 0px;
	line-height: 200%;

	position:relative;
}

h1
{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif bold;
	color:#C0C0C0;
	font-size:20px;
	font-weight:bold;
	line-height: 0%;
}

h1.title
{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif bold;
	color:#C0C0C0;
	font-size:20px;
	font-weight:bold;
	line-height: 0%;
}

#head
{
margin: 20px 0px 0px 0px;
}

.head_item1
{
background-image:url(../images/head_kamers.png);
background-repeat:no-repeat;
padding: 0px 10px 0px 0px;
float:left;
width: 223px;
height:158px;
cursor:pointer;
background-position: top;
display: block;
}
.head_item1:hover
{
background-position: bottom;
}

.head_item2
{
background-image:url(../images/head_restaurant.png);
background-repeat:no-repeat;
padding: 0px 10px 0px 0px;
float:left;
width: 223px;
height:158px;
cursor:pointer;
background-position: top;
display: block;
}
.head_item2:hover
{
background-position: bottom;
}

.head_item3
{
 background-image:url(../images/podiumvlielandlogo.png); 
/*background-image:url(../images/head_video.png);*/
background-repeat:no-repeat;
padding: 0px 10px 0px 0px;
float:left;
width: 223px;
height:158px;
cursor:pointer;
background-position: top;
display: block;
}
.head_item3:hover
{
background-position: bottom;
}

.head_item5
{
background-image:url(../images/head_arrangementen.png); 
background-repeat:no-repeat;
padding: 0px 10px 0px 0px;
float:left;
width: 223px;
height:158px;
cursor:pointer;
background-position: top;
display: block;
}
.head_item5:hover
{
background-position: bottom;
}

.videobut
{
position:absolute;
margin: -310px 0px 0px 470px;
width: 223px;
height:158px;
}

.head_item4
{
background-image:url(../images/head_video.png);
background-repeat:no-repeat;
padding: 0px 10px 0px 0px;
float:left;
width: 223px;
height:158px;
cursor:pointer;
background-position: top;
display: block;

}
.head_item4:hover
{
background-position: bottom;
}

.adults
{
float:left;
width: 102px;
}

.childeren
{
float:left;
width: 90px;
padding: 0px 0px 10px 0px;
}

.button_beschikbaarheid
{
background-image:url(../images/beschikbaarheid.png);
width: 154px;
height: 25px;
float:left;
border: 0px;
cursor:pointer;
margin: 0px 0px 0px 35px;
}

.button_beschikbaarheid:hover
{
background-image:url(../images/beschikbaarheid_hover.png);
width: 154px;
height: 25px;
float:left;
border: 0px;
cursor:pointer;
margin: 0px 0px 0px 35px;
}

.verblijf
{
float:left;
width: 340px;
border: 1px #6E645A solid;
padding: 10px;
}
.verblijftitle
{
float:left;
width: 360px;
font-size:14px;
font-weight:bold;
display: inline;

}

.prijsoverzicht
{
float:left;
width: 290px;
border: 1px #6E645A solid;
margin: 0px 0px 0px 10px;
padding: 10px;
}

.prijsoverzichttitle
{
float:left;
font-size:14px;
font-weight:bold;
display:inline;
margin: -25px 0px 0px 10px;
}

.verder
{
	clear:left;
float:right;
text-align:left;

padding: 10px 20px 0px 0px;
}

.arinfo
{
	clear:left;
margin: 10px 0px 0px 0px;
float:left;
text-align:left;
}

.volgendestap
{
float:right;
text-align:center;
margin: 0px 20px 0px 0px;
width: 120px;
}

h2.totaal
{
font-size:14px;
font-weight:bold;
}

.ondersteund
{
margin: 50px 0px 0px 0px;
}

.calendar
{
float:left;
margin: 0px 20px 0px 0px;
height: 170px;
}

.beschikbaarheid
{
margin: 70px 0px 0px 0px;
float:left;
}

.todo
{
color:#CCCCCC;
}

.done1
{
color:#999999;
}

a.done
{
	color:#999999;
	font-size:12px;
	text-decoration:none;
}

a.done:hover
{
	color:#999999;
	font-size:12px;
	text-decoration:underline;
}

a.footlink
{

	font-size:10px;
	text-decoration:none;
	color:#EAEAEA;
}

a.footlink:hover
{

	font-size:10px;
	text-decoration:underline;
}

.footer
{
	width: 990px;
	height: 20px;
	background-color:#6E645A;
	float:left;
	text-align:right;
	font-size:10px;
	padding: 3px 0px 0px 0px;
	background-image: url('../images/footer.png');
	background-repeat:no-repeat;
}

.footercontent
{
	float:right;
	margin: 0px 20px 0px 0px;
	color: #FFF;
}

.iframebooking
{
	border: 0px;
	float:left;
	width: 235px;
	/* height: 460px; */
	height: 310px;
	z-index:99;
	margin: 0px 7px 0px -5px;
	padding: 0px 0px 0px 0px;
	float:right;
}

.open {
	position: absolute;
	width: 137px;
	height: 138px;
	top: 35px;
	left: 15px;
	background-image: url('../images/geopend_button.png');
	z-index: 99;
}
#twitter
{
	float:lef;
	width: 230px;	
}

.twtr-doc
{
	float:left;
}

#upright
{
	float:left;
}

.social
{
	border: 0px;	
}

form label {
	float: left;
	width: 200px;
	margin-bottom: 15px;
	color: ##C0C0C0;
}

form div {
	margin-bottom: 15px;
}

input[type="text"] {
	font-family:  Arial, Helvetica, sans-serif;;
	font-size: 11px;
	color: #333;
	padding: 3px;
	border: 1px solid #999;
	background-color: #f5f5f5;
}

input.normal {
	width: 220px;
}

input.short {
	width: 110px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 11px;
	color: #333;
	padding: 3px;
	border: 1px solid #999;
	background-color: #f5f5f5;
	height: 150px;
	width: 440px;
}

input.send {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 13px;
	width: 180px;
	line-height: 20px;
	height: 33px;
	padding: 0;
	border: 0;
	cursor: pointer;
	background-color: #577482;
}

div.show {
	display: none;
}

span.valid {
	color: #137400;
	display: block;
	margin-bottom: 15px;
}

span.invalid {
	color: #cc0000;
	display: block;
	margin-bottom: 15px;
}