/*  =========================================================
Datei: customize.css
Media: screen, projection

Datum: 21. September 2006
Geaendert:
Autor: Michael Degener
Mail: degener@infomax-it.de

Plegbare Schrifttypen und Farbwelten:
1. Allgemeine Selektoren
2. Navigation
3. Breadcrumb-Navigation
4. Buttons
5. Links
6. Formular Suchmasken
7. Liste Suchergbebnis, Liste Zimmer Detailseite
8. Detailseite Header
9. Verfuegbarkeit/Kalender
10. Warenkorb Tabelleninhalt
11. Daten bestaetigen
12. Detailinfos Zimmer
13. Liste Suchergebnis Prospekte
14. Erlebnisangebote
15. Navigation
16. Suchergebnis Liste
17. Google Maps
18. Ferienkalender
19. Liste Zimmer
========================================================== */


/*=======================================================================
        1. Allgemeine Selektoren
========================================================================*/
body {
 /* !!!! KEINE WERTE KLEINER ALS 540px EINGEBEN !!!! */
 width: 540px; /* absolute Breite des Inhalts */
 /* !!!! KEINE WERTE KLEINER ALS 540px EINGEBEN !!!! */
 font-family: verdana, arial, helvetica, sans-serif; /* Schrifttyp */
 color: #000;  /* Schriftfarbe */
 background-color: #fff; /* Hintergurndfarbe der Seite */
 }
h1 {
 color: #003471; /*Schriftfarbe Ueberschriften 1. Ordnung, 2. 0rdnung */
 }
h2 {
 color: #000; /*Schriftfarbe Ueberschriften 2. Ordnung */
 }

/* farbig gestaltete Textpassagen */
#container h2, #container h2.normal, #roomlist .room h3, #verteilung .room h3, #roomlist .room p, #verteilung .room p, #roomlist .room li.belegung, #verteilung .room li.belegung, #roomlist .room li.preis, #verteilung .room li.preis, #auftraggeber span.entry, #reise span.entry, #prospekte legend.org {
 color: #003471;
 }


/*=======================================================================
        2. Navigation
========================================================================*/
#navigation {
 background-color: #003470;  /* Hintergrundfarbe Top-Navigation */
 }
#navigation li {
 border-right: 1px solid #fff;  /* Trennungstrich Navigation */
 }
#navigation a, #navigation a:visited {
 color: #fff;  /* Schriftfarbe Navigationspunkt */
 text-decoration: none;
 background-color: transparent;
 }
#navigation a:hover, #navigation a:active, #navigation a:focus {
 color: #003470;  /* Schriftfarbe Navigationspunkt bie mouseover */
 background-color: #D6DFE8; /* Hintergrundfarbe Navigationspunkt bie mouseover */
 }
#navigation li.warenkorb a, #navigation li.warenkorb a:visited {
 background: transparent url(/irs/TPortal/img/reg/objects/warenkorb_0.gif) no-repeat 98% 50%; /* Grafik Warenkorb */
 }
#navigation li.warenkorb a:hover, #navigation li.warenkorb a:active, #navigation li.warenkorb a:focus {
 color: #003470;
 background: #D6DFE8 url(/irs/TPortal/img/reg/objects/warenkorb_1.gif) no-repeat 98% 50%;
 }


/*=======================================================================
        3. Breadcrumb-Navigation
========================================================================*/
#breadcrumb .hint, #breadcrumb li {
 color: #818181; /* Schriftfarbe breadcrumb */
 }
#breadcrumb li a, #breadcrumb li a:visited {
 color: #003471;  /* Schriftfarbe navigationspunkt breadcrumb */
 text-decoration: underline;
 background-color: transparent;
 }
#breadcrumb li a:hover, #breadcrumb li a:active, #breadcrumb li a:focus {
 text-decoration: none;
 }
#breadcrumb li a.active { /* Schriftfarbe aktiver navigationspunkt breadcrumb */
 color: #003471;
 text-decoration: none !important;
 background-color: #F0F0F0 !important;
 border-width: 0 1px 1px 0;
 border-color: #B3B3B3;
 }


