/* Basisvorlage CSS
Projekt: www.paradores.de
*/

/*  -----   Farbschema   -----  */
/*
Farbton (Hintergrund Body): #eee7d7
Farbton (Hintergrund Navi): #987c00
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
*/

/*  -----   Reset   -----  */
* {
    padding: 0;
    margin: 0;
    border: 0;
}
*/
/*  -----   Globals und Typo    -----  */
html {
/* Wahlweise Grid-Hintergrund
Rasterhintergrund, der die Breite bis 100 Pixel und eine Höhe bis 950 Pixel anzeigt. Die Breite von 960 Pixel ist markiert. Der Hintergrund ist transparent, muss also nicht nur mit #fff verwendet werden. Es wird eine Schriftgrö�e von 75% oder 12px festgelegt.
    background: #fff url(bilder/grid.png) top left no-repeat;
*/    
    height: 100%;
}

body {
    height: 100%;
    background: url(bg-body.jpg) repeat-x top left #EEE7D7;
    margin:0;
    padding:0;
}

body.popup {
    height: 100%;
    margin:0;
    padding:0;
    background: #FBF7EE;
}

body,td,th,input,select,textarea,p      {  
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height:18px;
    color: #5a5b5e;

}


/*  -----   allgemeine Links   -----  */
a:link, a:visited, a:hover, a:active {
    color:#5a5b5e;
    text-decoration: underline;
}


/*  -----   Macht die gepunktete Linie um geklickte Links unsichtbar   -----  */
a:focus {
    outline: none;
}


/*  -----   #rechts   -----  */
a.link1:link, a.link1:visited,a.link1:active
{
    font-size: 11px;
    line-height: 11px;
    display:block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 14px 35px;
    text-align:left;
    color: #FFFFFF;
    text-transform:uppercase;
    letter-spacing:0px;
    text-decoration:none;
    }

a.link1:hover,a.link1a:link,a.link1a:visited,a.link1a:active,a.link1a:hover
{
    font-size: 11px;
    line-height: 11px;
    display:block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 14px 35px;
    text-align:left;
    color: #DFBC46;
    text-transform:uppercase;
    letter-spacing:0px;
    text-decoration:none;
    }
    
a.link1:focus {
    outline: none;
}

a.link2:link, a.link2:visited,a.link2:active
{
    font-size: 11px;
    line-height:11px;
    display:block;
    margin: 0;
    padding: 4px 0px 4px 0px;
    text-align:left;
    color: #5a5b5e;
    text-transform:uppercase;
    letter-spacing:0px;
    text-decoration:none;
   }

a.link2:hover,a.link2a:link,a.link2a:visited,a.link2a:active,a.link2a:hover
{
    font-size: 11px;
    line-height:11px;
    display:block;
    margin: 0;
    padding: 4px 0px 4px 0px;
    text-align:left;
    color: #be9d40;
    text-transform:uppercase;
    letter-spacing:0px;
    text-decoration:none;
    }
    
a.link2:focus {
    outline: none;
}

/*  -----   #footer (NAVIGATION)   -----  */

a.link5:link, a.link5:visited,a.link5:active
{
    font-size: 9px;
    line-height:9px;
    padding: 2px 0px 2px 10px;
    text-align:right;
    color: #5a5b5e;
    text-transform:uppercase;
    letter-spacing:0px;
    text-decoration:none;
    }

a.link5:hover,a.link5a:link,a.link5a:visited,a.link5a:active,a.link5a:hover
{
    font-size: 9px;
    line-height:9px;
    padding: 2px 0px 2px 10px;
    text-align:right;
    color: #5a5b5e;
    text-transform:uppercase;
    letter-spacing:0px;
    text-decoration:underline;
    }
    
a.link5:focus {
    outline: none;
}
    




/*  -----   Destinationen Navigation   -----  */
.bg-destination  {


    background:url(bg-destinationen.jpg) top left repeat-x #FBF7EE;
    height:31px;
    }

.destinationhead  {
    font-size: 10px;
    line-height:10px;
    padding: 2px 0px 2px 0px;
    text-align:left;
    color: #ab8200;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-decoration:none;
}

