/*	- - - - - - - - - - - - - - - - - - - -
    ANFANG EHEMALIGES FRAME_LAYOUT.CSS
    - - - - - - - - - - - - - - - - - - - - */

/* !!! NEU (Sep 2010): IST JETZT NUR NOCH CONTAINER FUER EHEMALIGEN LOGO-SEO TEXT !!! */

#header_navi {
    height: auto;
    margin: 0 auto;
    width: 728px;
    position: absolute;
    left: 240px;
    top: 92px;
}
#h_navi {
    margin: 6px 0 0 0;
    width: auto;
}
#h_navi a{
    text-decoration:none;
    display: block;
    margin-right: 9px;
    padding-left: 18px;
}










/* !!! NEU: FACEBOOK UND TWITTER LEFTSIDE */

.sociallinks{
    line-height:17px;
}
.sociallinks a{
    display: block;
    padding-bottom: 2px;
    padding-left: 22px;
}
.sociallinks .twitter a{
    white-space: nowrap;
    background: transparent url(/static/images/layout/sprite.gif) no-repeat 0 -585px;
}
.sociallinks .facebook a{
    background: transparent url(/static/images/layout/sprite.gif) no-repeat 0 -565px;
    white-space: nowrap;
}



/* - - - - - - - - - -
    CONTENT_AREA
    + Suchergebnis-Seite

    01.12.2010: .gefundenneu wird vermutlich nicht mehr verwendet
 - - - - - - - - - - */

.gefundenneu {
    clear:both;
    margin-bottom:10px;
}
.gefundenneu .linkh4 {
      font-weight:normal;
      font-size:11px;
      padding:5px 0px 5px 0px;
}
.gefundenneu .linkh4 a {
      float:left;
      padding:0px;
      margin:0px;
}
.gefundenneu .linkh4 a{
    background-color: transparent;
    background-repeat: no-repeat;
    text-decoration: underline;
    padding-left: 10px;
}



/*  Startseite
    Autocomplete bei der Direktsuche oben Links
    (bei sh nicht mehr aktiv?)
    ------------------------------------------- */
div.auto_complete {
    cursor:pointer;
    position:absolute;
    padding: 0px;
    margin: 0px;
    z-index: 50;
    text-align:left;
}
div.auto_complete ul {
    position:absolute;
    margin-top:-1px;
    padding:0;
    width:175px;
    list-style-type:none;
    z-index: 50;
}
div.auto_complete ul li {
    margin:0;
    padding:3px;
    z-index: 50;
}
div.auto_complete ul li.selected {
    z-index: 50;
}
div.auto_complete ul strong.highlight {
    margin:0;
    padding:0;
    z-index: 50;
}







/*  Schneehoehen-Suche bei /skigebiete
    ---------------------------------- */

/* THEMENSUCHE-SUCHEBOX */
.suchboxlang {
    clear:both;
    padding: 0 10px 10px 0;
    width: 520px;
}
.schnellsuchekasten {
    background:#5EADCB;
    border-bottom: 1px solid #BED2DD;
    height: 20px;
    float: left;
    padding: 7px;
    width: 520px;
}
.text_reisefkasten {
    color:#ffffff;
    float:left;
    font-size:12px;
    width:145px;
    margin: 3px 0px 0px 5px;
}

.schnellsuche {
    float:left;
    width:330px;
}


/* THEMATISCHE SUCHE*/

/* Erweiterte Suche Textzeile*/

.eingabe_checkzeile {
    padding-right: 10px;
    margin-top:3px;
    width: 175px;
}
* html .eingabe_checkzeile {
    margin-top:3px;
    width: 170px;
}
*+html .eingabe_checkzeile {
    margin-top:3px;
    width: 170px;
}


/*	- - - - - - - - - - - - - - - - - - - -
    ANFANG EHEMALIGES NAVIGATION_LAYOUT.CSS
    - - - - - - - - - - - - - - - - - - - - */
