
* {
	margin: 0;
	padding: 0;
}

html{
	background: #3e3e3e;
}

body {
	margin: 2px 0;
	background: #3e3e3e;
	font-family: "verdana";
	font-size: 13px;
	
}


h1, h2, h3 {
	color: #000;
}

h1 { font-size: 162%; }
h2 { font-size: 142%; }
h3 { font-size: 122%; }

p{
	padding: 0px;
	margin: 0px;
}

img {
	border:0px;
}

.clearer{clear: both;}

#wrapper{
	margin: 0px auto;
}

#container{
	margin: 0px auto;
	width: 900px;
	background-color: #ffffff;
}

#header{
	width: 900px;
	height: 113px;
	background: url('../images/header.jpg');
	background-repeat: no-repeat;
}

#season {
	float: right;
	margin-right: 10px;
  margin-top: 10px;
}

#season a {
	color: #FFF;
	text-decoration: none;
}

#languages {
	float: right;
	margin-right: 10px;
  margin-top: 10px;
}

#content_left{float: left;}

#content_middle{float: left;width: 540px;}
.content_middle_image{margin-top: 6px;margin-left: 10px;}
.content_middle_text{padding: 10px;}
.content_middle_banners{padding-left: 10px;margin-top: 10px;}
.banner{float: left;width: 265px; height: 163px;margin-bottom: 10px;}

#content_right{
	float: right;
	width: 222px;
	height: 681px;
	background: url('../images/rechts.jpg');
}


#breadcrumbs{color: #000;margin-left: 10px;margin-top: 7px;}
.bread{color: #000;font-size: 10px;font-family: verdana;font-weight: bold;text-transform: uppercase;}
.breada{color: #efcb01;font-size: 10px;font-family: verdana;font-weight: bold;text-transform: uppercase;}

a.bread:link{color: #fff;font-size: 10px;text-decoration: none;font-weight: bold;}
a.bread:visited{color: #fff;font-size: 10px;text-decoration: none;font-weight: bold;}
a.bread:hover{color: #a80918;font-size: 10px;text-decoration: none;font-weight: bold;}
a.bread:active{color: #efcb01;font-size: 10px;text-decoration: none;font-weight: bold;}



a.nav:link {color: #fff;text-decoration: none;	padding-bottom: 4px;}
a.nav:visited {color: #fff;text-decoration: none;}
a.nav:hover {color: #272727;text-decoration: none;}
a.nav:active {color: #efcb01;text-decoration: none;}

a.meerinfo:link {color: #043378;text-decoration: none;	padding-bottom: 4px;}
a.meerinfo:visited {color: #043378;text-decoration: none;}
a.meerinfo:hover {color: #a80918;text-decoration: none;}
a.meerinfo:active {color: #043378;text-decoration: none;}

a.productlijsttitel:link {color: #043378;text-decoration: none;	padding-bottom: 4px;font-weight: bold;}
a.productlijsttitel:visited {color: #043378;text-decoration: none;font-weight: bold;}
a.productlijsttitel:hover {color: #a80918;text-decoration: none;font-weight: bold;}
a.productlijsttitel:active {color: #043378;text-decoration: none;font-weight: bold;}


.day
{
  width:42px;
  margin: 0px 0 0 19px;
  _margin:0px 0 0 12px;
  float:left;
  background: #ffffff;
  font-family: verdana;
  color: #000;
}

.day img
{
  padding:2px;
  border:1px solid #c4bac3;
  background: #ffffff;
  font-family: verdana;
}

.day .max
{
  color:#b42d09;
  width:42px;
  display: block;
  background: #ffffff;
  font-family: verdana;
}

.day .min
{
  color:#1196c8;
  width:42px;
  display: block;
  background: #ffffff;
  font-family: verdana;
}

.weeritem{
	background-color: #ffffff;
	width: 202px;
	height: 100px;
	margin-top: 10px;
	margin-left: 10px;
	*margin-left: 0px;
	padding-top: 5px;
}

.zoover{
	width: 202px;
	height: 74px;
	margin-top: 195px;
	margin-left: 8px;
	padding-left: 2px;
	padding-right: 2px;
	*margin-left: 0px;
	background: url('../images/zoover_bg.jpg');
	background-repeat: repeat-x;
}

	/* Formulier */

.zoekblok{
	width: 202px;
	margin-left: 7px;
	padding-left: 5px;
	padding-top:10px;
	background-color: #ffcc00;

}

.zoekblok label{
    float: left;
    width: 90px;
    text-align: left;
    margin-right: 5px;
}

.zoekblok span{
    float: left;
    width: 100px;
    text-align: left;
    margin-right: 5px;
}

input{
    background-color: #fff;
    font-size: small;
    border-width: 1px;
    border-style: solid;
    border-color: #05aef1;  
    margin-bottom: 10px;
	width: 130px;
}

select{
    font-size: x-small;
    background-color: #fff;
    border-color: #05aef1;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 10px;
}

textarea{
    width: 300px;
    height: 100px;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #05aef1;
    font-family: Verdana;
    font-size: small;
    margin-bottom: 10px;
}
.buttons{
 	background-color: #05aef1;
	color: #fff;
}

.radio{
	border: 0px;
    background-color: #fff;
    font-family: Verdana;
    font-size: small;
    margin-bottom: 0px;
	padding-bottom: 20px;
}

/* appartments */
.apartments {
	clear: both;
}
.apartments_spacer {
	height: 20px;
	width:100%;
	clear: both;
}
.apartments_left {
	float: left;
	width: 140px;
}
.apartments_right {
	float: left;
	width: 380px;
}
.apartments_photos_left {
	float: left;
	width: 245px;
}
.apartments_photos_right {
	float: left;
	width: 260px;
	padding-left:10px;
}
.apartments_info {
	clear: both;
}

.apartments_book {
	float: left;
	width: 180px;
}
.apartments_availability {
	float: right;
	width: 200px;
}

/*bookings*/

table.calendar td.available {
	background-color: green;
	cursor:pointer;
}

table.calendar td.rented {
	background-color: red;
}

table.calendar td.notbookable {
	background-color: grey;
}

table.calendar td.selected {
	background-color: blue;
}

table.legend td.available {
	background-color: green;
}

table.legend td.rented {
	background-color: red;
}

table.legend td.selected {
	background-color: blue;
}

label.error {
	clear: both;
	float: left;
}
