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

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

1. Allgemeine Selektoren
2. Header
3. Breadcrumb
4. Formulare / Suchmasken
5. Formular-Buttons
6. Buttons
7. Warteseite
8. Nullergebnis / Buchungsbestaetigung
9. Suchergbebnis
10. Seiten blaettern
11. Liste Zimmer
12. Verfuegbarkeits-Kalender
13. Popup-Kalender
14. Links: infos, belegung, specials, preis, buchen
15. Warenkorb / Daten erfassen
16. Daten bestaetigen
17. Detailinfos Zimmer / Preis
18. Teaser
19. Koopaeration
20. teaser quartiersuche
========================================================== */


/*=======================================================================
        1. Allgemeine Selektoren
========================================================================*/
body {
 width: 803px;
 height: 100%;
 font-family: verdana, arial, helvetica, sans-serif;
 color: #000;
 background-color: #fff;
 margin: 10px 0;
 padding: 0;
}

/* rahmen-container fuer inhalt */
#container_content, #container_content_big {
 width: 550px;
 float: left;
 margin: 0 8px 0 0.5%;
 display: inline;
}
/* rahmen-container fuer inhalt ueber gesamte breite */
#container_content_big {
 width: 100%;
}
/* rahmen-container fuer teaser rechts */
#container_teaser, #container_teaser_big {
 width: 200px;
 float: left;
 margin: 20px 0 0 0;
}
/* rahmen-container fuer teaser ueber gesamte breite */
#container_teaser_big {
 width: 100%;
 margin: 20px 90px 0 90px;
 display: inline;
}

h1, h2 {
 width: 99.0%;
 float: left;
 font-size: 0.8em;
 color: #003471;
 padding: 10px 0;
 margin: 0 0 0 0.5%;
}
h2 {
 font-size: 0.70em;
 color: #000;
 padding: 10px 0 0 0;
}
fieldset {
 width: 100%;
 float: left;
 border-style: none;
 border-width: 0;
 padding: 0;
 margin: 0;
}
p {
 width: 100%;
 float: left;
 font-size: 0.7em;
 padding: 0 0 10px 0;
}
a, a:visited {
 color: #003471;
 text-decoration: underline;
 background-color: transparent;
 padding: 1px;
}
a:hover, a:active, a:focus {
 color: #fff !important;
 text-decoration: none;
 background-color: #003471 !important;
}
hr {
 width: 95%;
 float: left;
 border-style: solid;
 border-width: 1px 0;
 border-color: #808080 #fff #fff #fff;
 margin: 10px 2.5%;
}
/* IE */
hr {
 clear: both;
}

.fixfloat {
 float: none;
 clear: both;
 width: 0;
 height: 0;
 \margin: -2px 0 0 0;
 ma\rgin: 0 0 0 0;
 padding: 0;
 font-size: 0;
 line-height: 0px;
}
.none {
 position: absolute;
 top: 0;
 left: -5000px;
 z-index: 10;
}
.abstand {
 margin: 10px 5px 10px 10px;
 display: inline;
}


/*=======================================================================
        2. Header
========================================================================*/
#header {
 width: 99%;
 float: left;
 background-color: #406794;
 padding: 1% 0.5%;
 margin: 0 0 20px 0;
}
#header #logo img {
 float: left;
}
#header #headline {
 width: 45%;
 float: left;
 color: #FFF;
 text-align: center;
 margin: 5px 0 0 0;
 display: inline;
}


/*=======================================================================
        3. Breadcrumb
========================================================================*/
#breadcrumb {
 /* width: 99.5%; */
 width: 100%;
 float: left;
 padding-left: 0.9%; 
 /*padding-left: 0.5%; */
}

#breadcrumb .left {
 /* width: 495px; */
 width: 100%;
 float: left;
}
#breadcrumb .right {
 width: 175px;
 float: right;
}

#breadcrumb .hint {
 float: left;
 font-size: 0.6em;
 color: #818181;
 padding: 0 0 10px 0;
}
#breadcrumb ul {
 float: left;
 margin: 0;
 padding: 0;
 list-style-type: none;
}
#breadcrumb li {
 float: left;
 font-size: 0.6em;
 color: #818181;
 padding: 0 6px 10px 6px;
}

#breadcrumb li a.active {
 font-size: 110%;
 font-weight: bold;
 color: #003471 !important;
 text-decoration: none !important;
 background-color: #F0F0F0 !important;
 border-style: solid;
 border-width: 0 1px 1px 0;
 border-color: #B3B3B3;
 padding: 2px 3px;
}

/* lage / drucken */
#breadcrumb .right li.location {
 background: transparent url(/irs/TBooking/img/objects/location.gif) no-repeat 0 0;
}
#breadcrumb .right li.print {
 background: transparent url(/irs/TBooking/img/objects/print.gif) no-repeat 46% 0;
 /*background: transparent url(/irs/TBooking/img/objects/print.gif) no-repeat 0 0; */
}
#breadcrumb .right a {
 float: right;
 margin: 0 0px 0 12px;
 /*margin: 0 10px 0 12px; */
}

*/
/*=======================================================================
        4. Formular / Suchmasken
========================================================================*/
#form {
 width: 100%;
 float: left;
 padding: 0 0 10px 0;
 }

#form .formcontainer {
 width: 100%;
 float: left;
 background-color: #D6DEE8;
 border: 1px solid #406794;
 padding: 0 0 5px 0;
 margin: 10px 0 0 0;
 }
#form .grau {
 width: 100%;
 float: left;
 background-color: #E6E6E6;
 border: 1px solid #808080;
 padding: 0 0 5px 0;
 margin: 10px 0 0 0;
 }

#form p {
 width: 100%;
 float: left;
 font-size: 0.7em;
 margin: 5px 0;
 display: inline;
}
#form div.txt {
 width: auto;
 float: left;
 font-size: 0.7em;
 margin: 5px;
 display: inline;
}
#form .formentry {
 width: 100%;
 float: left;
 padding: 0;
 margin: 1px 0 2px 0;
}
#form .formentry img {
 float: left;
 padding: 0;
 margin: 5px 0 0 3px;
 display: inline;
}