#nav-sub {
    float:none;
    padding: 0 0 10px 0;
    width: 180px;
}
#nav-sub a {
    display: block;
    height: 14px;
    text-decoration: none;
}
*+html #nav-sub a {
    margin-bottom:0px;
}
* html #nav-sub a {
    margin-bottom:0px;
}
#nav-sub .level_1 li a {
    font-size:12px;
    height: 14px;
    padding: 4px 0 5px 10px;
}


#nav-sub a{
    text-decoration: none;
}
#nav-sub .level_2 li a {
    font-size:12px;
    height: 15px;
    padding: 3px 0 3px 10px;
}
*+html #nav-sub .level_2 li a {
    margin-bottom:0px;
}
* html #nav-sub .level_2 li a {
    margin-bottom:0px;
}

#nav-sub .level_3 li a {
    font-size:11px;
    height: 15px;
    padding: 4px 0 2px 30px;

}


/*	2010-12-15
    .shtabcontainer_links
    .shtabcontainer
    Wird vermutlich nicht mehr verwendet!
    ------------------------------------- */
/*
.shtabcontainer_links{
    clear: both;
    padding: 3px 0px 5px 0px;
    heigth: 30px;
    width: 530px;
}
.shtabcontainer_links a{
    margin: 0 0 0 10px;
    padding-left: 18px;
}
.shtabcontainer{
    clear:both;
    text-align: left;
    width: 530px;
}
.shtabcontainer p {
    font-size: 10px;
    padding-bottom: 10px;
}
.shtabcontainer span {
    color: #4B7094;
    font-size: 10px;
    padding-left: 5px;
}
*/





.reisefkasten {
    float:left;
    padding:10px;
    width:530px;
}
.reisefsuche input {
    float:left;
    font-size:11px;
    margin:0px;
    padding:1px 0px 2px 3px;
    width:360px;
}


/* REGIONEN AUSWAHL SORTIEREN
--------------------------------------------------------------------*/




/* ------------------------------------------------------------------------------------- */
/* AB HIER RESRTICTED AREA ;o) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ------------------------------------------------------------------------------------- */


/* WETTER !!! --------------------------------------------------------------------- */
/* SOLLTE ALS EIGENSTAENDIGES ELEMENT BEHANDELT WERDEN FALLS AENDERUNGEN KOMMEN !!! */

.weatherhover {
    font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
    font-size:11px;
    position:relative;
    overflow:visible;
    height:500px; /* feste hoehe muss rein! */
    margin-bottom:16px;
    }
* html .weatherhover {margin-bottom:22px;}
*+html .weatherhover {margin-bottom:24px;}

