le/***************************** basiselement ****************************/
html,body {
		height: 100%;
		width: 100%;
		margin: 0px;
		padding: 0px;
		font-family: sans-serif, Trebuchet MS, verdana, Arial, Helvetica;
		font-size: 85%;
		line-height:20px;
		background-color:#f1efe0;
		
		/*
		background-image:url(images/back_repeat.jpg);
		background-position:center top;
		background-repeat:repeat-y;*/
		
}

/****************************** Structure **********************************/

.backholder {
		width:100%;
		background-color:#fff;
		background-image:url(images/overall_repeat.jpg);
		background-position:center;
		background-repeat:repeat-y;
}
.topspace {
		width:100%;
		height:250px;
		background-image:url(images/topspaceback.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		top:0px;
}
.header {
		width:900px;
		margin:auto;
		height:250px;
		position:absolute;
		margin-left:-451px;
		left:50%;
}
.container {
		width:900px;
		height:100%;
		position:relative;
		margin-left:-451px;
		left:50%;
		top:0px;
		/*
		margin-left:-475px;
		left:50%;
		background-color:#666;*/
}
.leftcol {
		width:190px;
		float:left;
}
.midcol {
		width:480px;
		float:right;
		/*margin-left:200px;*/
		padding:0px 25px;
}
.rightcol {
		width:150px;
		padding:0px 15px;
		float:right;
		color:#91866a;
}
.cleardiv {
		clear:both;
}
.footer {
		width:100%;
		height:100px;
		background-image:url(images/footer.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		color:#b7a879;
}
.footholder {
		width:950px;
		margin:auto;
		height:25px;
		padding-top:75px;
		text-align:center;
}

/****************************** Lay-out ******************************/

h1 {
		font-size: 140%;
		font-weight: bold;
		color:#3cabc4;
		font-style:italic;
}
h2 {
		font-size: 110%;
		font-weight: bold;
		color:#3cabc4;
		font-style:italic;
		margin: 0 0 0.7em 0;
}
p {
		margin: 0 0 0.7em 0;
}

.rightcol h1 {
		font-size: 120%;
		font-weight: bold;
}
#contentimage {
		margin-bottom: 5px;
		margin-right: 15px;
		border: 3px double #f00;

}
.edittable table {
border:1px solid #eeeeee;
border-collapse:collapse;
}
img.contentimage.aanbieding {
 width: 130px;
}

.villaheader {
color:#ffffff;
line-height: 30px;	
}
.villa-titel {
	background-image:url(images/villaoverview/headerbalk.jpg); 
	background-repeat:no-repeat; 
	vertical-align:middle; 
	padding: 0px 0px 0px 15px; 
}
.villa-titel h1 {
	margin: 0px;
	line-height: 30px;	
}
.villa-titel h1 a:link,
.villa-titel h1 a:active,
.villa-titel h1 a:visited {
	color: #ffffff;
	text-decoration: none;
	font: inherit;
}

#legenda ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#legenda ul img, .rightcol div.content div.calendar img {
	padding:0;
	border:0;
	}

#tour360frame {
	padding:3px;
	border:1px solid #e9e3cf;
	width: 470px;
	height: 103px;
}
.contentimage,
.midcol div.content img,
.rightcol div.content img {
	padding:5px;
	border:1px solid #e9e3cf;
}
a:link, a:active, a:visited {
		color:#000;
	}
a:hover {
		color:#f00;
}
.footer a:link, .footer a:active, .footer a:visited {
		color:#b7a879;
	}
.footer a:hover {
		color:#3cabc4;
}

/******************************formulier*******************************/

.formveld  {
		width:95%;
		border:1px solid #e9e3cf;
		font-style:italic;
}
.invulveld  {
		width:95%;
		border:1px solid #e9e3cf;
		font-style:italic;
}
.getal {
		width:70px !important;
		text-align: center;
}

.tekstveld {
		width:95%;
		height:60px;
		border:1px solid #e9e3cf;
		font-style:italic;
}
span.required {
color:red;
}


/* calendar style */
div.calendar {
	border: solid 1px #3cabc4;
}
div.calendar div {
	cursor: default;
}

div.calendar div table {
	margin: 0;
	padding: 0;
	width: 100%;

}
div.calendar div table th,
div.calendar div table td {
	margin: 0;
	padding: 0;
}
div.calendar div table thead th {
	background-color: #3cabc4;
	color: #fff;
}

div.calendar div table thead th a {
	color: #fff;
	text-decoration: none;
}
div.calendar div table thead td {
	text-align:center;
}
div.calendar div table tbody td {
	width: 14%;
	text-align:center;
	border-top: solid 1px #efefef;
	border-right: solid 1px #efefef;
}

div.calendar.editable div table tbody td {
	cursor: pointer;
}
div.calendar div table tbody td.cur_month {
	color: black;
}
div.calendar div table tbody td.booked {
	background-color: red;
	color: white;
}