/* fieldset */
#form fieldset br {
 float: none;
 clear: both;
}
#form .entry {
 float: left;
 font-size: 0.7em;
 padding: 0 10px 10px 15px;
}

/* legend */
#form legend {
 font-size: 0.75em;
 font-weight: bold;
 color: #000;
 padding: 5px 5px 10px 5px;
 }
#form legend.logo {
 background: transparent url(/irs/TBooking/img/logos/europaeische_gr.gif) no-repeat 98% 2px;
 padding: 5px 200px 20px 5px;
}

/* label */
#form label {
 width: 18%;
 float: left;
 font-size: 0.7em;
 color: #000;
 padding: 4px 0 0 16px;
}
#form label.kl {
 width: 22%;
 padding: 4px 0 0 0;
 margin: 0 0 0 5px;
}
#form label.auto {
 width: auto;
 text-align: left;
 padding: 4px 0 0 0;
 margin: 0 0 0 5px;
 display: inline;
}
#form label.auto2 {
 width: 90%;
 text-align: left;
 margin: 0 0 0 5px;
 display: inline;
}
#form label.auto3 {
 width: 24%;
 padding: 4px 0 0 10px;
 margin: 0 0 0 5px;
 display: inline;
 }
#form label.ort {
 width: auto;
 margin: 0 0 0 12px;
 }
/* IE */
* html #form label.ort {
 margin: 0 0 0 10px;
 display: inline;
}
*+html #form label.ort {
 margin: 0 0 0 10px;
 display: inline;
}
#form label.teaser {
 width: 32%;
 padding: 0;
 margin: 8px 0 0 0;
}
#form label.tnight {
 width: 25%;
 padding: 0;
 margin: 8px 0 0 0;
}


/* input */
#form input {
 width: 24.4em;
 float: left;
 font-size: 0.7em;
 margin: 2px 0 2px 3px;
}
#form input.plz {
 width: 3.0em;
}
#form input.ort {
 width: 15.0em;
}
#form input.teaser {
 width: 40%;
 float: left;
 font-size: 0.7em;
 margin: 5px 0 0 3px;
 display: inline;
}
#form input.pers {
 width: 10%;
 float: left;
 font-size: 0.7em;
 margin: 5px 10px 0 3px;
 display: inline;
}
#form input.nights {
 width: 10%;
 float: left;
 font-size: 0.7em;
 margin: 5px 0 0 0;
 display: inline;
}

/* select */
#form select {
 float: left;
 font-size: 0.7em;
 margin: 2px 0 2px 3px;
 }
#form select.country {
 width: 24.8em;
 }
#form select.default {
 width: 9.4em;
 }
#form select.child {
 width: 8.5em;
 }
/* IE */
* html #form select.child {
 width: 8.6em;
}
#form select.small {
 width: 4.5em;
}
#form select.time {
 width: 5.0em;
}

/* textarea */
#form textarea {
 width: 90%;
 height: 100px;
 float: left;
 font-size: 0.7em;
 margin: 5px 0 0 15px;
 }
/* IE */
* html #form textarea {
 margin: 5px 4%;
 }


/* checkboxen */
#form input.check {
 width: 20px;
 float: left;
 margin: 5px 0 0 16px;
 }
#form input.check2 {
 width: 20px;
 float: left;
 margin: 5px 0 0 0;
 }
/* IE */
* html #form input.check {
 margin: 0 0 0 30px;
 display: inline;
}
*+html #form input.check {
 margin: 0 0 0 30px;
 display: inline;
}
* html #form input.check2 {
 margin: 0 0 0 0;
 display: inline;
}
*+html #form input.check2 {
 margin: 0 0 0 0;
 display: inline;
}


/* link fuer kalender/karte */
#form div.calendar {
 float: left;
 display: inline;
}
div.calendar{
 cursor: pointer;
}
#form div.calendar {
 float: left;
 background: transparent url(/irs/TBooking/img/objects/calendar.gif) no-repeat 3px 50%;
 padding: 0 0 0 20px;
 margin: 0 0 0 3px;
 display: inline;
}
#form div.calendar a {
 width: auto;
 height: 12px;
 float: left;
 font-size: 0.6em;
 line-height: 1.5em;
 padding: 0 1px 1px 1px;
 margin: 3px 0 0 5px;
}

/* popup hilfe flexibilitaet */
#form .hint a {
 float: left;
 width: 14px;
 height: 14px;
 background: transparent url(/irs/TBooking/img/objects/info.gif) no-repeat top left !important;
 margin: 4px 0 0 4px;
}

#form  a.screen, #form  a.screen:visited {
 width: 20px;
 height: 20px;
 float: left;
 color:#c00;
 position:relative;
 z-index:1;
}
#form a.screen b {
 position: absolute;
 left: 20px;
 top: -5px;
 visibility: hidden;
 width: 180px;
 height: 0;
 font-size: 0.6em;
 font-weight: normal;
 color: #000;
 border: 1px solid #000;
 background-color: #FFFFE1;
 padding: 7px 10px 10px 10px;
}
#form a.screen:hover, #form a.screen:active, #form a.screen:focus {
 text-decoration: none;
 border: 0;
 z-index: 1000;
}
#form a.screen:hover b, #form a.screen:active b, #form a.screen:focus b {
 visibility: visible;
 height: auto;
 cursor: pointer;
 z-index: 500;
}


/*=======================================================================
        5. Formular-Buttons
========================================================================*/
#buttons, #buttons2 {
 width: 100%;
 float: left;
 text-align: center;
 margin: 20px 0;
 }

/* IE */
* html #buttons, * html #buttons2 {
 float: none;
}
*+html #buttons, *+html #buttons2 {
 float: none;
}

#bcontainer {
 width: 100%;
 float: left;
 text-align: center;
 margin: 0;
 display: inline;
}