/*=======================================================================
        4. Buttons
========================================================================*/
#form input.buttonstyle, #bcontainer input.buttonstyle, #buttons a.buttonstyle, #buttons a.buttonstyle:visited, #buttons2 a.buttonstyle, #buttons2 a.buttonstyle:visited, #bcontainerp input.buttonstyle, #bcontainerp input.buttonstyle:visited {
 color: #fff;
 border-color: #DFEBFA #003471 #003471 #DFEBFA;
 background-color: #6181A7;
 }
#form input.buttonstyle:hover, #form input.buttonstyle:active, #form input.buttonstyle:focus, #bcontainer input.buttonstyle:hover, #bcontainer input.buttonstyle:active, #bcontainer input.buttonstyle:focus, #buttons a.buttonstyle:hover, #buttons a.buttonstyle:active, #buttons a.buttonstyle:focus, #buttons2 a.buttonstyle:hover, #buttons2 a.buttonstyle:active, #buttons2 a.buttonstyle:focus, #bcontainerp input.buttonstyle:hover, #bcontainerp input.buttonstyle:active, #bcontainerp input.buttonstyle:focus {
 color: #fff;
 border-color: #000 #DFEBFA #DFEBFA #000;
 background-color: #003471;
 }


/* button 'weitere Infos' Liste Suchergebnis/Liste Detailseite */
#list .infos a, #list .infos a:visited, #list .einheit li.zimmerlink a, #list .einheit li.zimmerlink a:visited, #roomlist input.buttonstyle, #roomlist .room li.zimmerlink a, #roomlist .room li.zimmerlink a:visited, #verteilung .room li.zimmerlink a, #verteilung .room li.zimmerlink a:visited, #schliessen a, #schliessen a:visited {
 color: #fff;
 text-decoration: none;
 border: 1px solid #003471;
 background-color: #5678A1;
 }
#list .infos a:hover, #list .infos a:active, #list .infos a:focus, #list .einheit li.zimmerlink a:hover, #list .einheit li.zimmerlink a:active, #list .einheit li.zimmerlink a:focus, #roomlist input.buttonstyle:hover, #roomlist input.buttonstyle:active, #roomlist input.buttonstyle:focus, #roomlist .room li.zimmerlink a:hover, #roomlist .room li.zimmerlink a:active, #roomlist .room li.zimmerlink a:focus, #verteilung .room li.zimmerlink a:hover, #verteilung .room li.zimmerlink a:active, #verteilung .room li.zimmerlink a:focus, #schliessen a:hover, #schliessen a:active, #schliessen a:focus {
 color: #fff;
 border: 1px solid #000;
 background-color: #003471;
 }


/*=======================================================================
        5. Links
========================================================================*/
#container .address a, #container .address a:visited, .jump a, .jump a:visited, #icons p a, #icons p a:visited,#list .address h3 a, #list .address h3 a:visited, #list .einheit li.beschreibung h4 a, #list .einheit li.beschreibung h4 a:visited, .print a, .print a:visited, #bildw a, #bildw a:visited, #bildz a, #bildz a:visited, #panorama a, #panorama a:visited, #unit .schliessen a, #unit .schliessen a:visited, #form label.auto2 a, #form label.auto2 a:visited, #form div.calendar a, #form div.calendar a:visited, #form2 div.calendar a, #form2 div.calendar a:visited, #form div.map a, #form div.map a:visited, #more a, #more a:visited, #result p a, #result p a:visited, #list .listright li a, #list .listright li a:visited, #detailheader .detaillinks li a, #detailheader .detaillinks li a:visited, #roomlist .explanation a, #roomlist .explanation a:visited, #versicherung a, #versicherung a:visited, #prospekte .itemcontent a, #prospekte .itemcontent a:visited {
 color: #003471;
 text-decoration: none;
 }
