/* 

**************************************
Stylehsheet
**************************************



*/


/* Styles normalisieren 
***************************************** */

* {
   padding:0px;
   margin:0px;
}

h1,h2,h3,h4,h5,h6 {
   font-size:100%;
   font-weight: normal;
}

ol, ul {
   list-style: none;
}

address,caption, cite, code, dfn, em, strong, th, var {
   font-style:normal;
   font-weight:normal;
}

table {
   border-collapse: collapse;
   border-spacing: 0;
}

fieldset, img {
   border:0;
}

caption, th {
   text-align: left;
}


/* Allgemeine Styles 
***************************************** */



body {
   background: url('/_images/bg_page.jpg') repeat-x top;
   text-align: center;
}
body,td,th,a {
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
   line-height:16px;
}

h1, h1 a, .splash h2 {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size:24px;
   font-style: italic;
   font-weight: normal;
   line-height:28px;
   color: #004A89;
   text-decoration:none;
   margin-top: 6px;
   margin-bottom: 12px;
   margin-left: 12px;
}

h2, h2 a {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size:12px;
   font-weight: bold;
   line-height:16px;
   color: #004A89;
   text-decoration:none;
}
h2 a:hover {
   text-decoration:underline;
}

h3, h3 a {

}

h4, h4 a {	

}

ul {
   list-style: square;
   margin-left:20px;
}
li {
   margin-left:0px;
}
acronym {
   cursor: help;
}
strong {
   font-weight: bold;
}

.trenner {
   clear:both;
   height:0px;
}

.info {
   color:#004A89;
}

/* Links
******************************** */

a {
   color: #004A89;
}

a:hover {

}

a.link {
   text-decoration:none;
}
a.link:hover {
   text-decoration:underline;
}
p.link span {
   font-family: Georgia, "Times New Roman", Times, serif;
   color: #004A89;
}

a.linkext {
   background:url('../_images/icn_linkext.gif') top left no-repeat;
   padding-left:24px;
   text-decoration:none;
}
a.linkext:hover {
   color:#F19731;
   text-decoration:underline;
}

a.back {
   font-weight:normal;
   text-decoration: none;
}
a.back:hover {
   text-decoration:underline;
}


a.top {
   background:url('../_images/icn_top.gif') center left no-repeat;
   display:block;
   margin-top:12px;
   padding-left:24px;
   text-decoration:none;
}
a.top:hover {
   text-decoration:underline;
}



a.imagePopup {
   background:url('../_images/icn_mag-glass.png') center left no-repeat;	
   padding-left: 18px;
   text-decoration:none;
}

/* Buttons */
div.buttonXL {
   width:200px;
   height:32px;
   text-align: center;
   background:url('../_images/button_xl.gif') center center no-repeat;
}
div.buttonL {
   width:122px;
   height:32px;
   text-align: center;
   background:url('../_images/button_l.gif') center center no-repeat;
}

div.buttonL a,
div.buttonXL a {
   display:block;
   padding-top:8px;
   text-decoration: none;
   color:#004A89;
   font-weight: bold;
}


/* 
Seiten-Bereiche
**************************************
*/

#claim {
   position: absolute;
   top: 100px;
   left: -10px;
   width:200px;
   height:60px;
   z-index:1000;
   background: url('../_images/bg_claim.gif') no-repeat;
}
/* Claim ist auf /start h1 */
#claim p,
#claim h1 {
   padding: 8px;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size:11px;
   font-style: normal;
   font-weight: bold;
   line-height:16px;
   color: #004A89;
}
#claim p a {
   font-family: Georgia, "Times New Roman", Times, serif;
   text-decoration:none;
}

#langSelect {
   position: absolute;
   top: 0px;
   left: 755px;
   width:300px;
   height:45px;
   background: url('../_images/bg_langselect.gif') no-repeat;
}
#langSelect table {
   margin-top:5px;
   margin-left:14px;
}
#langSelect img {
   margin-right:5px;
}

#head {
   height:120px;
   text-align: center;
}
img#logo {
   margin-top:16px;
   margin-right: 0px;
}
#title {
   height:20px;
   background-color: #004A89;
   text-align: center;
}