a.linkdestination:link, a.linkdestination:visited,a.linkdestination:active
{
    font-size: 10px;
    line-height:10px;
    padding: 2px 0px 2px 0px;
    text-align:left;
    color: #5a5b5e;
    letter-spacing: 0.1em;
    text-decoration:none;
    }

a.linkdestination:hover,a.linkdestinationa:link,a.linkdestinationa:visited,a.linkdestinationa:active,a.linkdestinationa:hover
{
    font-size: 10px;
    line-height:10px;
    padding: 2px 0px 2px 0px;
    text-align:left;
    color: #5a5b5e;
    letter-spacing: 0.1em;
    text-decoration:underline;
    }
    
a.link5:focus {
    outline: none;
}


/*  -----   UNSERE DESTINATIONEN   -----  */
div.destination {
    width: 160px;
    margin: 0px 0px 20px 0px;
    }

h2 a.destination:link, h2 a.destination:visited, h2 a.destination:active
{
    font-size: 12px;
    line-height:12px;
    margin: 20px 0px 10px 0px;
    padding: 15px 0px 10px 0px;
    color:#be9d40;
    font-weight: bold;
    text-decoration: none;
    }

h2 a.destination:hover
{
    font-size: 12px;
    line-height:12px;
    margin: 20px 0px 10px 0px;
    padding: 15px 0px 10px 0px;
    color:#be9d40;
    font-weight: bold;
    text-decoration: underline;
    }
    
h2 a.destination:focus {
    outline: none;
}

/*  -----   Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext   -----  */
p {
    margin-top: 0em;
    margin-bottom: 0.5em;
}

h1 {
    font-size: 13px;
    line-height:13px;
    margin: 0px 0px 20px 0px;
    color:#ab8200;
    font-weight: normal;
    text-transform:uppercase;
    letter-spacing:0px;
}

h2 {
    font-size: 12px;
    line-height:12px;
    margin: 5px 0px 5px 0px;
    color:#be9d40;
    font-weight: bold;
}

h3  {
    font-size: 11px;
    line-height:11px;
    margin: 5px 0px 5px 0px;
    color:#5a5b5e;
    font-weight: normal;
    text-transform:uppercase;
}

h5 {
    font-size: 11px;
    line-height:11px;
    margin: 0;
    padding: 0px 3px 1px 0px;
    color:#5a5b5e;
    font-weight: normal;
    letter-spacing: 0.05em;
}

.gruen  {
    color: #be9d40
    }

/*  -----   Aufzählungen in der Website   -----  */
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

ul li { 
        background:url('aufzaehlung.png') no-repeat left 5px; padding-left:20px; 
        }
    


/*  -----   Bilder und verlinkte Bilder ohne Rahmen   -----  */
img, a img {
    border: 0;
}


/*  -----   Links- bzw. Rechtsausrichtung für Elemente   -----  */
.links {
    float: left;
    margin: 0;
}

.rechts {
    float: right;
    margin: 0;
}


/*  -----   Meine Buchung Button   -----  */
.meinebuchung, a.meinebuchung:link, a.meinebuchung:visited, a.meinebuchung:hover, a.meinebuchung:active   {
    width:190px;
    height:60px;
    background: url(button-buchung.jpg) no-repeat top left;
    border: none;
    margin: 0;
    padding: 0;
    display: block;
    text-indent: -10000px;
    text-decoration:none;
    }

/*  -----   Parador Finden Button   -----  */
.paradorfinden, a.paradorfinden:link, a.paradorfinden:visited, a.paradorfinden:hover, a.paradorfinden:active   {
    width:190px;
    height:112px;
    background: url(parador-finden.jpg) no-repeat top left;
    border: none;
    margin: 0;
    padding: 0;
    display: block;
    text-indent: -10000px;
    text-decoration:none;
    text-align:left;
    }

/*  -----   Buchen Button    -----  */
a.buchen:link, a.buchen:visited,a.buchen:active
{
    font-size: 11px;
    line-height:11px;
    display:block;
    margin: 0;
    padding: 7px;
    text-align:center;
    color: #ab8200;
    text-transform:uppercase;
    letter-spacing:0px;
    text-decoration:none;
    background-color: #FFFFFF;
    border-top: 1px dotted #ab8200;
    border-bottom: 1px dotted #ab8200;

   }

