/*
----------------------------------
Chalet Alpenroesli
Start: 13.09.2008
Auftraggerber: Christof Schneider
Autor: Marc Bangerter
Medium: Screen
----------------------------------
*/

* {/*Universal Selektor - alle Ränder auf 0 setzen*/
	margin: 0px;
	padding: 0px;
}

body {/*Allgemeine Einstellungen wie Schrift, Schriftgrösse, Linienabstand, Farben, Hintergrund*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 120%;
	color: #282f35;
	text-align: center;
	background-repeat: repeat-x;
	background-color: #F5F6F6;
}

html {
	height: 101%;/*Scrollbalken im Firefox erzwingen*/
}

#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-top: 50px;
}

#header a {
	display: block;
	height: 160px;
	width: 960px;
}

#index #header {/*header abhängig von der body-id*/
	background-repeat: no-repeat;
	height: 200px;
	background-image: url(../images/header/index.jpg);
	background-color: #282F35;
}

#lauchernalp #header {/*header abhängig von der body-id*/
	background-repeat: no-repeat;
	height: 200px;
	background-image: url(../images/header/lauchernalp.jpg);
	background-color: #282F35;
}

#chalet #header {/*header abhängig von der body-id*/
	background-repeat: no-repeat;
	height: 200px;
	background-image: url(../images/header/chalet.jpg);
	background-color: #282F35;
}

#anreise #header {/*header abhängig von der body-id*/
	background-repeat: no-repeat;
	height: 200px;
	background-image: url(../images/header/anreise.jpg);
	background-color: #282F35;
}

#reservation #header {/*header abhängig von der body-id*/
	background-repeat: no-repeat;
	height: 200px;
	background-image: url(../images/header/reservation.jpg);
	background-color: #282F35;
}

#kontakt #header {/*header abhängig von der body-id*/
	background-repeat: no-repeat;
	height: 200px;
	background-image: url(../images/header/kontakt.jpg);
	background-color: #282F35;
}

#links #header {/*header abhängig von der body-id*/
	background-repeat: no-repeat;
	height: 200px;
	background-image: url(../images/header/links.jpg);
	background-color: #282F35;
}

#lauchernalp #navi01 a {/* Ritter Lauchernalp mit fixem Hover versehen */
	color: #282F35;
	background-color: #F8F8F8;
}

#chalet #navi01 a {/* Ritter Chalet mit fixem Hover versehen */
	color: #282F35;
	background-color: #F8F8F8;
}

#anreise #navi01 a {/* Ritter Anreise mit fixem Hover versehen */
	color: #282F35;
	background-color: #F8F8F8;
}

#reservation #navi01 a {/* Ritter Reservation mit fixem Hover versehen */
	color: #282F35;
	background-color: #F8F8F8;
}

#kontakt #navi01 a {/* Ritter Kontakt mit fixem Hover versehen */
	color: #282F35;
	background-color: #F8F8F8;
}

#links #navi01 a {/* Ritter Links mit fixem Hover versehen */
	color: #282F35;
	background-color: #F8F8F8;
}

#navigation {
	height: 30px;
	background-repeat: no-repeat;
	margin-top: -20px;
	line-height: 22px;
	text-align: center;
	background-image: url(../images/hintergrund_navigation.png);
	width: 960px;
}

#navigation ul {
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-left: 40px;
	overflow: auto;
}

#navigation li {
	display: inline;
}
#navigation  a:link {
	color: #C3C4C5;
	font-size: 14px;
	padding-right: 30px;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 30px;
}

#navigation a:visited {
	color: #C3C4C5;
	font-size: 14px;
	padding-right: 30px;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 30px;
}



#navigation a:hover, a:focus {
	color: #282F35;
	background-color: #F8F8F8;
}

#navigation a:active {
	background-color: #F8F8F8;
	color: #282F35;
}

#main_content {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
	background-image: url(../images/hintergrund_main_content_4.gif);
}


#main_content p {
	line-height: 160%;
}

#main_content h1 {
	font-size: 100%;
	font-weight: normal;
	padding-bottom: 6px;
	padding-top: 6px;
	line-height: 160%;
}

#main_content  h2 {
	font-size: 90%;
	font-weight: normal;
	padding-bottom: 6px;
	padding-top: 6px;
	line-height: 150%;
}

#chalet #main_content table {/*Hintergrundbild Main Navigation Chalet*/
	background-image: url(../images/hintergrund_subnavigation_chalet.gif);
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: top;
}

#lauchernalp #main_content table {/*Hintergrundbild Main Navigation Lauchernalp*/
	background-image: url(../images/hintergrund_subnavigation_lauchernalp.gif);
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: top;
}

#reservation #main_content table {/*Hintergrundbild Main Navigation Lauchernalp*/
	background-image: url(../images/hintergrund_subnavigation_chalet.gif);
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: top;
}

#anreise #main_content table {/*Hintergrundbild Main Navigation Anreise*/
	background-image: url(../images/hintergrund_subnavigation_chalet.gif);
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: top;
}

#main_content table a {
	text-decoration: none;
	color: #C3C4C5;
	vertical-align: top;
	text-align: left;
}