#bcontainer input.buttonstyle {
 width: 210px;
 font-size: 0.8em;
 font-weight: bold;
 color: #fff;
 border-style: solid;
 border-width: 1px;
 border-color: #DFEBFA #003471 #003471 #DFEBFA;
 background-color: #6181A7;
 padding: 2px 5px 2px 5px;
 margin: 0;
 display: inline;
 cursor: pointer;
}
#bcontainer input.buttonstyle:hover, #bcontainer input.buttonstyle:active, #bcontainer input.buttonstyle:focus {
 border-color: #000 #DFEBFA #DFEBFA #000;
 background-color: #003471;
 padding: 1px 6px 3px 4px;
}

#bcontainer input.left {
 float: left;
 margin-left: 75px;
}
#bcontainer input.center {
 margin-left: 201px;
}
#bcontainer input.right {
 float: right;
 margin-right: 75px;
}

#buttons a.buttonstyle, #buttons a.buttonstyle:visited, #buttons2 a.buttonstyle, #buttons2 a.buttonstyle:visited {
 width: 180px;
 font-size: 0.7em;
 font-weight: bold;
 color: #fff;
 text-decoration: none;
 line-height: 2.0em;
 border-style: solid;
 border-width: 1px;
 border-color: #DFEBFA #003471 #003471 #DFEBFA;
 background-color: #6181A7;
 padding: 2px 5px 2px 5px;
 }
#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 {
 border-color: #000 #DFEBFA #DFEBFA #000;
 background-color: #003471;
 padding: 1px 6px 3px 4px;
 }

/* wt */
#container table.service {
 font-size: 0.70em;
 font-weight: bold;
 margin: 0 20px 10px 60px;
}

#buttonsnoresult a.buttonstyle, #buttonsnoresult a.buttonstyle:visited {
 width: 180px;
 font-size: 1.0em;
 font-weight: bold;
 color: #fff;
 text-decoration: none;
 border-style: solid;
 border-width: 1px;
 border-color: #DFEBFA #003471 #003471 #DFEBFA;
 background-color: #6181A7;
 padding: 2px 5px 2px 5px;
 }

#buttonsnoresult a.buttonstyle:hover, #buttonsnoresult a.buttonstyle:active, #buttonsnoresult a.buttonstyle:focus {
 border-color: #000 #DFEBFA #DFEBFA #000;
 background-color: #003471;
 padding: 1px 6px 3px 4px;
 }
/* wt */

/*=======================================================================
        6. Warteseite
========================================================================*/
#wait {
 float: left;
 width: 56%;
 margin: 20px 22%;
}

/* IE */
* html #wait {
 float: none;
}
*+html #wait {
 float: none;
}

#wait h1 {
 float: left;
 font-size: 110%;
}
#wait p {
 font-size: 0.75em;
 color: #737373;
 padding: 10px 0 20px 0;
}
#wait img {
 float: left;
}


/*=======================================================================
        7. Nullergebnis / Buchungsbestaetigung
========================================================================*/
#container {
 width: 90%;
 float: left;
 border-style: solid;
 border-width: 1px;
 border-color: #E6E6E6 #808080 #808080 #E6E6E6;
 background-color: #E6E6E6;
 padding: 0 0 10px 0;
 margin: 20px 0 0 5%;
 display: inline;
}

#container h2 {
 width: 80%;
 background: transparent url(/irs/TBooking/img/objects/warning.gif) no-repeat 0 0;
 padding: 10px 0 20px 40px;
 margin: 10px 10px 0 10px;
 }
 
#container h2.normal {
 float: none;
 font-size: 80%;
 background-color: transparent;
 background-image: none;
 padding: 10px 0 0 0;
 margin: 10px 10px 0 10px;
 }
#container h3 {
 float: none;
 font-size: 70%;
 color: #000;
 padding: 10px 0 0 0;
 margin: 0 10px 10px 10px;
}

#container p {
 width: 95%;
 font-size: 0.75em;
 margin: 0 20px 10px 50px;
}

#container p.normal {
 font-size: 0.75em;
 float: left;
 margin: 0 20px 10px 10px;
}
#container p.center {
 text-align: center;
 margin: 30px 20px 10px 10px;
}

/* link db / routenplaner */
#container ul {
 float: left;
 list-style-type: none;
 padding: 0;
 margin: 0 0 10px 0;
}
#container li {
 float: left;
 padding: 0 0 0 23px;
 margin: 0 10px;
}
#container li.db {
 background: transparent url(/irs/TBooking/img/objects/icon_db.gif) no-repeat 0 0;
}
#container li.route {
 background: transparent url(/irs/TBooking/img/objects/icon_route.gif) no-repeat 5px 0;
}
#container li a {
 float: left;
 font-size: 0.6em;
}

#container .address {
 width: 100%;
 float: left;
 font-size: 0.6em;
 text-align: center;
}


/*=======================================================================
        8. Suchergbebnis
========================================================================*/
#result {
 width: 99.5%;
 float: left;
 margin-left: 0.5%;
 display: inline;
}
* html #result {
 width: 99.5%;
}
#result p {
 width: 100%;
 float: left;
 font-size: 0.7em;
 line-height: 1.5em;
 padding: 0;
 margin: 0;
}
#result p img.adobe {
 float: left;
 margin: 20px 5px 0 0;
 padding: 0;
 display: inline;
}

* html #result p img.adobe {
 margin: 5px 5px 0 0;
}
*+html #result p img.adobe {
 margin: 5px 5px 0 0;
}
#result p a.adobe {
 float: left;
 margin: 5px 0 0 0;
}
* html #result p a.adobe {
 margin: 25px 0 0 0;
}
*+html * html #result p a.adobe {
 margin: 25px 0 0 0;
}


/*=======================================================================
       10.  Seiten blaettern
========================================================================*/
.jump {
 width: 99.5%;
 float: left;
 font-size: 0.7em;
 margin: 10px 0 0 0.5%;
 display: inline;
}

.pages {
 float: right;
 padding: 0 5px 0 0;
 margin: 0 5px 0 0;
}

