/********** Standard styles **********/

* {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none
}

html, body {
	background-color: #fff;
	width: 100%;
	height: 100%
}

body {
	background: url(../images/bg.jpg) repeat-x;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	/*color: #9b8e70*/
	color: #706652
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	display: inline-block
}  /* for IE/Mac */

.spacer{
	padding: 10px;
}

h1{
	font-size: 14px;
	color: #4d4534;
	padding-bottom: 14px
}

h2{
	font-size: 12px;
	color: #4d4534;
	padding-bottom: 14px
}

h3 {
	font-size: 12px;
	color: #4d4534;
	padding-bottom: 14px
}

.txt p {
	line-height: 14px;
	padding-bottom: 14px;
	font-size: 12px
}

div.termsconditions p {
	line-height: 14px;
	padding-bottom: 0px
}

div.termsconditions h3 {
	padding-bottom: 0px
}

div.termsconditions p.paddingbottom {
	padding-bottom: 14px
}

object{
	outline: none;
}

ul {
	margin-left: 10px;
	padding-bottom: 14px
}

ul li {
	list-style: none;
	padding-bottom: 4px;
	padding-left: 8px;
	background-image: url(../images/listitem.gif);
	background-position: 0px 6px;
	background-repeat: no-repeat
}


/********** Layout styles **********/

#apartmentviewer {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 546px;	
	margin-left: -273px;/* half of the width */
	height: 450px;	
	margin-top: -225px;/* half of the width */
	z-index: 100;
	float: left
}

#floorplanviewer {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 546px;	
	margin-left: -273px;/* half of the width */
	height: 450px;	
	margin-top: -225px;/* half of the width */
	z-index: 101;
	float: left
}

#global {
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	width: 945px;
	background: url('../images/bg_shadow.gif') 0px 427px no-repeat
}

#container-top {
	width: 945px;
	height: 17px
}

#container-left {
	float: left;
	width: 6px
}

#container-left-shadow {
	width: 6px;
	height: 400px
}

#container-main {
	float: left;
	width: 933px;
	background-color: #fff
}

#container-right {
	float: left;
	width: 6px
}

#container-right-shadow {
	width: 6px;
	height: 400px
}

#container-date-temperature{
	float: left;
	width: 506px;
	height: 16px;
	padding-top: 20px;
	padding-left: 43px
}

#date-temperature{
	width: 472px;
	height: 16px
}

#login{
	float: left;
	width: 383px;
	height: 30px;
	padding-top: 6px
}

#container-login{
	float: right;
	padding-right: 6px
}

#left-colomn{
	float: left;
	width: 721px;
	background-color: #fff
}

#content{
	width: 709px;
	padding-top: 30px;
	padding-left: 12px
}

/********** content left **********/

#content-1colomn{
	float: left;
	width: 688px;
	padding: 0px 10px 10px 10px;
	border-left: 1px solid #9b8e70
}

#content-left{
	float: left;
	width: 488px;
	padding: 0px 10px 10px 10px;
	border-left: 1px solid #9b8e70
}

#content-left .line{
	width: 448px;
	height: 30px;
	margin-left: 20px;
	background: url('../images/line.gif') 0px 0px repeat-x;
	line-height: 0px
}

#content-1colomn .txt{
	padding: 0px 20px 10px 20px;
	color: #000000
}

#content-left .txt{
	padding: 0px 20px 10px 20px;
	color: #000000
}

#content-left-home{
	float: left;
	width: 468px;
	padding: 0px 10px 10px 10px;
	border-left: 1px solid #9b8e70;
	color: #000000
}

#content-left-home .txt{
	padding: 0px 20px 10px 20px;
}

/********** content right **********/

#content-right-home{
	float: left;
	width: 220px
}

#content-right{
	float: left;
	width: 200px
}

#content-right-intro{
	padding: 20px 15px;
	border-left: 1px solid #9b8e70;
	color: #000000
}

.content-right-photo{	
	width: 200px;
	text-align: center;
	padding-bottom: 15px
}

/********** right colomn **********/

#right-colomn{
	float: left;
	width: 200px;
	padding-right: 12px;
	background-color: #fff
}

#language-container{
	height: 28px;
	padding-top: 8px;
	background: #fff url('../images/menu_bg.gif') repeat-x
}

#language-choise{
	float: right;
	padding-right: 10px;
}

.language{
	float: left
}