a.buchen:hover
{
    font-size: 11px;
    line-height:11px;
    display:block;
    margin: 0;
    padding: 7px;
    text-align:center;
    color: #ab8200;
    text-transform:uppercase;
    letter-spacing:0px;
    text-decoration:none;
    background-color: #F4EED8;
    border-top: 1px dotted #ab8200;
    border-bottom: 1px dotted #ab8200;
    }
    
a.buchen:focus {
    outline: none;
}

/*  -----   Paradores weitere Infor Button   -----  */
a.moreinfo:link, a.moreinfo:visited,a.moreinfo:active
{
    font-size: 10px;
    line-height:10px;
    display:inline-block;
    margin: 0px 5px 0px 0px;
    padding: 4px;
    text-align:center;
    color: #ab8200;
    text-transform:uppercase;
    letter-spacing:0px;
    text-decoration:none;
    background-color: #FFFFFF;
    border-top: 1px dotted #ab8200;
    border-bottom: 1px dotted #ab8200;
   }

a.moreinfo:hover
{
    font-size: 10px;
    line-height:10px;
    display:inline-block;
    margin: 0px 5px 0px 0px;
    padding: 4px;
    text-align:center;
    color: #ab8200;
    text-transform:uppercase;
    letter-spacing:0px;
    text-decoration:none;
    background-color: #F4EED8;
    border-top: 1px dotted #ab8200;
    border-bottom: 1px dotted #ab8200;
    }
    
a.buchen:focus {
    outline: none;
}

/*  -----   SERVICE CENTER   -----  */
.servicecenter  {
    font-size: 11px;
    line-height:18px;
    color: #dfbc46;
    padding: 5px 0px 5px 0px;
    text-decoration:none;
    border-top: 1px dotted #FFFFFF;
    border-bottom: 1px dotted #FFFFFF;
    width: 135px;
    text-align:left;
}

.servicecenterhead  {
    font-size: 11px;
    line-height:18px;
    color: #FFFFFF;
    padding: 5px 0px 5px 0px;
    text-decoration:none;
    text-transform: uppercase;
}


/*  -----   Boxen in der rechten Spalte   -----  */
.boxoben   {
    background:url(box-rahmen-oben.jpg) top left no-repeat #FFFFFF;
    width:187px;
    height:2px;
    }
    
.boxunten {
    background:url(box-rahmen-unten.jpg) top left no-repeat #FFFFFF;
    width:187px;
    height:4px;
}

.boxheadline   {
    font-size:13px;
    line-height:17px;
    color:#a87c00;
    text-transform:uppercase;
    border-bottom: 1px dotted #a87c00;
    padding: 0px 0px 5px 0px;
    margin: 10px 0px 5px 0px;
    display: block;
    }

/*  -----   Box-Rundreisen   -----  */
.boxrundreisen    {
    background:url(bg-rundreisen.jpg) repeat-x top right #EAEAD9;
    width:187px;
    }
    
/*  -----   Box-Rundreisen   -----  */
.boxgutscheine    {
    background:url(bg-gutschein.jpg) repeat-x top right #EAEAD9;
    width:187px;
    }

/*  -----   Textbox   -----  */
.textbox  {
    background: url(bg-textbox.jpg) top left repeat-x #E8DFC7; 
    border: 3px solid #f8f1e3; 
    outline: 1px solid #e1d2a6; 
    width: 500px; 
    display: block; 
    padding: 15px 20px 15px 20px;
}

/*  -----   I N F O B O X E N   -----  */
.infobox-bg-bild   {
    width: 256px;
    height: 110px;
    background: url(teaser-bg-bild.jpg) top left repeat-x #dfd7bb;
    }

.infobox-bg-text   {
    width: 256px;
    height: 85px;
    background: url(teaser-bg-text.jpg) top left repeat-x #efede1;
    }