.top {
 float: right;
 background: transparent url(/irs/TBooking/img/objects/print.gif) no-repeat 0% 6px;
 /*background: transparent url(/irs/TBooking/img/objects/top.gif) no-repeat 100% 10px;*/
 padding: 0 0 0 11px;
 margin: 0 0 0 0;
}


 /* Mein Code */
 #container h3.header3 {
 width: 80%;
 padding: 10px 0 20px 40px;
 margin: 10px 10px 0 10px;
 }
 /* Mein Code */
 
/* Mein code */
.oben {
 float: right;
 background: transparent url(/irs/TBooking/img/objects/top.gif) no-repeat 100% 10px;
 padding: 0 5px 0 11px;
 margin: 0 0 0 0;
}
/* Mein code */

.neusuche {
 float: left;
 background: transparent url(/irs/TBooking/img/objects/back.gif) no-repeat 0 9px;
 padding: 0 0 0 3px;
 margin: 0 0 0 0;
}

/* Mein Code */
.top2 {
 float: right;
 background: transparent url(/irs/TBooking/img/objects/top.gif) no-repeat 100% 10px;
 padding: 0 5px 0 0;
 margin: 0 5px 0 0;
}
/*Mein Code ende*/

.jump a {
 line-height: 2.0em;
 padding: 1px;
 margin: 5px;
 display: inline;
}
.jump a.active {
 font-weight: bold;
 color: #fff;
 text-decoration: none;
 background-color: #003471;
 padding: 1px 2px 2px 2px;
}


/*=======================================================================
        11. Liste Zimmer
========================================================================*/
#verteilung {
 width: 100%;
 float: left;
}
#roomlist, #verteilung .roomunit {
 width: 99%;
 float: left;
 border: 1px solid #406794;
 background-color: #D6DEE8;
 padding: 0;
 margin: 20px 0 0 0;
}
/* IE */
* html #roomlist, * html #verteilung .roomunit {
 width: 98.9%;
}
*+html #roomlist, *+html #verteilung .roomunit {
 width: 98.9%;
}

#verteilung .roomunit {
 margin: 2px 0 0 0;
}
#roomlist .listheader {
 float: left;
}

#roomlist .explanation {
 width: 98%;
 float: left;
 font-size: 0.7em;
 padding: 2px 3px;
 margin: 0;
}

/* marker */
#roomlist .square {
 float: left;
 padding: 0 0 5px 0;
 margin: 5px 10px 0px 0;
 display: inline;
}
#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;
}

/*=======================================================================
        11. Zimmerliste
========================================================================*/
#verteilung .room  {
 width: 100%;
 float: left;
 background-color: #fff;
 padding: 2px 0 5px 0;
 margin: 1px 0 0 0;
}

#verteilung .room h3 {
 font-size: 0.75em;
 color: #003471;
 padding: 3px;
 margin: 0;
}
#verteilung .room .zeit {
 width: 96%;
 float: left;
 border-style: solid;
 border-width: 1px 0;
 border-color: #E6E6E6;
 background-color: #F9F9F9;
 padding: 0 0 3px 0;
 margin: 3px 1% 0 3%;
 display: inline;
}


/*=======================================================================
        12. Verfuegbarkeits-Kalender
========================================================================*/
#verteilung .room .period {
 width: 40%;
 float: left;
 font-size: 0.6em;
 color: #303030;
 padding: 15px 5px 0 5px;
 }

#verteilung .room .cal {
 width: 57%;
 float: right;
 font-size: 0.6em;
 margin: 0;
 }
#verteilung .room .days, #verteilung .room .dates {
 float: left;
 }
#verteilung .room .month {
 float: none;
 margin: 5px 0 0 0;
 }

/* formatierung kalender */
#verteilung .room .day {
 width: 16px;
 height: 13px;
 float: left;
 letter-spacing: -2px;
 text-align: center;
 margin: 0 1px 0 0;
 display: inline;
 }
#verteilung .room .date {
 width: 14px;
 height: 13px;
 float: left;
 letter-spacing: -2px;
 text-align: center;
 margin: 1px 1px 1px 0;
 display: inline;
 }
#verteilung .room .default {
 color: #3D3D3D;
 border: 1px solid #C4DF9B;
 background-color: #C4DF9B;
 }
#verteilung .room .go {
 color: #000;
 border: 1px solid #000;
 background-color: #99CC33;
 }
#verteilung .room .nogo {
 color: #3D3D3D;
 border: 1px solid #F9AD81;
 background-color: #F9AD81;
 }


#verteilung .room div.calendar {
 float: left;
 display: inline;
}
#verteilung .room div#pop_calendar {
 float: left;
 display: inline;
}
#verteilung .room div.calendar {
 float: left;
 background: transparent url(/irs/TBooking/img/objects/calendar.gif) no-repeat 3px 50%;
 padding: 0 0 0 20px;
 margin: 0 0 0 3px;
 display: inline;
}
#verteilung .room div.calendar a {
 width: auto;
 height: 12px;
 float: left;
 line-height: 1.5em;
 padding: 0 1px 1px 1px;
 margin: 3px 0 0 5px;
 display: inline;
}


/*=======================================================================
        13. Popup-Kalender
========================================================================*/
#c_wrapper {
 width: 200px;
 float: left;
 margin: 0;
 display: inline;
}

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

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

#calendar table {
 font-size: 0.70em;
 color: #000;
}
#calendar caption {
 font-size: 110%;
 font-weight: bold;
 text-align: center;
 padding: 5px 0;
}
#calendar th {
 font-weight: normal;
}
#calendar td {
 color: #000;
 text-align: center;
 background-color: #fff;
 padding: 2px;
 border: 1px solid #fff;
}
#calendar td.weekend {
 font-weight: bold;
}
#calendar td.free {
 background-color: #daecbe;
 border: 1px solid #daecbe;
}
#calendar td.go {
 color: #000;
 background-color: #99cc33;
 border: 1px solid #000;
}
#calendar td.nogo {
 background-color: #f9ad81;
 border: 1px solid #f9ad81;
}
#calendar td.marker {
 font-weight: bold;
 color: #9d0d15;
}
#calendar td.today {
 color: #000;
 font-weight: bold;
 background-color: #d3d3d3;
 border: 1px solid #d3d3d3;
}