#language-choise .language a
{
	display: block;
	text-align: center;
	padding: 6px 5px
}

#language-choise .language a:link, #language-choise .language a:visited
{
	color: #fff;
	text-decoration: none
}

#language-choise .language a:hover, #language-choise .language a:active, #language-choise .language a.active:link, #language-choise .language a.active:visited
{
	color: #4d4534;
	text-decoration: none   
}

.seperator{
	display: block;
	float: left;
	margin-top: 8px;
	height: 10px;
	width: 1px;
	background: #fff
}

#right-colomn-body{
	background: url('../images/bg_shadow_language.jpg') no-repeat;
}

#right-colomn-body .intro{
	padding: 30px 15px
}

/********** logo **********/

#logo {
	text-align: center;
	padding-top: 52px;
	padding-bottom: 18px
}

#logo-home {
	padding-top: 0px;
	padding-bottom: 10px
}

/********** check availability **********/

#check-availability{
	width: 200px;
	background: #e3ddc8 url('../images/check-availability-bg_patroon.gif') repeat-x
}

#check-availability-corner-tl{
	position: absolute;
	width: 12px;
	height: 12px;
	background: url('../images/check-availability-corner-tl.gif') 0px 0px no-repeat
}

#check-availability .body{
	padding: 15px 15px;	
}

#check-availability .body .title{
	color: #4d4534;
	font-weight: bold	
}

#check-availability .body .title-input{
	padding-top: 10px;
	padding-bottom: 3px;
	color: #9b8e70	
}

#check-availability .body .select-availability-date {
	width: 37px;
	font-size: 10px;
	color: #544a35;
	background: #f6f3ed
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#check-availability .body .select-availability-date {
		width: 45px;
	}
}

#check-availability .body .select-availability-month {
	width: 103px;
	font-size: 10px;
	color: #544a35;
	background: #f6f3ed
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#check-availability .body .select-availability-month {
		width: 98px;
	}
}

#check-availability .body .button{
	padding: 15px 0px 0px 0px;

}

#check-availability .body .avl_btn {
	cursor: pointer;
	width: 62px;
	background: #c4beaa url('../images/bg_input-button_right.gif') -105px 0px no-repeat;
	border: 1px solid #9b8e70;
	color: #4d4534;
	font-size: 11px;
	text-align: left;
	padding-left: 5px
}

/********** contact form **********/

#contacttable {
	width: 440px;
	padding: 0;
	margin: 0
}

#contacttable input, #contacttable textarea {
	margin-bottom: 2px
}

#contacttable .firstcolumn {
	padding-right: 5px;
	width: 120px
}

#contacttable .secondcolumn {
	padding: 0px 5px;
	width: 10px
}

#contacttable .thirdcolumn {
	padding-left: 5px;
	width: 290px
}

.contacttext {
	border: 1px solid #9b8e70;
	padding: 1px;
	font-size: 11px;
	color: #9b8e70;
	width: 150px
}

.contacttextarea {
	height: 80px;
	width: 290px;
	font-family: Arial, Verdana, Helvetica, sans-serif
}

.remarks {
	padding-top: 2px;
}

/********** search apartments **********/

#search-apartments{
	width: 200px;
	background: #544a35 url('../images/search-apartments-bg_patroon.gif')
}

#search-apartments-corner-tl{
	position: absolute;
	width: 12px;
	height: 12px;
	background: url('../images/search-apartments-corner-tl.gif') 0px 0px no-repeat
}

#search-apartments .body{
	padding: 15px 15px;	
}

#search-apartments .body .title{
	color: #9a8d6f;
	font-weight: bold
}

#search-apartments .body .title-input{
	color: #fff;
	padding-top: 10px;
	padding-bottom: 3px	
}

#search-apartments .body .select-apartments {
	width: 157px;
	font-size: 10px;
	color: #544a35;
	background: #eae7e1
}

#search-apartments .body .button{
	padding: 15px 0px 0px 0px;
}

#search-apartments .body .apm_btn {
	cursor: pointer;
	width: 62px;
	background: #c4beaa url('../images/bg_input-button_right.gif') -105px 0px no-repeat;
	border: 1px solid #9b8e70;
	color: #4d4534;
	font-size: 11px;
	text-align: left;
	padding-left: 5px
}

/********** address **********/

#address{
	padding: 0px 15px;
	border-left: 1px solid #9b8e70
}

/********** call for contact **********/

