/* xersys Gmbh - Richard Tappeiner
/* Erstellt Mai 2008
/* Kunde: Hotel Matillhof

/*----------------------------------------------------------*/
/* Allgemeines
/*----------------------------------------------------------*/

html { height:100%; }
body { font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.7;  background-image:url(../grafik/bg/bg.jpg); margin:0px;height:100%;}
h1 { font-size:16px; color:#507530; }
h2 { font-size:13px; color:#507530; }
h3 { font-size:12px; color:#ED1C24;  margin:0; }
img { border:0px; }
hr { border:none 0; border-top:1px dashed #507530; height:1px; }
a:link { color:#000000; }
a:visited { color:#000000; }
a:active { color:#000000; }
a:hover { color:#780e11; }
p { line-height: 1.5; }
.table tr td p { font-size:15px;}
table a:link { margin: 5px; font-weight:bold; color:#000000; text-decoration:none; text-align:center; }
table a:visited { font-weight:bold;color:#000000; }
table a:active { font-weight:bold;color:#000000; }
table a:hover { font-weight:bold;color:#780e11; }
table#tipp tr td p { font-size:12px; font-weight:normal; line-height:normal;}
table#tipp tr td ul li { font-size:12px; font-weight:normal; line-height:normal;}

/*----------------------------------------------------------*/
/* Spezifisches zur Seite
/*----------------------------------------------------------*/

#logo { margin-left:auto;	margin-right:auto; margin-bottom:0px; width:1000px; position:relative;}
#sprache {width:700px; float:left; text-align:right;}
#master {
	clear:left;
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	width:1000px;
	position:relative;
	height:100%;
	min-height: 100%;
	height:auto !important; /* moderne Browser */
	height:100%; /* IE */
	background-image:url(../grafik/bg/bg.gif);
}
	
#kopfleiste { height:100px; background-image:url(../grafik/bg/kopfleiste.png); background-repeat:no-repeat;}
#kopfleiste a { text-decoration: none; color:#000000; }
#kopfleiste a:hover { text-decoration:underline; color:#507530; }
#adresse1 { float:left; color:#780e11; padding-left:10px; padding-top:20px; padding-right:35px;}
#adresse2 { float:left; color:#780e11; padding-top:20px;}
#adresse2 a:link { text-decoration:underline; color:#780e11; }
#adresse2 a:hover { text-decoration:underline; color:#780e11; }
#header_angebot { vertical-align:bottom; width:240px;}
#header {width:1000px; height:400px; padding-bottom:20px; background-repeat:no-repeat; background-position:center; background-color:#FFFFFF; float:left; background-image:url(../grafik/header_01.jpg);}
#menuelinks { float:left; width:210px; padding-left:20px; padding-top:10px; height:100%;}

.menue { margin:0px; font-size:14px; }
.menue ul, .menue ul li { padding:0px; margin:0px; list-style:none; }
.menue a { text-decoration:none; display:block;	color:#FFFFFF; }
.menue a:hover { text-decoration:underline; color:#FFFFFF; }
.menue ul li { font-weight:bold; }
* html .menue ul li { height: 1em; }
.menue ul li a { padding:5px 0px 5px 25px; border:none; border-bottom:1px dashed #FFFFFF; background-image: url("../grafik/bg/icon01.gif"); background-repeat:no-repeat; background-position: 10px 50%;}
* html .menue ul li a { height: 1em; }
.menue ul li ul li { font-size:13px; font-weight:normal; }
* html .menue ul li ul li { height: 1em; }
.menue ul li ul li a {padding:2px 0px 2px 35px; background-image: url("../grafik/bg/icon02.gif"); background-repeat:no-repeat; background-position: 20px 50%; color:#FFFFFF; border:0px; margin:0px; }
* html .menue ul li ul li a { height: 1em; }
.menue ul li ul li ul li{ font-size:12px; font-weight:normal; }
.menue ul li ul li ul li a {  padding: 0px 0px 0px 45px; background-image: url("../grafik/bg/icon03.gif"); background-repeat:no-repeat;  background-position: 30px 50%; color:#FFFFFF; border:0px; margin:0px;}
.menue ul li ul li ul li ul li{ font-size:10px;	font-weight:normal;}
.menue ul li ul li ul li ul li a { padding:0px 0px 0px 60px; background-image: url("../grafik/bg/icon04.gif"); background-repeat:no-repeat; background-position: 43px 50%; color:#FFFFFF; margin:0px; }


#inhalt {float:left; margin-left:10px; width:470px; padding:20px; font-size:12px; color:#4b4a44; height:100%;}
#inhalt h1 { font-size:17px; color:#780e11; margin:0px;}
#inhalt p { line-height:2em;}
#inhalt tr td p { font-size:11px; line-height:1em; margin:5px; padding:0px;}
#inhalt a:link { color:#4b4a44; text-decoration:none; }
#inhalt a:visited { color:#4b4a44; text-decoration:none;}
#inhalt a:active { color:#4b4a44; text-decoration:none;}
#inhalt a:hover { color:#4b4a44;text-decoration:none; }
#menuerechts {float:left; margin-left:10px; width:200px; padding:10px; padding-top:0px; height:100%;}

#mehr { text-align:right; margin:0px; padding:5px; width:100px; display:block; float:right; }

#linkbox {padding:5px; margin-bottom:5px; border:1px solid #780e11; font-size:10px; }
#linkbox a:link {color:#000000; text-decoration:none;  display:block;  background-image: url("../grafik/link.gif") ;background-repeat:no-repeat; padding-left:20px;}
#linkbox a:visited {color:#000000;text-decoration:none; display:block; background-image: url("../grafik/link.gif") ;background-repeat:no-repeat; padding-left:20px;}
#linkbox a:active {color:#000000;text-decoration:none;  display:block; background-image: url("../grafik/link.gif") ;background-repeat:no-repeat; padding-left:20px;}
#linkbox a:hover {color:#000000;text-decoration:none;  display:block; background-image: url("../grafik/link.gif") ;background-repeat:no-repeat; padding-left:20px;}
#downloadbox {padding:7px; margin-bottom:0px; border:1px solid #780e11; font-size:12px; font-weight:bold;}
#downloadbox a:link {color:#000000; text-decoration:none;  display:block;  background-image: url("../grafik/pdf.gif") ;background-repeat:no-repeat; padding-left:20px;}
#downloadbox a:visited {color:#000000;text-decoration:none; display:block; background-image: url("../grafik/pdf.gif") ;background-repeat:no-repeat; padding-left:20px;}
#downloadbox a:active {color:#000000;text-decoration:none;  display:block; background-image: url("../grafik/pdf.gif") ;background-repeat:no-repeat; padding-left:20px;}
#downloadbox a:hover {color:#000000;text-decoration:none;  display:block; background-image: url("../grafik/pdf.gif") ;background-repeat:no-repeat; padding-left:20px;}

#copyright { clear:both; width:1000px; font-size:10px; color:#333333; text-align:center; margin-top:0px; margin-left:auto; margin-right:auto;}
#copyright a:link {color:#333333; text-decoration:none;}
#copyright a:visited {color:#333333;text-decoration:none;}
#copyright a:active {color:#333333;text-decoration:none;}
#copyright a:hover {color:#333333;text-decoration:none;}

#wetterprognose  {padding-top : 5px;padding-bottom: 5px; margin-left:5px; border:1px dashed #FFFFFF; background-color:#f8eee5}
#wetterprognose td {text-align : center;font-size : 9px;color : #780e11;}
#wetterprognose a:link { color : #780e11;text-decoration : none;}
#wetterprognose a:visited {color : #780e11;text-decoration : none;}
#wetterprognose a:active {color : #780e11;text-decoration : none;}
#wetterprognose a:hover {color : #780e11;text-decoration : none;} 

.lastminute { font-size:12px;}
.lastminute h1 { font-size:13px;}
.lastminute_preis { font-size:14px; font-weight:bold;}
.lastminute_datum { font-size:13px;}
.lastminute_normalpreis { font-size:14px; text-decoration:line-through; font-weight:bold;}
.lastminute_kontakt { text-align:left; font-size:13px;}
.lastminute_kontakt a:link {text-align:left; text-decoration:underline;}
.lastminute_kontakt a:visited {text-align:left;text-decoration:underline;}
.lastminute_kontakt a:active {text-align:left;text-decoration:underline;}
.lastminute_kontakt a:hover {text-align:left;text-decoration:underline;}

.angebote_footer { text-align: center; font-size:13px; color:#FFFFFF;}
.angebote_footer a:link {text-align:left; text-decoration:none; color:#FFFFFF;}
.angebote_footer a:visited {text-align:left;text-decoration:none; color:#FFFFFF;}
.angebote_footer a:active {text-align:left;text-decoration:none; color:#FFFFFF;}
.angebote_footer a:hover {text-align:left;text-decoration:underline;color:#FFFFFF;}

#angebote_footer { text-align: center; font-size:12px; color:#FFFFFF;}
#angebote_footer a:link {text-align:left; text-decoration:none; color:#FFFFFF;}
#angebote_footer a:visited {text-align:left;text-decoration:none; color:#FFFFFF;}
#angebote_footer a:active {text-align:left;text-decoration:none; color:#FFFFFF;}
#angebote_footer a:hover {text-align:left;text-decoration:underline;color:#FFFFFF;}

#holidaycheck { padding-top:25px;}

/*----------------------------------------------------------*/
/* Fehlermeldungen
/*----------------------------------------------------------*/

.messagebox { margin-top:15px; border:1px solid #ED1C24; margin-bottom:10px; background:url(../img/message_bg.jpg) repeat-x top; }
.messagetext { padding:12px; }
.messagetext DIV { padding:3px; }
.messagetitel {	 padding:15px; padding-bottom:0px; font-weight:bold; display:block;} 

#error { width:100%; border:3px solid #ED1C24; padding:5px; background-color:#FFFFFF;}

#bigimagecontainer  { position:absolute; z-index:1000;  left:0px; top:0px; width:0px; height:0px; background-image:url(../modules/sitor/img/black75.png); background-repeat:repeat; vertical-align:middle; text-align:center; }
#bigimagecontainer #bigimage { border:5px solid #CCCCCC; margin-top:200px; cursor:pointer; }

/*----------------------------------------------------------*/
/* Bildvergrößerung
/*----------------------------------------------------------*/

#thumbBox { position:absolute; left:0; top:0; width:auto; padding:10px; padding-bottom:0; background: #FFFFFF; visibility:hidden; z-index:10; cursor:pointer; cursor:pointer; }
#thumbBox .footerbar{ font:bold 16px Tahoma; letter-spacing:5px; line-height:1.1em; color:white; padding:5px 0; text-align:right; }
#thumbBox #thumbImage{ background-color: white; }
#thumbLoading{ position:absolute; visibility:hidden; border:1px solid black; background-color:#FFFFFF; padding:5px; z-index: 5; }

/*----------------------------------------------------------*/
/* Angebote Scrollbox
/*----------------------------------------------------------*/

div.angeboteContainer {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 126px;	 
	width: 100%;
	border-bottom:1px dashed #FFFFFF;	
	padding-bottom:6px;
}

/* root element for scrollable items */
div.angeboteContainer div.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
}

div.angeboteContainer div.items div {
	width:200px; height:120px;
	padding:10px; color:#FFFFFF;
	background-color:rgba(255,255,255);
}

div.angeboteContainer div.items IMG {
	margin:5px; margin-left:0px; margin-top:1px; float:left;
}
div.angeboteContainer div.items A { color:#FFFFFF; display:block;}


/*----------------------------------------------------------*/
/* SEWA API
/*----------------------------------------------------------*/

#zimmersuche h1 {
font:14px Arial;
font-weight:bold;
margin:0;
padding:0;
}
#zimmersuche h2 {
font-weight:normal;
margin:3px 0 0;
padding:0;
}

#zimmersuche {
width:172px;
border:solid 0px #666666;
padding:5px;
padding-bottom:0;
}
#from_day,
#from_month,
#from_year,
#to_day,
#to_month,
#to_year {
width:50px;
}
#zimmersuche, #zimmersuche h2 {
font:10px Arial;
color:#FFFFFF;
}

#alterkind1.input_small, #alterkind2.input_small, #alterkind3.input_small {
width:50px;
}
#typ.input_small, #verpflegung.input_small, #anzahl_erw.input_small {
width:168px;
}
#zimmersuche select, #zimmersuche input {
font-size:10px;
}

/*----------------------------------------------------------*/
/* Startseite
/*----------------------------------------------------------*/

#genuss { height:237px; margin:10px; margin-top:0px; clear:both; float:left; width:237px; font-size:12px; background-image:url(../grafik/startseite/genuss.jpg); display:inline;}
#genuss h1 a:link {  padding-left:20px;font-size:16px; font-weight:bold; color:#FFFFFF; display:block; width:217px; height:217px;}
#genuss h1 a:visited { padding-left:20px;color : #FFFFFF;text-decoration: underline;display:block; width:217px; height:217px;}
#genuss h1 a:active { padding-left:20px;color : #FFFFFF;text-decoration : underline;display:block; width:217px; height:217px;}
#genuss h1 a:hover { padding-left:20px;color : #780e11;text-decoration : underline;display:block; width:217px; height:217px;} 

#wellness { height:237px;float:left; margin:10px; margin-left:0px; margin-top:0px; width:237px; font-size:12px; background-image:url(../grafik/startseite/wellness.jpg);display:inline;}
#wellness h1 a:link {  padding-left:20px;font-size:16px; font-weight:bold; color:#FFFFFF; display:block; width:217px; height:217px;}
#wellness h1 a:visited { padding-left:20px;color : #FFFFFF;text-decoration : underline;display:block; width:217px; height:217px;}
#wellness h1 a:active { padding-left:20px;color : #FFFFFF;text-decoration : underline;display:block; width:217px; height:217px;}
#wellness h1 a:hover { padding-left:20px;color : #780e11;text-decoration : underline;display:block; width:217px; height:217px;} 

#wandern { height:237px;float:left; margin:10px; margin-left:0px; width:238px; margin-top:0px; font-size:12px; background-image:url(../grafik/startseite/wandern.jpg);display:inline;}
#wandern h1 a:link {  padding-left:20px;font-size:16px; font-weight:bold; color:#FFFFFF; display:block; width:217px; height:217px;}
#wandern h1 a:visited { padding-left:20px;color : #FFFFFF;text-decoration : underline;display:block; width:217px; height:217px;}
#wandern h1 a:active { padding-left:20px;color : #FFFFFF;text-decoration : underline;display:block; width:217px; height:217px;}
#wandern h1 a:hover { padding-left:20px;color : #780e11;text-decoration : underline;display:block; width:217px; height:217px;} 

#romantik { height:237px;float:left; margin:10px; margin-left:0px; width:238px; font-size:12px;margin-top:0px; background-image:url(../grafik/startseite/romantik.jpg);display:inline;}
#romantik h1 a:link {  padding-left:20px;font-size:16px; font-weight:bold; color:#FFFFFF; display:block; width:217px; height:217px;}
#romantik h1 a:visited { padding-left:20px;color : #FFFFFF;text-decoration : underline;display:block; width:217px; height:217px;}
#romantik h1 a:active { padding-left:20px;color : #FFFFFF;text-decoration : underline;display:block; width:217px; height:217px;}
#romantik h1 a:hover { padding-left:20px;color : #780e11;text-decoration : underline;display:block; width:217px; height:217px;} 

#familie { height:237px; clear:both; float:left; margin:10px; margin-top:0px; width:320px; font-size:12px; background-image:url(../grafik/startseite/familie.jpg);display:inline;}
#familie h1 a:link {  padding-left:20px;font-size:16px; font-weight:bold; color:#FFFFFF; display:block; width:300px; height:217px;}
#familie h1 a:visited { padding-left:20px;color : #FFFFFF;text-decoration : underline;display:block; width:300px; height:217px;}
#familie h1 a:active { padding-left:20px;color : #FFFFFF;text-decoration : underline;display:block; width:300px; height:217px;}
#familie h1 a:hover { padding-left:20px;color : #780e11;text-decoration : underline;display:block; width:300px; height:217px;} 

#qualitytime { text-align:center; height:237px; float:left; margin:10px; margin-left:0px;margin-top:0px; width:320px; font-size:12px; background-color:#e9f6fc; display:inline;}
#qualitytime p { line-height:1em; margin:5px; padding:3px;}
#qualitytime h1 { font-size:16px; font-weight:bold; color:#780e11; padding:0px; margin:8px;}

#biken {  height:237px;float:left; margin:10px; margin-left:0px; margin-top:0px;width:319px; font-size:12px; background-image:url(../grafik/startseite/biken.jpg);display:inline;}
#biken h1 a:link {  padding-left:20px;font-size:16px; font-weight:bold; color:#780e11; display:block; width:300px; height:217px;}
#biken h1 a:visited { padding-left:20px;color : #780e11;text-decoration : underline;display:block; width:300px; height:217px;}
#biken h1 a:active { padding-left:20px;color : #780e11;text-decoration : underline;display:block; width:300px; height:217px;}
#biken h1 a:hover { padding-left:20px;color : #000000;text-decoration : underline;display:block; width:300px; height:217px;} 

div.StartseiteContainer {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 100px;	 
	width: 100%;
	border-top: 10px solid #FFFFFF;
}

/* root element for scrollable items */
div.StartseiteContainer div.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
}

div.StartseiteContainer div.items div {
	width:200px; height:120px;
	padding:10px; color:#FFFFFF;
	background-color:rgba(255,255,255);
}

div.StartseiteContainer div.items IMG {
	margin:5px; margin-left:0px; margin-top:1px; float:left;
}
div.StartseiteContainer div.items A { color:#FFFFFF; display:block;}

#footer { clear:both; width:1000px; height:33px;}
#footer2 { width:1000px; background-color:#f8f6e4;}
#sprachen { font-size:14px;; float:left; width:30px; margin-left:10px; background-color:#e9f6fc; text-align:center;}
#tops { font-size:13px; float:left; margin-left:10px; letter-spacing:4px;}