#container .address a:hover, #container .address a:active, #container .address a:focus, .jump a:hover, .jump a:active, .jump a:focus, #icons p a:hover, #icons p a:active, #icons p a:focus, #list .address h3 a:hover, #list .address h3 a:active, #list .address h3 a:focus, #list .einheit li.beschreibung h4 a:hover, #list .einheit li.beschreibung h4 a:active, #list .einheit li.beschreibung h4 a:focus, .print a:hover, .print a:active, .print a:focus, #bildw a:hover, #bildw a:active, #bildw a:focus, #bildz a:hover, #bildz a:active, #bildz a:focus, #panorama a:hover, #panorama a:active, #panorama a:focus, #unit .schliessen a:hover, #unit .schliessen a:active, #unit .schliessen a:focus, #form label.auto2 a:hover, #form label.auto2 a:active, #form label.auto2 a:focus, #form div.calendar a:hover, #form div.calendar a:active, #form div.calendar a:focus, #form2 div.calendar a:hover, #form2 div.calendar a:active, #form2 div.calendar a:focus, #form div.map a:hover, #form div.map a:active, #form div.map a:focus, #more a:hover, #more a:active, #more a:focus, #result p a:hover, #result p a:active, #result p a:focus, #list .listright li a:hover, #list .listright li a:active, #list .listright li a:focus, #detailheader .detaillinks li a:hover, #detailheader .detaillinks li a:active, #detailheader .detaillinks li a:focus, #roomlist .explanation a:hover, #roomlist .explanation a:active, #roomlist .explanation a:focus, #versicherung a:hover, #versicherung a:active, #versicherung a:focus, .jump a.active, #prospekte .itemcontent a:hover, #prospekte .itemcontent a:active, #prospekte .itemcontent a:focus, p a:focus {
 color: #fff !important;
 background-color: #6181A7;
 }


/* links mit unterstreichung */
#form label.auto2 a, #form label.auto2 a:visited, #form div.calendar a, #form div.calendar a:visited, #form2 div.calendar a, #form2 div.calendar a:visited, #form div.map a, #form div.map a:visited, #more a, #more a:visited, #result p a, #result p a:visited, #list .listright li a, #list .listright li a:visited, #detailheader .detaillinks li a, #detailheader .detaillinks li a:visited, #roomlist .explanation a, #roomlist .explanation a:visited, #versicherung a, #versicherung a:visited {
 text-decoration: underline;
 }
#form label.auto2 a:hover, #form label.auto2 a:active, #form label.auto2 a:focus, #form div.calendar a:hover, #form div.calendar a:active, #form div.calendar a:focus, #form2 div.calendar a:hover, #form2 div.calendar a:active, #form2 div.calendar a:focus, #form div.map a:hover, #form div.map a:active, #form div.map a:focus, #more a:hover, #more a:active, #more a:focus, #result p a:hover, #result p a:active, #result p a:focus, #list .listright li a:hover, #list .listright li a:active, #list .listright li a:focus, #detailheader .detaillinks li a:hover, #detailheader .detaillinks li a:active, #detailheader .detaillinks li a:focus, #roomlist .explanation a:hover, #roomlist .explanation a:active, #roomlist .explanation a:focus, #versicherung a:hover, #versicherung a:active, #versicherung a:focus {
 text-decoration: none;
 }


/*=======================================================================
        6. Formular Suchmasken
========================================================================*/
#form .formcontainer, #form .mcontainer, #form2 .formcontainer {
 border: 1px solid #406794;  /* rahmenfarbefarbe */
 background-color: #D6DEE8;  /* hintergrundfarbe */
 }
#form .grau {
 background-color: #E6E6E6;  /* hintergrundfarbe versicherung */
 border: 1px solid #808080;  /* rahmenfarbe versicherung */
 }
#form .mcontainer {
 background-color: #F2F5F8;  /* hintergrundfarbe container weitere merkmale */
 }