.weatherhover ul {border-right:1px solid #BED2DC;overflow:hidden;width:529px;}

.weatherhover .hoverbox .caption,
.weatherhover .active .weathermiddle .caption,
.weatherhover .weathermiddle .caption,
.weatherhover .weatherleft .caption,
.weatherhover .hoverbox .caption,
.weatherhover .hoverbox .prognose .wdate {font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;}

.weatherhover .hoverbox {
    border-top:none !important;
    background:#d6e7f2;
    background: -moz-linear-gradient(top, #d6e7f2, #FFFFFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#d6e7f2), to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd6e7f2, endColorstr=#ffFFFFFF);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd6e7f2, endColorstr=#fFFFFFF)";
    padding-right:0px !important;
    width:518px;
    }

.weatherhover li {position: static;}
.weatherhover ul li ul {position: absolute;left:0;}
.weatherhover ul li ul a, .weatherhover ul li ul a:hover {font-size:10px;}
.weatherhover li a {cursor:default;display:block;padding:0px;margin:0px;text-decoration:none;}

/* hier muss mit festen hoehen gearbeitet werden */
.weatherhover .weatherleft {width:120px;height:255px;padding-left:0 !important;border-top:1px solid #FFF !important;}
/* hier muss mit festen hoehen gearbeitet werden */
.weatherhover .weathermiddle {width:90px;height:255px;border-top:1px solid #FFF !important;border-right:0 !important;}
.weatherhover .active .weathermiddle {border-top:1px solid #BED2DC !important;}
/* hier muss mit festen hoehen gearbeitet werden - IE anpassung */
* html #weatherhover .weatherleft 	{height:260px;} /* IE6 Hack */
* html #weatherhover .weathermiddle {height:260px;} /* IE6 Hack */
*+html #weatherhover .weatherleft 	{height:260px;} /* IE7 Hack */
*+html #weatherhover .weathermiddle {height:260px;} /* IE7 Hack */
.weatherhover .weatherleft 		{height /*\**/: 255px\9;} /* IE8 Hack */
.weatherhover .weathermiddle	{height /*\**/: 255px\9;} /* IE8 Hack */

.weatherhover li {float:left;}
.weatherhover li:hover {display:block;overflow:hidden;}
.weatherhover li a.active, .weatherhover li a:hover {display:block;overflow:hidden;color:#4B7094;}

.weatherhover .active .weathermiddle {
    border-bottom:1px solid #d6e7f2 !important;
    background:#d6e7f2;
    background: -moz-linear-gradient(top, #FFFFFF, #d6e7f2);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#d6e7f2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF, endColorstr=#ffd6e7f2);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF, endColorstr=#fd6e7f2)";
    }

.weatherhover .weathermiddle .caption,
.weatherhover .weatherleft .caption {font-weight:normal;}

.weatherhover .active .weathermiddle .caption {color:#4B7094;font-weight:bold;}

.weatherhover li a,
.weatherhover .weatherleft .caption,
.weatherhover .hoverbox .caption {color:#666;}

.weatherhover .active .weathermiddle .caption,
.weatherhover .weathermiddle .caption,
.weatherhover .weatherleft .caption,
.weatherhover .hoverbox .caption {font-size:11px;}

.weatherhover .hoverbox .left {width:105px;padding:0 1px 0 0;}
.weatherhover .hoverbox .middle {width:91px;padding:0 1px 0 0;}
.weatherhover .hoverbox .prognose {width:110px;padding:0px 15px 2px 0;margin:0px 0 2px 0;}
.weatherhover .hoverbox .prognose .wdate {line-height:16px;padding-bottom:16px;}
.weatherhover .hoverbox .caption {border-bottom:none !important;}

.weatherhover .hoverbox .weatherlist,
.weatherhover .hoverbox .wdiv {overflow:hidden;padding:1px 0 2px 0;margin:1px 0 2px 0;}

.weatherhover .lrow {width:46px;}
.weatherhover .rrow {width:40px;padding-right:3px;}
.weatherhover .hoverbox .lrow {width:36px;padding-left:6px;}
.weatherhover .hoverbox .rrow {width:36px;padding-right:6px;}
* html .weatherhover .rrow {width:38px;float:none;}
* html .weatherhover .hoverbox .rrow {width:36px;float:none;}

.weatherhover .weatherleft .wbox {height:40px;}
.weatherhover .hoverbox .wbox {height:32px;}

.weatherhover .weathermiddle .wdiv,
.weatherhover .active .weathermiddle .wdiv {overflow:hidden !important;}

.weatherhover .weatherleft .wdiv,
.weatherhover .weathermiddle .wdiv,
.weatherhover .active .weathermiddle .wdiv {margin-bottom:3px;padding-bottom:3px;}

.weatherhover .active .weathermiddle .caption,
.weatherhover .weatherleft .caption,
.weatherhover .weathermiddle .caption,
.weatherhover .hoverbox .weatherlist,
.weatherhover .hoverbox .wdiv,
.weatherhover .weatherleft .wdiv,
.weatherhover .weathermiddle .wdiv,
.weatherhover .active .weathermiddle .wdiv {border-bottom:1px dotted #BED2DC;}

/* ---------------------------------------------------------------------------- */

.weatherstatic {
    font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
    font-size:11px;
    position:static;
    height:auto;
    margin-bottom:20px;
    }
* html .weatherstatic .snowgraph {padding:0;margin:0 0 0px 0;}
*+html .weatherstatic .snowgraph {padding:0;margin:0 0 0px 0;}
.weatherstatic ul {border-right:1px solid #BED2DC;overflow:hidden;width:529px;}
.weatherstatic .hoverbox .caption,
.weatherstatic .hoverbox .caption,
.weatherstatic .hoverbox .prognose .wdate {font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;}
.weatherstatic .hoverbox {
    border-top:none !important;
    background:#d6e7f2;
    background: -moz-linear-gradient(top, #FFFFFF, #d6e7f2);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#d6e7f2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF, endColorstr=#ffd6e7f2);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF, endColorstr=#fd6e7f2)";
    padding-right:0px !important;
    width:518px;
    }
.weatherstatic li {float:left;}
.weatherstatic .hoverbox .caption {color:#666;font-size:11px;}
.weatherstatic .hoverbox .left {width:105px;padding:0 1px 0 0;}
.weatherstatic .hoverbox .middle {width:91px;padding:0 1px 0 0;}
.weatherstatic .hoverbox .prognose {width:110px;padding:0px 15px 2px 0;margin:0px 0 2px 0;}
.weatherstatic .hoverbox .prognose .wdate {line-height:16px;padding-bottom:16px;}
.weatherstatic .hoverbox .caption {border-bottom:none !important;}
.weatherstatic .hoverbox .weatherlist,
.weatherstatic .hoverbox .wdiv {overflow:hidden;padding:1px 0 2px 0;margin:1px 0 2px 0;}
.weatherstatic .hoverbox .lrow {width:36px;padding-left:6px;}
.weatherstatic .hoverbox .rrow {width:36px;padding-right:6px;}
* html .weatherstatic .hoverbox .rrow {width:36px;float:none;}
.weatherstatic .weatherleft .wbox {height:40px;}
.weatherstatic .hoverbox .wbox {height:32px;}
.weatherstatic .hoverbox .weatherlist,
.weatherstatic .hoverbox .wdiv {border-bottom:1px dotted #BED2DC;}



/* -------------------------------------------------------------------------------------- */
/* --- SKIPLANER - alles noch chaotische testphase - wird noch aufgeraeumt von markus --- */

#tabskonfigurator input[type="checkbox"] {margin-top:1px !important;}
*+html #tabskonfigurator input[type="checkbox"] {
    margin-top:-1px !important;
    border:none !important;
    }
* html #tabskonfigurator input {
    margin-top:-1px !important;
    border:none !important;
    }
#tabskonfigurator input {border /*\**/: none\9;}
ul.konfig {margin-top:0px;width:250px;}
.konfig li a {
    background:#FFFFFF;
    background: -moz-linear-gradient(top, #F2F7FA, #D3E1EB);
    background: -webkit-gradient(linear, left top, left bottom, from(#F2F7FA), to(#D3E1EB));
    float:none !important;
    background-color:#D3E1EB;
    display:block;
    font-size:13px;
    padding:10px !important;
    text-decoration:none;
    }
* html .konfig li a {
    background: url(/static/images/layout/mainnav/sprite_nav.png) repeat-x scroll left -140px;
    display:inline-block;
    width:250px;
    }
*+html .konfig li a {
    background: url(/static/images/layout/mainnav/sprite_nav.png) repeat-x scroll left -140px;
    }
.konfig li a {
    background /*\**/: url(/static/images/layout/mainnav/sprite_nav.png) repeat-x scroll left -140px\9;
    }
* html ul.konfig {width:250px !important;overflow:hidden;}
* html #tabskonfigurator .konfigtabs {padding:10px 4px 10px 10px;}
* html .konfig .button_anfrage .button_text a {width:150px !important;}
.konfig li a,
.konfig li a:hover,
.konfig li a span.smalltext,
#regionavitoptext #navigation_gebiet li a.top_link {
    color:#4B7094;
    }
.konfig li a.active,
.ui-tabs-nav li.ui-tabs-selected a,
.konfig li a.active:hover,
.ui-tabs-nav li.ui-tabs-selected a:hover {
    background:#FFFFFF;
    background-color:#FFFFFF;
    color:#FF6600;
    }
.konfig li a,
.konfig li a.active,
.ui-tabs-nav li.ui-tabs-selected a,
.konfig li a.active:hover,
.ui-tabs-nav li.ui-tabs-selected a:hover,
.konfig li a:hover,
#regionavitoptext #navigation_gebiet {
    border-bottom:1px solid #BED2DC;
    }
#gsearch .ui-tabs-nav li.ui-tabs-selected a:hover,
#gsearch .ui-tabs-nav li.ui-tabs-selected a,
#gsearch #tabs li.ui-state-active a {
    border-bottom:none;
    }
#tabskonfigurator .konfigtabs,
#regionavitoptext #navigation_gebiet li a.top_link,
#regionavitoptext .ui-tabs-nav li.ui-tabs-selected a,
#regionavitoptext a.top_link_active {
    border:1px solid #BED2DC;
    }
.konfig li a.active:hover,
.ui-tabs-nav li.ui-tabs-selected a:hover {cursor:default;}
.konfig li a:hover {
    background: -moz-linear-gradient(top, #F2F7FA, #FFFFFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#F2F7FA), to(#FFFFFF));
    background-color:#FFFFFF;
    }
* html .konfig li a:hover {background: #FFF;}
*+html .konfig li a:hover {background: #FFF;}
.konfig li a:hover {background /*\**/: #FFF\9;}
.konfig li a span.smalltext {
    font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    font-size:9px !important;
    }
.konfig li {padding-bottom:0px !important;}
#tabskonfigurator-1 .ui-tabs .ui-tabs-panel {clear:right !important;}
#tabskonfigurator .konfigtabs {
    clear:right !important;
    padding:10px 4px 10px 13px;
    background:#FFFFFF;
    border-right:none;
    border-top:none;
    margin-bottom:10px;
    }
#regionavitoptext #navigation_gebiet {background:none;}
#regionavitoptext #navigation_gebiet li a.top_link {
    background: url(/static/images/layout/mainnav/sprite_nav.png) repeat-x scroll left -150px;
    }
#regionavitoptext .ui-tabs-nav li.ui-tabs-selected a,
#regionavitoptext a.top_link_active,
#regionavitoptext #navigation_gebiet li a.top_link:hover {
    color:#FF6600 !important;
    }
#regionavitoptext .ui-tabs-nav li.ui-tabs-selected a,
#regionavitoptext a.top_link_active {
    background:#FFFFFF !important;
    }
#regionavitoptext .ui-tabs .ui-tabs-nav li a {color:#FFFFFF;}
#regionavitoptext #navigation_gebiet, #regionavitoptext #navigation_gebiet .whiteline {
    height:31px;
    margin-bottom:6px;
    }
#tabskonfigurator .moreinfo,
#tabskonfigurator .reset {
    cursor:help;
    margin:2px 6px 0 0;
    white-space:nowrap;
    width:12px;
    height:12px;
    }
#tabskonfigurator .moreinfo {
    background:transparent url(/static/images/layout/sprite.gif) no-repeat -38px -932px;
    }
#tabskonfigurator .reset {
    background:transparent url(/static/images/layout/sprite.gif) no-repeat -38px -904px;
    }
#tabskonfigurator .sliderwert {margin-top:7px;padding-left:5px;}


/* LAYER - KARTE */
#mapComplete #mapContainer {width:530px;overflow:hidden;position:relative;}
* html #mapComplete #mapContainer {width:528px !important;}
.mapLayer {position:absolute;top:33px;right:10px;width:180px;overflow:visible;}
.headMapLayer {padding:0 0 5px 0;}
.headMapLayer a {text-decoration:none;}
.mapLayer img {margin:5px 0 0 0;border:none;width:160px;}
.MapLayercorpus {
    background:#FFF;
    padding:10px;
    -moz-box-shadow: 0 0 9px #666;
    -webkit-box-shadow: 0 0 9px #666;
    box-shadow: 0 0 9px #666;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    }

/* regio-hotels unter den regio-angeboten */
.regiohotel .legend {margin-top:-25px !important;}