#title strong {
   font-family: Georgia, "Times New Roman", Times, serif;
   color: #FFFFFF;
}

#borderCanvas {
   border:1px solid #004A89;
   border-top:0px;
}

#pageCanvas {
   position: relative;
   top: 0px;
   left: 0px;
   width:976px;
   min-height:800px;
   margin-left:auto;
   margin-right:auto;
   text-align: left;
   position: relative;
}

#mainImage {
   position: relative;
   top: 0px;
/*   left: 144px; */
   z-index:10;
   width:520px;

}

#contentArea,
#contentAreaStart {
   width:520px;
   position: relative;
   top: -10px;
 /*  left: 142px; */
}
#contentAreaStart {
   /* top:310px; */
}

.contentFooter2 {
   background-color:#FEF8DA;
}

h2.contentFooterNav  {
   color: #517E90;
   font-weight:bold;
   margin-bottom:20px;
}

ul.contentFooterNav {
   margin-left: 0;
   list-style:none;
}

ul.contentFooterNav a {
   text-decoration:none;
   color: #517E90;
}
ul.contentFooterNav a:hover {
   text-decoration:underline;
   color: #004A89;
}
td.nav {
   width:226px;
   padding-top:20px;
   vertical-align: top;
   background-color:#FEF8DA;
}
td.main {
   /*width:672px; */
   width:520px;
   background-color:#FEF8DA;
   padding-bottom:0px;
}
td.start {
   width:672px;
   background-color:#FEF8DA;
   padding-bottom:0px;
}

td.info {
   width:228px;
   background: url('http://images.alpenstuben.de/bg_info.gif') repeat-y right top #FEF8DA;
}

#adresse {
   /*
   position: absolute;
   z-index: 99;
   top: 578px;
   left: -10px;
   */
   margin-top:20px;
   margin-bottom:20px;
   width:200px;
}

#adresse p {
   color: #004A89;
   margin-left: 15px;

   /*
   border: 1px solid #004A89;
   background-color: #FDEDA0;
   padding:2px 0px 4px 2px;
   */
}

#adresse a {
   color: #004A89;
}

#bewertung {
   /*
   position: absolute;
   z-index: 99;
   top: 700px;
   left: -10px;
   */
   position:relative;
   left:15px;
   width:200px;
}

#TA_excellent901 {
   position: relative;
   left: -10px;
   width: 146px;
}
#CDSWIDEXC {
   width: 146px;
}

#bewertung p {
   color: #004A89;
   padding-left:5px;
   /*
   border: 1px solid #004A89;
   background-color: #FDEDA0;
   color: #004A89;
   padding:2px 12px 4px 2px;
   */
}

#bewertung a {
   text-decoration:none;
   color: #004A89;
}

#impressionen {
   position:relative;
   z-index:200;
   top:0px;
   left:0;
   height:220px;
   text-align: center;
   /*   background: #FADB41 url('../_images/bg_impressionen.gif') bottom repeat-x; */
}

#impressionen img {
   position:absolute;
   border: 1px solid #FEF8DA;
}
#impressionen p.info {
   padding:0;
   margin:0;
   font-size:10px;
}

#imprImg1 {
   top:20px;
   left:-30px;
}

#imprImg2 {
   top:100px;
   left:30px;
}

#imprImg3 {
   top:100px;
   left:30px;
   /*
   top:30px;
   left:100px;
   */
}


/*
Splash-Seite
**************************************
*/