/*=======================================================================
        7. Liste Suchergbebnis, Liste Zimmer Detailseite
========================================================================*/
#list .listentry, #roomlist, #verteilung .roomunit {
 border: 1px solid #406794; /* rahmenfarbe listeneintrag */
 background-color: #D6DEE8; /* hintergrundfarbe listeneintrag */
 }
#list .hell {
 background-color: #F2F5F8; /* hintergrundfarbe hell listeneintrag */
 }

/* einheit zimmer/fewo */
#list .einheit, #roomlist .room, #verteilung .room {
 background-color: #fff; /* hintergrundfarbe */
 }


/*=======================================================================
        8. Detailseite Header
========================================================================*/
#detailheader {
 border-color: #E6E6E6 #808080 #808080 #E6E6E6; /* rahmenfarbe */
 background-color: #E6E6E6;  /* hintergrundfarbe */
 }
#detailheader .detailimg {
 border-left: 1px solid #fff; /* rahmenfarbe bild */
 }


/*=======================================================================
        9. Verfuegbarkeit/Kalender
========================================================================*/
#roomlist .room .zeit, #verteilung .room .zeit {
 border-color: #E6E6E6;    /* rahmenfarbe kalender */
 background-color: #F9F9F9; /* hintergrundfarbefarbe kalender */
 }
#roomlist .room .zeit span, #verteilung .room .zeit span {
 color: #303030; /* schriftfarbe kalender */
 }


/*=======================================================================
        10. Warenkorb Tabelleninhalt
========================================================================*/
#warenkorb th, #versicherung th {
 color: #fff;   /* schriftfarbe spaltenueberschrift */
 background-color: #6181A7; /* hintergrundfarbe spaltenueberschrift */
 }
#versicherung th {
 color: #000;  /* schriftfarbe spaltenueberschrift versicherung */
 background-color: #E6E6E6; /* hintergrundfarbe spaltenueberschrift versicherung */
 }

#warenkorb td, #versicherung td  {
 color: #595959; /* schriftfarbe tabellenzelle */
 border-bottom: 1px solid #818181; /* rahmenfarbe tabellenzelle */
 }
#warenkorb td.dunkel  {
 background-color: #D6DEE8; /* hintergrundfarbe dunkel tabellenzelle */
 }
#warenkorb td.hell {
 background-color: #F3F5F8; /* hintergrundfarbe hell tabellenzelle */
 }
#versicherung td.dunkel  {
 color: #000;   /* schriftfarbefarbe dunkel tabellenzelle versicherung */
 background-color: #E6E6E6; /* hintergrundfarbe dunkel tabellenzelle versicherung */
 }
#versicherung td.hell {
 color: #595959;  /* hintergrundfarbe hell tabellenzelle versicherung */
 background-color: #F7F7F7; /* hintergrundfarbe hell tabellenzelle versicherung */
 }

/* gesamttotal */
#warenkorb td.totalprice, #versicherung td.totalprice {
 color: #000;
 border-right: 1px solid #818181;
 border-bottom: 1px solid #818181;
 border-left: 1px solid #818181;
 background-color: #FFFBCC;
 }


/*=======================================================================
        11. Daten bestaetigen
========================================================================*/
#auftraggeber h2, #reise h2 {
 border-color: #808080;  /* rahmenfarbe ueberschrift */
 background-color: #E6E6E6; /* hintergrundfarbe ueberschrift */
 }


/*=======================================================================
        12. Detailinfos Zimmer
========================================================================*/
#unit span.preis {
 color: #9E0B0E; /* schriftfarbe preis */
 }
#unit .condi {
 background-color: #EBEBEB; /* hintergrundfarbe konditionen */
 }


/*=======================================================================
       13. Liste Suchergebnis Prospekte
========================================================================*/
/* hintergrundfarbe listeneinträge  */
#prospekte .hell {
 background-color: #EDEDED;
 }
#prospekte .dunkel {
 background-color: #E6E6E6;
 }

/* rahmen- + hintergrundfarben feld prospektbeschreibung */
#prospekte .listentry {
 border-color: #fff #fff #D4D0C8 #fff;
 }