/*=======================================================================
        14. Links: infos, belegung, specials, preis, buchen
========================================================================*/
#verteilung .room ul {
 width: 100%;
 float: left;
 padding: 0;
 margin: 5px 0 0 0;
 list-style-type: none;
 }
#verteilung .room li {
 float: left;
 padding: 0;
 margin: 0;
 }

/* weitere infos */
#verteilung .room li.zimmerlink  {
 width: 23%;
 float: left;
 font-size: 0.7em;
 color: #000;
 padding: 0;
 margin: 4px 0 0 0;
 }
#verteilung .room li.zimmerlink a, #verteilung .room li.zimmerlink a:visited, #warenkorb td li a.zimmerlink, #warenkorb td li a.zimmerlink:visited {
 float: left;
 font-size: 90%;
 color: #fff;
 text-decoration: none;
 border: 1px solid #003471;
 background-color: #4C719B;
 padding: 1px 4px;
 margin-left: 15px;
 display: inline;
 }
#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;
 border: 1px solid #000;
 background-color: #003471;
 }

/* belegung */
#verteilung .room li.belegung {
 width: 27% !important;
 float: left;
 font-size: 0.7em;
 color: #303030 !important;
 text-align: center;
 padding: 0;
 margin: 5px 0 0 0;
}

/* special */
#verteilung .room li.special {
 width: 15%;
 float: left;
 margin: 5px 0 0 0;
}
#verteilung .room li.special img {
 float: left;
}

/* preis */
#verteilung .room li.preis {
 width: 17%;
 float: left;
 font-size: 0.7em;
 font-weight: bold;
 color: #003471;
 text-align: right;
 padding: 0;
 margin: 5px 0 0 0;
}

/* buttons */
#verteilung .room li.button {
 width: 17%;
 float: right;
 font-size: 0.6em;
 color: #000;
 text-align: right;
 padding: 0;
 margin: 0;
}

/* button buchen */
#verteilung .room li.button a.buchen, #verteilung .room li.button a.buchen:visited {
 float: right;
 color: #fff;
 text-decoration: none;
 border-style: solid;
 border-width: 1px;
 border-color: #F0F0F0 #005952 #005952 #F0F0F0;
 background: #598527 url(/irs/TBooking/img/objects/warenkorb_weiss.gif) no-repeat 97% 50% !important;
 padding: 2px 25px 3px 5px;
 margin: 0 3px 0 0;
 display: inline;
 }
 
#verteilung .room li.button a.buchen:hover, #verteilung .room li.button a.buchen:active, #verteilung .room li.button a.buchen:focus {
 color: #598527 !important;
 border-color: #B3B3B3 #E8E7E7 #E8E7E7 #B3B3B3;
 background: #E8E7E7 url(/irs/TBooking/img/objects/warenkorb_gruen.gif) no-repeat 97% 50% !important;
 }

#verteilung .room li.button a.inactive, #verteilung .room li.button a.inactive:visited {
 float: right;
 color: #B3B3B3;
 /* color: #fff; */
 text-decoration: none;
 border-style: solid;
 border-width: 1px;
 border-color: #B3B3B3;
 background: #fff url(/irs/TBooking/img/objects/warenkorb_grau.gif) no-repeat 97% 50% !important;
 /*border-color: #F0F0F0 #005952 #005952 #F0F0F0;
 background: #598527 url(/irs/TBooking/img/objects/warenkorb_weiss.gif) no-repeat 97% 50% !important; */
 padding: 2px 25px 3px 5px;
 margin: 0 3px 0 0;
 display: inline;
 }
 
#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; */
}

 /* button anfrage */
#verteilung .room li.button a.request, #verteilung .room li.button a.request:visited {
 float: right;
 color: #fff;
 text-decoration: none;
 border-style: solid;
 border-width: 1px;
 border-color: #F0F0F0 #005952 #005952 #F0F0F0;
 background: #598527 url(/irs/TBooking/img/objects/anfrage.gif) no-repeat 97% 50% !important;
 padding: 2px 25px 3px 5px;
 margin: 0 3px 0 0;
 display: inline;
 }
 
 #verteilung .room li.button a.request:hover, #verteilung .room li.request a.buchen:active, #verteilung .room li.request a.buchen:focus {
 color: #598527 !important;
 border-color: #B3B3B3 #E8E7E7 #E8E7E7 #B3B3B3;
 background: #E8E7E7 url(/irs/TBooking/img/objects/anfrage.gif) no-repeat 97% 50% !important;
 }


/*=======================================================================
        15. Warenkorb / Daten erfassen
========================================================================*/
#warenkorb, #warenkorb2 {
 width: 99.5%;
 float: left;
}
 #warenkorb2 {
 margin: 0 0 30px 0;
}

#leistung, #versicherung {
 width: 99.5%;
 float: left;
 padding: 0;
 margin: 0;
}
#leistung1, #versicherung1 {
 width: 99.5%;
 float: left;
 padding: 0;
 margin: 0;
}
#leistung1-title, #versicherung1-title {
 width: 99.4%;
 float: left;
 padding: 4px 0;
 margin: 10px 0 0 0;
}
#leistung1 group1, #versicherung1 group2 {
 width: 100%;
 float: left;
 padding: 0;
 margin: 0;
}

#warenkorb table, #warenkorb2 table, #versicherung table, #leistung table {
 width: 100%;
 float: left;
 padding: 0;
 margin: 0;
}

#warenkorb caption {
 width: 100%;
 padding: 0 0 8px 0;
}

/* spaltenbreite */
#w1, #r1, #l1 {
 width: 45%;
 text-align: left;
}
#w2, #r2, #l2 {
 width: 37%;
 text-align: left;
}
#w3, #r3, #l3 {
 width: 23%;
 text-align: right;
}
#d1 {
 width: 10%;
}
#d2 {
 width: 70%;
}
#d3 {
 width: 20%;
}

/* wt spaltenbreite */
#wex1, #lex1 {
 width: 25%;
 text-align: left;
}
#wex2, #lex2 {
 width: 35%;
 text-align: left;
}
#wex3, #lex3 {
 width: 20%;
 text-align: center;
}
#wex4, #lex4 {
 width: 20%;
 text-align: right;
}
/* wt */