#call-for-contact{
	width: 185px;
	height: 48px;
	padding-top: 121px;
	padding-left: 15px;
	color: #295192;
	font-size: 11px;
	line-height: 12px;
	background: #eeeeee url('../images/bg_call-for-contact.jpg') 0px 0px no-repeat
}

#mail-for-contact{
	width: 185px;
	height: 48px;
	padding-top: 121px;
	padding-left: 15px;
	color: #295192;
	font-size: 12px;
	line-height: 12px;
	background: #eeeeee url('../images/bg_call-for-contact.jpg') 0px 0px no-repeat
}

#mail-for-contact a{
	display: block;
	width: 185px;
	height: 48px;
	color: #295192;
}

#mail-for-contact a:hover{
	color: #3365b6;
	text-decoration: none
}

/********** rates **********/

#rates{
	color: #4d4534;
}

#rates-table{
	width: 200px;
	margin-top: 4px;
	margin-bottom: 4px;
	border-top: 1px solid #9b8e70;
	border-left: 1px solid #9b8e70
}

#rates-table td{
	padding: 2px 5px;
	border-bottom: 1px solid #9b8e70;
	border-right: 1px solid #9b8e70
}

#rates-table .title{
	color: #4d4534;
	background: #bcb39e;
	text-align: center;
}

#rates-table .title-middle{
	color: #4d4534;
	background: #bcb39e;
	text-align: center;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff
}

#rates-table .price{
	color: #4d4534;
	background: #eef2f9;
	text-align: center
}

#rates-table .number{
	color: #9b8e70;
	text-align: center
}


/********** footer **********/

#container-bottom {
	width: 945px;
	height: 7px;
	padding-bottom: 10px;
	background: #fff;
}

#footer{
	width: 909px;
	background-color: #9b8e70;
	margin: 12px;
}

#copyright{
	width: 523px;
	float: left;
	color: #4d4534;
	padding: 6px 20px
}

#footer-navigation{
	float: left;
	width: 300px;
	color: #4d4534;
	padding: 6px 20px;
	text-align: right
}

#footer a
{
	text-align: center;
}

#footer  a:link, #footer  a:visited
{
	color: #4d4534;
	text-decoration: none
}

#footer a:hover, #footer  a:active, #footer  a.active:link, #footer a.active:visited
{
	color: #fff;
	text-decoration: none   
}

/********** Text styles **********/

a:link {
	text-decoration: none;
	font-weight: normal;
	color: #ff6600
}

a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #ff6600
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #ff6600
}

a:active {
	text-decoration: none;
	font-weight: normal;
	color: #ff6600
}

/********** formulieren **********/

form{
	margin-top:0;
	margin-bottom:0;
}

.login-forgotpass {
	font-size: 10px;
	float: right;
	text-align: left;
	height: 14px;
	color: #9b8e70
}

.login-title{
	float: right;
	padding-right: 7px;
	padding-top: 1px;
	font-size: 11px;
	color: #9b8e70
}

.login-input{
	float: right;
	padding-right: 5px
}

.login-email, .login-input .login-pwd{
	border: 1px solid #9b8e70;
	padding-left: 5px;
	font-size: 11px;
	color: #bcae8e
}

.login-email{
	width: 140px
}

.login-input .login-pwd{
	width: 75px
}

.login-btn{
	cursor: pointer;
	width: 11px;
	height: 15px;
	background: #c4beaa url('../images/bg_login-button_right.gif') 0px 0px no-repeat;
	border: 1px solid #9b8e70
}

.btn-hov{
	border: 1px solid #ff9900;
}

.checkbox {
	padding: 0px;
	margin: 0px 3px 0px 0px;
	border: none
}

/********** Login gegevens *********/

.personal-info-table {
	width: 648px;
	background-color: #f1eee3
}

.personal-info-table td.first-padding{
	padding-left: 20px
}

.personal-info-table td.last-padding{
	padding-right: 20px
}

.personal-info-table td{
	padding: 2px 5px;
	color: #454545
}

.personal-info-table td.first-colomn {
	width: 150px
}

.personal-info-table td.second-colomn {
	width: 248px
}

.align-right {
	text-align: right
}

/********** buttons **********/

.btn-left{
	cursor: pointer;
	background: #c4beaa url('../images/bg_input-button_left.gif') top left no-repeat;
	border: 1px solid #9b8e70;
	color: #4d4534;
	font-size: 11px;
	text-align: left;
	padding-left: 15px
}

