/*  =========================================================
Datei: grau.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: #000; /*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: #000; /* Schriftfarbe */
}

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

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

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


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


/*=======================================================================
        4. Formular / Suchmasken
========================================================================*/
#form .formcontainer, #roomlist, #verteilung .roomunit {
 background-color: #eeeeee; /* hintergrundfarbe */
 border: 1px solid #a0a0a0; /* 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: #808080;         /* Hintergrundfarbe */
 border-color: #000 #000 #000 #000; /* 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: #000;                          /* Schriftfarbe */
 background-color: #a0a0a0 !important; /* Hintergrundfarbe bei mouseover */
 border-color: #000 #000 #000 #000;    /* Rahmenfarbe bei mouseover */
}

/* William */
table #buttonsnoresult a.buttonstyle, table #buttonsnoresult a.buttonstyle:visited {
 color: #FFF;                       /* Schriftfarbe */
 background-color: #808080;         /* Hintergrundfarbe */
 border-color: #000 #000 #000 #000; /* Rahmenfarbe */
}
table #buttonsnoresult a.buttonstyle:hover, table #buttonsnoresult a.buttonstyle:active, table #buttonsnoresult a.buttonstyle:focus {
 color: #000;                          /* Schriftfarbe */
 background-color: #a0a0a0 !important; /* Hintergrundfarbe bei mouseover */
 border-color: #000 #000 #000 #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;
}


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

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

#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: #000;
}

/* 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: #a0a0a0;
}

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

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


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

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

/* Button */
#t_quartiersuche a.buttonstyle, #t_quartiersuche a.buttonstyle:visited {
 color: #fff;                /* Schriftfarbe */
 background-color: #a0a0a0;  /* Hintergrundfarbe */
 border: 1px solid #000;     /* 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: #808080 !important;  /* Hintergrundfarbe bei mouseover */
}