/********************************
 * LAYOUT
 */

body {
	text-align: center;
	background: #fff;
}

#wrapper {
	width: 854px;
	margin: 0 auto 30px auto;
	text-align: left;
}

#header {
	height: 112px;
	background: url(../images/header.png);
}

#searchzone {
	height: 70px;
	padding: 18px 12px;
	overflow: hidden;
	background: url(../images/searchzone.png);
}

.design-is-4wnd #bodyzone {
	height: 835px;
	position: relative;
	background: url(../images/bodyzone-4wnd.png);
}

.design-is-1wnd #bodyzone {
	height: 835px;
	position: relative;
	background: url(../images/bodyzone-1wnd.png);
}

#bottomzone {
	height: 48px;
	background: url(../images/bottomzone.png);
}

.design-is-4wnd .wnd {
	width: 410px;
	height: 389px;
	
	padding: 13px 0 0 0;
	position: absolute;	
	
	background: url(../images/wnd-4wnd.png);
}

.design-is-4wnd #wnd1, .design-is-4wnd #wnd3 { left: 9px; }
.design-is-4wnd #wnd1, .design-is-4wnd #wnd2 { top: 8px; }
.design-is-4wnd #wnd2, .design-is-4wnd #wnd4 { left: 436px; }
.design-is-4wnd #wnd3, .design-is-4wnd #wnd4 { top: 420px; }

.design-is-1wnd .wnd {
	height: 774px;
	padding: 26px 24px 24px 15px;
	overflow: hidden;
	position: relative;
}


.design-is-4wnd .wnd-inner-big {
	width: 341px;
	height: 300px;
	overflow: hidden;
	
	padding: 10px 15px;;
	
	position: absolute;
	top: 41px;
	left: 16px;
	
	background: url(../images/wnd-inner-big-4wnd.png);
}

.design-is-4wnd .wnd-inner-small {
	width: 351px;
	height: 82px;
	overflow: hidden;
	
	padding: 13px 13px;
	
	position: absolute;
	left: 16px;
	
	background: url(../images/wnd-inner-small-4wnd.png);
}


.design-is-4wnd .wnd-inner-small1 {	top: 41px; }
.design-is-4wnd .wnd-inner-small2 {	top: 149px; }
.design-is-4wnd .wnd-inner-small3 {	top: 257px; }


.design-is-1wnd .wnd-inner {
	width: 798px;
	height: 722px;
	overflow: hidden;
	
	position: absolute;
	top: 62px;
	left: 24px;
	
	background: url(../images/wnd-inner-1wnd.png);
}

#apartements-column1 {
	float: left;
	width: 360px;
	position: absolute;
	top: 10px;
	left: 18px;
	overflow: hidden;
}

#apartements-column2 {
	float: left;
	width: 360px;
	position: absolute;
	top: 10px;
	left: 418px;
	overflow: hidden;
}


#apartements-column-separator {
	float: left;
	width: 20px;
	height: 716px;
	position: absolute;
	top: 3px;
	left: 388px;
	background: url(../images/column-separator.png);
}




.wnd .back {
	display: block;
	height: 15px;
	line-height: 15px;
	
	padding-left: 43px;
	
	position: absolute;
	left: 14px;
	bottom: 18px;
	
	background: url(../images/back.png) no-repeat;
}


.design-is-1wnd .wnd .back {
	left: 28px;
}


/* neu 161009 for apartment.tpl */
.smalltext {
	font-size: 12px;
        color: black;
}



.wnd .forward {
	display: block;
	height: 15px;
	line-height: 15px;
	
	padding-right: 43px;
	
	position: absolute;
	right: 20px;
	bottom: 18px;
	
	background: url(../images/forward.png) right no-repeat;
}

.design-is-1wnd .wnd .forward {
	right: 34px;
}


.wnd .back-to-start {
	display: block;
	height: 15px;
	font-size: 20px;
	line-height: 15px;
	position: absolute;
	bottom: 18px;
	left:275px;
	text-align: center;
	width: 300px;
}

.wnd-mini {
	width: 134px;
	height: 88px;
	padding: 8px 12px 11px 6px;
	position: absolute;
	background: url(../images/wnd-mini.png) no-repeat;
	overflow: hidden;
}

#wnd-mini-l1 { left: 10px; top: 12px; background: url(../images/wnd-mini-first.png) no-repeat; }
#wnd-mini-l2 { left: 10px; top: 118px; }
#wnd-mini-l3 { left: 10px; top: 225px; }
#wnd-mini-l4 { left: 10px; top: 332px; height: 112px; }

#wnd-mini-r1 { right: 5px; top: 12px; background: url(../images/wnd-mini-first.png) no-repeat; }
#wnd-mini-r2 { right: 5px; top: 118px; }
#wnd-mini-r3 { right: 5px; top: 225px; }
#wnd-mini-r4 { right: 5px; top: 332px; height: 112px; }

.apartement-text {
	width: 470px;
	height: 444px;
	
	position: absolute;
	top: 12px;
	left: 166px;
	overflow: hidden;
	
	background: url(../images/apartement-wnd.png) no-repeat;
}