td.splash {
   width:672px;
   background: url('../_images/splash_img.jpg') no-repeat left top #FEF8DA;
   height:450px;
}
#splashCanvas {
   border:1px solid #004A89;
   border-top:0px;
}
#splashLangselect {
   background: url('../_images/bg_langselect-splash.gif') top left no-repeat;
   width: 360px;
   height: 60px;
   position: absolute;
   top: 500px;
   left: 400px;
}
#splashLangselect table {
   margin-top:4px;
   margin-left:24px;
}
#splashLangselect img {
   margin-right:18px;
}
.splash h2 {
   position: absolute;
   top: 150px;
   left: 690px;
   width: 220px;
}
.splash h2 a {
   font-weight:normal;
   font-size: 20px;
   line-height: 24px;
}
#langInfo {
   font-size:11px;
   color: #004A89;
   margin-left:40px;
   margin-top:5px;
}
#splashWelcomeDE,
#splashHotelInfoDE {
   visibility:visible;
}
#splashWelcomeEN,
#splashHotelInfoEN {
   visibility:hidden;
}
#splashWelcomeIT,
#splashHotelInfoIT {
   visibility:hidden;
}
#splashWelcomeES,
#splashHotelInfoES {
   visibility:hidden;
}
#splashWelcomeFR,
#splashHotelInfoFR {
   visibility:hidden;
}
#splashWelcomeRU,
#splashHotelInfoRU {
   visibility:hidden;
}

.splashHotelInfo {
   position:absolute;
   top:220px;
   left:680px;
   list-style: none;
   width:190px;
}
.splashHotelInfo li,
.splashHotelInfo li a {
   display: block;
   color: #004A89;
   font-size:12px;
   font-weight: normal;
   text-decoration:none;
   line-height:14px;
   margin-bottom:16px;
}

#splashAdresse {
   color: #004A89;
   position:absolute;
   top:570px;
   left:10px;
}

/* 
Navigation: Top-Navigation (Nav1)
**************************************
*/

.nav1 {
   /*
   position: absolute;
   z-index: 99;
   top: 164px;
   left: 10px;
   */
   margin-top:5px;
   position:relative;
   left:10px;
   width:205px;
}
.nav1Inner {
   border: 1px solid #004A89; /* #FADB43; */
   background-color: #004A89;
}


/* Box-Formatierung Nav1 */
.nav1Box, 
.nav1BoxActive {	
   height:30px;
   padding-left: 8px;
   border-bottom: #336EA1 1px solid;
   cursor: pointer;
}

.nav1Box .inner,
.nav1BoxActive .inner {
   padding-top:5px;
}

.nav1BoxActive {
   background-color: #336EA1;
}

/* Basis Text-Formatierung Nav1 */
.nav1Box,
.nav1Box a,
.nav1BoxActive a {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 16px;
   line-height: 18px;
   color: #FFFFFF;
   text-decoration:none;
}

.nav1Box a:hover {
}

.nav1BoxActive a {
   /* font-weight:bold; */
}




/* 
Meta-Navigation
**************************************
*/

.metaNav {
   position: absolute;
   left:760px;
   top:90px;
   color: #FFFFFF;
   color: #004A89;
   width: 300px;
   
   
}
.metaNav a,
.metaNav a.aktiv {
   /*   display: block;*/
   font-size: 12px;
   font-weight: normal;
   color: #FFFFFF;
   color: #004A89;
   text-decoration: none;
   padding-right:8px;
}
.metaNav a:hover {
   text-decoration: underline;
}
.metaNav a.aktiv {
   font-weight: bold;
}



/* 
Footer
*********************************
*/

#footer {
   color: #004A89;
   padding: 8px 0px 36px 16px;
}
#footer a {
   color:#004A89;
   text-decoration:none;
}
#footer a:hover {
   text-decoration:underline;
}





/* 
Styles Startseite
*******************************
*/

/* Seitenkennung */	
.start {
}
.startBox {
   background-color: #FDEDA0;
   border-bottom: 4px solid #FEF8DA;
}
.startBox h2 {
   margin: 4px 0px 4px 8px;
}
.startBox p {
   margin:8px;
}
.startBox p.link {
   /* padding-bottom:4px; */
}

.new {
   background-color:#004A89;
   color:#FDEDA0;
}

/* 
Styles Ueberblick-Seiten
*********************************
*/


.overviewHead {
   width:760px;
   height:206px;
   background-color: #FFDD77;
}

.overviewHead h1 {

}

.overviewHead h2 {

}

.overviewInfo {
   width:730px;
   padding-top:16px;
   padding-bottom:16px;
}
.overviewInfo p {
   margin-left:248px;
}



.overviewItem {
   width:730px;
   margin-bottom:4px;
}

.overviewItemOuter {
   /*	width:550px;margin-top:10px;*/
}