#prospekte .item {
 border-color: #fff;
 }
#prospekte .itemcontent {
 border-color: #fff;
 }
#prospekte .contentdunkel {
 background-color: #F2F2F2;
 }
#prospekte .contenthell {
 background-color: #FAFAFA;
 }
/*=======================================================================
        14. Erlebnisangebote
========================================================================*/
/* ergebnisliste darstellung listeneintraege */
#list .offer {
 background-color: #E6EBF1;
 border-style: solid;
 border-width: 1px;
 border-color: #FFF transparent #B3B6B9 transparent;
}
#list .kontrast {
 background-color: #F7F8FA;
}

/* ergebnisliste: angebotstitel / warenkorb liste angebote: angebotstitel */
#list .txtblock h3 a, #list .txtblock h3 a:visited, #listoffer label a, #listoffer label a:visited
#list .txtblock h3 a, #list .txtblock h3 a:visited {
 color: #003471;
 text-decoration: none;
 background-color: transparent;
}
#list .txtblock h3 a:hover, #list .txtblock h3 a:active, #list .txtblock h3 a:focus, #listoffer label a:hover, #listoffer label a:active, #listoffer label a:focus {
 color: #fff;
 text-decoration: none;
 background-color: #6181A7
}

/*  ergebnisliste: button info */
#list .buttonblock li a.info, #list .buttonblock li a.info:visited {
 color: #fff;
 border-color: #003471 #003471 #003471 #003471;
 background-color: #5678A1;
}
#list .buttonblock li a.info:hover, #list .buttonblock li a.info:active, #list .buttonblock li a.info:focus {
 color: #FFF;
 border-color: #000 #000 #000 #000;
 background-color: #003471;
}

/* daten erfassen zahlung: bankverbindung */
#form .fields {
 background-color: #F9FAFC;
 border: 1px solid #B3C5DC;
}

/* daten erfassen reiseversicherung: bankverbindung/kreditkarte */
#joecontent1, #joecontent2 {
 background-color: #F6F1F1;
 border: 1px solid #DBD8D8;
}

/* daten bestaetigen: ueberschrift */
#auftraggeber h2, #leistung h2, #reise h2 {
 border-style: solid;
 border-width: 1px 0;
 border-color: #808080;
 background-color: #E6E6E6;
}
#leistung span.entry {
 color: #003471;
}


/*=======================================================================
        15. Navigation
========================================================================*/
#navigation li.active a, #navigation li.active a:visited, #navigation li.active a:hover, #navigation li.active a:active, #navigation li.active a:focus {
 color: #003470 !important;
 background-color: #D6DFE8 !important;
}


/*=======================================================================
        16. Suchergbebnis Liste
========================================================================*/
#list .right_box {
 width: 80px;
 float: right;
 margin: 3px;
 display: inline;
}

/* merken-button */
#list .right_box a.save, #list .right_box a.save:visited {
float: right;
 font-size: 0.70em;
 color: #6D6D6D !important;
 text-decoration: none !important;
 border-style: solid !important;
 border-width: 1px !important;
 border-color: #E8E7E7 #B3B3B3 #B3B3B3 #E8E7E7 !important;
 background: #E8E7E7 url(/irs/TPortal/img/reg/objects/merken.gif) no-repeat 98% 50% !important;
 padding: 2px 22px 3px 5px !important;

/* float: right;
 font-size: 0.70em;
 color: #fff;/*#6D6D6D;
 text-decoration: none;
 border-style: solid;
 border-width: 1px;
 border-color: #F0F0F0 #005952 #005952 #F0F0F0;/* #E8E7E7 #B3B3B3 #B3B3B3 #E8E7E7;
 background: #598527 url(/irs/TPortal/img/reg/objects/merken.gif) no-repeat 98% 50%;
 padding: 2px 22px 3px 5px;*/
}

#list .right_box a.save:hover, #list .right_box a.save:active, #list .right_box a.save:focus {
 color: #000 !important;
 border-color: #005952 #F0F0F0 #F0F0F0 #005952 !important;
 background-color: #B3B3B3 !important;