.btn-left-off{
	cursor: pointer;
	background: #c4beaa url('../images/bg_input-button_left-off.gif') top left no-repeat;
	border: 1px solid #a09986;
	color: #a09986;
	font-size: 11px;
	text-align: left;
	padding-left: 15px
}

.btn-right{
	cursor: pointer;
	background: #c4beaa url('../images/bg_input-button_right.gif') top right no-repeat;
	border: 1px solid #9b8e70;
	color: #4d4534;
	font-size: 11px;
	text-align: left;
	padding-left: 2px
}

.btn-right-off{
	cursor: pointer;
	background: #c4beaa url('../images/bg_input-button_right-off.gif') top right no-repeat;
	border: 1px solid #a09986;
	color: #a09986;
	font-size: 11px;
	text-align: left;
	padding-left: 2px
}

/********** prijstabel **********/

#pricetable{
	color: #756338;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

#pricetable p{
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	padding: 2px 8px
}

#pricetable .firstrow .firstcolumn{
	float: left;
	width: 144px;
	height: 18px;
	background-color: #756338;
	color: #fff;
	border-bottom: #9d9071 1px solid;
	padding: 2px 8px
}

#pricetable .firstrow  .secondcolumn{
	float: left;
	width: 65px;
	height: 18px;
	background-color: #756338;
	border-bottom: #9d9071 1px solid;
	padding: 2px 8px
}

#pricetable .firstrow  .thirdcolumn{
	float: left;
	width: 205px;
	height: 16px;
	padding: 2px 0px
}

#pricetable .firstrow .thirdcolumn  a.arrowtop 
{
	background: url('../images/price_arrow_up.gif') 0px 0px no-repeat;	
	display: block
}

#pricetable .firstrow .thirdcolumn  a.arrowdown
{
	background: url('../images/price_arrow_down.gif') 0px 0px no-repeat;	
	display: block
}

#pricetable .firstrow .thirdcolumn  a:link, #pricetable .firstrow .thirdcolumn  a:visited
{
	color: #ff6600;
	padding: 0px 20px;
	text-decoration: none
}

#pricetable.firstrow .thirdcolumn a:hover, #pricetable .firstrow .thirdcolumn  a:active, #pricetable .firstrow .thirdcolumn  a.active:link, #pricetable .firstrow .thirdcolumn  a.active:visited
{
	color: #ff6600;
	padding: 0px 20px;
	text-decoration: underline   
}

#pricetable .secondrow .firstcolumn{
	float: left;
	width: 142px;
	height: 18px;
	background-color: #bbb39e;
	border-left: #9d9071 1px solid;
	border-right: #9d9071 1px solid;
	border-bottom: #9d9071 1px solid;
	padding: 2px 8px
}

#pricetable .secondrow .secondcolumn{
	float: left;
	width: 64px;
	height: 18px;
	background-color: #bbb39e;
	border-right: #9d9071 1px solid;
	border-bottom: #9d9071 1px solid;
	padding: 2px 8px
}

#pricetable .row .firstcolumn{
	float: left;
	width: 142px;
	height: 18px;
	background-color: #eef3fa;
	border-left: #9d9071 1px solid;
	border-right: #9d9071 1px solid;
	border-bottom: #9d9071 1px solid;
	padding: 2px 8px
}

#pricetable .row .secondcolumn{
	float: left;
	width: 64px;
	height: 18px;
	background-color: #eef3fa;
	border-right: #9d9071 1px solid;
	border-bottom: #9d9071 1px solid;
	padding: 2px 8px
}

#pricetable .endrow {
	width: 217px;
	height: 26px;
	padding-top: 5px
}

#pricetable .endrow .firstcolumn{
	float: left;
	color: #ff0000
}

#pricetable .lastminute{
	color: #ff0000
}


/**********  button styles **********/

.btn-next{
	width: 68px
}

.btn-next-off{
	width: 68px
}

.btn-previous{
	width: 53px;
}

.btn-booknow {
	width: 72px;
}

.btn-terms {
	width: 195px
}

.btn-booking{
	width: 73px;
}

.btn-moreinfo{
	width: 72px;
}

.btn-contactus{
	width: 110px;
}

.btn-deleteaccount {
	width: 100px
}

.btn-save {
	width: 50px
}

.btn-send {
	width: 60px
}

.btn-hov{
	border: 1px solid #ff9900;
}