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

Datum: 19. Juni 2008
Autor: Michael Degener
Mail: degener@infomax-it.de

1. Allgemeine Selektoren
2. Header
3. Breadcrumb
4. Formulare / Suchmasken
5. Formular-Buttons
6. Darstellung Symbole fuer Vakanz im Kopf
7. Verfuegbarkeits-Kalender in Liste
8. Popup-Kalender Verfuegbarkeit
9. Buttons Liste: Buchen
10. Tabelle Warenkorb
11. Teaser Standard
12. Teaser Quartiersuche
========================================================== */


/*=======================================================================
        1. Allgemeine Selektoren
========================================================================*/
body {
/* !!!! KEINE WERTE KLEINER ALS 580px EINGEBEN !!!! */
 width: 582px;
 /* !!!! KEINE WERTE KLEINER ALS 580px EINGEBEN !!!! */

 font-family: verdana, arial, helvetica, sans-serif; /* Schrifttyp gesamte Seite */
 color: #000;                                        /* Schriftfarbe gesamte Seite */
 background-color: #fff;                             /* Hintergurndfarbe der gesamten Seite */
}



/* rahmen-container fuer inhalt (Suchmasken, Listen, etc.) */
/* !!!! linke Inhalts-Spalte: KEINE WERTE KLEINER ALS 580px EINGEBEN !!!! */
#container_content {
 width: 580px;
}
/* !!!! KEINE WERTE KLEINER ALS 580px EINGEBEN !!!! */


/* Ueberschriften */
h1, h2, #verteilung .room h3 {
 color: #445603; /*Schriftfarbe Ueberschriften 1. Ordnung, 2. 0rdnung, 3. 0rdnung */
}
h2 {
 color: #000; /*Schriftfarbe Ueberschriften 2. 0rdnung */
}

/* farbig hervorgehoben Schrift */
#auftraggeber span.entry, #reise span.entry, #kredit span.entry, #message div.entry, #message span.entry  {
 color: #445603; /* Schriftfarbe */
}

/* alle Verlinkungen */
a, a:visited {
 color: #445603;                   /* Schriftfarbe */
 text-decoration: underline;    /* Link unterstrichen */
 background-color: transparent; /* Hintergrundfarbe */
 padding: 1px;
}
a:hover, a:active, a:focus, .jump a.active {
 color: #FFF !important;                   /* Schriftfarbe bei mouseover */
 text-decoration: none;                    /* kiene Unterstreichung bei mouseover */
 background-color: #445603 !important; /* Hintergrundfarbe bei mouseover */
}

/*=======================================================================
        2. Header
========================================================================*/
#header {
 background-color: #97bf0d; /* Hintergrundfarbe */
}

#header #headline {
 color: #000;               /*Schriftfarbe Text in Header */
}


/*=======================================================================
        3. Breadcrumb
========================================================================*/
#breadcrumb li a.active {
 color: #445603 !important; /* Schriftfarbe aktiver Navigations-Punkt */
}


/*=======================================================================
        4. Formular / Suchmasken
========================================================================*/
#form .formcontainer, #roomlist, #verteilung .roomunit {
 background-color: #eff6d6; /* hintergrundfarbe */
 border: 1px solid #97bf0d; /* rahmenfarbefarbe */
 }
#form .grau {
 background-color: #E6E6E6; /* hintergrundfarbe versicherung */
 border: 1px solid #808080; /* hintergrundfarbe versicherung */
}


/*=======================================================================
        5. Formular-Buttons
========================================================================*/
#bcontainer input.buttonstyle, #buttons a.buttonstyle, #buttons a.buttonstyle:visited, #buttons2 a.buttonstyle, #buttons2 a.buttonstyle:visited, #verteilung .room li.zimmerlink a, #verteilung .room li.zimmerlink a:visited, #warenkorb td li a.zimmerlink, #warenkorb td li a.zimmerlink:visited {
 color: #FFF;                       /* Schriftfarbe */
 background-color: #97bf0d;         /* Hintergrundfarbe */
 border-color: #445603 #000 #000 #445603; /* Rahmenfarbe */
}
#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, #buttonsp a.buttonstyle:hover, #buttonsp a.buttonstyle:active, #buttonsp a.buttonstyle:focus, #verteilung .room li.zimmerlink a:hover, #verteilung .room li.zimmerlink a:active, #verteilung .room li.zimmerlink a:focus, #warenkorb li a.zimmerlink:hover, #warenkorb li a.zimmerlink:active, #warenkorb li a.zimmerlink:focus {
 color: #FFF;                          /* Schriftfarbe */
 background-color: #445603 !important; /* Hintergrundfarbe bei mouseover */
 border-color: #000 #445603 #445603 #000;    /* Rahmenfarbe bei mouseover */
}