h1.infobox , h1.infobox a:link, h1.infobox a:visited, h1.infobox a:hover, h1.infobox a:active  {
    font-size: 13px;
    line-height:13px;
    margin: 4px 0px 4px 0px;
    color:#ab8200;
    font-weight: normal;
    text-transform:uppercase;
    letter-spacing:0px;
    text-decoration:none;


}

/*  -----   Parador Selectbox    -----  */

select.parador  {
        width: 175px;
        height: 18px;
        padding: 0px;
        font-size: 11px;
        line-height: 11px;
        color: #5a5b5e;
        border: 1px solid ;
        border-color: #cfcabf #9e9a92 #97948c #bbb7ad;
        background: url(bg-selectbox.jpg) repeat-x top left #FBF7EE;
        display:block;
    }

option.parador  {
        width: 175px;
        height: 14px;
        padding: 3px;
        font-size: 11px;
        line-height:11px;
        color: #5a5b5e;
        background: #F0E8D1;
}

/*  -----   Buchungsschnittstelle   -----  */
.ato_td
    {
        padding-left:5px;
        padding-right:5px;
        padding-top:1px;
        padding-bottom:1px;
        white-space:nowrap;
    }

.ato_line
    {
        background-color:#B18E26;
        height:#1px;
    }

.ato_zimmer_line
    {
        background-color:#B18E26;
        height:#1px;
    }

a.buchungbutton { 
        display:block; 
        margin-bottom:5px; 
        text-align:center; 
        width:80px;
        border: 1px solid #B18E26;
        padding:5px; 
        text-decoration:none;
         }
         
a.buchungbutton:link, a.buchungbutton:visited    { 
        color:#ffffff; 
        background-color:#B18E26; 
        text-decoration:none;
        }
        
a.buchungbutton:hover, a.buchungbutton:active   { 
        color:#B18E26; 
        background-color:#ffffff; 
        text-decoration:none;
        }

a.smallbutton:link, a.smallbutton:visited
    { 
        text-align:center; 
        border: 1px solid #B18E26; 
        padding: 2px 8px 2px 8px; 
        margin-bottom:2px; 
        text-decoration:none;
        display:inline;
        color:#ffffff; 
        background-color:#B18E26;
    }

a.smallbutton:hover, a.smallbutton:active  
    { 
        text-align:center; 
        border: 1px solid #B18E26; 
        padding: 2px 8px 2px 8px; 
        margin-bottom:2px; 
        text-decoration:none;
        display:inline;
        color:#B18E26; 
        background-color:#ffffff;
    }

a.bbutton:link, a.bbutton:visited
    { 
        font-size:10px;
        padding: 0px 4px 0px 4px;
        border: 1px solid #B18E26;
        text-decoration:none;
        display: block;
        color:#ffffff; 
        background-color:#B18E26; 
        text-align: center;
        min-width: 75px;
        float:right;
    }
    
a.bbutton:hover, a.bbutton:active  
    { 
        font-size:10px;
        padding: 0px 4px 0px 4px;
        border: 1px solid #B18E26;
        text-decoration:none;
        display: block;
        color:#B18E26; 
        background-color:#ffffff; 
        text-align: center;
        min-width: 75px;
        float:right;
    }

.detailbox-head {
        color:#ffffff; 
        font-size:13px; 
        font-weight:normal; 
        padding-left: 10px;
    }
    
.detailbox-sub {
        color:#ffffff; 
        font-size:12px; 
        font-weight:normal; 
    }    
     
.infobox-1   { 
        color:#404040; 
        font-size:12px; 
        line-height: 13.5px; 
        font-weight:normal;
        text-transform: uppercase; 
    }   
.infobox-2   { 
        color:#404040; 
        font-size:12px; 
        line-height: 13.5px; 
        font-weight:normal; 
        font-style: italic; 
        margin: 10px 0px 10px 0px;
    }
    
.infobox-3   { 
        color:#404040; 
        font-size:11px; 
        line-height: 12px; 
        font-weight:normal; 
    }
    
.infobox-4   { 
        color:#FFFFFF; 
        font-size:11px; 
        font-weight:normal; 
    }
    
.infobox-5   { 
        color:#FFFFFF; 
        font-size:13px; 
        font-weight:bold; 
    }
    
