/**********************************************
 * CONECTO Business Communication GmbH        *
 * Project: Saalbach.com                      *
 * Type: screen landingpage                   *
 **********************************************/

/*@import url(../default.css);*/


body {
	width: 100%;
	height: 100%;
	background: #f2f2f2;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #4f5871;
}

#containerSite {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -343px 0 0 -445px;
	width: 891px;
	height: 686px;
	background: url(../img/bg_sujet_winter_sommer.jpg) no-repeat top left;
}

#containerFooter {
	position: absolute;
	left: 0px;
	bottom: -20px;
	width: 851px;
	text-align: center;
	display: none;
}

#containerPageSelect {
	position: absolute;
	height: 31px;
	width: 100%;
	left: 0px;
	bottom: 213px;
}
	#containerPageSelect a#btnSaalbach {
		display: block;
		position: absolute;
		top: 0px;
		left: 55px;
		height: 31px;
		width: 345px;
		overflow: hidden;
		text-indent: -999em;
		background: url(../img/btn_saalbach_pas.gif) no-repeat top left;
	 }
	 	#containerPageSelect a#btnSaalbach:hover { background-image: url(../img/btn_saalbach_akt.gif); }
	#containerPageSelect a#btnLeogang {
		display: block;
		position: absolute;
		top: 0px;
		right: 55px;
		height: 31px;
		width: 297px;
		overflow: hidden;
		text-indent: -999em;
		background: url(../img/btn_leogang_pas.gif) no-repeat top left;
	 }
	 	#containerPageSelect a#btnLeogang:hover { background-image: url(../img/btn_leogang_akt.gif); }

#containerPageSelectSummer {
	position: absolute;
	height: 192px;
	width: 821px;
	left: 35px;
	bottom: 0px;
}
	#containerPageSelectSummer a#btnSaalbachSummer {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		text-indent: -999em;
		width: 353px;
		height: 192px;
		background: url(../img/btn_saalbach_summer.gif) no-repeat top left;
	}
		#containerPageSelectSummer a#btnSaalbachSummer:hover { background-image: url(../img/btn_saalbach_summer_akt.gif); }
		
	#containerPageSelectSummer a#btnLeogangSummer {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		text-indent: -999em;
		width: 327px;
		height: 192px;
		background: url(../img/btn_leogang_summer.gif) no-repeat top left;
	}
		#containerPageSelectSummer a#btnLeogangSummer:hover { background-image: url(../img/btn_leogang_summer_akt.gif); }

#containerContent {
	position: relative;
	width: 100%;
	height: 440px;
}