/* William */
#warenkorb td li.wt a.zimmerlink, #warenkorb td li.wt a.zimmerlink:visited {
 color: #FFF;                       /* Schriftfarbe */
 background-color: #97bf0d;         /* Hintergrundfarbe */
 border-color: #445603 #000 #000 #445603; /* Rahmenfarbe */
}

#buttonsnoresult a.buttonstyle, #buttonsnoresult a.buttonstyle:visited {
 color: #FFF;                       /* Schriftfarbe */
 background-color: #97bf0d;         /* Hintergrundfarbe */
 border-color: #445603 #000 #000 #445603; /* Rahmenfarbe */
}
#buttonsnoresult a.buttonstyle:hover, #buttonsnoresult a.buttonstyle:active, #buttonsnoresult a.buttonstyle:focus {
 color: #FFF;                          /* Schriftfarbe */
 background-color: #445603 !important; /* Hintergrundfarbe bei mouseover */
 border-color: #000 #445603 #445603 #000;    /* Rahmenfarbe bei mouseover */
}
/* William */

/*=======================================================================
 6. Darstellung Symbole fuer Vakanz im Kopf muessen nicht angepasst werden
========================================================================*/
/* frei */
#roomlist .explanation span.default, #roomlist .explanation span.go, #roomlist .explanation span.nogo {
 color: #ACD373;            /* Schriftfarbe */
 background-color: #ACD373; /* Hintergrundfarbe */
 border: 1px solid #fff;    /* Rahmenfarbe */
}
/* ausgewaehlt */
#roomlist .explanation span.go {
 color: #99CC33;            /* Schriftfarbe */
 background-color: #99CC33; /* Hintergrundfarbe */
 border: 1px solid #000;    /* Rahmenfarbe */
}
/* belegt */
#roomlist .explanation span.nogo {
 color: #F9AD81;            /* Schriftfarbe */
 background-color: #F9AD81; /* Hintergrundfarbe */
 border: 1px solid #fff;    /* Rahmenfarbe */
}


/*=======================================================================
 7. Verfuegbarkeits-Kalender in Liste muessen nicht angepasst werden
========================================================================*/
/* frei */
#verteilung .room .default {
 color: #3D3D3D;            /* Schriftfarbe */
 background-color: #C4DF9B; /* Hintergrundfarbe */
 border: 1px solid #C4DF9B; /* Rahmenfarbe */
}
/* ausgewaehlt */
#verteilung .room .go {
 color: #000;               /* Schriftfarbe */
 background-color: #99CC33; /* Hintergrundfarbe */
 border: 1px solid #000;    /* Rahmenfarbe */
}
/* calender */
#verteilung .room .nogo {
 color: #3D3D3D;            /* Schriftfarbe */
 background-color: #F9AD81; /* Hintergrundfarbe */
 border: 1px solid #F9AD81; /* Rahmenfarbe */
}


/*=======================================================================
 8. Popup-Kalender Verfuegbarkeit muessen nicht angepasst werden
========================================================================*/
/* frei */
#calendar td.free {
 background-color: #daecbe;  /* Hintergrundfarbe */
 border: 1px solid #daecbe;  /* Rahmenfarbe */
}
/* ausgewaehlt */
#calendar td.go {
 color: #000;                /* Schriftfarbe */
 background-color: #99cc33;  /* Hintergrundfarbe */
 border: 1px solid #000;     /* Rahmenfarbe */
}
/* calender */
#calendar td.nogo {
 background-color: #f9ad81;  /* Hintergrundfarbe */
 border: 1px solid #f9ad81;  /* Rahmenfarbe */
}


