@charset "UTF-8";
/* CSS Document */

/*

Browserkompatibilitaet bei:

Internet Explorer ab Version 7
Safari ab Version 4
Mozilla Firefox ab Verion 3.0
Chrome

Fuer Internet Explorer 6.0 wird die ie6.css geladen

*/


* {
	margin:0px;
	padding:0px;
	font-size:100%;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

html {
	height:101%;
}

body {
	background-image:url(../image/wood1.gif);
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	margin:25px 0 0 0;	
}

a {
	font-size:12px;
}

h2 {
	font-size:14px;
	margin:0;
	padding:0;	
}

#inhalt {
	margin:0px auto;
	width:850px;
}

#content {
	width:850px;
	height:auto;
	float:left;
	margin-top:10px;
}

/*Head*/

#head {
	height:200px;
	width:850px;
	margin:0px 0px 20px 0px;
}

#head1 {
	background-image:url(../image/header1.png);
	background-repeat:no-repeat;
	float:left;
	width:363px;
	height:200px;
}

#head2 {
	background-image:url(../image/header2.png);
	background-repeat:no-repeat;
	float:left;
	width:487px;
	height:200px;
}

/*Ticker*/

#derletztekick {
	position:absolute;
	height:15px;
	width:476px;
	color:#FFF;
	background-color:#740020;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:5px;
	margin:165px 0px 0px 0px;
}

/*Navigation*/

#navi {
	width:855;
	height:37px;
	background-image:url(../image/navigation.png);
	font-size:12px;
	width:850px;
	margin:0px 0px 0px 0px;	
}

#navi ul {
	margin:0px 10px 0px 10px;
}

#navi li{
	float:left;
	list-style:none;
	padding:0px 0px 0px 0px;
}

#navi a{
	text-decoration:none;
	display:block;
	height:37px;
	width:166px;
	line-height:37px;
	text-align:center;
	color:#FFF
}

#navi a:hover {
	color:#CCC;
}

/*Pfeil*/

#pfeil1 {
	height:8px;
	margin-left:20px;
	background-image:url(../image/pfeil.png);
	background-repeat:no-repeat;
}

#pfeil2 {
	height:8px;
	margin-left:180px;
	background-image:url(../image/pfeil.png);
	background-repeat:no-repeat;
}

#pfeil3 {
	height:8px;
	margin-left:340px;
	background-image:url(../image/pfeil.png);
	background-repeat:no-repeat;
}

#pfeil4 {
	height:8px;
	margin-left:510px;
	background-image:url(../image/pfeil.png);
	background-repeat:no-repeat;
}

#pfeil5 {
	height:8px;
	margin-left:680px;
	background-image:url(../image/pfeil.png);
	background-repeat:no-repeat;
}

/*Ueberschrift*/

#ueberschrift1 {
	float:left;
	margin:0px 10px 10px 0px;
	height:60px;
	width:850px;
	background-color:#740020;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#ueberschrift {
	float:left;
	margin:0px 10px 10px 0px;
	height:55px;
	width:850px;
	margin-bottom:10px;
	background-color:#740020;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#ueberschrift1 h1 {
	font-weight:lighter;
	font-size:18px;
	padding:10px 0 0 40px;
}

#ueberschrift h1 {
	float:left;
	font-weight:lighter;
	font-size:18px;
	padding:10px 0 0 40px;
}

h1 i {
	font-size:14px;
}

/* Navigation zwischen den Zimmern */

.zimmer_navi {
	margin:0px 10px 0px 540px;
}

.zimmer_navi a {
	color:#261D17;
	float:left;
	padding:5px;
	margin:10px 5px 0px 0px;
	background-color:#FCF5DA;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#zimmer_navi a:hover {
	color:#740020;
}

.zimmer_navi2 {
	margin:0px 10px 0px 740px;
}

.zimmer_navi2 a {
	color:#261D17;
	float:left;
	padding:5px;
	margin:10px 5px 0px 0px;
	background-color:#FCF5DA;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* Footer */

#footer {
	float:left;
	color:#261D17;
	width:850px;
	height:120px;
	clear:both;
	font-size:11px;
	background-image:url(../image/footer.gif);
	margin:0px 10px 10px 0px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#footer a {
	color:#261D17;
}

#footer a:hover {
	color:#740020;
}

#teil1 {
	margin:0px 10px 10px 200px;
	padding:10px;
}