#main_content table ul {
	list-style-type: none;
	margin-top: 13px;
	color: #C3C4C5;
	font-weight: normal;
	margin-left: 5px;
}

#main_content table li {/* Farbe aktiver Link Subnavigation*/
	padding-bottom: 42px;
}

#reservation #navi02 a {/* Farbe aktiver Link Subnavigation*/
	color: #7BA4D5;
}

#anreise #navi02 a {/* Farbe aktiver Link Subnavigation*/
	color: #7BA4D5;
}

#chalet #navi02 a {/* Farbe aktiver Link Subnavigation*/
	color: #7BA4D5;
}

#lauchernalp #navi02 a {/* Farbe aktiver Link Subnavigation*/
	color: #7BA4D5;
}

#main_content a {
}

#main_content a:link {
	color: #C3C4C5;
}
#main_content  a:hover,a:focus {
	color: #FFEDAF;
}

#main_content a:active {
	color: #7BA4D5;
}

#main_content address {
	font-size: 11px;
	font-weight: normal;
	padding-bottom: 6px;
	padding-top: 6px;
	font-style: normal;
}
#bilder {
	position:absolute;
	width:310px;
	height:310px;
	z-index:1;
	float: right;
	visibility: visible;
	background-color: #282F35;
	margin: 5px;
}
#wohnzimmer_1 {
	position:absolute;
	width:300px;
	height:300px;
	z-index:1;
	float: left;
	left: 5px;
	top: 5px;
	visibility: visible;
}
#kueche {
	position:absolute;
	width:300px;
	height:300px;
	z-index:2;
	float: left;
	left: 5px;
	top: 5px;
	visibility: hidden;
}
#schlafzimmer {
	position:absolute;
	width:300px;
	height:300px;
	z-index:3;
	float: left;
	left: 5px;
	top: 5px;
	visibility: hidden;
}
#kinderzimmer {
	position:absolute;
	width:300px;
	height:300px;
	z-index:4;
	float: left;
	left: 5px;
	top: 5px;
	visibility: hidden;
}
#toilette {
	position:absolute;
	width:300px;
	height:300px;
	z-index:5;
	float: left;
	left: 5px;
	top: 5px;
	visibility: hidden;
}
#douche {
	position:absolute;
	width:300px;
	height:300px;
	z-index:6;
	float: left;
	left: 5px;
	top: 5px;
	visibility: hidden;
}
#kueche1 {
	position:absolute;
	width:300px;
	height:300px;
	z-index:6;
	float: left;
	left: 5px;
	top: 5px;
	visibility: visible;
}
#kueche2 {
	position:absolute;
	width:300px;
	height:300px;
	z-index:1;
	float: left;
	left: 5px;
	top: 5px;
	visibility: visible;
}
#schlafzimmer2 {
	position:absolute;
	width:300px;
	height:300px;
	z-index:2;
	float: left;
	left: 5px;
	top: 5px;
	visibility: visible;
}
#kinderzimmer2 {
	position:absolute;
	width:300px;
	height:300px;
	z-index:3;
	float: left;
	left: 5px;
	top: 5px;
	visibility: visible;
}
#eingang {
	position:absolute;
	width:300px;
	height:300px;
	z-index:4;
	float: left;
	left: 5px;
	top: 5px;
	visibility: visible;
}
#douche2 {
	position:absolute;
	width:300px;
	height:300px;
	z-index:5;
	float: left;
	left: 5px;
	top: 5px;
	visibility: visible;
}



label { /*Beschriftung auf einer Zeile*/
	float: left;
	width: 130px; /*Breite des Formulars*/
	display: block;
	cursor:pointer /*Mauszeiger wird zur Hand*/
}

.label {
	margin-top: 3px;
}

.formularfeld {
	width: 400px;
	background-color: #282F35;
	color: #B6B8BA;
}

.formularfeld2 {
	background-color: #282F35;
	color: #B6B8BA;
	width: 200px;
}

.email {
	margin: 7px;
	vertical-align: bottom;
}




#footer {
	height: 22px;
	text-align: left;
	color: #B6B8BA;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	padding-top: 4px;
	background-image: url(../images/hintergrund_footer.gif);
}
#footer a:link {
	text-decoration: none;
	color: #B6B8BA;
}

#footer a:visited {
	text-decoration: none;
	color: #B6B8BA;
}

#footer img {
	padding-left: 30px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#Submit {/*Hintergrundfarbe Button Senden*/
	background-color: #FFEDAF;
}

#Loeschen {/*Hindergrundfarbe Button Alle Felder löschen*/
	background-color: #FFEDAF;
}

/*Klassen*/
.text_footer {
	padding-left: 300px;
	clip: rect(-20px,auto,auto,auto);
}

.text_bold {
	font-weight: bold;
}

.schweiz {
	padding-left: 130px;
}

.skigebiet {
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.bilder_wohnung {
	vertical-align: bottom;
	margin-bottom: 9px;
	margin-top: 9px;
}

.bilder_chalet {
	margin-right: 52px;
	margin-left: 52px;
	vertical-align: bottom;
}

.links {
	margin-right: 40px;
}
.links2 {
	margin-right: 40px;
	margin-left: 150px;
}