/*=======================================================================
        9. Buttons Liste: Weitere Infos / Buchen
========================================================================*/
/* Button Buchen */
#verteilung .room li.button a.buchen, #verteilung .room li.button a.buchen:visited {
 color: #fff;
 background: #598527 url(/irs/TBooking/img/objects/warenkorb_weiss.gif) no-repeat 97% 50% !important;
 border-color: #F0F0F0 #005952 #005952 #F0F0F0;
}
#verteilung .room li.button a.buchen:hover, #verteilung .room li.button a.buchen:active, #verteilung .room li.button a.buchen:focus {
 color: #598527 !important;
 background: #E8E7E7 url(/irs/TBooking/img/objects/warenkorb_gruen.gif) no-repeat 97% 50% !important;
 border-color: #B3B3B3 #E8E7E7 #E8E7E7 #B3B3B3;
}

#verteilung .room li.button a.inactive:hover, #verteilung .room li.button a.inactive:active, #verteilung .room li.button a.inactive:focus {
 color: #B3B3B3 !important;  /*#598527 !important; */ 
 background: #fff url(/irs/TBooking/img/objects/warenkorb_grau.gif) no-repeat 97% 50% !important; /* #E8E7E7 url(/TBooking/TBooking/img/objects/warenkorb_grau.gif) no-repeat 97% 50%; !important; */
 border-color: #B3B3B3; /* #B3B3B3 #E8E7E7 #E8E7E7 #B3B3B3; */
}

/*=======================================================================
        10. Tabelle Warenkorb
========================================================================*/
/* Header Warenkorb */
#warenkorb th {
 color: #000;               /* Schriftfarbe */
 background-color: #97bf0d; /* Hintergrund */
}

/* Schriftfarbe Tabelle */
#warenkorb td, #warenkorb2 td, #versicherung td, #leistung td  {
 color: #595959;
}
/* Hintergrundfarbe Tabellenzelle dunkel */
#warenkorb td.dunkel {
 background-color: #d8ee8a;
}
/* Hintergrundfarbe Tabellenzelle hell */
#warenkorb td.hell {
 background-color: #eff6d6;
}

#warenkorb td li a.delete, #warenkorb td li a.delete:visited {
 color: #ED1C24;
}
#warenkorb li a.delete:hover, #warenkorb li a.delete:active, #warenkorb li a.delete:focus {
 color: #fff !important;
 text-decoration: none !important;
 background-color: #a0a0a0 !important;
}


/*=======================================================================
     11. Teaser Standard
========================================================================*/
/* Rahmenfarbe Header */
div.t_header span.mid, div.t_header span.side b.p1, div.t_header span.side b.p2, div.t_header span.side b.p3, div.t_header span.side b.p4, div.t_header span, div.t_header span.side b.p5, div.t_header span.side b.p6, div.t_header span.side b.p7, div.t_header span.side b.p8 {
 border-color: #445603;
}

/* Hintergrundfarbe Header */
div.t_header span.mid, div.t_header span.side b.p1, div.t_header span.side b.p2, div.t_header span.side b.p3, div.t_header span.side b.p4, div.t_header span.side b.p5, div.t_header span.side b.p6, div.t_header span.side b.p7, div.t_header span.side b.p8 {
 background: #97bf0d;
}

/* Schriftfarbe Header */
div.t_header span.mid {
 color: #FFF;
}

/* Teaser-Inhalt */
div.t_body {
 background-color: #eff6d6; /* Hintergrundfarbe */
 border-color: #445603;     /* Rahmenfarbe */
}


/*  =========================================================
    	12. Teaser Quartiersuche
========================================================== */
#t_quartiersuche {
 background-color: #eff6d6;     /* Hintergrundfarbe */
 border: 1px solid #445603;     /* Rahmenfarbe */
}

/* Ueberschrift */
#t_quartiersuche div.title {
 color: #fff;                    /* Schriftfarbe */
 background-color: #97bf0d;      /* Hintergrundfarbe */
 border-bottom: 1px solid #445603;  /* Rahmenfarbe */
}

/* Button */
#t_quartiersuche a.buttonstyle, #t_quartiersuche a.buttonstyle:visited {
 color: #fff;                /* Schriftfarbe */
 background-color: #97bf0d;  /* Hintergrundfarbe */
 border: 1px solid #445603;     /* Rahmenfarbe */
}
#t_quartiersuche a.buttonstyle:hover, #t_quartiersuche a.buttonstyle:active, #t_quartiersuche a.buttonstyle:focus  {
 border: 1px solid #000000;  	       /* Rahmenfarbe bei mouseover */
 background-color: #445603 !important;  /* Hintergrundfarbe bei mouseover */
}