/*#warenkorb th, #warenkorb2 th, #versicherung th, #leistung th { */
#warenkorb th {
 font-size: 0.6em;
 color: #000;
 background-color: #6181A7;
 padding: 5px 3px;
}
#warenkorb th {
 color: #FFF;
}

/* wt */
#warenkorb2 th, #versicherung th, #leistung th {
 font-size: 0.6em;
 color: #000;
 text-align: left;
 background-color: #6181A7;
 padding: 5px 3px;
}
/* wt */

#versicherung th, #leistung th {
 background-color: #E6E6E6;
 padding: 0;
}
#warenkorb2 th {
 background-color: #FFF;
 padding: 0;
 border-bottom: 1px solid #c9c9c9;
}
#warenkorb2 th.amount {
 text-align: center;
}
#warenkorb2 th.price {
 text-align: right;
}

/* wt */
#warenkorb td {
 font-size: 0.7em;
 color: #595959;
 padding: 3px;
 border-bottom: 1px solid #818181;
}
#warenkorb td select {
 width: 60%;
 font-size: 100%;
}
/* wt */

/* #warenkorb td, #warenkorb2 td, #versicherung td, #leistung td  { */
#warenkorb2 td, #versicherung td, #leistung td  {
 font-size: 0.7em;
 color: #595959;
 text-align: left;
 padding: 3px;
 border-bottom: 1px solid #818181;
 }
#warenkorb td.dunkel {
 background-color: #D6DEE8;
 }
#warenkorb td.hell {
 background-color: #F3F5F8;
 }
#warenkorb2 td {
 color: #000;
 text-align: left;
 border-bottom: 1px solid #FFF;
}
#warenkorb2 td.amount {
 text-align: center;
}
#versicherung td.dunkel, #leistung td.dunkel  {
 color: #000;
 background-color: #E6E6E6;
 }
#versicherung td.hell, #leistung td.hell {
 color: #595959;
 background-color: #F7F7F7;
 }
#warenkorb td span.title, #versicherung td span.title, #leistung td span.title {
 color: #000;
 font-weight: bold;
 }
#warenkorb td span.title2 {
 font-weight: bold;
 }
#warenkorb td div.unit {
 width: 100%;
 float: left;
 padding: 0 0 8px 0;
 }
#warenkorb td div.beschreibung {
 width: 75%;
 float: left;
 }
 
/* wt */
#warenkorb td div.beschreibung2 {
 width: 65%;
 float: left;
 margin-top: 4px;
}
#warenkorb td div.price2 {
 width: 25%;
 float: right;
 text-align: right;
 margin-top: 4px;
 }
#warenkorb td div.remove {
 width: 5%;
 float: left;
}
/* wt */
 
#warenkorb td div.price {
 width: 25%;
 float: right;
 text-align: right;
 }
 
 /* wt */
 #warenkorb td.preisex {
 font-size: 0.7em;
 font-weight: normal;
 color: #000;
 text-align: right;
 }
 /* wt */
 
#warenkorb td.preis, #warenkorb2 td.preis, #versicherung td.preis, #leistung td.preis {
 font-size: 0.7em;
 font-weight: bold;
 color: #000;
 text-align: right;
 }
#versicherung td.preis2, #leistung td.preis2 {
 font-size: 0.7em;
 font-weight: normal;
 color: #595959;
 text-align: right;
 }
#warenkorb td.zwischen, #versicherung td.zwischen, #leistung td.zwischen {
 font-size: 0.8em;
 font-weight: normal;
 color: #000;
 text-align: right;
 border-bottom: 1px solid #fff;
 padding-right: 10px;
 }
#warenkorb td.total, #warenkorb2 td.total, #versicherung td.total, #leistung td.total {
 font-size: 0.8em;
 font-weight: bold;
 color: #000;
 text-align: right;
 border-bottom: 1px solid #fff;
 padding-right: 10px;
}
#warenkorb2 td.total {
 font-size: 0.7em;
 font-weight: normal;
 text-align: right;
 border-top: 1px solid #c9c9c9;
 padding-right: 10px;
}

#warenkorb td.zwischenprice, #versicherung td.zwischenprice, #leistung td.zwischenprice {
 font-size: 0.8em;
 font-weight: bold;
 color: #000;
 text-align: right;
 border-bottom: 1px solid #fff;
 }
#warenkorb td.totalprice, #warenkorb2 td.totalprice, #versicherung td.totalprice, #leistung td.totalprice {
 font-size: 0.9em;
 font-weight: bold;
 color: #000;
 text-align: right;
 border-right: 1px solid #818181;
 border-bottom: 1px solid #818181;
 border-left: 1px solid #818181;
 background-color: #FFFBCC;
}
#warenkorb2 td.totalprice {
 font-size: 0.9em;
 font-weight: bold;
 color: #000;
 text-align: right;
 border-top: 1px solid #c9c9c9 !important;
 border-right: 1px solid #FFF;
 border-bottom: 1px solid #FFF;
 border-left: 1px solid #FFF;
 background-color: #FFF;
}

#total {
 width: 99.5%;
 float: left;
 margin: 0;
}
#total .total {
 width: 81%;
 float: left;
 font-size: 0.8em;
 font-weight: bold;
 text-align: right;
 padding: 1% 0;
 margin: 0;
}
/* IE 6 */
* html #total .total {
 width: 80%;
}
#total .totalprice {
 width: 16%;
 float: right;
 font-size: 0.9em;
 font-weight: bold;
 color: #000;
 text-align: right;
 background-color: #FFFBCC;
 padding: 1%;
 border-right: 1px solid #818181;
 border-bottom: 1px solid #818181;
 border-left: 1px solid #818181;
}

#warenkorb td img {
 margin: 5px 0 0 0;
}

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

#warenkorb td li a.zimmerlink {
 padding: 1px 4px;
 margin: 0 0 0 2px !important;
}

/* wt */
#warenkorb td li.wt {
 width: 90%;
 float: left;
 margin: 10px 0 5px 0;
}