.apartement-text-big {
	width: 470px;
	height: 707px;
	
	position: absolute;
	top: 12px;
	left: 166px;
	overflow: hidden;
	
	z-index: 100;
	
	background: url(../images/apartement-wnd-big.png) no-repeat;
}

.open {
	position:absolute;
	right:15px;
	bottom:15px;
}

#horz-sep {
	width: 798px;
	height: 20px;
	
	position: absolute;
	top: 455px;
	left: 0px;
	background: url(../images/horz-sep.png);
}

#google-maps {
	width: 361px;
	height: 225px;
	background: url(../images/google-maps.png) no-repeat;
	
	position: absolute;
	top: 480px;
	left: 20px;
}

#calendar {
	width: 381px;
	height: 235px;
	background: url(../images/calendar-wnd.png) no-repeat;
	
	position: absolute;
	top: 479px;
	right: 8px;
}

#calendar-big {
	width: 788px;
	height: 443px;
	background: url(../images/calendar-wnd-big.png) no-repeat;
	
	position: absolute;
	top: 13px;
	left: 6px;
}

.help {
	position: absolute;
	top: 33px;
	right: 50px;
}

#apartement-info {
	width: 390px;
	position: absolute;
	top: 482px;
	right: 8px;
}

#buchen-wnd1 {
	width: 785px;
	height: 181px;
	
	background: url(../images/buchen-wnd1.png) no-repeat;
	
	position: absolute;
	top: 12px;
	left: 9px;
	overflow: hidden;
}

.buchen1-wnd1 {
	width: 785px;
	height: 181px;
	
	background: url(../images/buchen-wnd1.png) no-repeat;
	
	position: absolute;
	top: 12px;
	left: 9px;
	overflow: hidden;
}

.buchen1-big-wnd1 {
	width: 785px;
	height: 640px;
	position: absolute;
	top: 12px;
	left: 9px;
	overflow: hidden;
	z-index: 100;
	background: url(../images/buchen-big-wnd1.png) no-repeat;
}

#buchen-wnd2 {
	width: 740px;
	height: 329px;
	
	padding: 10px 30px 30px 15px;
	background: url(../images/buchen-wnd2.png) 0 0 no-repeat;
	
	position: absolute;
	top: 193px;
	left: 9px;
	overflow: hidden;
}

.column-left {
	width: 49%;
	float: left;
}

.column-right {
	width: 49%;
	float: right;
}

#buchen-wnd3 {
	width: 770px;
	height: 87px;
	
	padding: 10px 0 0 15px;
	
	background: url(../images/buchen-wnd3.png) 0 0 no-repeat;
	
	position: absolute;
	top: 561px;
	left: 9px;
	overflow: hidden;
}

#buchen-buchen {
	height: 65px;
	width: 186px;
	
	position: absolute;
	top: 653px;
	right: 3px;
	overflow: hidden;
	background: url(../images/buchen-buchen.png) 0 0 no-repeat;
}

#buchen-abschliessen a {
	display: block;
	height: 65px;
	width: 186px;
}

#buchen-abschliessen {
	height: 65px;
	width: 186px;
	
	position: absolute;
	top: 653px;
	right: 3px;
	overflow: hidden;
	background: url(../images/buchen-abschliessen.png) 0 0 no-repeat;
}

#buchen-abschliessen-it {
	height: 65px;
	width: 186px;
	
	position: absolute;
	top: 653px;
	right: 3px;
	overflow: hidden;
	background: url(../images/buchen-abschliessen-it.png) 0 0 no-repeat;
}


#buchen-agb a {
	display: block;
	height: 65px;
	width: 186px;
}

#buchen-agb {
	height: 65px;
	width: 186px;
	
	position: absolute;
	top: 653px;
	right: 3px;
	overflow: hidden;
	background: url(../images/buchen-agb.png) 0 0 no-repeat;
}

#buchen-buchen a {
	display: block;
	height: 65px;
	width: 186px;
}

#buchen-zzw {
	height: 64px;
	width: 186px;
	
	position: absolute;
	top: 653px;
	left: 9px;
	
	overflow: hidden;
	background: url(../images/buchen-zzw.png) 0 0 no-repeat;
}

#buchen-zzw a {
	display: block;
	height: 65px;
	width: 186px;
}

#buchen-zzb {
	height: 64px;
	width: 186px;
	
	position: absolute;
	top: 653px;
	left: 9px;
	
	overflow: hidden;
	background: url(../images/buchen-zzb.png) 0 0 no-repeat;
}

#buchen-zzb-it {
	height: 64px;
	width: 186px;
	
	position: absolute;
	top: 653px;
	left: 9px;
	
	overflow: hidden;
	background: url(../images/buchen-zzb-it.png) 0 0 no-repeat;
}


#buchen-zzb a {
	display: block;
	height: 65px;
	width: 186px;
}

#buchen-zzb-it a {
	display: block;
	height: 65px;
	width: 186px;
}

#buchen-zza {
	height: 64px;
	width: 186px;
	
	position: absolute;
	top: 653px;
	left: 9px;
	
	overflow: hidden;
	background: url(../images/buchen-zza.png) 0 0 no-repeat;
}

#buchen-zza a {
	display: block;
	height: 65px;
	width: 186px;
}