.overviewItem h1 {
   padding: 4px 0px 4px 14px;
   margin-bottom:4px;
}
.overviewItem h1 a {
   text-decoration: none;
}
.overviewItem h1 a:hover {
   text-decoration: underline;
}
.overviewItem p {
   color:#000000;
   text-decoration: none;
   height:110px;
   margin-left:14px;
   list-style: none;
}

.overviewItem ul,
.contentIntro ul {
   height:110px;
   margin-left:14px;
   list-style: none;
}

.overviewItem li,
.contentIntro li { 
   display:block;
   width: 230px;
   font-size:12px;
   line-height:18px;
   margin-bottom: 4px;
}
.overviewItem li a {
   border-left:14px solid #557F0C;
   padding-left:4px;
   font-size:12px;
   text-decoration: none;
}
.overviewItem li a.aktiv {
   font-weight:bold;
}
.overviewItem li a.aktiv:hover {
   color:#FFFFFF;
   font-weight:bold;
}
.overviewItem li a:hover {
   /*	font-weight:bold; */
   text-decoration: underline;
}
.overviewItem a.detail {
   text-decoration: none;
   padding-left:4px;
   border-left: 28px solid #557F0C;
}
.overviewItem li.left {
   float: left;
}
.overviewItem li.right {
   /* clear:both; */
   float: right;
}



/* 
Styles Kurs-Detail-Seite
*********************************
*/

.detailCanvas {
   background-color:#FDEDA0;
   padding: 6px;
   padding-bottom: 24px;
}

.detailCanvasInner {

}
.detailCanvas h2 {
   margin-left:16px;
   padding-top:30px;
   margin-bottom:8px;
}
.detailCanvas p {
   margin-left:16px;
   margin-bottom:8px;
}
.detailCanvas ul {
   margin-left:24px;
   margin-bottom:8px;
}
.detailCanvas img {
   margin-bottom:4px;
}
.detailInfo {

}


.detailCanvas table h2,
.detailCanvas table p {
   margin-left:0;
}

form.anfrage {
   margin-left:16px;
}

form.anfrage p {
   margin:0;
   margin-bottom:16px;
}


/*
Infoboxen
*********************************
*/


.info {

}


.info h3 {
   height:20px;
   font-weight: bold;
   background-color:#FDEDA0;
   color:#004A89;
   padding-left:16px;
   padding-top:2px;
   margin-top:24px;
   margin-left:1px;
   margin-bottom:12px;
}

.info h4 {
   font-weight: bold;
   font-size: 18px;
   line-height: 20px;
   color: #004A89;
   padding:16px;
   padding-top: 8px;
   padding-bottom: 8px;
}
.info h4.angebot {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 12px;
   line-height: 14px;
   color: #004A89;
   padding-left:0px;
   padding-top:8px;
   padding-bottom: 8px;
   margin-left:8px;
}

.info p {
   color: #004A89;
   padding-left:16px;
}

.info .trenner {
   border-top:1px solid #004A89;
   margin-top:8px;
   margin-bottom:8px;
}

.infoFooter {
   vertical-align:bottom;
   /* margin-bottom:40px; */
}

.angebotTeaser {
   clear: both;
   border-top:#004A89 1px solid;
   margin-top:8px;
   padding-top:8px;
   margin-left:16px;
   margin-bottom:16px;
}

.angebotTeaser h4,
.angebotTeaser h4.angebot,
.angebotTeaser p {
   padding-left:0;
   margin-left:0;

}


/* 
Styles Anfrage-Seite
*******************************
*/

.anfrageIntro {
}

.anfrage {
}

.anfrageHead {
   padding:4px;
   padding-left:0;
   font-weight: bold;
   margin-top:16px;
   margin-bottom:4px;	
}

.anfrageCheck {
}

table.anfrage td {
   padding-bottom:4px;
}


/* Zimmer / Preise
******************************************* */

.zimmerImg {
   float:right;
   margin-left:8px;
   margin-top:30px;
   width:220px;
}

table.preise {
   margin-left: 16px;
   border-top: 1px solid #336EA1;
}

table.preise th {
   color: #FFFFFF;
   vertical-align: middle;
}