/* color: #598527;/*#000;
 border-color: #B3B3B3 #E8E7E7 #E8E7E7 #B3B3B3; /*#005952 #F0F0F0 #F0F0F0 #005952;
 background: #E8E7E7 url(/irs/TPortal/img/reg/objects/merken.gif) no-repeat 97% 50%;/*background-color: #B3B3B3;*/
}

.sort{
 width: 75% !important;
 margin: 0 0 10px 0;
}

/* liste drucken */
.printlist a, .printlist a:visited {
 float: right;
 font-size: 0.70em;
 color: #1C6F49; /*#003471;*/
 text-decoration: underline;
 background: #FFF url(/irs/TPortal/img/reg/objects/print.gif) no-repeat 1px 0;
 padding: 1px 2px 2px 20px;
 margin: 4px 0 0 0;
}

.printlist a:hover, .printlist a:active, .printlist a:focus {
 color: #1C6F49; /*#FFF;*/
 text-decoration: none;
 background-color: #DCE19C; /*#003471;*/
}

p.printtxt {
 font-size: 0.75em;
 padding: 0;
 margin: 0;
}

ul.printnav {
 width: 100%;
 float: left;
 list-style-type: none;
 padding: 10px 0;
 margin: 0;
}
ul.printnav li {
 width: 50%;
 float: left;
 padding: 0;
 margin: 0;
}

ul.printnav li a.close, ul.printnav li a.close:visited {
 float: left;
 font-size: 0.70em;
 color: #1C6F49; /*#003471;*/
 text-decoration: none;
 background-color: transparent;
 padding: 0 2px 1px 2px;
 margin: 0;
}
ul.printnav li a.close:hover, ul.printnav li a.close:active, ul.printnav li a.close:focus {
 color: #1C6F49; /*#FFF;*/
 background-color: #DCE19C; /*#003471;*/
}

ul.printnav li a.print, ul.printnav li a.print:visited {
 width: auto;
 float: right;
 font-size: 0.70em;
 font-weight: bold;
 color:  #1C6F49; /*#FFF;*/
 text-decoration: none;
 background: #FFF url(/TPortal/TPortal/img/reg/objects/print.gif) no-repeat 5px 50%; /*#6685aa url(TPortal/TPortal/img/objects/print.gif) no-repeat 5px 50%;*/
 padding: 1px 2px 2px 25px;
 border: 1px solid  #DCE19C; /*#003471;*/
 margin: 0;
}
ul.printnav li a.print:hover, ul.printnav li a.print:active, ul.printnav li a.print:focus {
 color:  #1C6F49; /*#FFF;*/
 background-color: #DCE19C; /*#003471;*/
}

/* klassifizierung fewo */
#list .einheit li.beschreibung img {
 float: left;
 padding: 0;
 margin: 0 0 0 5px;
 display: inline;
}


/*=======================================================================
        17. Google Maps
========================================================================*/
#list .right_box a.google {
 float: right;
 font-family: arial, helvetica, verdana, serif;
 font-size: 0.60em;
 color: #FFF;
 text-decoration: none;
 padding: 0;
 margin: 5px 5px 0 0;
 display: inline;
}
#list .right_box span.marker_nr {
 position: relative;
 top: -19px;
 left: 10px;
 z-index: 100;
 float: left;
 cursor: pointer;
}

#gcontainer {
 width: 100%;
 float: left;
 margin: 5px 0 15px 0;
}

/* link oeffnen/schliessen map */
#gcontainer .jump {
 width: 100%;
 float: left;
 margin: 5px 00;
}
#gcontainer .jump img {
 float: left;
 margin: 0 10px 0 0;
 display: inline;
 border-style: none;
 border-width: 0;
 border-color: #FFF;
}
#gcontainer a span {
 float: left;
 margin: 10px 0 0 0;
 cursor: pointer;
}
#gcontainer a, #gcontainer a:visited {
 float: left;
 font-size: 0.9em;
 color: #1C6F49;/*#003471;*/
 text-decoration: underline;
 background-color: transparent;
 padding: 0 2px 1px 2px;
}
#gcontainer a:hover, #gcontainer a:active, #gcontainer a:focus {
 color: #1C6F49;/*#003471;*/
 text-decoration: none;
}