#warenkorb td li.wt a.zimmerlink {
 padding: 1px 4px;
 margin: 0 0 0 2px !important;
}
/* wt */

#warenkorb td li a.delete, #warenkorb td li a.delete:visited {
 float: right;
 color: #ED1C24;
 text-decoration: underline;
 padding: 0 1px 1px 1px;
 margin: 0 10px 0 0;
}
#warenkorb li a.delete:hover, #warenkorb li a.delete:active, #warenkorb li a.delete:focus {
 color: #fff !important;
 text-decoration: none !important;
 background-color: #ED1C24;
}

/* leistungen / reiseversicherung */
div.theader {
 width: 100%;
 float: left;
 font-size: 0.7em;
 font-weight: bold;
 background-color: #c9c9c9;
 padding: 5px 0 6px 0;
 border-right: 1px solid #818181;
 border-bottom: 1px solid #818181;
 margin: 10px 0 0 0;
 cursor: pointer;
}
div.theader span {
 float: left;
 margin: 0 10px 0 0;
}
div.theader img {
 float: left;
 margin: 2px 10px 0 10px;
}

#versicherung, #leistung {
 width: 100%;
 float: left;
 margin: 0 0 10px 0;
 }
#versicherung input.check, #leistung input.check {
 float: left;
 padding: 0;
 margin: 0 5px 5px 5px !important;
 }
#versicherung label.header, #leistung label.header {
 width: auto;
 float: left;
 font-size: 0.75em;
 font-weight: bold;
 padding: 0;
 margin: 0;
 }
#versicherung label.normal, #leistung label.normal {
 width: 80%;
 float: left;
 font-size: 100%;
 text-align: left;
 font-weight: normal;
 padding: 0;
 margin: 0;
 }

#leistung td select {
 width: 60%;
 font-size: 100%;
}
#form legend span.produkt {
 font-weight: normal;
 }


/*=======================================================================
        16. Daten bestaetigen
========================================================================*/
#warenkorb2 table.confirm {
 border-collapse: collapse;
}

#warenkorb2 table.confirm th {
 font-size: 0.7em;
 border-style: solid;
 border-width: 1px 0;
 border-color: #808080;
 background-color: #E6E6E6;
 padding: 3px 0 5px 10px;
}

#auftraggeber, #reise, #kredit, #message {
 width: 100%;
 float: left;
 margin-bottom: 30px;
 }

#auftraggeber h2, #reise h2, #kredit h2, #message h2 {
 width: 98%;
 float: left;
 font-size: 0.7em;
 border-style: solid;
 border-width: 1px 0;
 border-color: #808080;
 background-color: #E6E6E6;
 padding: 3px 0 5px 10px;
 margin: 0 0 10px 0;
 }

#reise h2 {
 background: #E6E6E6 url(/irs/TBooking/img/logos/europaeische_gr.gif) no-repeat 98% 0;
 padding: 3px 0 10px 10px;
 }

#auftraggeber .row, #reise .row, #kredit .row, #message .row {
 width: 90%;
 float: left;
 font-size: 0.7em;
 margin: 3px 0 3px 20px;
 display: inline;
 }
#auftraggeber span.title, #reise span.title, #kredit span.title, #message span.title {
 width: 30%;
 float: left;
 }
#auftraggeber span.entry, #reise span.entry, #kredit span.entry, #message div.entry, #message span.entry  {
 width: 70%;
 float: left;
 font-weight: bold;
 color: #003471;
 }


/*=======================================================================
        17. Detailinfos Zimmer / Preis
========================================================================*/
#unit, #price {
 width: 410px;
 float: left;
 font-size: 0.7em;
 line-height: 1.5em;
}
#unit img {
 width: 200px;
 float: right;
 margin: 0 0 10px 10px;
}
#unit h1, #price h1 {
 line-height: 1.5em;
 font-size: 130%;
}
#unit h2, #price h2 {
 width: 45%;
 float: none;
 font-size: 110%;
}
#unit p, #price p  {
 float: none;
 font-size: 100%;
 padding: 0;
 margin: 0;
}
#unit span.preis {
 font-size: 120%;
 font-weight: bold;
 color: #9E0B0E;
}
#unit .condi {
 width: 100%;
 float: left;
 background-color: #EBEBEB;
 padding: 0 0 10px 0;
 margin: 15px 0 5px 0;
}
#unit ul {
 float: left;
 padding: 5px 0 0 30px;
 margin: 0;
}
#unit .buchen {
 width: 100%;
 float: left;
 text-align: center;
 margin: 15px 0 0 0;
}
#unit .buchen a, #unit .buchen a:visited {
 font-size: 120%;
 font-weight: bold;
 color: #fff;
 text-decoration: none;
 line-height: 2.0em;
 border-style: solid;
 border-width: 1px;
 border-color: #F0F0F0 #005952 #005952 #F0F0F0;
 background: #598527 url(/irs/TBooking/img/objects/warenkorb_weiss.gif) no-repeat 96% 50%;
 padding: 2px 30px 2px 15px;
}
#unit .buchen a:hover, #unit .buchen a:active, #unit .buchen a:focus {
 color: #598527 !important;
 border-color: #B3B3B3 #E8E7E7 #E8E7E7 #B3B3B3;
 background: #E8E7E7 url(/irs/TBooking/img/objects/warenkorb_gruen.gif) no-repeat 97% 50% !important;
}


/*=======================================================================
     18. Teaser
========================================================================*/
/* teaser startseite */
#container_teaser .teaser, #container_teaser_big .teaser {
 width: 200px;
 float: left;
 margin: 0 5px 10px 5px;
 display: inline;
}
* html #container_teaser .teaser, * html #container_teaser_big .teaser {
 margin: 0 0 10px 5px;
 display: inline;
}

div.t_header {
 width: 100%;
 float: left;
 text-align: center;
 padding: 0;
}

div.t_header span {
 float: left;
 padding-bottom: 0px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}
div.t_header .single {
 height: 1.3em;
}

div.t_header span.side {
 width: 5px;
 float: left;
 border-top: 1px solid #fff;
 overflow: hidden;
}