table.preise td {
   min-height:30px;
   border-bottom: 1px solid #336EA1;
   padding-right:16px;
   vertical-align: middle;
   padding-bottom:4px;
   padding-top:4px;
}

/* Freizeit
******************************************* */

table.freizeitZiele {
   margin-left:16px
}

table.freizeitZiele td {
   padding-right:16px;
   padding-bottom:8px;
}


table.freizeit {
   /*	margin-left:16px; */
}
table.freizeit td {
   padding-right:2px;
   text-align: center;
}

table.freizeit p {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size:12px;
   font-weight: bold;
   line-height:16px;
   color: #004A89;
   text-decoration:none;
   margin-left:0;
}

table.freizeit a {
   font-size:11px;
   font-weight: normal;
   line-height:14px;
   color: #004A89;
   text-decoration:none;
}
table.freizeit a:hover {
   text-decoration:underline;
}

/* Google Maps
******************************************* */

#gmap a, #gmap span {
   font-family: Arial, Helvetica, sans-serif;
   font-size:8px;
}

#gmap a {
   float:right;
}

#gmap span {
   float:right;
}




.korrektur {
   background-color: Fuchsia;
}


#quickBook {
   position:relative;
   top:0;
   left:0;
   margin-left:8px;
}


#ui-datepicker-div {
   width:200px;
   margin-left:-60px;
}


.dirs21QuickBook {
   position:relative;
   top:0;
   left:0;
}


ul.joblist {
   margin-left: 0;
   list-style: none;
   padding-left:10px;
   padding-top: 20px;
   padding-bottom: 40px;
   border-bottom: 1px solid #004A89;
   margin-bottom: 10px;
}

ul.joblist li {
   color: #004A89;
}

ul.joblist a {
   text-decoration: none;
}

ul.joblist li.active,
ul.joblist a.active {
   font-weight:bold;
   text-decoration: none;
}


/*
**************************
Formular-Stile
************************** */

.errorBox {
   width:400px;
   color:#BF1717;
   background-color: #FFFFFF;
   border-left: #BF1717 8px solid;
}
.errorBoxInner {
   padding:16px;
}

/* Direkt-Validierung (dv) */
.dvMarker {
   float:left;
   width:16px;height:16px;
   /* border: 1px solid #666666;	*/
}
.dvMarker.img {
   padding:2px;
}

form {
   padding:0px;
   margin:0px;
}


.textbox,
.textboxErr {
   width:300px;
   height:16px;
   padding:2px;
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
   color: #000000;
   background-color: #FFFFFF;
   border: 1px solid #666666;
}
.textboxErr {
   color: #000000;
   background-color:#FFFFFF;
   border: 1px solid #BF1717;
}

.selectbox {
   width: 217px;
   height:20px;
   padding:0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
   color: #000000;
   border: 1px solid #666666;
}

textarea {
   width:300px;
   height:100px;
   padding:2px;
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
   color: #000000;
   background-color: #FFFFFF;
   border: 1px solid #666666;
}


.marked {
   background-color: #FFD4D4;
}

.button,
.submitButton {
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
   width:240px;
   height:30px;
}


#booking {
   margin-top:10px;
   margin-bottom:20px;
   margin-left:15px;
}

#booking a {
   display: block;
   font-size:14px;
   padding-left:6px;
   padding-right:10px;
   padding-top:6px;
   width:136px;
   height:40px;
   text-align: center;
   text-decoration: none;
   background:url('http://images.alpenstuben.de/button_144.gif') left center no-repeat;
}



/* ************************************************** */
.ui-tabs .ui-tabs-panel {
   padding:0;
}


h4.angebot a {
 text-decoration: none;
}

.angebotListItem {
   clear: both;
   padding-bottom: 20px;
   border-bottom: #336EA1 solid 1px;
   margin-bottom: 20px;
}

.angebotListItem h2 {
 padding-top:0;
}
.angebotListItem .buttonL {
 float: right;
}


#splashCanvas td.info {
   width: 302px;
}


.infoboxWetter {
   margin-top:60px;
   margin-left:30px;
}
.infoboxVirtualTour {
   margin-top:30px;
   margin-left:10px;
}