#map_big {
 width: 100%;
 height: 363px;
 float: left;
 border: 1px solid #979797;
}

/* google-bubble */
#map_big div.bubble {
 max-width: 350px;
 max-height: 150px;
 padding: 0;
 margin: 0;
}
#map_big table {
 width: auto;
 float: left;
 font-size: 0.70em;
 border-spacing: 2px;
}
#map_big td {
 vertical-align: top;
 padding: 2px;
}
#map_big td.title {
 font-size: 110%;
 font-weight: bold;
}

#map_big td a, #map_big td a:visited {
 float: right;
 color: #FFF;
 text-decoration: none;
 background-color: #5678a1;
 padding: 1px 5px 2px 5px;
 border: 1px solid #003471;
}
#map_big td a:hover, #map_big td a:active,  #map_big td a:focus {
 color: #FFF;
 background-color: #003471;
}

#map_detail {
 width: 600px;
 float: left;
 margin: 0 0 0 10px;
 display: inline;
}

#map_navi {
 width: 190px;
 float: right;
 font-size: 0.7em;
}

#map_navi ul {
 width: 100%;
 float: left;
 list-style-type: none;
 padding: 0;
 margin: 0;
}
#map_navi li {
 width: 100%;
 float: left;
 padding: 0;
 margin: 5px 0;
}

#map_navi input {
 float: left;
}

#map_navi label {
 float: left;
 padding: 3px 0 7px 30px;
 background-image: none;
 background-repeat: no-repeat;
 background-position: 0 0;
}
#map_navi label.gastro {
 background-image: url(../../img/google/marker_gastro.png)
}
#map_navi label.kultur {
 background-image: url(../../img/google/marker_kultur.png)
}
#map_navi label.sport {
 background-image: url(../../img/google/marker_sport.png)
}
#map_navi label.transport {
 background-image: url(../../img/google/marker_transport.png)
}
#map_navi label.wellness {
 background-image: url(../../img/google/marker_wellness.png)
}

#map_detail a.close, #map_detail a.close:visited {
 float: left;
 font-size: 0.75em;
 color: #FFF;
 text-decoration: none;
 background-color: #6685aa;
 padding: 1px 5px 2px 5px;
 border: 1px solid #003471;
 margin: 20px 0 10px 200px;
 display: inline;
}
#map_detail a.close:hover, #map_detail a.close:active, #map_detail a.close:focus {
 background-color: #003471;
}


/*=======================================================================
        18. Ferienkalender
========================================================================*/
/* link fuer kalender in suchmaske */
#form div.vacation_calendar, #form2 div.vacation_calendar {
 float: left;
 margin: 3px 0 0 15px;
 display: inline;
}

/*
#form div.vacation_calendar a, #form div.vacation_calendar a:visited, #form2 div.vacation_calendar a, #form2 div.vacation_calendar a:visited {
 font-size: 0.6em;
 color: #003471;
 line-height: 1.5em;
 text-decoration: none;
 background: transparent url(../../img/objects/vacation_calendar.gif) no-repeat 0 1px;
 padding: 2px 2px 1px 20px;
}
#form div.vacation_calendar a:hover, #form div.vacation_calendar a:active, div.vacation_calendar a:focus, div.vacation_calendar a:hover, div.vacation_calendar a:active, div.vacation_calendar a:focus {
 color: #fff;
 background-color: #003471;
 }
 */

#wrapper {
 width: 600px;
 float: left;
 margin: 0 0 0 5px;
 display: inline;
}