#teil1 p {
	float:left;
	margin-right:5px;
	padding:5px;
	background-color:#FCF5DA;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* Startseite */

#artikel1 {
	float:left;
	margin:0px 0px 0px 0px;
	padding:10px;
	width:400px;
	height:200px;
	background-color:#740020;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#artikel2 {
	float:right;
	margin:0px 0px 10px 0px;
	padding:10px;
	width:400px;
	height:200px;
	background-color:#740020;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#bergbahnbild {
	background-image:url(../image/bergbahn_kreis.png);
	width:110px;
	height:117px;
	margin-left:250px;
}

#artikel3 {
	float:left;
	width:540px;
	height:200px;
	margin:0px 0px 10px 0px;
	padding:10px;
	background-color:#740020;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#artikel4 {
	float:left;
	width:540px;
	height:140px;
	margin:0px 0px 10px 0px;
	padding:10px;
	background-color:#740020;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#artikel4 a {
	color:#999;
}

#artikel4 a:hover {
	color:#C00038;
}

/* Formular */

#kontakt {
	font-size:14px;
	color:#261D17;
	float:left;
	margin:0px 10px 10px 0px;
	padding:10px;
	height:670px;
	width:540px;
	background-color:#740020;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#kontakt table {
	font-size:12px;
	width:336px;
	height:550px;
	table-layout:fixed;
	white-space:nowrap;
}

#kontakt p {
	margin:20px 30px 5px 30px;
}

fieldset {
	background-color:#E3DCBC;
	border: 2px solid #261D17;
	width:536px; 
	height:auto;
	float:left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

legend {
	padding:5px;
	margin-left:20px;
	background-color:#FCF5DA;
	border: 2px solid #261D17;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

input[type=text] {
	font-size:14px;
	color:#261D17;
	background:#FCF5DA;
	border: 1px solid #261D17;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

textarea {
	font-size:14px;
	background:#FCF5DA;
	border: 1px solid #261D17;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*leeres Feld Kontakformular rechts*/

#feld2 {
	margin:0px 0px 10px 0px;
	padding:10px;
	float:right;
	height:425px;
	width:260px;
	background-image:url(../image/feld2.gif);
	background-color:#740020;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	

/*Gallery CSS*/

.slide_box {
	float:left;
	margin:0px 10px 10px 0px;
	padding:0px 0px 0px 0px;
	height:480px;
	width:560px;
	background-color:#740020;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.slideshow {
	width:560px;
	height:400px;
	margin:10px 0px 5px 10px;
	overflow:hidden;
}

.slideshow img {
	padding:10px;
	background: #34000e;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#nav {
	margin:0px 5px 0px 10px;
	width: 520px;
	height: 30px;
}
#nav a {
	background: #34000e;
	padding: 5px 8px 5px 8px;
	color:#fff;
	display:block;
	float:left;
	text-decoration: none;
	margin: 0 3px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#nav a.activeSlide {
	background:#999;
}

#nav a:focus {
	outline: none;
}

/*Adresse, Facebook, In der Naehe Felder*/

.adresse {
	margin:0px 0px 10px 0px;
	padding:10px;
	float:right;
	height:215px;
	width:260px;
	background-color:#740020;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.adresse ul {
	margin-left:10px;
}

.adresse a {
	color:#999;
}

.adresse a:hover {
	color:#C00038;
}

.adresse iframe {
	width:260px;
	height:200px;
}


/*Bilder Startseite*/

#bilder {
	margin:0px 0px 10px 0px;
	padding:10px;
	float:right;
	height:200px;
	width:260px;
	background-color:#740020;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#bild_finkenkaestle {
	margin:0px 0px 10px 0px;
	padding:0px 10px;
	float:right;
	height:160px;
	width:260px;
	background-color:#740020;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#bild_finkenkaestle img {
	margin:22px 0px;
	border:none;
}

/*Facebook auf Startseite*/

#facebook {
	background-color:#FFF;
	border:none;
	overflow:hidden;
	width:260px;
	height:210px;
}

/*Linien*/

#linie {
	clear:both;
	height:10px;
	margin:0px 15px;
	background-image:url(../image/hr.png);
	background-repeat:no-repeat;
}

#linieklein {
	clear:both;
	height:10px;
	margin:0px 0px 5px 0px;
	background-image:url(../image/hr_kurz.png);
	background-repeat:no-repeat;
}