.infobox-6   { 
        color:#B18E26; 
        font-size:13px; 
        font-weight:bold;  
    }

a.infobox-7:link, a.infobox-7:visited    { 
        color:#B18E26; 
        font-size:11px; 
        font-weight:normal;
        text-decoration: none; 
    }

a.infobox-7:hover, a.infobox-7:active { 
        color:#B18E26; 
        font-size:11px; 
        font-weight:normal;
        text-decoration: underline; 
    }  


/*  -----   Rahmen Details   -----  */
.detail-border   {
        border: 1px solid #B18E26;
        }


/* Formularelemente 
--------------------------------------------------------------------------------------- */

.button {
        text-align: left;
        height: 20px;
        padding: 0px 15px 0px 15px;
        margin-right: 15px;
        text-decoration: none;
        font-size:11px; 
        color: #5a5b5e;
        border: 1px solid #ab8200;
        background-color: #E8DFC7;        }



label.kontakt {
    width: 50px;
    margin-right: 15px;
    margin-bottom: 10px;
    float: left;
    text-align: left;
    font-weight:normal;
    color: #5a5b5e;
}

textarea.kontakt {
        width: 415px;
        margin-bottom: 5px;
        padding: 0px;
        font-size: 11px;
        font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
        color: #5a5b5e;
        border: 1px solid #ab8200;
        background-color: #E8DFC7;
}

input.kontakt,select.kontakt {
        width: 175px;
        margin-bottom: 5px;
        height: 20px;
        padding: 0px;
        font-size: 11px;
        font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
        color: #5a5b5e;
        border: 1px solid #ab8200;
        background-color: #E8DFC7;
    }



/*  -----  Kalenderelemente   -----  */
.cal-body           {
        background: none; background-color:#fbf7ee; 
        }
.cal-month-table    { 
        padding:0px;
        }
        
.cal-month-th        { 
        padding:1px; 
        background-color:#B18E26; 
        font-weight:bold; 
        color:#FFFFFF; 
        }
        
.cal-month-td         { 
        padding:1px 2px 1px 2px; 
        background-color:#F5EFD9; 
        }
        
.cal-month-td-sat    { 
        padding:1px 2px 1px 2px; 
        font-weight:bold; 
        background-color:#B18E26;
        color:#FFFFFF;
        }
        
.cal-month-td-sun    { 
        padding:1px 2px 1px 2px; 
        font-weight:bold; 
        background-color:#B18E26;
        color:#FFFFFF;
         }

.cal-month-td-co1    { 
        padding:1px 5px 1px 5px; 
        background-color:#DDDDFF; }

.cal-month-link-top
    {
        background-color:#B18E26;
        color:#FFFFFF;
        text-decoration:none;
        padding:0px 20px 0px 20px; 
        font-weight:bold;
    }
a.cal-month-link-top:link, a.cal-month-link-top:visited, a.cal-month-link-top:hover, a.cal-month-link-top:active        { color:#FFFFFF;}
 
/*  -----  SLIDESHOW   -----  */
#slideshow {
    position:relative;
    height:240px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
    
    
/*  -----   Tabelle einzigartige Zimmer   -----  */
table.einzigartig {
    width: 540px;
    border: none;
    margin: 0;
    padding: 0;
}  

table.einzigartig tr th {
    padding: 3px 5px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #B18E26;
    }

table.einzigartig tr td {
    padding: 3px 5px;
    }

tr.einzigartig-hell  {
    background-color: #FBF7EE;
    }

tr.einzigartig-dunkel  {
    background-color: #ECE9D8;
    }
    
  
/*  -----   Layoutelemente   -----  */
#wrapper {
    margin: 0px auto;    
    width: 980px;
    height: 100%;
    text-align:center;
}

.spaltelinks {
    background: url(bg-linke-spalte.jpg) repeat-y top right;
    }
    
.spalterechts {
    background: url(bg-rechte-spalte.jpg) repeat-y top left;
    }
 

/*  CSS-HACKS für PNG-Darstellung im IE6 nicht löschen */

.trennlinie-navi {
    width: 137px;
    height: 7px;
    margin: 0;
    padding:0;
    text-align: left;
    background: url(trennlinie-navi.png) no-repeat top left;
    }

* html .trennlinie-navi {
    width: 137px;
    height: 7px;
    margin: 0;
    padding:0;
    text-align: left;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/trennlinie-navi.png',sizingMethod='scale');
    background: none;
    }

.schatten-links {
    width: 5px;
    margin: 0;
    padding:0;
    text-align: left;
    background: url(schatten-links.png) repeat-y top left;
    }

* html .schatten-links {
    width: 5px;
    margin: 0;
    padding:0;
    text-align: left;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/schatten-links.png',sizingMethod='scale');
    background: none;
    }

.schatten-li-un {
    width: 5px;
    height: 5px;
    margin: 0;
    padding:0;
    text-align: left;
    background: url(schatten-li-un.png) no-repeat top left;
    }

* html .schatten-li-un {
    width: 5px;
    height: 5px;
    margin: 0;
    padding:0;
    text-align: left;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/schatten-li-un.png',sizingMethod='scale');
    background: none;
    }
    
.schatten-li-ob {
    width: 5px;
    height: 5px;
    margin: 0;
    padding:0;
    text-align: left;
    background: url(schatten-li-ob.png) no-repeat top left;
    }

* html .schatten-li-ob {
    width: 5px;
    height: 5px;
    margin: 0;
    padding:0;
    text-align: left;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/schatten-li-ob.png',sizingMethod='scale');
    background: none;
    }

.schatten-unten {
    height: 5px;
    margin: 0;
    padding: 0;
    text-align: left;
    background: url(schatten-unten.png) repeat-x top left;
    }

* html .schatten-unten {
    height: 5px;
    margin: 0;
    padding: 0;
    text-align: left;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/schatten-unten.png',sizingMethod='scale');
    background: none;
    }

.schatten-re-un {
    width: 5px;
    height: 5px;
    margin: 0;
    padding:0;
    text-align: left;
    background: url(schatten-re-un.png) no-repeat top left;
    }

* html .schatten-re-un {
    width: 5px;
    height: 5px;
    margin: 0;
    text-align: left;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/schatten-re-un.png',sizingMethod='scale');
    background: none;
    }

.schatten-re-ob {
    width: 5px;
    height: 5px;
    margin: 0;
    padding:0;
    text-align: left;
    background: url(schatten-re-ob.png) no-repeat top left;
    }

* html .schatten-re-ob {
    width: 5px;
    height: 5px;
    margin: 0;
    text-align: left;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/schatten-re-ob.png',sizingMethod='scale');
    background: none;
    }

.schatten-oben {
    height: 5px;
    margin: 0;
    padding: 0;
    text-align: left;
    background: url(schatten-oben.png) repeat-x top left;
    }

* html .schatten-oben {
    height: 5px;
    margin: 0;
    padding: 0;
    text-align: left;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/schatten-oben.png',sizingMethod='scale');
    background: none;
    }
    
.schatten-rechts {
    width: 5px;
    margin: 0;
    padding:0;
    text-align: left;
    background: url(schatten-rechts.png) repeat-y top left;
    }

* html .schatten-rechts {
    width: 5px;
    margin: 0;
    padding:0;
    text-align: left;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/schatten-rechts.png',sizingMethod='scale');
    background: none;
    }

.bild-rundreise {
    width: 137px;
    height: 67px;
    margin: 0;
    padding:0;
    text-align: left;
    background: url(bild-rundreisen.png) no-repeat top left;
    }

* html .bild-rundreise {
    width: 137px;
    height: 67px;
    margin: 0;
    padding:0;
    text-align: left;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/bild-rundreisen.png',sizingMethod='scale');
    background: none;
    }

.bild-einzig {
    width: 137px;
    height: 67px;
    margin: 0;
    padding:0;
    text-align: left;
    background: url(bild-gutscheine.png) no-repeat top left;
    }

* html .bild-einzig {
    width: 137px;
    height: 67px;
    margin: 0;
    padding:0;
    text-align: left;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/bild-gutscheine.png',sizingMethod='scale');
    background: none;
    }

    
/* Ende der CSS-Hacks für PNG-Darstellung im IE6 */