/* auswahl */
#wrapper legend {
 width: 100%;
 float: left;
 font-size: 0.75em;
 font-weight: bold;
 color: #000;
 padding: 0;
 margin: 0;
}
* html #wrapper legend {
 margin: 0 0 0 -7px;
 display: inline;
}
*+html #wrapper legend {
 margin: 0 0 0 -7px;
}
#wrapper .item {
 width: 43%;
 float: left;
 margin: 15px 0 0 0;
}
#wrapper .right {
 width: 54%;
 float: right;
}
#wrapper label {
 width: auto;
 float: left;
 font-size: 0.70em;
 padding: 3px 5px 0 0;
 margin: 0;
}
#wrapper select {
 width: auto;
 float: left;
 font-size: 0.70em;
 padding: 0;
 margin: 0;
}

/* kalender */
#calendar {
 width: 100%;
 float: left;
 margin: 10px 0 0 0;
}

#calendar a, #calendar a:visited {
 font-size: 0.70em;
 color: #000;
 text-decoration: none;
 background-color: transparent;
 padding: 0 1px 1px 1px;
 margin: 0;
}
#calendar a:hover, #calendar a:active, #calendar a:focus {
 color: #FFF;
 background-color: #a0a0a0;
}
#calendar a.back {
	font-size: 0.70em; /* Mein style */
 float: left;
}
#calendar a.go {
	font-size: 0.70em;  /* Mein style */
 float: right;
}

#calendar .month {
 width: auto;
 min-height: 11.10em;
 float: left;
 background-color: #EEE;
 padding: 10px;
 border: 1px solid #a0a0a0;
 margin: 5px 8px;
 display: inline;
}
* html #calendar .month {
 height: 11.0em;
}

#calendar table {
 font-size: 0.70em;
 color: #000;
}
#calendar caption {
 font-size: 110%;
 padding: 5px 0;
}
#calendar th {
 font-weight: normal;
}
#calendar td {
 color: #626262;
 text-align: center;
 background-color: #EEE;
 padding: 2px;
 border: 1px solid #EEE;
}
#calendar td.weekend {
 font-weight: bold;
}
#calendar td.vacation {
 background-color: #FFF;
 border: 1px solid #959595;
}
#calendar td.marker {
 font-weight: bold;
 color: #9d0d15;
}
#calendar td.today {
 color: #000;
 font-weight: bold;
 background-color: #d3d3d3;
 border: 1px solid #d3d3d3;
}

/* legende */
#flegend {
 width: 100%;
 float: left;
 font-size: 0.70em;
 margin-top: 10px;
}

#flegend .title {
 width: 15%;
 float: left;
 font-weight: bold;
 padding: 3px 0;
}
#flegend .item {
 width: auto;
 float: left;
 margin: 0 30px 0 0;
 display: inline;
}

#flegend .item span {
 float: left;
 padding: 3px;
}

#flegend .item span.today {
 color: #000;
 font-weight: bold;
 background-color: #d3d3d3;
 border: 1px solid #d3d3d3;
 padding: 2px;
 margin-right: 3px;
 display: inline;
}
#flegend .item span.vacation {
 color: #626262;
 background-color: #FFF;
 border: 1px solid #959595;
 padding: 2px;
 margin-right: 3px;
 display: inline;
}
#flegend .item span.marker {
 font-weight: bold;
 color: #9d0d15;
 padding: 3px 2px;
 margin-right: 3px;
 display: inline;
}
/*=======================================================================
        19. Liste Zimmer
========================================================================*/
#roomlist .explanation span.default, #roomlist .explanation span.go, #roomlist .explanation span.nogo {
 width: 9px;
 height: 9px;
 float: left;
 font-size: 0;
 color: #ACD373;
 border: 1px solid #fff;
 background-color: #ACD373;
 margin: 1px 3px 0 0;
 display: block;
 }
#roomlist .explanation span.go {
 color: #99CC33;
 border: 1px solid #000;
 background-color: #99CC33;
 }
#roomlist .explanation span.nogo {
 color: #F9AD81;
 border: 1px solid #fff;
 background-color: #F9AD81;
 }