.hr_mitte {
	height:10px;
	background-image:url(../image/hr_mitte.png);
	background-repeat:no-repeat;
}

.hr_mittelang {
	height:10px;
	background-image:url(../image/hr_mittelang.png);
	background-repeat:no-repeat;
}

/*Zentrale Lage*/

#google {
	float:left;
	margin:0px 10px 10px 0px;
	padding:10px;
	height:705px;
	width:540px;
	background-color:#740020;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* Zimmer / Preise Uebersicht */

#zimmer{
	float:left;
	margin:0px 10px 10px 0px;
	height:170px;
	width:850px;
	background-color:#740020;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#beschreibung {
	float:right;
	margin:10px;
	height:190px;
	width:600px;
}

#zimmer img {
	float:left;
	margin:10px;
	width:200px;
	height:150px;
}

#bergbahnbild2 {
	background-image:url(../image/bergbahn_klein.png);
	float:left;
	margin:10px;
	width:200px;
	height:150px;
}

#expertenlogo {
	background-image:url(../image/tourismusexperte.png);
	float:left;
	margin:10px;
	width:200px;
	height:150px;
}

#preis_rechts{
	margin-top:5px;
	margin-bottom:5px;
	line-height: 15px; 
	text-align: right;
}

#fruehstueck {
	color: #999; 
	font-size: 13px; 
	padding-right: 5px;
}

#personen {
	color: #aaa; 
	font-size: 10px;
}

#zimmer a {
	color:#261D17;
	padding:5px;
	background-color:#FCF5DA;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#zimmer a:hover {
	color:#740020;
}

/*Zimmer einzelnt*/

#bild1 {
	float:left;
	height:360px;
	width:540px;
	margin:0px 10px 10px 0px;
	padding:10px;	
	background-color:#740020;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#bild1 img {
	margin-left:30px;
}

#bild2 {/*zweite Bild Ferienwohnung*/
	float:left;
	height:460px;
	width:540px;
	margin:0px 10px 10px 0px;
	padding:10px;	
	background-color:#740020;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#bild2 img {
	margin-left:30px;
}

#merkmale {
	float:right;
	margin:0px 0px 10px 0px;
	padding:10px;
	height:215px;
	width:260px;
	background-color:#740020;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#merkmale ul {
	margin-left:30px;
}

#txt {
	float:left;
	width:540px;
	height:70px;
	margin:0px 10px 10px 0px;
	padding:10px;
	background-color:#740020;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#preis_tabelle {
	margin:0px 0px 10px 0px;
	padding:10px;
	float:right;
	height:360px;
	width:260px;
	background-color:#740020;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#preis_tabelle table {
	font-size:11px;
	height:250px;
	width:250px;
	margin:0px 5px;
	table-layout:fixed;
	border-collapse:collapse;
	border-color:#34000e;
}

#preis_tabelle th {
	padding:3px;
}

#preis_tabelle td {
	padding:3px;
}

#preis_tabelle1 {
	margin:0px 0px 10px 0px;
	padding:10px;
	float:right;
	height:460px;
	width:260px;
	background-color:#740020;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#preis_tabelle1 table {
	font-size:11px;
	height:300px;
	width:250px;
	margin:0px 5px;
	table-layout:fixed;
	border-collapse:collapse;
	border-color:#34000e;
}

#preis_tabelle1 th {
	padding:3px;
}

#preis_tabelle1 td {
	padding:3px;
}

/*Belegungsplan Button auf Zimmer Seiten*/

#preis_tabelle a {
	color:#261D17;
	padding:5px;
	margin:10px 0px 10px 8px;
	background-color:#FCF5DA;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#preis_tabelle a:hover {
	color:#740020;
}

#preis_tabelle1 a {
	color:#261D17;
	padding:5px;
	margin:0px 0px 10px 8px;
	background-color:#FCF5DA;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#preis_tabelle1 a:hover {
	color:#740020;
}

/*Impressum*/

#content1 {
	width:850px;
	height:auto;
	float:left;
	margin-bottom:10px;
	background-color:#740020;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#text {
	margin:10px;
}

#text a {
	color:#999;
}

#text a:visited {
	color:#CCC;
}

#text ul {
	margin-left:30px;
}

/*Google Translate Element*/

#google_translate_element {
	position:fixed;
	right:5px;
	top:20px;
	padding:5px;
	background-color:#740020;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}