/* header linke seite */
div.t_header span.side b.p1 {
 width: 0;
 height: 1px;
 float: left;
 font-size: 1px;
 border-left-width: 2px;
 border-left-style: solid;
 margin-left: 3px;
}
* html div.t_header span.side b.p1 {
 width:2px;
 w\idth:0;
}
div.t_header span.side b.p2 {
 width: 2px;
 height: 1px;
 float: left;
 font-size: 1px;
 border-left-width: 1px;
 border-left-style: solid;
 margin-left: 2px;
}
* html div.t_header span.side b.p2 {
 width: 3px;
 w\idth: 2px;
}
div.t_header span.side b.p3 {
 width: 3px;
 height: 2px;
 float: left;
 font-size: 1px;
 border-left-width: 1px;
 border-left-style: solid;
 margin-left: 1px;
}
* html div.t_header span.side b.p3 {
 width: 4px;
 w\idth: 3px;
}
div.t_header span.side b.p4 {
 width: 4px;
 height: 100%;
 float: left;
 border-left-width: 1px;
 border-left-style: solid;
}
* html div.t_header span.side b.p4 {
 width: 5px;
 w\idth: 4px;
}

/* header rechte seite */
div.t_header span.side b.p5 {
 width: 0;
 height: 1px;
 float: left;
 font-size: 1px;
 border-right-width: 2px;
 border-right-style: solid;
 margin-right: 3px;
}
* html div.t_header span.side b.p5 {
 width:2px;
 w\idth:0;
}
div.t_header span.side b.p6 {
 width: 2px;
 height: 1px;
 float: left;
 font-size: 1px;
 border-right-width: 1px;
 border-right-style: solid;
 margin-right: 2px;
}
* html div.t_header span.side b.p6 {
 width: 3px;
 w\idth: 2px;
}
div.t_header span.side b.p7 {
 width: 3px;
 height: 2px;
 float: left;
 font-size: 1px;
 border-right-width: 1px;
 border-right-style: solid;
 margin-right: 1px;
}
* html div.t_header span.side b.p7 {
 width: 4px;
 w\idth: 3px;
}
div.t_header span.side b.p8 {
 width: 4px;
 height: 100%;
 float: left;
 border-right-width: 1px;
 border-right-style: solid;
}
* html div.t_header span.side b.p8 {
 width: 5px;
 w\idth: 4px;
}

/* teaser-ueberschrift */
div.t_header span.mid {
 width: 180px;
 float: left;
 font-size: 0.7em;
 font-weight: bold;
 text-align: left;
 padding: 4px 5px 4px;
 border-top-width: 1px;
 border-top-style: solid;
}
/* teaser-content */
div.t_body {
 width: 99%;
 float: left;
 border-style: solid;
 border-width: 0 1px 1px 1px;
}
div.t_body p {
 float: left;
 font-size: 0.7em;
 line-height: 1.05em;
 padding: 9px 3px;
 margin: 0;
}
div.t_body p img {
 width: 100px;
 height: 75px;
 float: left;
 margin: 0 3px 3px 0;
}
/* teaser-link */
div.t_link {
 float: left;
 font-size: 0.6em;
 padding: 3px 3px 6px 3px;
 margin: 0;
}


div.t_header span.mid {
 width: 180px;
}
/* breite teaser-inhalt muss immer 2 Pixel
   schmaler sein als gesamtbreite teaser
*/
div.t_body {
 width: 198px;
}

/* rand 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;
}

/* hintergrund 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: #4c719b;
}

/* teaser-ueberschrift */
div.t_header span.mid {
 color: #FFF;
}

/* teaser-inhalt */
div.t_body {
 color: #000;
 background-color: #EEE;
 border-color: #000;
}
div.t_body p {
 width: 97%;
}


/*=======================================================================
        19. Koopaeration
========================================================================*/
#kooperation {
 width: 100%;
 float: left;
 margin: 30px 0 0 0;
}
#kooperation .wrapper {
 float: right;
}
#kooperation .txt {
 float: left;
 font-size: 0.6em;
 color: #959595;
 margin: 50px 5px 0 0;
 display: inline;
}
#kooperation .k_logo {
 margin: 0 0 0 0;
}


/*  =========================================================
    	20. teaser quartiersuche
========================================================== */
#t_quartiersuche {
 width: 198px;
 float: left;
 background-color: #eee;
 padding-bottom: 1px;
 border: 1px solid #406794;
 margin: 10px 0;
}

#t_quartiersuche div.title {
 width: 95%;
 float: left;
 font-size: 0.8em;
 font-weight: bold;
 color: #fff;
 background-color: #406794;
 padding: 2px 0 3px 5%;
 margin: 0 0 0 0;
}

#t_quartiersuche form {
 width: 95%;
 float: left;
 padding: 1% 1% 2% 4%;
 margin: 0;
}

#form .formentry a.img {
 float: left;
 background-color: transparent !important;
}

#t_quartiersuche a.buttonstyle, #t_quartiersuche a.buttonstyle:visited {
 float: right;
 font-size: 0.7em;
 font-weight: bold;
 color: #fff;
 text-decoration: none;
 background-color: #6685aa;
 padding: 1px 5px;
 border: 1px solid #003471;
 margin: 10px;
 display: inline;
}
#t_quartiersuche a.buttonstyle:hover, #t_quartiersuche a.buttonstyle:active, #t_quartiersuche a.buttonstyle:focus  {
 background-color: #003471;
}

#t_quartiersuche ul {
 width: 100%;
 float: left;
 list-style-type: none;
 padding: 0;
 margin: 0;
}
#t_quartiersuche li {
 width: auto;
 float: left;
 font-size: 0.6em;
 padding: 2px 1px 2px 17px;
 margin: 0 10px 0 0;
 display: inline;
}
#t_quartiersuche li.location {
 background: transparent url(/irs/TBooking/img/objects/location.gif) no-repeat 0 0;
}
#t_quartiersuche li.route {
 background: transparent url(/irs/TBooking/img/objects/icon_route.gif) no-repeat 0 0;
}