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

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

1. Allgemeine Selektoren
2. Navigation
3. Breadcrumb
4. Formular Suchmasken
5. Container weitere Merkmale
6. Buttons
7. Warteseite
8. Nullergebnis
9. Suchergbebnis
10. Seiten blaettern
11. Popup Zeichenerklaerung
12. Suchergbebnis Liste
13. Seite drucken
14. Detailseite Header
15. Detailseite Fliesstext
16. Liste Zimmer
17. Formular Zimmersuche/Verfuegbarkeit
18. Verfuegbarkeits-Kalender
19. Liste Zimmer: infos, belegung, preis, buchen
20. Warenkorb
21. Daten bestaetigen
22. Bildergalerie
23. Detailinfos Zimmer
24. Hilfe-Seite
25. Ergebnisliste Prospektsuche
27. Tab-Navigation
28. Teaser
29. Erweiterung fuer Pauschalen/Geruest
30. Tab-Navigation
31. Teaser
32. Suche Themen
33. Themenuebersicht
34. Pauschalen-Varianten
35. Pauschalen-Detailseite, Hotelinformation
36. Pauschalen Suchergebnis
37. Pauschalen Verfuegbarkeits-Kalender
38. Bildergalerie Pauschalen
39. Bewertung
========================================================== */




/*=======================================================================
        1. Allgemeine Selektoren
========================================================================*/
body {
 width: 540px;
 font-family: verdana, arial, helvetica, sans-serif;
 color: #000;
 background-color: #fff; 
 margin: 10px 0; 
 padding: 0;
 }
h1, h2 {
 width: 100%;
 float: left;
 font-size: 0.8em;
 color: #003471;
 padding: 10px 0;
 margin: 0;
 }
h2 {
 width: 100%;
 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;
 }
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;
 }
ul.explanation {
 list-style-type: none;
 font-size: 0.7em;
 padding: 0;
 margin: 20px 0;
 }

.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;
 }
.margin {
 margin: 10px 0;
 }
.margin2 {
 margin: 10px 0 0 0;
 }
.margin3 {
 margin: 0 0 10px 0;
 }
.abstand {
 margin: 10px 0px 0px 10px;
 display: inline;
 }

/*=======================================================================
        2. Navigation
========================================================================*/
#navigation {
 width: 100%;
 float: left;
 background-color: #003470;
 margin: 0 0 10px 0;
 }
#navigation ul {
 float: left;
 list-style-type: none;
 padding: 0;
 margin: 0;
 }
#navigation li {
 float: left;
 border-right: 1px solid #fff;
 }
#navigation li.noborder {
 float: left;
 border-right-width: 0;
 }
#navigation a, #navigation a:visited {
 display: block;
 float: left;
 font-size: 0.75em;
 font-weight: bold;
 color: #fff;
 text-decoration: none;
 background-color: transparent;
 padding: 5px 11px 6px 11px;
 }
#navigation a:hover, #navigation a:active, #navigation a:focus {
 color: #003470;
 background-color: #D6DFE8;
 }
#navigation li.warenkorb a, #navigation li.warenkorb a:visited {
 background: transparent url(/irs/TPortalRegion/img/objects/warenkorb_0.gif) no-repeat 98% 50%;
 padding: 5px 22px 6px 11px;
 }
#navigation li.warenkorb a:hover, #navigation li.warenkorb a:active, #navigation li.warenkorb a:focus {
 color: #003470;
 background: #D6DFE8 url(/irs/TPortalRegion/img/objects/warenkorb_1.gif) no-repeat 98% 50%;
 }


/*=======================================================================
        3. Breadcrumb
========================================================================*/
#breadcrumb {
 width: 100%;
 float: left;
 }

#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, #breadcrumb li a:visited {
 color: #003471;
 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 {
 font-size: 110%;
 font-weight: bold;
 color: #003471;
 text-decoration: none !important;
 background-color: #F0F0F0 !important;
 border-style: solid;
 border-width: 0 1px 1px 0;
 border-color: #B3B3B3;
 padding: 2px 3px;
 }

#sslHint
{
 width: 100%;
 font-size: 0.6em;
 color:green;
 font-weight: bold;
 text-align:right;
 margin-bottom:5px;
}

#sslHintDescription
{
  font-size: 0.6em;
}


/*=======================================================================
        4. Formular Suchmasken
========================================================================*/

.formHeader {
float:left;
font-size:0.7em;
width:99%;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #E6E6E6;
background-color: #F9F9F9;
padding: 3px 3px 3px 3px;
margin: 0px 0px 0px 0px;
display: inline;
}

#form, #form2 {
 width: 100%;
 float: left;
 }
#form3 {
 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;
 }
#form2 fieldset {
 width: 66%;
 margin: 10px 17% 0 17%;
 display: inline;
 }
#form3 fieldset {
 width: 90%;
 margin: 8px 4% 0 4%;
 display: inline;
 }
#form .formcontainer, #form .mcontainer, #form2 .formcontainer, #form3 .formcontainer {
 width: 100%;
 float: left;
 background-color: #D6DEE8;
 border: 1px solid #406794;
 padding: 0 0 5px 0;
 margin: 5px 0;
 }
#form .grau {
 width: 100%;
 float: left;
 background-color: #E6E6E6;
 border: 1px solid #808080;
 padding: 0 0 5px 0;
 margin: 10px 0;
 }
#form2 .formcontainer {
 margin: 0;
 }

#form3 .formcontainer {
 margin: 0;
 }

#form .mcontainer {
 background-color: #F2F5F8;
 }

#form p {
 width: 90%;
 float: left;
 margin: 5px 10px;
 display: inline;
 }
#form .formentry, #form2 .formentry, #form3 .formentry {
 width: 100%;
 float: left;
 padding: 0;
 margin: 2px 0 3px 0;
 }
#form .left {
 width: 24%;
 float: left;
 }
#form .right, #form2 .right, #form3 .right {
 width: 75%;
 float: left;
 }
#form2 .right {
 width: 68%;
 float: left;
 }
#form3 .right {
 width: 68%;
 float: left;
 }

/* fieldset */
#form fieldset br {
 float: none;
 clear: both;
 }

#form .entry, #form2 .entry, #form3 .entry {
 float: left;
 font-size: 0.7em;
 padding: 0 10px 10px 15px;
 }

/* legend */
#form legend, #form2 legend, #form3 legend {
 font-size: 0.75em;
 font-weight: bold;
 color: #000;
 padding: 5px 5px 10px 5px;
 }
#form legend.none {
 display: none;
 }
/* IE */
* html #form legend.none {
 position: absolute;
 top: 0;
 left: -5000px;
 z-index: 10;
 }

/* legend prospektbestellung */
#prospekte legend.org {
 font-size: 0.75em;
 font-weight: bold;
 line-height: 1.8em;
 padding: 20px 0 5px 0;
 margin: 0;
 }

/* label */
#form label, #form2 label, #form div.label, #form3 label {
 width: 24%;
 float: left;
 font-size: 0.7em;
 color: #000;
 text-align: right;
 padding: 4px 0 0 0;
 }
#form2 label {
 width: 26%;
 }
#form3 label {
 width: 26%;
 }
#form label.text {
 width: 170px;
 text-align: left;
 margin: 0 0 0 5px;
 display: inline;
 }
#form label.auto {
 width: auto;
 text-align: left;
 margin: 0 0 0 30px;
 display: inline;
 }
#form label.auto2 {
 width: 90%;
 text-align: left;
 margin: 0 0 0 5px;
 display: inline;
 }
#form label.auto2 span.p {
 display: block;
 margin: 2px 0 3px 0;
 }
#form label.auto3 {
 width: 26%;
 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;
 }
#form label.strong {
 width: auto;
 font-weight: bold;
 text-align: left;
 margin: 0 0 0 0;
 }
/* label prospektbestellung */
#prospekte label.title {
 width: 100%;
 text-align: left;
 margin: 3px 0;
 }
#form div.label {
 padding: 0;
 }
#form div.label input.check{
 float: right;
 }
#form label.auto2 a, #form label.auto2 a:visited {
 color: #003471;
 text-decoration: none;
 background-color: transparent;
 }
#form label.auto2 a:hover, #form label.auto2 a:active, #form label.auto2 a:focus {
 color: #fff;
 background-color: #003471;
 }
/* label container merkmale */
#form label.check {
 width: 75%;
 float: left;
 text-align: left;
 padding-top: 4px;
 vertical-align:middle;
 }
#form label img {
 width: 18px;
 height: 18px;
 float: left;
 margin: 0px 5px 0 0;
 vertical-align:middle;
}

/* input */
#form input {
 width: 23.0em;
 float: left;
 font-size: 0.7em;
 margin: 2px 0 2px 5px;
 }
#form input.plz {
 width: 3.0em;
 }
#form input.ort {
 width: 15.0em;
 }
/* input container merkmale */
fieldset .entries {
 width: 100%;
 float: left;
 margin: 0 0 20px 0;
 }
fieldset .entries h2 {
 width: 95%;
 float: left;
 font-size: 0.70em;
 padding: 5px 0;
 margin: 0 0 0 20px;
 display: inline;
 }
fieldset .column {
 width: 50%;
 float: left;
 margin: 2px 0;
 }

/* select */
#form select, #form2 select, #form3 select {
 float: left;
 font-size: 0.7em;
 margin: 2px 0 2px 5px;
 }
#form select.country {
 width: 23.5em;
 }
#form select.default, #form2 select.default, #form3 select.default {
 width: 10.0em;
 }
#form select.child, #form2 select.child, #form3 select.child {
 width: 8.5em;
 }
/* IE */
* html #form select.child, * html #form2 select.child, * html #form3 select.child {
 width: 8.6em;
 }
#form select.small, #form2 select.small, #form3 select.small {
 width: 3.5em;
 }

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


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

/* checkboxen container prospekte */
#prospekte input.checkp {
 width: 20px;
 margin: 5px 6px;
 display: inline;
 }


/* Druck */
#form div.mapprint {
 float: left;
 font-weight: bold;
 margin: 0px 0px 0px 0px;
 display: inline;
 }
#form div.mapprint a, #form div.mapprint a:visited {
 font-size: 0.6em;
 color: #003471;
 line-height: 1.5em;
 text-decoration: none;
 background: transparent url(/irs/TPortalRegion/img/objects/print.gif) no-repeat 0 1px;
 padding: 2px 2px 1px 20px;
 }
#form div.mapprint a, #form div.mapprint a:visited {
 line-height: 1.6em;
 background: transparent no-repeat 0 0;
 padding: 0px 5px 0px 0px;
 }
#form div.mapprint a:hover, #form div.mapprint a:active, #form div.mapprint a:focus {
 color: #fff;
 background-color: #003471;
}
/* Ende Druck */ 
 
#form div.calendar, #form2 div.calendar, #form div.map {
 float: left;
 font-weight: bold;
 margin: 0px 0px 0px 0px;
 display: inline;
 }
#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 {
 font-size: 0.6em;
 color: #003471;
 line-height: 1.5em;
 text-decoration: none;
 background: transparent url(/irs/TPortalRegion/img/objects/calendar.gif) no-repeat 0 1px;
 padding: 2px 2px 1px 20px;
 }
#form div.map a, #form div.map a:visited {
 line-height: 1.6em;
 background: transparent no-repeat 0 0;
 padding: 0px 5px 0px 0px;
 }
#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 {
 color: #fff;
 background-color: #003471;
 }

/* popup hilfe flexibilitaet */
#form .hint {
 float: left;
 width: 16px;
 height: 16px;
 background: transparent url(/irs/TPortalRegion/img/objects/help.gif) no-repeat top left;
 }
#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;
 }

#form div.checkbox_container {
 width: 65%;
 float: left;
}
#form div.check_item {
 width: 55%;
 min-height: 1.7em;
 height:32px;
 float: none;
}

#form div.check_item input.check {
 float: none;
 margin-bottom: 2px 3px 0 3px;
 display: inline;
}

#form div.check_item label {
 width: 50%;
 float: none;
 line-height: 1.0em;
 text-align: left;
 padding: 0;
 vertical-align:text-bottom;
 margin-bottom:10px
}

#form div.check_item img.check {
 float: none;
 line-height: 1.0em;
 text-align: left;
}

#form .header {
cursor:pointer;
font-size:0.7em;
}
/*=======================================================================
        5. Container weitere Merkmale
========================================================================*/
#more {
 width: 100%;
 float: left;
 margin: 20px 0;
 }

/* link ruft weitere merkmale auf */
#more a, #more a:visited {
 float: left;
 font-size: 0.6em;
 color: #003471;
 text-decoration: none;
 background-color: transparent;
 padding: 0 2px 1px 2px;
 }
#more a:hover, #more a:active, #more a:focus {
 color: #fff;
 background-color: #003471;
 }

#more img {
 float: left;
 }

hr.more {
 width: 95%;
 float: left;
 text-align: center;
 margin: 20px 0 20px 2.5%;
 }
/* IE */
* html hr.more {
 float: none;
 clear: both;
 margin: 10px 0 10px 0;
 display: inline;
 }

/* container klappt aus*/
#sc1 {
 width: 100%;
 float: left;
 }
.switchcontent {
 padding-bottom: 10px;
 }

/* Darstellung Suchergebnis */
#show {
 width: 100%;
 float: left;
 }


/*=======================================================================
        6. Buttons
========================================================================*/
#form input.buttonstyle, #list .listentry .einheit input.buttonstyle {
 width: auto;
 font-size: 0.7em;
 font-weight: bold;
 color: #fff;
 text-decoration: none;
 border-style: solid;
 border-width: 1px;
 border-color: #DFEBFA #003471 #003471 #DFEBFA;
 background-color: #6181A7;
 padding: 1px 3px 1px 3px;
 margin-left: 5px;
 cursor: pointer;
 }

#form input.buttonstyle:hover, #form input.buttonstyle:active, #form input.buttonstyle:focus {
 border-color: #000 #DFEBFA #DFEBFA #000;
 background-color: #003471;
 padding: 0px 4px 4px 2px;
 }

#buttons, #buttons2, #buttonsp {
 width: 100%;
 float: left;
 text-align: center;
 margin: 20px 0;
 }
#buttonsvc{
 width: 100%;
 float: left;
 text-align: center;
 #margin-left: 0px;
 }
/* IE */
* html #buttons, * html #buttons2, * html #buttonsp {
 float: none;
 }

#bcontainer, #bcontainerp {
 width: 78%;
 float: left;
 text-align: center;
 margin: 0 11%;
 display: inline;
 }

#bcontainer input.buttonstyle, #bcontainerp input.buttonstyle {
 width: 180px;
 float: left;
 font-size: 0.7em;
 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 15px;
 display: inline;
 cursor: pointer;
 }
#bcontainer input.buttonstyle:hover, #bcontainer input.buttonstyle:active, #bcontainer input.buttonstyle:focus, #bcontainerp input.buttonstyle:hover, #bcontainerp input.buttonstyle:active, #bcontainerp input.buttonstyle:focus {
 border-color: #000 #DFEBFA #DFEBFA #000;
 background-color: #003471;
 padding: 1px 6px 3px 4px;
 }

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

#topic input.buttonstyle {
display:inline;
float:left;
font-size:100%;
font-weight:bold;
margin:-2px 0pt 0pt 10px;
width:auto;
}

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

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

#wait h1 {
 float: left;
 font-size: 110%;
 }

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

#wait img {
 float: left;
 }


/*=======================================================================
        8. Nullergebnis
========================================================================*/
#container {
 width: 500px;
 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 20px;
 display: inline;
 }

#container h2 {
 width: auto;
 color: #003471;
 background: transparent url(/irs/TPortalRegion/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: 90%;
 color: #003471;
 background-color: transparent;
 background-image: none;
 padding: 10px 0 0 0;
 margin: 10px 10px 0 10px;
 }
#container h3 {
 float: none;
 font-size: 80%;
 color: #000;
 padding: 10px 0 0 0;
 margin: 0 10px 10px 10px;
 }

#container p {
 font-size: 0.75em;
 float: left;
 margin: 0 20px 10px 50px;
 }
#container p.normal {
 font-size: 0.75em;
 float: left;
 margin: 0 20px 10px 10px;
 }
/* IE */
* html #container p {
 width: 85%;
 display: inline;
 }

#container p.center {
 text-align: center;
 margin: 30px 20px 10px 10px;
 }

#container img {
 float: left;
 margin: -10px 10px 10px 10px;
 display: inline;
 }
#container .address {
 width: 100%;
 float: left;
 font-size: 0.6em;
 text-align: center;
 }

#container .address a, #container .address a:visited {
 color: #003471;
 text-decoration: none;
 }
#container .address a:hover, #container .address a:active, #container .address a:focus {
 color: #fff;
 background-color: #003471;
 }


/*=======================================================================
        9. Suchergbebnis
========================================================================*/
#result {
 width: 100%;
 float: left;
 }
#result p {
 width: 100%;
 float: left;
 font-size: 0.7em;
 line-height: 1.5em;
 padding: 0;
 margin: 0;
 }
#result p a, #result p a:visited {
 color: #003471;
 text-decoration: none;
 line-height: 2.0em;
 margin: 5px;
 display: inline;
 }
#result p a:hover, #result p a:active, #result p a:focus {
 color: #fff;
 background-color: #003471;
 }
#result img {
 float: left;
 }

/*=======================================================================
       10.  Seiten blaettern
========================================================================*/
.jump {
 width: 100%;
 float: left;
 font-size: 0.7em;
 margin: 0;
 }

.explanation {
 float: left;
 background-repeat: no-repeat;
 background-position: 100% 50%;
 padding: 0 13px 0 0;
 margin: 0 0 0 15px;
 display: inline;
 }

.map{
 float: left;
 background-repeat: no-repeat;
 background-position: 100% 50%;
 padding: 0 40px 0 0;
 margin: 0 0 0 15px;
 display: inline;
 }


.pages {
 float: right;
 }
.neusuche {
 float: left;
 }

.jump a, .jump a:visited {
 color: #003471;
 text-decoration: none;
 line-height: 2.0em;
 margin: 5px;
 display: inline;
 }

.jump a:hover, .jump a:active, .jump a:focus {
 color: #fff;
 background-color: #003471;
 }

.jump a.active {
 font-weight: bold;
 color: #fff;
 background-color: #6181A7;
 padding: 1px 2px 2px 2px;
 }

/*=======================================================================
       11. Popup Zeichenerklaerung
========================================================================*/
#icons {
 width: 200px;
 float: left;
 }
#icons ul {
 float: left;
 font-size: 0.7em;
 list-style-type: none;
 padding: 0;
 margin: 10px 0 20px 0px;
 display: inline;
 }
#icons p {
 width: 100%;
 float: left;
 }
#icons p a, #icons p a:visited {
 font-size: 0.7em;
 color: #003471;
 text-decoration: none;
 margin: 5px;
 display: inline;
 }
#icons p a:hover, #icons p a:active, #icons p a:focus {
 color: #fff;
 background-color: #003471;
 }


/*=======================================================================
        12. Suchergbebnis Liste
========================================================================*/
#list {
 width: 100%;
 float: left;
 }

#list .listentry {
 width: 100%;
 float: left;
 border: 1px solid #406794;
 background-color: #D6DEE8;
 margin: 5px 0;
 }
#list .hell {
 background-color: #F2F5F8;
 }
#list .listleft {
 width: 62%;
 float: left;
 }

/* vorschaubild */
#list .listimg {
 width: 100px;
 float: left;
 margin: 3px;
 display: inline;
 }

/* adressblock */
#list .address {
 width: 68%;
 float: left;
 font-size: 0.7em;
 margin: 3px 0;
 }
#list .address h3 {
 width: 98%;
 font-size: 100%;
 padding: 0;
 margin: 0 0 2px;
 }
#list .address h3 a, #list .address h3 a:visited {
 display: block;
 color: #000;
 text-decoration: none;
 background-color: transparent;
 padding: 1px 2px;
 margin: 0 0 0 -2px;
 }
#list .address h3 a:hover, #list .address h3 a:active, #list .address h3 a:focus {
 color: #fff;
 background-color: #6181A7;
 }

#list .listright {
 width: 37%;
 float: right;
 }
/* liste mit links: klasse, email, lage, bahn */
#list .listright ul.links {
 float: left;
 padding: 0;
 margin: 3px 0;
 list-style-type: none;
 }
#list .listright li {
 background-repeat: no-repeat;
 padding: 0 0 0 25px;
 margin: 0;
 }
#list .listright li.klasse {
 padding: 0 0 2px 0;
 }
#list .listright li.email {
 background-image: url(/irs/TPortalRegion/img/objects/email.gif);
 background-position: 3px 6px;
 padding: 0 0 0 15px;
 }

#list .listright li.web {
 background-image: url(/irs/TPortalRegion/img/objects/web.gif);
 background-position: 3px 6px;
 padding: 0 0 0 17px; 
 }

#list .listright li.movie {
 background-image: url(/irs/TPortalRegion/img/objects/icon_auge.gif);
 background-position: 3px 6px;
 padding: 0 0 0 19px;
 }
 
#list .listright li.lage {
 background-image: url(/irs/TPortalRegion/img/objects/lage.gif);
 background-position: 1px 7px;
 padding: 0 0 0 20px;
 }
#list .listright li.bahn{
 background-image: url(/irs/TPortalRegion/img/objects/bahn.gif);
 background-position: 0 6px;
 padding: 0 0 0 25px; 
 }
#list .listright li a, #list .listright li a:visited {
 font-size: 0.6em;
 color: #003471;
 text-decoration: underline;
 background-color: transparent;
 }
#list .listright li a:hover, #list .listright li a:active, #list .listright li a:focus {
 color: #fff;
 text-decoration: none;
 background-color: #6181A7;
 }

/* telefonie-button touchscreen */
#list .phone {
 width: 80px;
 height: 49px;
 float: right;
 margin: 3px;
 display: inline;
 }

/* icons ausstattungsmerkmale */
#list .icons {
 float: left;
 margin: 1px;
 display: inline;
 }
#list .icons img {
 width: 18px;
 height: 18px;
 float: left;
 margin: 1px;
 display: inline;
 }

/* button weitere infos */
#list .infos {
 width: 100%;
 float: left;
 }
#list .infos a, #list .infos a:visited {
 float: right;
 font-size: 0.6em;
 color: #fff;
 text-decoration: none;
 border: 1px solid #003471;
 background-color: #5678A1;
 padding: 1px 2px;
 margin: 1px 3px 5px 0;
 display: inline;
 }
#list .infos a:hover, #list .infos a:active, #list .infos a:focus {
 color: #fff;
 border: 1px solid #000;
 background-color: #003471;
 }


/* einheit zimmer/fewo */
#list .einheit {
 width: 100%;
 float: left;
 background-color: #fff;
 padding: 4px 0;
 margin: 0 0 1px 0;
 }
#list .einheit ul {
 width: 100%;
 float: left;
 list-style-type: none;
 padding: 0;
 margin: 0;
 }
#list .einheit li {
 width: 100%;
 float: left;
 padding: 0;
 margin: 0;
 }

/* button infos */
#list .einheit li.zimmerlink {
 width: 4%;
 float: left;
 font-size: 0.6em;
 color: #000;
 padding: 0;
 margin: 0;
 }
#list .einheit li.zimmerlink a, #list .einheit li.zimmerlink a:visited {
 font-size: 120%;
 font-weight: bold;
 color: #fff;
 text-decoration: none;
 border: 1px solid #003471;
 background-color: #4C719B;
 padding: 0 4px;
 margin: 3px;
 display: inline;
 }
#list .einheit li.zimmerlink a:hover, #list .einheit li.zimmerlink a:active, #list .einheit li.zimmerlink a:focus {
 color: #fff;
 border: 1px solid #000;
 background-color: #003471;
 }

#list .einheit li.beschreibung {
 width: 50%;
 float: left;
 font-size: 0.6em;
 color: #000;
 padding: 0;
 margin: 0;
 }
#list .einheit li.beschreibung h4 {
 float: left;
 font-size: 100%;
 padding: 0;
 margin: 0;
 }
#list .einheit li.beschreibung h4 a, #list .einheit li.beschreibung h4 a:visited {
 float: left;
 color: #003471;
 text-decoration: none;
 background-color: transparent;
 }
#list .einheit li.beschreibung h4 a:hover, #list .einheit li.beschreibung h4 a:active, #list .einheit li.beschreibung h4 a:focus {
 color: #fff;
 background-color: #003471;
 }

#list .einheit li.belegung {
 width: 15%;
 float: left;
 font-size: 0.6em;
 color: #000;
 text-align: center;
 padding: 0;
 margin: 0;
 }
#list .einheit li.preis {
 width: 13%;
 float: left;
 font-size: 0.6em;
 color: #000;
 text-align: center;
 padding: 0;
 margin: 0;
 }
#list .einheit li.button {
 width: 15%;
 float: right;
 font-size: 0.6em;
 color: #000;
 text-align: right;
 padding: 0;
 margin: 0;
 }

#list .einheit li.button a, #list .einheit li.button a:visited {
 float: right;
 color: #737373;
 text-decoration: none;
 border-style: solid;
 border-width: 1px;
 border-color: #F0F0F0 #B3B3B3 #B3B3B3 #F0F0F0;
 background-color: #F0F0F0;
 padding: 2px 25px 3px 5px;
 margin: 0 3px 0 0;
 display: inline;
 }
#list .einheit li.button a:hover, #list .einheit li.button a:active, #list .einheit li.button a:focus {
 color: #000;
 border-color: #B3B3B3 #F0F0F0 #F0F0F0 #B3B3B3;
 background-color: #B3B3B3;
 }

/* button buchen */
#list .einheit li.button a.buchen, #list .einheit li.button a.buchen:visited {
 color: #fff;
 border-color: #F0F0F0 #005952 #005952 #F0F0F0;
 background: #598527 url(/irs/TPortalRegion/img/objects/warenkorb_weiss.gif) no-repeat 97% 50%;
 }
#list .einheit li.button a.buchen:hover, #list .einheit li.button a.buchen:active, #list .einheit li.button a.buchen:focus {
 color: #598527;
 border-color: #B3B3B3 #E8E7E7 #E8E7E7 #B3B3B3;
 background: #E8E7E7 url(/irs/TPortalRegion/img/objects/warenkorb_gruen.gif) no-repeat 97% 50%;
 }

/* button buchen inaktiv */
#list .einheit li.button a.inactive, #list .einheit li.button a.inactive:visited, #list .einheit li.button a.inactive:hover, #list .einheit li.button a.inactive:active, #list .einheit li.button a.inactive:focus {
 color: #B3B3B3;
 border-color: #B3B3B3;
 background: #fff url(/irs/TPortalRegion/img/objects/warenkorb_grau.gif) no-repeat 97% 50%;
 }

/* button anfrage */
#list .einheit li.button a.request, #list .einheit li.button a.request:visited {
 color: #6D6D6D;
 border-color: #E8E7E7 #B3B3B3 #B3B3B3 #E8E7E7;
 background: #E8E7E7 url(/irs/TPortalRegion/img/objects/anfrage.gif) no-repeat 98% 50%;
 padding: 2px 22px 3px 5px;
 }
#list .einheit li.button a.request:hover, #list .einheit li.button a.request:active, #list .einheit li.button a.request:focus {
 color: #000;
 border-color: #005952 #F0F0F0 #F0F0F0 #005952;
 background-color: #B3B3B3;
 }

#list .zeitraum {
 width: 80%;
 float: left;
 font-size: 0.6em;
 margin: 3px 0 0 4%;
 display: inline;
 }
#list span.marker {
 color: #ED1C24 !important;
 }

#list .fliesstext {
 width: 100%;
 float: left;
 font-size: 0.75em;
 }
#list .fliesstext h2{
 font-size: 100%;
 }
#list .fliesstext p {
 padding: 5px 0 7px 0;
 margin: 0;
 }
#list .fliesstext img {
 float: left;
 margin: 5px;
 display: inline;
 }

/*=======================================================================
       13. Seite drucken
========================================================================*/
.print {
 width: 100%;
 float: left;
 text-align: left;
 }
.printlogo {
 float: right;
 background: transparent url(/irs/TPortalRegion/img/objects/print.gif) no-repeat 0 50%;
 padding: 2px 0 2px 20px;
 margin: 3px;
 display: inline;
 }
.print a, .print a:visited {
 font-size: 0.7em;
 color: #003471;
 text-decoration: none;
 background-color: transparent;
 padding: 0 2px 1px 2px;
 }
.print a:hover, .print a:active, .print a:focus {
 color: #fff;
 background-color: #003471;
 }

/*=======================================================================
        14. Detailseite Header
========================================================================*/
#detail {
 width: 100%;
 float: left;
 }
#detailheader {
 width: 100%;
 float: left;
 border-style: solid;
 border-width: 1px;
 border-color: #E6E6E6 #808080 #808080 #E6E6E6;
 background-color: #E6E6E6;
 }

#detailheader .top {
 width: 62%;
 float: left;
 padding: 0;
 margin: 0;
 }
#detailheader .top h1 {
 width: auto;
 float: left;
 padding: 0;
 margin: 0;
 }
#detailheader .klasse {
 float: left;
 padding: 0;
 margin: 2px 0 0 5px;
 display: inline;
 }
#detailheader .detailimg {
 width: 201px;
 float: right;
 font-size: 0.6em;
 border-left: 1px solid #fff;
 }
#detailheader span.hint {
 display: block;
 background: transparent url(/irs/TPortalRegion/img/objects/icon_auge.gif) no-repeat 2px 3px;
 padding: 1px 2px 2px 23px;
 }
#detailheader .address {
 width: 46%;
 float: left;
 font-size: 0.7em;
 line-height: 1.3em;
 padding: 0;
 margin: 2px 0 0 2px;
 display: inline;
 }

/* telefonie-button touchscreen */
#detailheader .phone {
 width: 80px;
 height: 49px;
 float: right;
 margin: 3px;
 display: inline;
 }

/* liste links email, web, lage, bahn */
#detailheader .detaillinks {
 width: 62%;
 float: left;
 padding: 0;
 margin: 0;
 }
#detailheader .detaillinks ul {
 float: left;
 padding: 0;
 margin: 0;
 list-style-type: none;
 }
#detailheader .detaillinks li {
 float: left;
 background-repeat: no-repeat;
 padding: 0 0 0 25px;
 margin: 3px 20px 0 0;
 display: inline;
 }
#detailheader .detaillinks li.email {
 background-image: url(/irs/TPortalRegion/img/objects/email.gif);
 background-position: 0 6px;
 padding: 0 0 0 15px;
 }
#detailheader .detaillinks li.web {
 background-image: url(/irs/TPortalRegion/img/objects/web.gif);
 background-position: 0 6px;
 padding: 0 0 0 17px;
 }
#detailheader .detaillinks li.lage {
 background-image: url(/irs/TPortalRegion/img/objects/lage.gif);
 background-position: 0 7px;
 padding: 0 0 0 20px;
 }
 #detailheader .detaillinks li.movie {
 background-image: url(/irs/TPortalRegion/img/objects/icon_auge.gif);
 background-position: 0 7px;
 padding: 0 0 0 20px;
 }
#detailheader .detaillinks li.bahn{
 background-image: url(/irs/TPortalRegion/img/objects/bahn.gif);
 background-position: 0 6px;
 padding: 0 0 0 25px;
 }
#detailheader .detaillinks li a, #detailheader .detaillinks li a:visited {
 font-size: 0.6em;
 color: #003471;
 text-decoration: underline;
 background-color: transparent;
 }
#detailheader .detaillinks li a:hover, #detailheader .detaillinks li a:active, #detailheader .detaillinks li a:focus {
 color: #fff;
 text-decoration: none;
 background-color: #6181A7;
 }

/* logos zertifizierung */
#detailheader .logo {
 width: 62%;
 float: left;
 padding: 0;
 margin: 7px 0 0 0;
 }
#detailheader .logo img {
 float: left;
 margin: 2px;
 display: inline;
 }


/*=======================================================================
        15. Detailseite Fliesstext
========================================================================*/
#detail .fliesstext {
 width: 100%;
 float: left;
 font-size: 0.75em;
 }
#detail .fliesstext h2{
 font-size: 100%;
 }
#detail .fliesstext p {
 padding: 5px 0 7px 0;
 margin: 0;
 }
#detail .fliesstext img {
 float: left;
 margin: 5px;
 display: inline;
 }


/*=======================================================================
        16. 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%;
 }

#verteilung .roomunit {
 margin: 10px 0 0 0;
 }
#roomlist .listheader {
 float: left;
 }
#roomlist .listheader h2 {
 float: left;
 padding: 5px 3px;
 margin: 0;
 }

#roomlist .explanation {
 float: left;
 font-size: 0.7em;
 padding: 2px 3px;
 margin: 0;
 }
#roomlist .explanation span.suche {
 float: left;
 font-style: italic;
 padding: 0 0 5px 0;
 margin: 0;
 }
#roomlist .explanation br {
 clear: both;
 }

#roomlist .explanation a, #roomlist .explanation a:visited {
 color: #003471;
 text-decoration: underline;
 background-color: transparent;
 padding: 0 2px 1px 2px;
 }
#roomlist .explanation a:hover, #roomlist .explanation a:active, #roomlist .explanation a:focus {
 color: #fff;
 text-decoration: none;
 background-color: #003471;
 }


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

/*=======================================================================
        17. Formular Zimmersuche/Verfuegbarkeit
========================================================================*/
#roomlist form {
 width: 100%;
 float: left;
 padding: 0 0 5px 5px;
 }

#roomlist legend.none {
 display: none;
 }
/* IE */
* html #roomlist legend.none {
 position: absolute;
 top: 0;
 left: -5000px;
 z-index: 10;
 }

#roomlist label {
 float: left;
 font-size: 0.7em;
 font-weight: bold;
 }
#roomlist select {
 float: left;
 font-size: 0.7em;
 }

#roomlist input.buttonstyle {
 width: auto;
 float: left;
 font-size: 0.7em;
 color: #fff;
 text-decoration: none;
 border: 1px solid #003471;
 background-color: #6685AA;
 padding: 0 5px;
 margin: 0 0 0 10px;
 cursor: pointer;
 }
 /* IE */
* html #roomlist input.buttonstyle {
 padding: 0;
 }
#roomlist input.buttonstyle:hover, #roomlist input.buttonstyle:active, #roomlist input.buttonstyle:focus {
 color: #fff;
 border: 1px solid #000;
 background-color: #003471;
 }

#roomlist .room, #verteilung .room  {
 width: 100%;
 float: left;
 background-color: #fff;
 padding: 2px 0 5px 0;
 margin: 1px 0 0 0;
 }
/* IE */
* html #roomlist .room, * html #verteilung .room {
 width: 101.2%;
 }

#roomlist .room h3, #verteilung .room h3 {
 font-size: 0.75em;
 color: #003471;
 padding: 3px;
 margin: 0;
 }
#roomlist .room p, #verteilung .room p {
 float: left;
 font-size: 0.7em;
 color: #003471;
 padding: 0 0 0 15px;
 margin: 0;
 }

#roomlist .room .zeit, #verteilung .room .zeit, #list .listentry .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;
 }

#roomlist .room .zeit span, #verteilung .room .zeit span, #list .listentry .zeit span {
 float: left;
 font-size: 0.7em;
 color: #303030;
 margin: 2px 0 0 2px;
 }


/*=======================================================================
        18. Verfuegbarkeits-Kalender
========================================================================*/
#roomlist .room .cal, #verteilung .room .cal, #list .listentry .cal {
 width: 57%;
 float: right;
 font-size: 0.6em;
 margin: 0;
 }

/* aenderungen fuer verfuegbarkeitskalender gastgeber */
#verteilung .verfuegbar1 {
 width: 100% !important;
 margin: 5px 0 !important;
 }
#verteilung .verfuegbar2 {
 width: 99% !important;
 margin: 0 0 0 2px !important;
 }

#roomlist .room .days, #roomlist .room .dates, #list .listentry .days, #list .listentry .dates, #verteilung .room .days, #verteilung .room .dates {
 float: left;
 }
#verteilung .room .month {
 float: none;
 margin: 5px 0 0 0;
 }

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



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

/* weitere infos */
#roomlist .room li.zimmerlink, #verteilung .room li.zimmerlink  {
 width: 25%;
 float: left;
 font-size: 0.7em;
 color: #000;
 padding: 0;
 margin: 4px 0 0 0;
 }
#roomlist .room li.zimmerlink a, #roomlist .room li.zimmerlink a:visited, #verteilung .room li.zimmerlink a, #verteilung .room li.zimmerlink a: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;
 }
#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 {
 color: #fff;
 border: 1px solid #000;
 background-color: #003471;
 }

/* belegung */
#roomlist .room li.belegung, #verteilung .room li.belegung {
 width: 30%;
 float: left;
 font-size: 0.7em;
 color: #003471;
 text-align: center;
 padding: 0;
 margin: 5px 0 0 0;
 }

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

/* buttons */
#roomlist .room li.button, #verteilung .room li.button {
 width: 23%;
 float: right;
 font-size: 0.6em;
 color: #000;
 text-align: right;
 padding: 0;
 margin: 0;
 }
#roomlist .room li.button a, #roomlist .room li.button a:visited, #verteilung .room li.button a, #verteilung .room li.button a:visited {
 float: right;
 color: #737373;
 text-decoration: none;
 border-style: solid;
 border-width: 1px;
 border-color: #F0F0F0 #B3B3B3 #B3B3B3 #F0F0F0;
 background-color: #F0F0F0;
 padding: 2px 25px 3px 5px;
 margin: 0 3px 0 0;
 display: inline;
 }
#roomlist .room li.button a:hover, #roomlist .room li.button a:active, #roomlist .room li.button a:focus, #verteilung .room li.button a:hover, #verteilung .room li.button a:active, #verteilung .room li.button a:focus {
 color: #000;
 border-color: #B3B3B3 #F0F0F0 #F0F0F0 #B3B3B3;
 background-color: #B3B3B3;
 }

/* button buchen */
#roomlist .room li.button a.buchen, #roomlist .room li.button a.buchen:visited, #verteilung .room li.button a.buchen, #verteilung .room li.button a.buchen:visited {
 color: #fff;
 border-color: #F0F0F0 #005952 #005952 #F0F0F0;
 background: #598527 url(/irs/TPortalRegion/img/objects/warenkorb_weiss.gif) no-repeat 97% 50%;
 }
#roomlist .room li.button a.buchen:hover, #roomlist .room li.button a.buchen:active, #roomlist .room li.button a.buchen:focus, #verteilung .room li.button a.buchen:hover, #verteilung .room li.button a.buchen:active, #verteilung .room li.button a.buchen:focus {
 color: #598527;
 border-color: #B3B3B3 #E8E7E7 #E8E7E7 #B3B3B3;
 background: #E8E7E7 url(/irs/TPortalRegion/img/objects/warenkorb_gruen.gif) no-repeat 97% 50%;
 }

/* button im warenkorb */
#roomlist .room li.button a.inactive, #roomlist .room li.button a.inactive:visited, #roomlist .room li.button a.inactive:hover, #roomlist .room li.button a.inactive:active, #roomlist .room li.button a.inactive:focus, #verteilung .room li.button a.inactive, #verteilung .room li.button a.inactive:visited, #verteilung .room li.button a.inactive:hover, #verteilung .room li.button a.inactive:active, #verteilung .room li.button a.inactive:focus {
 color: #B3B3B3;
 border-color: #B3B3B3;
 background: #fff url(/irs/TPortalRegion/img/objects/warenkorb_grau.gif) no-repeat 97% 50%;
 }

/* button anfrage */
#roomlist .room li.button a.request, #roomlist .room li.button a.request:visited, #verteilung .room li.button a.request, #verteilung .room li.button a.request:visited {
 color: #6D6D6D;
 border-color: #E8E7E7 #B3B3B3 #B3B3B3 #E8E7E7;
 background: #E8E7E7 url(/irs/TPortalRegion/img/objects/anfrage.gif) no-repeat 98% 50%;
 padding: 2px 22px 3px 5px;
 }
#roomlist .room li.button a.request:hover, #roomlist .room li.button a.request:active, #roomlist .room li.button a.request:focus, #verteilung .room li.button a.request:hover, #verteilung .room li.button a.request:active, #verteilung .room li.button a.request:focus {
 color: #000;
 border-color: #005952 #F0F0F0 #F0F0F0 #005952;
 background-color: #B3B3B3;
 }

/* button berechnen */
#verteilung .room li.button a.berechnen, #verteilung .room li.button a.berechnen:visited {
 color: #6D6D6D;
 border-color: #E8E7E7 #B3B3B3 #B3B3B3 #E8E7E7;
 background-color: #E8E7E7;
 padding: 2px 5px 3px 5px;
 }
#verteilung .room li.button a.berechnen:hover, #verteilung .room li.button a.berechnen:active, #verteilung .room li.button a.berechnen:focus {
 color: #000;
 border-color: #005952 #F0F0F0 #F0F0F0 #005952;
 background-color: #B3B3B3;
 }


/*=======================================================================
        20. Warenkorb
========================================================================*/
#warenkorb {
 width: 100%;
 float: left;
 }

#warenkorb table, #versicherung table {
 width: 100%;
 float: left;
 }

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

#warenkorb caption span.title {
 width: 70%;
 float: left;
 font-size: 0.75em;
 font-weight: bold;
 text-align: left;
 margin: 4px 0 0 0;
 }

#warenkorb caption span.dropdown {
 width: 18% !important;
 float: right;
 text-align: right;
 }
#warenkorb caption select {
 float: right;
 }
#warenkorb caption label {
 float: left;
 text-align: left;
 }

#warenkorb th, #versicherung th {
 font-size: 0.6em;
 color: #fff;
 text-align: left;
 background-color: #6181A7;
 padding: 5px 3px;
 }
#versicherung th {
 color: #000;
 background-color: #E6E6E6;
 }
#versicherung th img{
 float: left;
 margin: 3px 0 0 0;
 }

#w1, #r1 {
 width: 45%;
 }
#w2, #r2 {
 width: 37%;
 }
#w3, #r3 {
 width: 23%;
 }

#warenkorb td, #versicherung 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;
 }
#versicherung td.dunkel  {
 color: #000;
 background-color: #E6E6E6;
 }
#versicherung td.hell {
 color: #595959;
 background-color: #F7F7F7;
 }
#warenkorb td span.title, #versicherung 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: 70%;
 float: left;
 }
#warenkorb td div.price {
 width: 25%;
 float: right;
 text-align: right;
 }
#warenkorb td.preis, #versicherung td.preis {
 font-size: 0.8em;
 font-weight: bold;
 color: #000;
 text-align: right;
 }
#versicherung td.preis2 {
 font-size: 0.8em;
 font-weight: bold;
 color: #595959;
 text-align: right;
 }
#warenkorb 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, #versicherung td.total {
 font-size: 0.8em;
 font-weight: bold;
 color: #000;
 text-align: right;
 border-bottom: 1px solid #fff;
 padding-right: 10px;
 }
#warenkorb td.zwischenprice {
 font-size: 0.8em;
 font-weight: bold;
 color: #000;
 text-align: right;
 border-bottom: 1px solid #fff;
 }
#warenkorb td.totalprice, #versicherung 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;
 }
#warenkorb td a, #warenkorb td a:visited {
 float: left;
 font-size: 110%;
 font-weight: bold;
 color: #ED1C24;
 text-decoration: none;
 border-style: solid;
 border-width: 1px;
 border-color: #fff #B3B3B3 #B3B3B3 #fff;
 background-color: #F0F0F0;
 padding: 2px 5px;
 margin: 5px 0;
 }
#warenkorb td a:hover, #warenkorb td a:active, #warenkorb td a:focus {
 color: #fff;
 border-color: #818181 #fff #fff #818181;
 background-color: #9E0B0E;
 padding: 1px 6px 3px 4px;
 }

/* reiseversicherung */
#versicherung {
 width: 100%;
 float: left;
 margin: 20px 0 10px 0;
 }
#versicherung h2 {
 width: 100%;
 height: 12px;
 float: left;
 background: transparent url(/irs/TPortalRegion/img/logos/europaeische_kl.gif) no-repeat 0 0;
 padding: 2px 0;
 margin: 0 0 10px 0;
 }
#versicherung h2 a {
 width: 108px;
 height: 12px;
 float: left;
 padding: 0;
 margin: 0;
 background-color: transparent !important;
 }
#versicherung input.check {
 float: left;
 padding: 0;
 margin: 0 5px 5px 5px !important;
 }
#versicherung label.header {
 width: auto;
 float: left;
 font-size: 0.75em;
 font-weight: bold;
 padding: 0;
 margin: 0;
 }
#versicherung label.normal {
 width: 80%;
 float: left;
 font-size: 100%;
 text-align: left;
 font-weight: normal;
 padding: 0;
 margin: 0;
 }

#versicherung a, #versicherung a:visited {
 color: #003471;
 text-decoration: underline;
 background-color: transparent;
 padding: 1px 2px;
 }
#versicherung a:hover, #versicherung a:active, #versicherung a:focus {
 color: #fff;
 text-decoration: none;
 background-color: #003471;
 }

#form legend.logo {
 background: transparent url(/irs/TPortalRegion/img/logos/europaeische_gr.gif) no-repeat 98% 2px;
 padding: 5px 200px 20px 5px;
 }

#form legend span.produkt {
 font-weight: normal;
 }


/*=======================================================================
        21. Daten bestaetigen
========================================================================*/
#auftraggeber, #reise {
 width: 100%;
 float: left;
 margin-bottom: 30px;
 }

#auftraggeber h2, #reise h2 {
 width: 98%;
 float: left;
 font-size: 0.8em;
 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/TPortalRegion/img/logos/europaeische_gr.gif) no-repeat 98% 0;
 padding: 3px 0 10px 10px;
 }

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

/* CRM-Felder */
#form div.checkbox_container {
 width: 75%;
 float: right;
}
#form div.check_item {
 width: 33%;
 min-height: 1.7em;
 float: left;
}
* html #form div.check_item {
 height: 1.7em;
}
#form div.check_item input.check {
 float: left;
 margin: 2px 3px 0 3px;
 display: inline;
}
* html #form div.check_item input.check {
 margin: -2px 3px 0 3px;
}
*+html #form div.check_item input.check {
 float: left;
 margin: 0 3px 0 3px;
 display: inline;
}
#form div.check_item label {
 width: 80%;
 float: left;
 line-height: 1.2em;
 text-align: left;
 padding: 0;
 margin: 2px 0 0 0;
}
* html #form div.check_item label {
 margin: 2px 0 0 0;
}
*+html #form div.check_item label {
 margin: 3px 0 0 0;
}


/*=======================================================================
        22. Bildergalerie
========================================================================*/
#galerie {
 width: 400px;
 font-size: 0.7em;
 text-align: center;
 margin: 10px;
 }
#bildz {
 width: 50%;
 float: left;
 text-align: left;
 margin-top: 3px;
 }
#bildw {
 width: 50%;
 float: right;
 text-align: right;
 margin-top: 3px;
 }
#schliessen, #panorama {
 width: 100%;
 clear: left;
 text-align: center;
 font-size: 0.7em;
 margin-top: 10px;
 }
#bildw a, #bildw a:visited, #bildz a, #bildz a:visited, #panorama a, #panorama a:visited {
 color: #003471;
 text-decoration: none;
 background-color: transparent;
 padding: 0 2px 2px 2px;
 }
#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 {
 color: #fff;
 background-color: #003471;
 }
#schliessen a, #schliessen a:visited {
 color: #fff;
 text-decoration: none;
 line-height: 2.0em;
 border: 1px solid #003471;
 background-color: #6685AA;
 padding: 2px 5px;
 }
#schliessen a:hover, #schliessen a:active, #schliessen a:focus {
 color: #fff;
 border: 1px solid #000;
 background-color: #003471;
 }


/*=======================================================================
        23. Detailinfos Zimmer
========================================================================*/
#unit {
 width: 410px;
 float: left;
 font-size: 0.7em;
 }
 #unit table {
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 1.0em;
 }
 #unit img {
 width: 200px;
 float: right;
 margin: 0 0 10px 10px;
 }
#unit .detailimg {
 width: 201px;
 float: right;
 border-left: 1px solid #fff;
 }
#unit span.hint {
 width: 175px;
 float: right;
 font-size: 0.8em;
 display: block;
 background: transparent url(/irs/TPortalRegion/img/objects/icon_auge.gif) no-repeat 2px 3px;
 padding: 1px 2px 2px 23px;
 }

#unit h1 {
 width: auto;
 float: left;
 font-size: 130%;
 }
#unit h2 {
 width: 45%;
 float: none;
 font-size: 110%;
 }
#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/TPortalRegion/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;
 border-color: #B3B3B3 #E8E7E7 #E8E7E7 #B3B3B3;
 background: #E8E7E7 url(/irs/TPortalRegion/img/objects/warenkorb_gruen.gif) no-repeat 97% 50%
 }
#unit .schliessen {
 width: 100%;
 float: left;
 margin: 20px 0 0 0;
 }
#unit .schliessen a, #unit .schliessen a:visited {
 color: #003471;
 text-decoration: none;
 background-color: transparent;
 padding: 0 2px 2px 2px;
 }
#unit .schliessen a:hover, #unit .schliessen a:active, #unit .schliessen a:focus {
 color: #fff;
 background-color: #003471;
 }

/*=======================================================================
        24. Hilfe-Seite
========================================================================*/
#help {
 width: 100%;
 float: left;
 font-size: 0.75em;
 }

#help h1 {
 width: 100%;
 float: left;
 font-size: 130%;
 }



/*=======================================================================
     25. Ergebnisliste Prospektsuche
========================================================================*/
#prospekte {
 width: 100%;
 float: left;
 margin: 0 0 10px 0;
 }
#prospekte .listentry {
 width: 100%;
 float: left;
 padding: 0;
 margin: 0;
 border-style: solid;
 border-width: 1px 0;
 border-color: #fff #fff #D4D0C8 #fff;
 }
#prospekte .listentry br {
 clear: both;
 }
#prospekte p {
 font-size: 0.7em;
 padding: 0;
 margin: 10px 0 0 0;
 }

/* feld checkbox */
#prospekte .checkbox {
 width: 32px;
 float: left;
 text-align: center;
 padding-top: 1px;
 }

/* feld vorschaubild */
#prospekte .thumb {
 width: 100px;
 min-height: 110px;
 float: left;
 text-align: center;
 margin: 5px 0 2px 0;
 }
/* IE */
* html #prospekte .thumb {
 height: 110px;
 }

#prospekte button {
 width: 96px;
 height: 18px;
 float: left;
 border-style: solid;
 border-width: 1px;
 border-color: #fff #808080 #808080 #fff;
 padding: 0;
 margin: 2px 2px 0 2px;
 cursor: pointer;
 display: inline;
 }
#prospekte button:hover, #prospekte button:active, #prospekte button:focus {
 border-color: #808080 #fff #fff #808080;
 }

/* feld beschreibung */
#prospekte .item {
 width: 93%;
 float: right;
 border-style: solid;
 border-width: 0 0 0 1px;
 }
#prospekte .itemcontent {
 width: 77.5%;
 min-height: 122px;
 float: right;
 font-size: 0.70em;
 border-style: solid;
 border-width: 0 0 0 1px;
 padding: 0 5px 5px 5px;
 }
/* IE */
* html #prospekte .itemcontent {
  height: 122px;
  }
#prospekte label.title {
 float: left;
 font-size: 1.0em;
 margin: 3px 0 6px 0;
 }
#prospekte .itemcontent img {
 float: left;
 margin: 7px 0 5px 0;
 }
#prospekte .itemcontent a, #prospekte .itemcontent a:visited {
 float: left;
 margin: 8px 5px 5px 7px;
 display: inline;
 }

/*=======================================================================
     26. Erweiterung fuer Teaser
========================================================================*/
/* rahmen-container fuer inhalt */
#container_content {
 width: 540px;
 float: left;
}

/* rahmen-container fuer teaser auf einstiegsseite */
#container_teaser {
 width: 540px;
 float: left;
 margin: 20px 0 0 0;
}

/* fliesstext */
#container_content div.fliesstext {
 width: 100%;
 float: left;
 font-size: 0.7em;
}
#container_content div.fliesstext h2 {
 width: 100%;
 float: left;
 font-size: 110%;
 /*color: #003471;*/
 padding: 5px 0;
 margin: 10px 0 0 0;
}
#container_content div.fliesstext ul {
 float: left;
 padding: 0;
 margin: 0 0 0 5px;
}
#container_content div.fliesstext li {
 padding: 2px 0;
 margin: 0 0 0 20px;
}
#container_content div.fliesstext p {
 padding: 0 0 15px 0;
 margin: 0;
}

#container_content div.fliesstext img {
 float: right;
 margin: 0 0 10px 10px;
}

#container_content div.formHeader .formHeaderImage {
 float: left;
 margin: 0 7px 3px 0;
}

#container_content div.fliesstext a, #container_content div.fliesstext a:visited {
 color: #003471;
 text-decoration: underline;
}
#container_content div.fliesstext a:hover, #container_content div.fliesstext a:active, #container_content div.fliesstext a:focus {
 color: #fff !important;
 text-decoration: none;
 background-color: #6181A7;
}

/* rahmen-container fuer teaser rechte spalte */
#container_context {
 width: 200px;
 float: right;
 padding-top: 36px;
}

/*=======================================================================
     27. Tab-Navigation
========================================================================*/
#topnavi {
 width: 100%;
 float: left;
 border-bottom: 1px solid #000;
 margin: 0 0 10px 0;
}

#topnavi ul {
 position: relative;
 top: 1px;
 left: 0;
 float: left;
 list-style-type: none;
 padding: 0;
 margin: 0;
 z-index: 10;
}
#topnavi li {
 float: left;
 text-align: center;
 padding: 0;
 margin: 0 0 0 0;
}

#topnavi li span {
 float: left;
 padding-bottom: 0px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 cursor: pointer;
}
#topnavi li .single {
 height: 2.0em;
}

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


/* linker rand */
#topnavi li 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 #topnavi li span.side b.p1 {
 width: 2px;
 w\idth: 0;
}

#topnavi li 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 #topnavi li span.side b.p2 {
 width: 3px;
 w\idth: 2px;
}

#topnavi li span.side b.p3 {
 width: 3px;
 height: 1px;
 float: left;
 border-left-width: 1px;
 border-left-style: solid;
 margin-left: 1px;
}
* html #topnavi li span.side b.p3 {
 width: 4px;
 w\idth: 3px;
}

#topnavi li span.side b.p4 {
 width: 4px;
 height: 100%;
 float: left;
 border-left-width: 1px;
 border-left-style: solid;
 margin-left: 1px;
}
* html #topnavi li span.side b.p4 {
 width:5px;
 w\idth:4px;
}


/* rechter rand */
#topnavi li 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 #topnavi li span.side b.p5 {
 width:2px;
 w\idth:0;
}

#topnavi li 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 #topnavi li span.side b.p6 {
 width: 3px;
 width: 2px;
}

#topnavi li 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 #topnavi li span.side b.p7 {
 width: 4px;
 width: 3px;
}

#topnavi li span.side b.p8 {
 width: 4px;
 height: 100%;
 float: left;
 border-right-width: 1px;
 border-right-style: solid;
}
* html #topnavi li span.side b.p8 {
 width: 5px;
 width: 4px;
}


#topnavi li span.mid {
 float: left;
 padding: 4px 5px 5px 5px;
 border-top-width: 1px;
 border-top-style: solid;
}


/* link */
#topnavi li a, #topnavi li a:visited {
 float: left;
 font-size: 0.7em;
 font-weight: bold;
 color: #FFF;
 text-decoration: none;
}
#topnavi li a:hover, #topnavi li a:active, #topnavi li a:focus {
 border: 0;
}
#topnavi li a:hover span.mid, #topnavi li a:active span.mid, #topnavi li a:focus span.mid, #topnavi li a:hover span.side b, #topnavi li a:active span.side b, #topnavi li a:focus span.side b {
 color: #003471;
 background-color: #e5eaf1;
}



/* rahmenfarbe tab*/
#topnavi li span.mid, #topnavi li span.side b.p1, #topnavi li span.side b.p2, #topnavi li span.side b.p3, #topnavi li span.side b.p4, #topnavi li span, #topnavi li span.side b.p5, #topnavi li span.side b.p6, #topnavi li span.side b.p7, #topnavi li span.side b.p8 {
 border-color: #000;
}
/* hintergrund tab */
#topnavi li span.mid, #topnavi li span.side b.p1, #topnavi li span.side b.p2, #topnavi li span.side b.p3, #topnavi li span.side b.p4, #topnavi li span.side b.p5, #topnavi li span.side b.p6, #topnavi li span.side b.p7, #topnavi li span.side b.p8 {
 background: #4c719b;
}

/* link tab */
#topnavi li a, #topnavi li a:visited {
 color: #FFF;
}
#topnavi li a:hover span.mid, #topnavi li a:active span.mid, #topnavi li a:focus span.mid, #topnavi li a:hover span.side b, #topnavi li a:active span.side b, #topnavi li a:focus span.side b {
 color: #003471;
 background-color: #e5eaf1;
}



/*=======================================================================
     28. Teaser
========================================================================*/
/* teaser startseite */
#container_teaser .teaser {
 width: 200px;
 float: left;
 margin: 0 10px 10px 0;
}
/* teaser rechte spalte */
#container_context .teaser {
 width: 200px;
 float: left;
 margin: 0 0 10px 0;
}

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;
 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: 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_link a, div.t_link a:visited {
 color: #003471;
 text-decoration: underline;
}
div.t_link a:hover, div.t_link a:active, div.t_link a:focus  {
 color: #FFF;
 text-decoration: none;
 background-color: #003471;
}




/* gesamtbreite teaser */
#container_teaser .teaser, #container_context .teaser {
 width: 200px;
}
/* breite teaser-header muss immer 20 Pixel
   schmaler sein als gesamtbreite-teaser
*/
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;
}

/* teaser-link */
div.t_link a, div.t_link a:visited {
 color: #003471;
 text-decoration: underline;
}
div.t_link a:hover, div.t_link a:active, div.t_link a:focus  {
 color: #FFF;
 text-decoration: none;
 background-color: #003471;
}

/*=======================================================================
     26. Erweiterung fuer Pauschalen
========================================================================*/
/* rahmen-container fuer inhalt */
#container_content {
 width: 540px;
 float: left;
}

/* rahmen-container fuer teaser auf einstiegsseite */
#container_teaser {
 width: 540px;
 float: left;
 margin: 20px 0 0 0;
}

/* fliesstext */
#container_content div.fliesstext {
 width: 100%;
 float: left;
 font-size: 0.7em;
}
#container_content div.fliesstext h2 {
 width: 100%;
 float: left;
 font-size: 110%;
 /*color: #003471;*/
 padding: 5px 0;
 margin: 10px 0 0 0;
}
#container_content div.fliesstext ul {
 float: left;
 padding: 0;
 margin: 0 0 0 5px;
}
#container_content div.fliesstext li {
 padding: 2px 0;
 margin: 0 0 0 20px;
}
#container_content div.fliesstext p {
 padding: 0 0 15px 0;
 margin: 0;
}
#container_content div.fliesstext img {
 float: right;
 margin: 0 0 10px 10px;
}

#container_content div.fliesstext a, #container_content div.fliesstext a:visited {
 color: #003471;
 text-decoration: underline;
}
#container_content div.fliesstext a:hover, #container_content div.fliesstext a:active, #container_content div.fliesstext a:focus {
 color: #fff !important;
 text-decoration: none;
 background-color: #6181A7;
}

/* rahmen-container fuer teaser rechte spalte */
#container_context {
 width: 200px;
 float: right;
 padding-top: 36px;
}


/*=======================================================================
     27. Tab-Navigation
========================================================================*/
#topnavi {
 width: 100%;
 float: left;
 border-bottom: 1px solid #000;
 margin: 0 0 10px 0;
}

#topnavi ul {
 position: relative;
 top: 1px;
 left: 0;
 float: left;
 list-style-type: none;
 padding: 0;
 margin: 0;
 z-index: 10;
}
#topnavi li {
 float: left;
 text-align: center;
 padding: 0;
 margin: 0 0 0 0;
}

#topnavi li span {
 float: left;
 padding-bottom: 0px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 cursor: pointer;
}
#topnavi li .single {
 height: 2.0em;
}

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


/* linker rand */
#topnavi li 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 #topnavi li span.side b.p1 {
 width: 2px;
 w\idth: 0;
}

#topnavi li 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 #topnavi li span.side b.p2 {
 width: 3px;
 w\idth: 2px;
}

#topnavi li span.side b.p3 {
 width: 3px;
 height: 1px;
 float: left;
 border-left-width: 1px;
 border-left-style: solid;
 margin-left: 1px;
}
* html #topnavi li span.side b.p3 {
 width: 4px;
 w\idth: 3px;
}

#topnavi li span.side b.p4 {
 width: 4px;
 height: 100%;
 float: left;
 border-left-width: 1px;
 border-left-style: solid;
 margin-left: 1px;
}
* html #topnavi li span.side b.p4 {
 width:5px;
 w\idth:4px;
}


/* rechter rand */
#topnavi li 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 #topnavi li span.side b.p5 {
 width:2px;
 w\idth:0;
}

#topnavi li 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 #topnavi li span.side b.p6 {
 width: 3px;
 w\idth: 2px;
}

#topnavi li 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 #topnavi li span.side b.p7 {
 width: 4px;
 w\idth: 3px;
}

#topnavi li span.side b.p8 {
 width: 4px;
 height: 100%;
 float: left;
 border-right-width: 1px;
 border-right-style: solid;
}
* html #topnavi li span.side b.p8 {
 width: 5px;
 w\idth: 4px;
}


#topnavi li span.mid {
 float: left;
 padding: 4px 5px 5px 5px;
 border-top-width: 1px;
 border-top-style: solid;
}


/* link */
#topnavi li a, #topnavi li a:visited {
 float: left;
 font-size: 0.7em;
 font-weight: bold;
 color: #FFF;
 text-decoration: none;
}
#topnavi li a:hover, #topnavi li a:active, #topnavi li a:focus {
 border: 0;
}
#topnavi li a:hover span.mid, #topnavi li a:active span.mid, #topnavi li a:focus span.mid, #topnavi li a:hover span.side b, #topnavi li a:active span.side b, #topnavi li a:focus span.side b {
 color: #003471;
 background-color: #e5eaf1;
}



/* rahmenfarbe tab*/
#topnavi li span.mid, #topnavi li span.side b.p1, #topnavi li span.side b.p2, #topnavi li span.side b.p3, #topnavi li span.side b.p4, #topnavi li span, #topnavi li span.side b.p5, #topnavi li span.side b.p6, #topnavi li span.side b.p7, #topnavi li span.side b.p8 {
 border-color: #000;
}
/* hintergrund tab */
#topnavi li span.mid, #topnavi li span.side b.p1, #topnavi li span.side b.p2, #topnavi li span.side b.p3, #topnavi li span.side b.p4, #topnavi li span.side b.p5, #topnavi li span.side b.p6, #topnavi li span.side b.p7, #topnavi li span.side b.p8 {
 background: #4c719b;
}

/* link tab */
#topnavi li a, #topnavi li a:visited {
 color: #FFF;
}
#topnavi li a:hover span.mid, #topnavi li a:active span.mid, #topnavi li a:focus span.mid, #topnavi li a:hover span.side b, #topnavi li a:active span.side b, #topnavi li a:focus span.side b {
 color: #003471;
 background-color: #e5eaf1;
}



/*=======================================================================
     28. Teaser
========================================================================*/
/* teaser startseite */
#container_teaser .teaser {
 width: 200px;
 float: left;
 margin: 0 10px 10px 0;
}
/* teaser rechte spalte */
#container_context .teaser {
 width: 200px;
 float: left;
 margin: 0 0 10px 0;
}

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;
 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: 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_link a, div.t_link a:visited {
 color: #003471;
 text-decoration: underline;
}
div.t_link a:hover, div.t_link a:active, div.t_link a:focus  {
 color: #FFF;
 text-decoration: none;
 background-color: #003471;
}




/* gesamtbreite teaser */
#container_teaser .teaser, #container_context .teaser {
 width: 200px;
}
/* breite teaser-header muss immer 20 Pixel
   schmaler sein als gesamtbreite-teaser
*/
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;
}

/* teaser-link */
div.t_link a, div.t_link a:visited {
 color: #003471;
 text-decoration: underline;
}
div.t_link a:hover, div.t_link a:active, div.t_link a:focus  {
 color: #FFF;
 text-decoration: none;
 background-color: #003471;
}

/*=======================================================================
     29. Suche Themen
========================================================================*/
#topic {
 width: auto;
 float: left;
}
#topic fieldset {
 width: auto;
 float: left;
 padding: 0;
 border: 0px solid #FFF;
 margin: 0;
}

#topic label {
 width: auto;
 float: left;
 font-weight: bold;
 margin: 3px 5px 0 5px;
 display: inline;
}
#topic select {
 width: 13.0em;
 float: left;
 font-size: 90%;
}


/*=======================================================================
     30. Themenuebersicht
========================================================================*/
#t_list {
 width: 100%;
 float: left;
 margin: 10px 0 0 0;
}

#t_list .topic {
 width: 100%;
 float: left;
 margin: 20px 0 0 0;
}

#t_list h2 {
 width: 98%;
 float: left;
 font-size: 80%;
 color: #FFF;
 background-color: #406794;
 padding: 1px 0 3px 2%;
 margin: 0;
}

/* listeneintrag */
#t_list .t_entry {
 width: 100%;
 float: left;
 padding: 0;
 background-color: #d6dee8;
 padding: 10px 0;
 margin: 1px 0 4px 0;
}
#t_list .hell {
 background-color: #F2F5F8;
}

#t_list .t_entry img {
 width: 100px;
 height: 75px;
 float: left;
 margin: 0 0 0 5px;
}

#t_list .t_entry .txt {
 width: 75%;
 float: right;
 margin: 0 5px 0 0;
}
#t_list .t_entry h3 {
 font-size: 0.75em;
 padding: 0;
 margin: 0;
}
#t_list .t_entry p {
 font-size: 0.7em;
 padding: 0;
 margin: 3px 0 0 0;
}
#t_list .t_entry .price {
 font-size: 0.8em;
 font-weight: bold;
 padding: 0;
 margin: 3px 0 0 0;
}

/* button 'info' */
#t_list .t_entry .infos a, #t_list .t_entry .infos a:visited {
 float: right;
 font-size: 0.6em;
 color: #fff;
 text-decoration: none;
 border: 1px solid #003471;
 background-color: #5678A1;
 padding: 1px 2px;
 margin: 1px 3px 0 0;
 display: inline;
}
#t_list .t_entry .infos a:hover, #t_list .t_entry .infos a:active, #t_list .t_entry .infos a:focus {
 color: #fff;
 border: 1px solid #000;
 background-color: #003471;
}



/* ueberschrift themen */
#t_list h2 {
 color: #FFF;
 background-color: #406794;
}
/* hintergrundfarbe listeneintrag themen */
#t_list .t_entry {
 background-color: #d6dee8;
}
#t_list .hell {
 background-color: #F2F5F8;
}
/* button 'info' */
#t_list .t_entry .infos a, #t_list .t_entry .infos a:visited {
 color: #fff;
 border-color: #003471;
 background-color: #5678A1;
}
#t_list .t_entry .infos a:hover, #t_list .t_entry .infos a:active, #t_list .t_entry .infos a:focus {
 color: #fff;
 border-color: #000;
 background-color: #003471;
}


/*=======================================================================
     31. Pauschalen-Varianten
========================================================================*/
#package_variants {
 width: 100%;
 float: left;
}

#package_variants caption {
 width: 100%;
 float: left;
 font-size: 0.7em;
 font-weight: bold;
 text-align: left;
 background-color: #FFF;
}

#package_variants table {
 width: 100%;
 float: left;
 background-color: #FFF;
}

#package_variants td {
 font-size: 0.70em;
 vertical-align: top;
 background-color: #EEE;
 padding: 5px 2px;
 border-bottom: 1px solid #c1c1c1;
}

#package_variants td.col_1 {
 width: 18%;
}
#package_variants td.col_2 {
 width: 43%;
}
#package_variants td.col_3 {
 width: 16%;
}
#package_variants td.col_4 {
 width: 31%;
}

#package_variants td.price {
 font-weight: bold;
}

/* button 'info' */
#package_variants table a, #package_variants table a:visited {
 float: right;
 font-size: 90%;
 color: #fff;
 text-decoration: none;
 border: 1px solid #003471;
 background-color: #5678A1;
 padding: 1px 2px;
 margin: 1px 3px 0 0;
 display: inline;
}
#package_variants table a:hover, #package_variants table a:active, #package_variants table .infos a:focus {
 color: #fff;
 border: 1px solid #000;
 background-color: #003471;
}


/* hintergundfarbe tabelle pauschalen-varianten */
#package_variants table {
 background-color: #FFF;
}
/* tabellenzellen */
#package_variants td {
 background-color: #EEE;
 border-color: #c1c1c1;
}
/* button 'info' */
#package_variants table a, #package_variants table a:visited {
 color: #fff;
 background-color: #5678A1;
 border-color: #003471;
}
#package_variants table a:hover, #package_variants table a:active, #package_variants table .infos a:focus {
 color: #fff;
 background-color: #003471;
 border-color: #000;
}


/*=======================================================================
     32. Pauschalen-Detailseite, Hotelinformation
========================================================================*/
#hotel_info {
 width: 100%;
 float: left;
 background-color: #f2f5f8;
 border: 1px solid #406794;
 padding: 0 0 10px 0;
 margin: 20px 0 0 0;
}

#hotel_info h2 {
 width: 99%;
 float: left;
 font-size: 80%;
 color: #FFF;
 background-color: #406794;
 padding: 2px 0 3px 1%;
 margin: 0;
}

/* block mit anschrift + bild */
#hotel_header {
 width: 100%;
 float: left;
 background-color: #d6dee8;
 border-style: solid;
 border-width: 1px 0;
 border-color: #FFF;
}

/* adress-block */
#hotel_info .txt {
 width: 61%;
 float: left;
}

/* ueberschrift */
#hotel_header h3 {
 width: 99%;
 float: left;
 font-size: 0.8em;
 color: #003471;
 padding: 5px 0 5px 1%;
 margin: 0;
}
#hotel_header h3 span {
 float: left;
}
/* klassifizierung */
#hotel_header h3 span.klasse {
 width: 88px;
 float: left;
 padding: 0;
 margin: 2px 0 0 5px;
 display: inline;
}

#hotel_header .adress_block, #hotel_header .contact {
 width: 99%;
 float: left;
 font-size: 0.7em;
 padding: 0 0 3px 1%;
}

/* liste links email, web, lage, bahn */
#hotel_header .detaillinks {
 width: 99%;
 float: left;
 padding: 0 0 10px 1%;
 margin: 0;
}
#hotel_header .detaillinks ul {
 float: left;
 padding: 0;
 margin: 0;
 list-style-type: none;
}
#hotel_header .detaillinks li {
 float: left;
 font-size: 0.7em;
 background-repeat: no-repeat;
 padding: 0 0 0 25px;
 margin: 3px 20px 0 0;
 display: inline;
}
#hotel_header .detaillinks li.email {
 background-image: url(/irs/TPortalRegion/img/objects/email.gif);
 background-position: 0 3px;
 padding: 0 0 0 15px;
}
#hotel_header .detaillinks li.web {
 background-image: url(/irs/TPortalRegion/img/objects/web.gif);
 background-position: 0 3px;
 padding: 0 0 0 17px;
}
#hotel_header .detaillinks li.lage {
 background-image: url(/irs/TPortalRegion/img/objects/lage.gif);
 background-position: 0 3px;
 padding: 0 0 0 20px;
}
#hotel_header .detaillinks li.movie {
 background-image: url(/irs/TPortalRegion/img/objects/icon_auge.gif);
 background-position: 0 3px;
 padding: 0 0 0 20px;
}
#hotel_header .detaillinks li.bahn{
 background-image: url(/irs/TPortalRegion/img/objects/bahn.gif);
 background-position: 0 3px;
 padding: 0 0 0 25px;
}


/* bild-block */
#hotel_info img {
 float: right;
 border-left: 1px solid #FFF;
}

#hotel_info .comment {
 width: 100%;
 float: left;
}

#hotel_info .comment span.hint {
 width: 175px;
 float: right;
 font-size: 0.6em;
 display: block;
 background: #d6dee8 url(/irs/TPortalRegion/img/objects/icon_auge.gif) no-repeat 2px 3px;
 padding: 1px 2px 2px 23px;
}

/* block mit fliesstext */
#hotel_info h4 {
 width: 99%;
 float: left;
 font-size: 0.7em;
 padding: 0 0 0 1%;
 margin: 0;
}
#hotel_info p {
 width: 98%;
 float: left;
 font-size: 70%;
 line-height: 1.3em;
 padding: 3px 1% 8px 1%;
 margin: 0;
}

/* links innerhalb hotelinfo */
#hotel_info a, #hotel_info a:visited {
 color: #003471;
 text-decoration: underline;
}
#hotel_info a:hover, #hotel_info a:active, #hotel_info a:focus {
 color: #fff;
 text-decoration: none;
 background-color: #6181A7;
}

/* block mit weiterer Info zum ausklappen */
#hotel_info .container {
 width: 96%;
 float: left;
 background-color: #FFF;
 padding: 0;
 margin: 1px 2%;
 display: inline;
}
#hotel_info .header {
 width: 96%;
 float: left;
 font-size: 0.7em;
 padding: 5px 2%;
 cursor: pointer;
}
#hotel_info .header img {
 float: left;
 margin: 1px 10px 0 0;
 display: inline;
}
#hotel_info .group_container {
 width: 93%;
 float: right;
 font-size: 0.7em;
 margin: 0 1% 0 0;
 display: inline;
}


/* hotelinformationen */
#hotel_info {
 background-color: #f2f5f8;
 border-color: #406794;
}
/* blockueberschrift */
#hotel_info h2 {
 color: #FFF;
 background-color: #406794;
}
/* block mit anschrift + bild */
#hotel_header, #hotel_info .comment span.hint {
 background-color: #d6dee8;
}
/* ueberschrift */
#hotel_header h3 {
 color: #003471;
}
/* links innerhalb hotelinfo */
#hotel_info a, #hotel_info a:visited {
 color: #003471;
 text-decoration: underline;
}
#hotel_info a:hover, #hotel_info a:active, #hotel_info a:focus {
 color: #fff;
 text-decoration: none;
 background-color: #6181A7;
}


/*=======================================================================
     33. Pauschalen Suchergebnis
========================================================================*/
.fliesstext span.date {
 font-weight: bold;
 background-color: #ffed00;
 padding: 2px;
}
.fliesstext span.anreise {
 font-weight: bold;
 background-color: #00ff00;
 padding: 2px;
}
.fliesstext p.hint {
 font-weight: bold;
 color: #cc0033;
 padding: 2px;
}


/*=======================================================================
     34. Pauschalen Verfuegbarkeits-kalender
========================================================================*/
.availability {
 width: 95%;
 float: left;
 margin: 5px;
 padding:10px;
 display: inline;
 border: 2px solid #406794;

}

.availability div.fliesstext {
 width: 100%;
 float: left;
 font-size: 0.7em;
}

.availability div.fliesstext h2 {
 width: 100%;
 float: left;
 font-size: 110%;
 padding: 5px 0;
 margin: 10px 0 0 0;
}
.availability div.fliesstext p {
 padding: 0 0 15px 0;
 margin: 0;
}

/* headline */
.availability .aheadline {
 width: 100%;
 float: left;
 color: #FFF;
 background-color: #406794;
 padding: 2px 0;
 border: 1px solid #406794;
}

.availability .aheadline ul {
 width: 95%;
 float: right;
 list-style-type: none;
 padding: 0;
 margin: 0;
}

.availability .aheadline li {
 width: 33%;
 float: left;
 padding: 0;
 margin: 0;
}
.availability .aheadline li.month {
 font-size: 0.8em;
 font-weight: bold;
 text-align: center;
}

.availability .aheadline li a, .availability .aheadline li a:visited {
 float: left;
 font-size: 0.6em;
 color: #FFF;
 text-decoration: none;
 background-color: transparent;
 margin: 2px 0 0 0;
}
.availability .aheadline li a:hover, .availability .aheadline li a:active, .availability .aheadline li a:focus {
 color: #406794;
 background-color: #FFF !important;
}
.availability .aheadline li a.forward {
 float: right;
}

.abody {
 width: 100%;
 float: left;
 border-style: solid;
 border-width: 1px 0 1px 1px;
 border-color: #bcbcbc;
}

/* tag */
.availability .adays, .availability .adates, .availability .aprices {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size: 0.75em;
 width: 100%;
 float: left;
}
.availability .atitle {
 width: 56px;
 float: left;
 color: #FFF;
 background-color: #406794;
 padding: 2px 6px;
 border-style: solid;
 border-width: 0 1px 0 0;
 border-color: #838f9c;
}
.availability .aday, .availability .adate, .availability .aprice {
 width: 20px;
 float: left;
 font-size: 0.90em;
 color: #000;
 text-align: center;
 background-color: #d6dee8;
 padding: 2px 0;
 border-style: solid;
 border-width: 0 1px 1px 0;
 border-color: #b0b2b5;
}
/* datum */
.availability .adate {
 background-color: #FFF;
}
/* preis */
.availability .aprice {
 height: 14px;
 font-size: 90%;
 background-color: #FFF;
 padding: 3px 0 2px 0;
 border-width: 0 1px 0 0;
}

.availability .gelb {
 background-color: #ffed00 !important;
}
.availability .gruen {
 background-color: #00ff00 !important;
}

.availability a, .availability a:visited {
 color: #000;
 text-decoration: none;
 background-color: #00ff00;
}
.availability a:hover, .availability a:active, .availability a:focus {
 text-decoration: underline;
 background-color: #AAA;
}



/* tabelle verfuegbarkeit */
/* ueberschrift */
.availability .aheadline {
 color: #FFF;
 background-color: #406794;
 border-color: #406794;
}
.availability .aheadline li a, .availability .aheadline li a:visited {
 color: #FFF;
 text-decoration: none;
 background-color: #406794;
}
.availability .aheadline li a:hover, .availability .aheadline li a:active, .availability .aheadline li a:focus {
 color: #406794;
 background-color: #fff !important;
}

/* gitterlineien tabelle */
.abody, .availability .atitle, .availability .aday, .availability .adate, .availability .aprice {
 border-color: #bcbcbc;
}
/* hintergrund linke spalte */
.availability .atitle {
 background-color: #406794;
}
/* hintergrund tage */
.availability .aday {
 background-color: #d6dee8;
}
/* hintergrund datum, preis */
.availability .adate, .availability .aprice {
 background-color: #FFF;
}


/* listeneintrag */
.availability .t_entry {
 width: 100%;
 float: left;
 padding: 0;
 background-color: #d6dee8;
 padding: 10px 0;
 margin: 1px 0px 14px 0px;
}

.availability .t_entry img {
 width: 100px;
 height: 75px;
 float: left;
 margin: 0 0 0 5px;
}

.availability .t_entry .txt {
 width: 75%;
 float: right;
 margin: 0 20px 0 0;
}
.availability .t_entry h3 {
 font-size: 0.75em;
 padding: 0;
 margin: 0;
}
.availability .t_entry p {
 font-size: 0.8em;
 padding: 0;
 margin: 3px 0 0 0;
}
.availability .t_entry .price {
 font-size: 0.8em;
 font-weight: bold;
 padding: 0;
 margin: 3px 0 0 0;
}

/* button 'info' */
.availability .t_entry .infos a, .availability .t_entry .infos a:visited {
 float: right;
 font-size: 0.8em;
 color: #fff;
 text-decoration: none;
 border: 1px solid #003471;
 background-color: #5678A1;
 padding: 1px 2px;
 margin: 1px 3px 0 0;
 display: inline;
}
.availability .t_entry .infos a:hover, .availability .t_entry .infos a:active, .availability .t_entry .infos a:focus {
 color: #fff;
 border: 1px solid #000;
 background-color: #003471;
}
/*=======================================================================
     35. Bildergalerie Pauschalen
========================================================================*/
/* bildgroessen vorschaubilder */
#gallery .gallery-content .thumbnails img {
 width: 90px;
 height: 60px;
}
/* bildgroesse detail*/
#gallery .gallery-content img.large-image {
 width: 200px;
 height: 150px;
}


.invisible {
 display: none !important;
}
.hidden {
 visibility: hidden !important;
}


#gallery {
 width: 550px;
 float: left;
 padding: 10px;
}
#gallery .gallery-content {
 width: 96%;
 background-color: #ffffff;
 float: right;
 padding: 2%;
 margin: 0;
}
#gallery .gallery-content p {
 width: 100%;
 float: left;
 font-size: 0.7em;
 margin: 10px 0 0 10px;
}

#thumbnail-pages {
 width: 55%;
 float: right;
 padding: 0;
}

/* detailbild */
#gallery .gallery-content img.large-image {
 float: left;
 padding: 0;
 margin: 0;
 border: 1px solid #000;
}

/*vorschaubilder */
#gallery .gallery-content .thumbnails {
 width: 100%;
 height: 150px;
 float: right;
}
#gallery .gallery-content .thumbnails img {
 float: left;
 border: none;
 margin: 0 5px 5px 0;
 display: inline;
}

/* navigation vorschaubilder */
#gallery .gallery-content .thumb_navigation {
 width: 50%;
 float: right;
 text-align: right;
 padding: 0;
 margin: 0 0 0 0;
}

#gallery .gallery-content .thumb_navigation p {
 width: 100%;
 float: left;
 font-size: 0.6em;
 padding: 0;
 margin: 0;
}
#gallery .gallery-content .thumb_navigation p a {
 color: #002B4D;
 padding: 0 5px 0 0;
}
#gallery .gallery-content .thumb_navigation p a.selected {
 text-decoration: underline;
 color: #c81f02;
 font-weight: bold;
}

#gallery .button {
 width: 100%;
 float: left;
 text-align: center;
 margin: 20px 0 0 0;
}

/* button 'schliessen' */
#gallery .button a, #gallery .button a:visited {
 font-size: 0.6em;
 color: #fff;
 text-decoration: none;
 line-height: 2.0em;
 border: 1px solid #003471;
 background-color: #5678A1;
 padding: 1px 2px;
 margin: 1px 3px 0 0;
 display: inline;
}
#gallery .button a:hover, #gallery .button a:active, #gallery .button a:focus {
 color: #fff;
 border: 1px solid #000;
 background-color: #003471;
}


/* button 'schliessen' */
#gallery .button a, #gallery .button a:visited {
 color: #fff;
 text-decoration: none;
 background-color: #5678A1;
 border-color: #003471;
}
#gallery .button a:hover, #gallery .button a:active, #gallery .button a:focus {
 color: #fff;
 background-color: #003471;
 border-color: #000;
}

/* Vakanz Kalender: */

#VakanzKalender {
text-align: left;
font-size: 12px;
margin-left: 0px;
margin-top: 0px;
border-collapse:collapse;
}

#VakanzKalender td {
border-top: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
padding-left: 1px;
padding-right: 1px;
padding-top:1px;
padding-bottom:0px;
}

/* Farbe fuer das Wochenende */
#we {
background-color: #D6DEE8;
}

/* Farbe fuer verfuegbare Termine */
#bookme {
background-color: #66ff66;
}

#bookme a {
font-family:arial,helvetica,sans-serif;
font-weight: bold;
text-decoration:none;
}

#bookme a:hover {
font-weight: bold;
text-decoration:underline;
}

/* Farbe fuer angefragten Termin */
#wunschDatum {
background-color: #ffff66;
font-weight: bold;
}

#VakanzKalender th {
text-align: center;
color: #fff;
background-color: #406794;
border-right: 1px solid #999;
border-top: 1px solid #999;
}

#browseMonth {
vertical-align:top;
text-align: center;
border-left: 1px solid #999;
font-size:11px;
font-weight:bold;
padding-left: 10px;
padding-top: 10px;
background-color: #eeeeee;
}

#browseMonth a {
 text-decoration:none;
 background-color:#EEEEEE;
}

#preisVakanzCell {
border-left: 1px solid #999;
}

#VakanzKalender a {
 text-decoration:none;
}


#VakanzKalender img {
border: 0px;
}
/* Formatierung fuer Fehlermeldungs-Box: */

.errormessage {
	background-color: #e7201f;
    color: #ffffff;
    font-size:11px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}

.info_content {
	/* z.B. fuer Tabellen in der Hotel-Info-Seite: */
		 padding-top:10px;
		 padding-bottom:11px;
		 padding-left:4px;
		 padding-right:5px;
		 vertical-align: top;
		 text-align: left;
}


/*=======================================================================
     36. Bildergalerie Pauschalen
========================================================================*/

.addPaymentInfos {
     font-size:10pt;
		 padding-top:10px;
		 padding-bottom:10px;
		 padding-left:10px;
		 padding-right:5px;
		 vertical-align: top;
		 text-align: left;
}

/*=======================================================================
     39. Bewertung
========================================================================*/

.body_hotelbewertung {
color:#001E48;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}

#page 
{
margin:0 auto;
width:1002px;
}

#hotelbewertung {
	margin:0pt auto;
	/*width:999px;*/
}

#header_hotelbewertung {
	margin: 0px auto;
	height: 183px;
	width: 997px;
	background-image: url(../img/header.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	
}

#mittlere_spalte {
/*
border: 1px solid green;
*/
	margin:0pt auto;
	width: 680px;

	text-align:left;
}

#hotelbewertung h1{
	color: #e2001a;
	font-weight: normal;
	font-size: 2em;
	margin: 23px 0px 16px 0px;
}

#mittlere_spalte h1 
{
color:#E2001A;
font-size:2em;
font-weight:normal;
margin:0 0 8px;
}

#mittlere_spalte #hotelbeschreibung {
	float: left;
	width: 370px;
}

#mittlere_spalte #hotelbeschreibung .img_hotelbeschreibung {
	margin: 0px 6px 0px 0px;
	float: left;
}

#mittlere_spalte #hotelbeschreibung .hotelbeschreibung_textlaenge {
	margin: 0px 0px 12px 0px;
	float: left;
}

#mittlere_spalte #hotelbeschreibung .hotel_name {
	margin-top: 0px;
	font-weight: bold;
	color: #4179a1;
	text-decoration: underline;
	display: inline;
}

#mittlere_spalte #hotelbeschreibung p {
	margin: 0px;
	font-size: 0.8em;
}

#mittlere_spalte p.bold {
	font-weight: bold;
}

#mittlere_spalte p.hinweis {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px 0px 12px 0px;
	padding: 0px;
}	

#mittlere_spalte #gewinnteaser {
	float: right;
	width: 300px;
	margin-bottom: 15px;
}

#mittlere_spalte #gewinnteaser .headline {
	background-color: #b2cde9;
	height: 25px;
	margin: 0px;
	padding: 0px;
}

#mittlere_spalte #gewinnteaser #inhalt {
	border: 1px solid #b2cde9;
	margin-top: 2px;
	height: 114px;
}

#mittlere_spalte #gewinnteaser #inhalt #bild {
	float: left;
}

#mittlere_spalte #gewinnteaser #inhalt .beschreibung {
	float: left;
	margin: 15px 0px 0px 10px;
	width: 130px;
	font-size: 0.8em;
}

#mittlere_spalte #gewinnteaser #inhalt .beschreibung a {
	font-weight: bold;
	color: #4179a1;
	display: block;
	margin-top: 10px;
}

#mittlere_spalte #error_box {
	border: 1px solid #e2001a;
	margin-bottom: 12px;
	padding: 0px 0px 10px 0px;
}

#mittlere_spalte #error_box h1 {
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	background-color: #e2001a;
	margin: 6px;
	padding: 8px;
	width:96%;
}

#mittlere_spalte #error_box p {
	font-weight: bold;
	font-size: 0.8em;
	margin: 10px 0px 10px 13px;
}

#mittlere_spalte #error_box input {
	margin-left: 12px;
	margin-right: 5px;
}

#mittlere_spalte #error_box ul {
	color: #e2001a;
	list-style-image: url(../img/error_liste.gif);
	margin: 0px;
	padding: 0px 0px 0px 30px;
}

#mittlere_spalte #error_box ul li {
	padding: 0px;
	margin-top: 10px;
}

#mittlere_spalte #error_box ul li a {
	color: #e2001a;
    font-size:1.2em;
}

#mittlere_spalte #fragenblock {
	border: 1px solid #b2cde9;
	margin-bottom: 12px;
	padding-bottom: 5px;
}

#mittlere_spalte #fragenblock h1 {
	font-size: 1em;
	font-weight: bold;
	color: #001e48;
	background-color: #b2cde9;
	margin: 6px;
	padding: 8px;
	width:96%;
}

#mittlere_spalte #fragenblock h1 a {
	font-weight: bold;
	color: #001e48;
}

#mittlere_spalte #fragenblock p {
	font-weight: bold;
	font-size: 0.8em;
	margin: 10px 0px 10px 13px;
}

#mittlere_spalte #fragenblock p .hinweis_fragenblock {
	font-weight: normal;
}

#mittlere_spalte #fragenblock input {
	margin-left: 12px;
	margin-right: 5px;
}

#mittlere_spalte #fragenblock textarea {
	border: 1px solid #b2cde9;
	width: 400px;
	height: 60px;
	vertical-align: top;
	font-size: 1em;
	font-family: Arial, Verdana , sans-serif;
}

#mittlere_spalte #fragenblock p.text_textarea {
	width: 70px;
	display: inline;
	float: left;
	margin: 0px 15px 0px 12px;
	text-align: right;
}

#mittlere_spalte #fragenblock select {
	border: 1px solid #b2cde9;
	width: 195px;
	height: 20px;
	font-size: 1em;
	padding: 2px;
	color: #001e48;
	vertical-align: top;
}

#mittlere_spalte #fragenblock p.text_select {
/*	border: 1px solid red;
*/	width: 255px;
	display: inline;
	float: left;
	margin: 2px 8px 0px 12px;
	text-align: right;
	vertical-align: bottom;
}

#mittlere_spalte #fragenblock p.text_freitext {
	display: inline;
	float: left;
	margin: 2px 8px 0px 12px;
	text-align: right;
	width: 52px;
}

#mittlere_spalte #fragenblock input.freitext {
	border: 1px solid #b2cde9;
	margin: 0px;
	width: 189px;
	font-size: 1em;
	padding: 2px;
	color: #001e48;
}

#mittlere_spalte #fragenblock p.block_checkbox {
	margin: 0px;
}

#mittlere_spalte #fragenblock input.checkbox {
	width: 15px;
}

#mittlere_spalte #fragenblock p.text_checkbox {
	margin: 0px 0px 0px 33px;
}

#mittlere_spalte #fragenblock #skala_grafisch {
	width: 665px;
	height: 26px;
	margin-left: 6px;
	margin-bottom: 1px;
}

#mittlere_spalte #fragenblock #skala_grafisch #weiss {
	width: 247px;
	display: inline;
	float: left;
}

#mittlere_spalte #fragenblock #skala_grafisch #image {
	width: 416px;
	display: inline;
	float: right;
}

#mittlere_spalte #fragenblock #kategorie {
	width: 665px;
	height: 30px;
	margin-left: 6px;
	margin-bottom: 1px;
	background-color: #dbe5f1;
}

#mittlere_spalte #fragenblock #kategorie p {
	display: inline;
	float: left;
	margin: 8px 10px;
}

#mittlere_spalte #fragenblock #kategorie #skala {
	display: inline;
	float: right;
}

#mittlere_spalte #fragenblock #kriterium {
	width: 665px;
	height: 30px;
	margin-left: 6px;
	margin-bottom: 1px;
	border-bottom: 1px solid #b2cde9;
}

#mittlere_spalte #fragenblock #kriterium #text_kriterium {
	background-color: #edf2f8;
	display: inline;
	float: left;
	width: 247px;
	height: 29px;
	border-bottom: 1px solid #ffffff;
}

#mittlere_spalte #fragenblock #kriterium.error #text_kriterium {
	background-color: #e2001a;
	display: inline;
	float: left;
	width: 247px;
	height: 29px;
	border-bottom: 1px solid #ffffff;
}

#mittlere_spalte #fragenblock #kriterium.error #text_kriterium p {
	color: #ffffff;
	font-weight: bold;
}

#mittlere_spalte #fragenblock #kriterium #text_kriterium p {
	display: inline;
	float: left;
	margin: 8px 10px;
	font-weight: normal;
}

#mittlere_spalte #fragenblock #kriterium #radios_kriterium {
	display: inline;
	float: left;
	margin-top: 7px;
	width: 416px;
}

#mittlere_spalte #fragenblock #kriterium #radios_kriterium input {
	width: 15px;
	height: 15px;
	margin: 0px 0px 0px 19px;
	padding: 0px;
}

#mittlere_spalte input.senden {
	margin-bottom: 30px;
	float: right;
}

#tagcloud {
	text-align: center;
	margin-top: 55px;
}

#footer {
	
}

#mittlere_spalte p.gross {
	font-size: 1.3em;
}

#mittlere_spalte p.gross a {
	color: #001b43;
	background-image: url(../img/img_link.gif);
	background-position: bottom;
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
}


#hotelinfo {
	background-color:#fff;
	margin:0pt;
	padding:0pt;
	width:auto;
}	
	
#print_link	{
	text-align:right;
}

/*=======================================================================
								RATING								  
========================================================================*/


/*=======================================================================
        1. Ergebnisliste
========================================================================*/
/* breiten in Ergebnisliste aus basics.css werden ueberschrieben */
#list .listleft {
 width: 50%;
}
#list .address {
 width: 60%;
} 
#list .listright {
 width: 49%;
}

/* Kundenranking in Ergebnisliste */
#list .listright li.ranking {
 font-size: 0.6em;
 padding: 4px 0 0 0;
}


/* Mein Code*/
#list .listright li.ranking a, #list .listright li.ranking a:visited {
 float: left;
 padding: 1px;
 border: 1px solid #eaf6cc;
}
#list .listright li.ranking a:hover, #list .listright li.ranking a:active, #list .listright li.ranking a:focus {
 background-color: #fff;
 border: 1px solid #000;
}
#list .listright li.ranking a img {
 float: left;
 border-style: none;
}
/* Ende mein Code*/

#detailheader div.address div.ranking {
 float: left;
 padding: 8px 0 1px 0;
}
#detailheader div.address div.ranking a, #detailheader div.address div.ranking a:visited {
 float: left;
 padding: 1px;
 border: 1px solid #e6e6e6;
}
#detailheader div.address div.ranking a:hover, #detailheader div.address div.ranking a:active, #detailheader div.address div.ranking a:focus {
 background-color: #fff;
 border: 1px solid #000;
}
#detailheader div.address div.ranking a img {
 float: left;
 border-style: none;
}

#detailheader .detailimg {
 min-height: 215px;
}
* html #detailheader .detailimg {
 height: 215px;
}


/*=======================================================================
        2. Rankingbalken
========================================================================*/
#list .listright li.ranking  div.rated, #detailheader div.address div.ranking div.rated, #r_each div.rated, #r_guestbook div.rated {
 width: 100px;
 float: left;
 padding: 1px;
 background-color: #fff;
 border: 1px solid #003471;
 margin-top: 2px;
}
#r_total div.rated {
 width: 200px;
 float: left;
 padding: 1px;
 background-color: #fff;
 border: 1px solid #003471;
 margin-top: 7px;
}
#detailheader div.address div.ranking div.rated {
 margin: 6px 5px 0 0;
}
#r_each div.rated {
 margin: 4px 0 0 10px;
}
#list .listright li.ranking div.rated span, #detailheader div.address div.ranking div.rated span, #r_each div.rated span, #r_total div.rated span, #r_guestbook div.rated span {
 width: 100px;
 height: 3px;
 float: left;
 font-size: 0;
 color: #003471;
 background-color: #003471;
}
#r_total div.rated span {
 height: 8px;
}
* html #detailheader div.ranking span {
 line-height: 3px;
}

/* werte fuer balken */
#list .listright li.ranking div.rating div.rated span.r100, #detailheader div.address div.ranking div.rated span.r100, #r_each div.r_item div.rated span.r100, #r_guestbook div.rated span.r100 {
 width: 100px;
}
#list .listright li.ranking div.rated span.r99, #detailheader div.address div.ranking div.rated span.r99, #r_each div.r_item div.rated span.r99, #r_guestbook div.rated span.r99 {
 width: 99px;
}
#list .listright li.ranking div.rated span.r98, #detailheader div.address div.ranking div.rated span.r98, #r_each div.r_item div.rated span.r98, #r_guestbook div.rated span.r98 {
 width: 98px;
}
#list .listright li.ranking div.rated span.r97, #detailheader div.address div.ranking div.rated span.r97, #r_each div.r_item div.rated span.r97, #r_guestbook div.rated span.r97 {
 width: 97px;
}
#list .listright li.ranking div.rated span.r96, #detailheader div.address div.ranking div.rated span.r96, #r_each div.r_item div.rated span.r96, #r_guestbook div.rated span.r96 {
 width: 96px;
}
#list .listright li.ranking div.rated span.r95, #detailheader div.address div.ranking div.rated span.r95, #r_each div.r_item div.rated span.r95, #r_guestbook div.rated span.r95 {
 width: 95px;
}
#list .listright li.ranking div.rated span.r94, #detailheader div.address div.ranking div.rated span.r94, #r_each div.r_item div.rated span.r94, #r_guestbook div.rated span.r94 {
 width: 94px;
}
#list .listright li.ranking div.rated span.r93, #detailheader div.address div.ranking div.rated span.r93, #r_each div.r_item div.rated span.r93, #r_guestbook div.rated span.r93 {
 width: 93px;
}
#list .listright li.ranking div.rated span.r92, #detailheader div.address div.ranking div.rated span.r92, #r_each div.r_item div.rated span.r92, #r_guestbook div.rated span.r92 {
 width: 92px;
}
#list .listright li.ranking div.rated span.r91, #detailheader div.address div.ranking div.rated span.r91, #r_each div.r_item div.rated span.r91, #r_guestbook div.rated span.r91 {
 width: 91px;
}
#list .listright li.ranking div.rated span.r90, #detailheader div.address div.ranking div.rated span.r90, #r_each div.r_item div.rated span.r90, #r_guestbook div.rated span.r90 {
 width: 90px;
}
#list .listright li.ranking div.rated span.r89, #detailheader div.address div.ranking div.rated span.r89, #r_each div.r_item div.rated span.r89, #r_guestbook div.rated span.r89 {
 width: 89px;
}
#list .listright li.ranking div.rated span.r88, #detailheader div.address div.ranking div.rated span.r88, #r_each div.r_item div.rated span.r88, #r_guestbook div.rated span.r88 {
 width: 88px;
}
#list .listright li.ranking div.rated span.r87, #detailheader div.address div.ranking div.rated span.r87, #r_each div.r_item div.rated span.r87, #r_guestbook div.rated span.r87 {
 width: 87px;
}
#list .listright li.ranking div.rated span.r86, #detailheader div.address div.ranking div.rated span.r86, #r_each div.r_item div.rated span.r86, #r_guestbook div.rated span.r86 {
 width: 86px;
}
#list .listright li.ranking div.rated span.r85, #detailheader div.address div.ranking div.rated span.r85, #r_each div.r_item div.rated span.r85, #r_guestbook div.rated span.r85 {
 width: 85px;
}
#list .listright li.ranking div.rated span.r84, #detailheader div.address div.ranking div.rated span.r84, #r_each div.r_item div.rated span.r84, #r_guestbook div.rated span.r84 {
 width: 84px;
}
#list .listright li.ranking div.rated span.r83, #detailheader div.address div.ranking div.rated span.r83, #r_each div.r_item div.rated span.r83, #r_guestbook div.rated span.r83 {
 width: 83px;
}
#list .listright li.ranking div.rated span.r82, #detailheader div.address div.ranking div.rated span.r82, #r_each div.r_item div.rated span.r82, #r_guestbook div.rated span.r82 {
 width: 82px;
}
#list .listright li.ranking div.rated span.r81, #detailheader div.address div.ranking div.rated span.r81, #r_each div.r_item div.rated span.r81, #r_guestbook div.rated span.r81 {
 width: 81px;
}
#list .listright li.ranking div.rated span.r80, #detailheader div.address div.ranking div.rated span.r80, #r_each div.r_item div.rated span.r80, #r_guestbook div.rated span.r80 {
 width: 80px;
}
#list .listright li.ranking div.rated span.r79, #detailheader div.address div.ranking div.rated span.r79, #r_each div.r_item div.rated span.r79, #r_guestbook div.rated span.r79 {
 width: 79px;
}
#list .listright li.ranking div.rated span.r78, #detailheader div.address div.ranking div.rated span.r78, #r_each div.r_item div.rated span.r78, #r_guestbook div.rated span.r78 {
 width: 78px;
}
#list .listright li.ranking div.rated span.r77, #detailheader div.address div.ranking div.rated span.r177, #r_each div.r_item div.rated span.r77, #r_guestbook div.rated span.r77 {
 width: 77px;
}
#list .listright li.ranking div.rated span.r76, #detailheader div.address div.ranking div.rated span.r76, #r_each div.r_item div.rated span.r76, #r_guestbook div.rated span.r76 {
 width: 76px;
}
#list .listright li.ranking div.rated span.r75, #detailheader div.address div.ranking div.rated span.r75, #r_each div.r_item div.rated span.r75, #r_guestbook div.rated span.r75 {
 width: 75px;
}
#list .listright li.ranking div.rated span.r74, #detailheader div.address div.ranking div.rated span.r74, #r_each div.r_item div.rated span.r74
, #r_guestbook div.rated span.r74 {
 width: 74px;
}
#list .listright li.ranking div.rated span.r73, #detailheader div.address div.ranking div.rated span.r73, #r_each div.r_item div.rated span.r73
, #r_guestbook div.rated span.r73{
 width: 73px;
}
#list .listright li.ranking div.rated span.r72, #detailheader div.address div.ranking div.rated span.r72, #r_each div.r_item div.rated span.r72
, #r_guestbook div.rated span.r72 {
 width: 72px;
}
#list .listright li.ranking div.rated span.r71, #detailheader div.address div.ranking div.rated span.r71, #r_each div.r_item div.rated span.r71, #r_guestbook div.rated span.r71 {
 width: 71px;
}
#list .listright li.ranking div.rated span.r70, #detailheader div.address div.ranking div.rated span.r70, #r_each div.r_item div.rated span.r70, #r_guestbook div.rated span.r70 {
 width: 70px;
}
#list .listright li.ranking div.rated span.r69, #detailheader div.address div.ranking div.rated span.r69, #r_each div.r_item div.rated span.r69, #r_guestbook div.rated span.r69 {
 width: 69px;
}
#list .listright li.ranking div.rated span.r68, #detailheader div.address div.ranking div.rated span.r68, #r_each div.r_item div.rated span.r68, #r_guestbook div.rated span.r68 {
 width: 68px;
}
#list .listright li.ranking div.rated span.r67, #detailheader div.address div.ranking div.rated span.r67, #r_each div.r_item div.rated span.r67, #r_guestbook div.rated span.r67 {
 width: 67px;
}
#list .listright li.ranking div.rated span.r66, #detailheader div.address div.ranking div.rated span.r66, #r_each div.r_item div.rated span.r66, #r_guestbook div.rated span.r66 {
 width: 66px;
}
#list .listright li.ranking div.rated span.r65, #detailheader div.address div.ranking div.rated span.r65, #r_each div.r_item div.rated span.r65, #r_guestbook div.rated span.r65 {
 width: 65px;
}
#list .listright li.ranking div.rated span.r64, #detailheader div.address div.ranking div.rated span.r64, #r_each div.r_item div.rated span.r64, #r_guestbook div.rated span.r64 {
 width: 64px;
}
#list .listright li.ranking div.rated span.r63, #detailheader div.address div.ranking div.rated span.r63, #r_each div.r_item div.rated span.r63, #r_guestbook div.rated span.r63 {
 width: 63px;
}
#list .listright li.ranking div.rated span.r62, #detailheader div.address div.ranking div.rated span.r62, #r_each div.r_item div.rated span.r62, #r_guestbook div.rated span.r62 {
 width: 62px;
}
#list .listright li.ranking div.rated span.r61, #detailheader div.address div.ranking div.rated span.r61, #r_each div.r_item div.rated span.r61, #r_guestbook div.rated span.r61 {
 width: 61px;
}
#list .listright li.ranking div.rated span.r60, #detailheader div.address div.ranking div.rated span.r60, #r_each div.r_item div.rated span.r60, #r_guestbook div.rated span.r60 {
 width: 60px;
}
#list .listright li.ranking div.rated span.r59, #detailheader div.address div.ranking div.rated span.r59, #r_each div.r_item div.rated span.r59, #r_guestbook div.rated span.r59 {
 width: 59px;
}
#list .listright li.ranking div.rated span.r58, #detailheader div.address div.ranking div.rated span.r58, #r_each div.r_item div.rated span.r58, #r_guestbook div.rated span.r58 {
 width: 58px;
}
#list .listright li.ranking div.rated span.r57, #detailheader div.address div.ranking div.rated span.r57, #r_each div.r_item div.rated span.r57, #r_guestbook div.rated span.r57 {
 width: 57px;
}
#list .listright li.ranking div.rated span.r56, #detailheader div.address div.ranking div.rated span.r56, #r_each div.r_item div.rated span.r56, #r_guestbook div.rated span.r56 {
 width: 56px;
}
#list .listright li.ranking div.rated span.r55, #detailheader div.address div.ranking div.rated span.r55, #r_each div.r_item div.rated span.r55, #r_guestbook div.rated span.r55 {
 width: 55px;
}
#list .listright li.ranking div.rated span.r54, #detailheader div.address div.ranking div.rated span.r54, #r_each div.r_item div.rated span.r54, #r_guestbook div.rated span.r54 {
 width: 54px;
}
#list .listright li.ranking div.rated span.r53, #detailheader div.address div.ranking div.rated span.r53, #r_each div.r_item div.rated span.r53, #r_guestbook div.rated span.r53 {
 width: 53px;
}
#list .listright li.ranking div.rated span.r52, #detailheader div.address div.ranking div.rated span.r52, #r_each div.r_item div.rated span.r52, #r_guestbook div.rated span.r52 {
 width: 52px;
}
#list .listright li.ranking div.rated span.r51, #detailheader div.address div.ranking div.rated span.r51, #r_each div.r_item div.rated span.r51, #r_guestbook div.rated span.r51 {
 width: 51px;
}
#list .listright li.ranking div.rated span.r50, #detailheader div.address div.ranking div.rated span.r50, #r_each div.r_item div.rated span.r50, #r_guestbook div.rated span.r50 {
 width: 50px;
}
#list .listright li.ranking div.rated span.r49, #detailheader div.address div.ranking div.rated span.r49, #r_each div.r_item div.rated span.r49, #r_guestbook div.rated span.r49 {
 width: 49px;
}
#list .listright li.ranking div.rated span.r48, #detailheader div.address div.ranking div.rated span.r48, #r_each div.r_item div.rated span.r48, #r_guestbook div.rated span.r48 {
 width: 48px;
}
#list .listright li.ranking div.rated span.r47, #detailheader div.address div.ranking div.rated span.r47, #r_each div.r_item div.rated span.r47, #r_guestbook div.rated span.r47 {
 width: 47px;
}
#list .listright li.ranking div.rated span.r46, #detailheader div.address div.ranking div.rated span.r46, #r_each div.r_item div.rated span.r46, #r_guestbook div.rated span.r46 {
 width: 46px;
}
#list .listright li.ranking div.rated span.r45, #detailheader div.address div.ranking div.rated span.r45, #r_each div.r_item div.rated span.r45, #r_guestbook div.rated span.r45 {
 width: 45px;
}
#list .listright li.ranking div.rated span.r44, #detailheader div.address div.ranking div.rated span.r44, #r_each div.r_item div.rated span.r44
, #r_guestbook div.rated span.r44 {
 width: 44px;
}
#list .listright li.ranking div.rated span.r43, #detailheader div.address div.ranking div.rated span.r43, #r_each div.r_item div.rated span.r43
, #r_guestbook div.rated span.r43 {
 width: 43px;
}
#list .listright li.ranking div.rated span.r42, #detailheader div.address div.ranking div.rated span.r42, #r_each div.r_item div.rated span.r42, #r_guestbook div.rated span.r42 {
 width: 42px;
}
#list .listright li.ranking div.rated span.r41, #detailheader div.address div.ranking div.rated span.r41, #r_each div.r_item div.rated span.r41
, #r_guestbook div.rated span.r41 {
 width: 41px;
}
#list .listright li.ranking div.rated span.r40, #detailheader div.address div.ranking div.rated span.r40, #r_each div.r_item div.rated span.r40, #r_guestbook div.rated span.r40 {
 width: 40px;
}
#list .listright li.ranking div.rated span.r39, #detailheader div.address div.ranking div.rated span.r39, #r_each div.r_item div.rated span.r39, #r_guestbook div.rated span.r39 {
 width: 39px;
}
#list .listright li.ranking div.rated span.r38, #detailheader div.address div.ranking div.rated span.r38, #r_each div.r_item div.rated span.r38, #r_guestbook div.rated span.r38 {
 width: 38px;
}
#list .listright li.ranking div.rated span.r37, #detailheader div.address div.ranking div.rated span.r37, #r_each div.r_item div.rated span.r37, #r_guestbook div.rated span.r37 {
 width: 37px;
}
#list .listright li.ranking div.rated span.r36, #detailheader div.address div.ranking div.rated span.r36, #r_each div.r_item div.rated span.r36, #r_guestbook div.rated span.r36 {
 width: 36px;
}
#list .listright li.ranking div.rated span.r35, #detailheader div.address div.ranking div.rated span.r35, #r_each div.r_item div.rated span.r35, #r_guestbook div.rated span.r35 {
 width: 35px;
}
#list .listright li.ranking div.rated span.r34, #detailheader div.address div.ranking div.rated span.r34, #r_each div.r_item div.rated span.r34, #r_guestbook div.rated span.r34 {
 width: 34px;
}
#list .listright li.ranking div.rated span.r33, #detailheader div.address div.ranking div.rated span.r33, #r_each div.r_item div.rated span.r33, #r_guestbook div.rated span.r33 {
 width: 33px;
}
#list .listright li.ranking div.rated span.r32, #detailheader div.address div.ranking div.rated span.r32, #r_each div.r_item div.rated span.r32, #r_guestbook div.rated span.r32 {
 width: 32px;
}
#list .listright li.ranking div.rated span.r31, #detailheader div.address div.ranking div.rated span.r31, #r_each div.r_item div.rated span.r31, #r_guestbook div.rated span.r31 {
 width: 31px;
}
#list .listright li.ranking div.rated span.r30, #detailheader div.address div.ranking div.rated span.r30, #r_each div.r_item div.rated span.r30, #r_guestbook div.rated span.r30 {
 width: 30px;
}
#list .listright li.ranking div.rated span.r29, #detailheader div.address div.ranking div.rated span.r29, #r_each div.r_item div.rated span.r29, #r_guestbook div.rated span.r29 {
 width: 29px;
}
#list .listright li.ranking div.rated span.r28, #detailheader div.address div.ranking div.rated span.r28, #r_each div.r_item div.rated span.r28, #r_guestbook div.rated span.r28 {
 width: 28px;
}
#list .listright li.ranking div.rated span.r27, #detailheader div.address div.ranking div.rated span.r27, #r_each div.r_item div.rated span.r27, #r_guestbook div.rated span.r27 {
 width: 27px;
}
#list .listright li.ranking div.rated span.r26, #detailheader div.address div.ranking div.rated span.r26, #r_each div.r_item div.rated span.r26, #r_guestbook div.rated span.r26 {
 width: 26px;
}
#list .listright li.ranking div.rated span.r25, #detailheader div.address div.ranking div.rated span.r25, #r_each div.r_item div.rated span.r25, #r_guestbook div.rated span.r25 {
 width: 25px;
}
#list .listright li.ranking div.rated span.r24, #detailheader div.address div.ranking div.rated span.r24, #r_each div.r_item div.rated span.r24, #r_guestbook div.rated span.r24 {
 width: 24px;
}
#list .listright li.ranking div.rated span.r23, #detailheader div.address div.ranking div.rated span.r23, #r_each div.r_item div.rated span.r23, #r_guestbook div.rated span.r23 {
 width: 23px;
}
#list .listright li.ranking div.rated span.r22, #detailheader div.address div.ranking div.rated span.r22, #r_each div.r_item div.rated span.r22, #r_guestbook div.rated span.r22 {
 width: 22px;
}
#list .listright li.ranking div.rated span.r21, #detailheader div.address div.ranking div.rated span.r21, #r_each div.r_item div.rated span.r21, #r_guestbook div.rated span.r21 {
 width: 21px;
}
#list .listright li.ranking div.rated span.r20, #detailheader div.address div.ranking div.rated span.r20, #r_each div.r_item div.rated span.r20, #r_guestbook div.rated span.r20 {
 width: 20px;
}
#list .listright li.ranking div.rated span.r19, #detailheader div.address div.ranking div.rated span.r19, #r_each div.r_item div.rated span.r19, #r_guestbook div.rated span.r19 {
 width: 19px;
}
#list .listright li.ranking div.rated span.r18, #detailheader div.address div.ranking div.rated span.r18, #r_each div.r_item div.rated span.r18, #r_guestbook div.rated span.r18 {
 width: 18px;
}
#list .listright li.ranking div.rated span.r17, #detailheader div.address div.ranking div.rated span.r17, #r_each div.r_item div.rated span.r17, #r_guestbook div.rated span.r17 {
 width: 17px;
}
#list .listright li.ranking div.rated span.r16, #detailheader div.address div.ranking div.rated span.r16, #r_each div.r_item div.rated span.r16, #r_guestbook div.rated span.r16 {
 width: 16px;
}
#list .listright li.ranking div.rated span.r15, #detailheader div.address div.ranking div.rated span.r15, #r_each div.r_item div.rated span.r15, #r_guestbook div.rated span.r15 {
 width: 15px;
}
#list .listright li.ranking div.rated span.r14, #detailheader div.address div.ranking div.rated span.r14, #r_each div.r_item div.rated span.r14, #r_guestbook div.rated span.r14 {
 width: 14px;
}
#list .listright li.ranking div.rated span.r13, #detailheader div.address div.ranking div.rated span.r13, #r_each div.r_item div.rated span.r13, #r_guestbook div.rated span.r13 {
 width: 13px;
}
#list .listright li.ranking div.rated span.r12, #detailheader div.address div.ranking div.rated span.r12, #r_each div.r_item div.rated span.r12, #r_guestbook div.rated span.r12 {
 width: 12px;
}
#list .listright li.ranking div.rated span.r11, #detailheader div.address div.ranking div.rated span.r11, #r_each div.r_item div.rated span.r11, #r_guestbook div.rated span.r11 {
 width: 11px;
}
#list .listright li.ranking div.rated span.r10, #detailheader div.address div.ranking div.rated span.r10, #r_each div.r_item div.rated span.r10, #r_guestbook div.rated span.r10 {
 width: 10px;
}
#list .listright li.ranking div.rated span.r9, #detailheader div.address div.ranking div.rated span.r9, #r_each div.r_item div.rated span.r9, #r_guestbook div.rated span.r9 {
 width: 9px;
}
#list .listright li.ranking div.rated span.r8, #detailheader div.address div.ranking div.rated span.r8, #r_each div.r_item div.rated span.r8, #r_guestbook div.rated span.r8 {
 width: 8px;
}
#list .listright li.ranking div.rated span.r7, #detailheader div.address div.ranking div.rated span.r6, #r_each div.r_item div.rated span.r7, #r_guestbook div.rated span.r7 {
 width: 7px;
}
#list .listright li.ranking div.rated span.r6, #detailheader div.address div.ranking div.rated span.r6, #r_each div.r_item div.rated span.r6, #r_guestbook div.rated span.r6 {
 width: 6px;
}
#list .listright li.ranking div.rated span.r5, #detailheader div.address div.ranking div.rated span.r5, #r_each div.r_item div.rated span.r5, #r_guestbook div.rated span.r5 {
 width: 5px;
}
#list .listright li.ranking div.rated span.r4, #detailheader div.address div.ranking div.rated span.r4, #r_each div.r_item div.rated span.r4, #r_guestbook div.rated span.r4 {
 width: 4px;
}
#list .listright li.ranking div.rated span.r3, #detailheader div.address div.ranking div.rated span.r3, #r_each div.r_item div.rated span.r3, #r_guestbook div.rated span.r3 {
 width: 3px;
}
#list .listright li.ranking div.ratedspan.r2, #detailheader div.address div.ranking div.rated span.r2, #r_each div.r_item div.rated span.r2, #r_guestbook div.rated span.r2 {
 width: 2px;
}
#list .listright li.ranking div.rated span.r1, #detailheader div.address div.ranking div.rated span.r1, #r_each div.r_item div.rated span.r1, #r_guestbook div.rated span.r1 {
 width: 1px;
}
#list .listright li.ranking div.rated span.r0, #detailheader div.address div.ranking div.rated span.r0, #r_each div.r_item div.rated span.r0, #r_guestbook div.rated span.r0 {
 width: 0;
}


#r_total div.rated span.r100 {
 width: 200px;
}
#r_total div.rated span.r99 {
 width: 198px;
}
#r_total div.rated span.r98 {
 width: 196px;
}
#r_total div.rated span.r97 {
 width: 194px;
}
#r_total div.rated span.r96 {
 width: 192px;
}
#r_total div.rated span.r95 {
 width: 190px;
}
#r_total div.rated span.r94 {
 width: 188px;
}
#r_total div.rated span.r93 {
 width: 186px;
}
#r_total div.rated span.r92 {
 width: 184px;
}
#r_total div.rated span.r91 {
 width: 182px;
}
#r_total div.rated span.r90 {
 width: 180px;
}
#r_total div.rated span.r89 {
 width: 178px;
}
#r_total div.rated span.r88 {
 width: 176px;
}
#r_total div.rated span.r87 {
 width: 174px;
}
#r_total div.rated span.r86 {
 width: 172px;
}
#r_total div.rated span.r85 {
 width: 170px;
}
#r_total div.rated span.r84 {
 width: 168px;
}
#r_total div.rated span.r83 {
 width: 166px;
}
#r_total div.rated span.r82 {
 width: 164px;
}
#r_total div.rated span.r81 {
 width: 162px;
}
#r_total div.rated span.r80 {
 width: 160px;
}
#r_total div.rated span.r79 {
 width: 158px;
}
#r_total div.rated span.r78 {
 width: 156px;
}
#r_total div.rated span.r77 {
 width: 154px;
}
#r_total div.rated span.r76 {
 width: 152px;
}
#r_total div.rated span.r75 {
 width: 150px;
}
#r_total div.rated span.r74 {
 width: 148px;
}
#r_total div.rated span.r73 {
 width: 146px;
}
#r_total div.rated span.r72 {
 width: 144px;
}
#r_total div.rated span.r71 {
 width: 142px;
}
#r_total div.rated span.r70 {
 width: 140px;
}
#r_total div.rated span.r69 {
 width: 138px;
}
#r_total div.rated span.r68 {
 width: 136px;
}
#r_total div.rated span.r67 {
 width: 134px;
}
#r_total div.rated span.r66 {
 width: 132px;
}
#r_total div.rated span.r65 {
 width: 130px;
}
#r_total div.rated span.r64 {
 width: 128px;
}
#r_total div.rated span.r63 {
 width: 126px;
}
#r_total div.rated span.r62 {
 width: 124px;
}
#r_total div.rated span.r61 {
 width: 122px;
}
#r_total div.rated span.r60 {
 width: 120px;
}
#r_total div.rated span.r59 {
 width: 118px;
}
#r_total div.rated span.r58 {
 width: 116px;
}
#r_total div.rated span.r57 {
 width: 114px;
}
#r_total div.rated span.r56 {
 width: 112px;
}
#r_total div.rated span.r55 {
 width: 110px;
}
#r_total div.rated span.r54 {
 width: 108px;
}
#r_total div.rated span.r53 {
 width: 106px;
}
#r_total div.rated span.r52 {
 width: 104px;
}
#r_total div.rated span.r51 {
 width: 102px;
}
#r_total div.rated span.r50 {
 width: 100px;
}
#r_total div.rated span.r49 {
 width: 98px;
}
#r_total div.rated span.r48 {
 width: 96px;
}
#r_total div.rated spanr47 {
 width: 94px;
}
#r_total div.rated span.r46 {
 width: 92px;
}
#r_total div.rated span.r45 {
 width: 90px;
}
#r_total div.rated span.r44 {
 width: 88px;
}
#r_total div.rated span.r43 {
 width: 86px;
}
#r_total div.rated span.r42 {
 width: 84px;
}
#r_total div.rated span.r41 {
 width: 82px;
}
#r_total div.rated span.r40 {
 width: 80px;
}
#r_total div.rated span.r39 {
 width: 78px;
}
#r_total div.rated span.r38 {
 width: 76px;
}
#r_total div.rated span.r37 {
 width: 74px;
}
#r_total div.rated spanr36 {
 width: 72px;
}
#r_total div.rated span.r35 {
 width: 70px;
}
#r_total div.rated span.r34 {
 width: 68px;
}
#r_total div.rated span.r33 {
 width: 66px;
}
#r_total div.rated span.r32 {
 width: 64px;
}
#r_total div.rated span.r31 {
 width: 62px;
}
#r_total div.rated span.r30 {
 width: 60px;
}
#r_total div.rated span.r29 {
 width: 58px;
}
#r_total div.rated span.r28 {
 width: 56px;
}
#r_total div.rated spanr27 {
 width: 54px;
}
#r_total div.rated span.r26 {
 width: 52px;
}
#r_total div.rated span.r25 {
 width: 50px;
}
#r_total div.rated span.r24 {
 width: 48px;
}
#r_total div.rated span.r23 {
 width: 46px;
}
#r_total div.rated span.r22 {
 width: 44px;
}
#r_total div.rated span.r21 {
 width: 42px;
}
#r_total div.rated span.r20 {
 width: 40px;
}
#r_total div.rated span.r19 {
 width: 38px;
}
#r_total div.rated span.r18 {
 width: 36px;
}
#r_total div.rated span.r17 {
 width: 34px;
}
#r_total div.rated span.r16 {
 width: 32px;
}
#r_total div.rated span.r15 {
 width: 30px;
}
#r_total div.rated span.r14 {
 width: 28px;
}
#r_total div.rated span.r13 {
 width: 26px;
}
#r_total div.rated span.r12 {
 width: 24px;
}
#r_total div.rated span.r11 {
 width: 22px;
}
#r_total div.rated span.r10 {
 width: 20px;
}
#r_total div.rated span.r9 {
 width: 18px;
}
#r_total div.rated span.r8 {
 width: 16px;
}
#r_total div.rated span.r7 {
 width: 14px;
}
#r_total div.rated span.r6 {
 width: 12px;
}
#r_total div.rated span.r5 {
 width: 10px;
}
#r_total div.rated span.r4 {
 width: 8px;
}
#r_total div.rated span.r3 {
 width: 6px;
}
#r_total div.rated span.r2 {
 width: 4px;
}
#r_total div.rated span.r1 {
 width: 2px;
}
#r_total div.rated span.r0 {
 width: 0;
}


/*=======================================================================
        3. Popup Ranking
========================================================================*/
#r_wrapper {
 width: 600px;
 float: left;
 padding-bottom: 30px;
 margin: -9px 0 0 1px;
}

#r_header {
 width: 580px;
 float: left;
 background-color: #003471;
 padding: 10px;
}

#r_header h1 {
 width: 400px;
 float: left;
 font-size: 1.0em;
 color: #fff;
 padding: 0;
 margin: 0;
}
#r_header h2 {
 width: 180px;
 float: right;
 font-size: 0.8em;
 color: #fff;
 padding: 0;
 margin: 0;
}

#r_ranking {
 width: 397px;
 float: left;
 background-color: #d6dee8;
 padding: 0;
 margin: 1px 0 0 0;
}

#r_total {
 width: 397px;
 float: left;
 padding-bottom: 10px;
}
#r_total p {
 width: 377px;
 float: left;
 font-size: 0.70em;
 padding: 10px 10px 8px 10px;
 margin: 0;
}

#r_total div.r_box {
 width: 377px;
 float: left;
 padding-left: 20px;
}
#r_total div.r_box span.total {
 float: left;
 font-size: 1.05em;
 font-weight: bold;
 padding-right: 10px;
}


#r_each {
 width: 377px;
 float: left;
 padding: 10px 0 8px 20px;
 border-top: 1px solid #fff;
}
#r_each h3 {
 width: 120px;
 float: left;
 font-size: 0.70em;
 padding: 0;
 margin: 0;
}

#r_each div.r_item {
 width: 250px;
 float: right;
 padding-bottom: 5px;
}
#r_each div.r_item span.each {
 width: 130px;
 float: left;
 font-size: 0.7em;
}

#r_img {
 width: 202px;
 float: right;
 margin: 1px 0 0 0;
}

#r_recommend {
 width: 580px;
 float: left;
 background-color: #d6dee8;
 padding: 10px;
 margin-top: 1px;
}
#r_recommend p {
 font-size: 0.7em;
 padding: 0;
 margin: 0;
}
#r_recommend p strong {
 font-size: 1.5em;
}


/*=======================================================================
        4. Seiten blaettern
========================================================================*/
#r_guestbook {
 width: 600px;
 float: left;
 font-size: 10px;
 padding: 0;
 margin-top: 30px;
}

#r_guestbook div.pagination {
 width: 600px;
 float: left;
 font-size: 11px;
 padding: 0;
 margin: 0;
}
#r_guestbook div.last {
 padding-top: 5px;
 border-top: 1px solid #bfbfbf;
}

#r_guestbook div.pagination span {
 float: left;
 padding: 2px 5px 2px 10px;
}

#r_guestbook ul {
 float: right;
 list-style-type: none;
 padding: 0;
 margin: 0 10px 0 0;
 display: inline;
}
#r_guestbook li {
 float: left;
 padding: 0 3px;
 border-right: 1px solid #000;
}
#r_guestbook li.first, #r_guestbook li.last {
 border-right: 1px solid #fff;
}

#r_guestbook a, #r_guestbook a:visited {
 font-weight: normal;
 color: #000;
 text-decoration: none;
 padding: 0 2px 1px 2px;
}
#r_guestbook a:hover, #r_guestbook a:active,  #r_guestbook a:focus {
 text-decoration: underline;
}
#r_guestbook a.active {
 font-weight: bold !important;
 color: #fff !important;
 text-decoration: none;
 background-color: #6181a7;
}

/*=======================================================================
        5. Tabelle
========================================================================*/
#r_guestbook table {
width: 100%;
border-collapse: collapse;
margin-top: 5px;
}

#r_guestbook td, #r_guestbook th {
 padding: 7px 5px;
 vertical-align: top;
 border: 1px solid #fff;
}
#r_guestbook th {
 padding: 8px 5px;
 text-align: left;
 background-color: #d6dee8;
 border-bottom: 1px solid #abbcd0;
}
#r_guestbook th.comment {
 width: 300px;
}
#r_guestbook td.center {
 text-align: center;
}

#r_guestbook tr.roweven {
 background-color: #F2F2F2;
}


#r_guestbook table div.entrytext {
 width: 300px;
 float: left;
}
#r_guestbook table span.txt {
 float: left;
}
#r_guestbook table div.txt {
 width: 300px;
 float: left;
}
#r_guestbook table div.ranking {
 width: 290px;
 float: left;
 padding: 10px 0 10px 10px;
}

#r_guestbook table div.more {
 float: left;
}
#r_guestbook table div.more a, #r_guestbook table div.more a:visited {
 font-weight: bold;
 color: #003471;
 text-decoration: underline;
 padding-left: 10px;
}
#r_guestbook table div.more a:hover, #r_guestbook table div.more a:active, #r_guestbook table div.more a:focus {
 font-weight: bold;
 color: #003471;
 text-decoration: underline;
}


#r_guestbook div.r_item {
 width: 290px;
 float: right;
 padding-bottom: 5px;
}
#r_guestbook div.r_item span.each {
 width: 130px;
 float: left;
}


/*=======================================================================
        6. Landingpage
========================================================================*/
#l_wrapper {
 width: 600px;
 float: left;
 padding: 0 10px 30px 10px;
 background-color: #fff;
}
#l_header {
 width: 595px;
 /* float: left; */
 /* Mein code */
 text-align: center;
 font-size: 1.5em;
 padding: 10px 0 10px 0;
 /* Mein code */
 /*padding: 10px 0 10px 5px;*/
 background-color: #406794;
}
/* Mein code */
#l_header h1 {
	color: #fff;
}


#l_wrapper h1 {
	width: 580px;
	color: black;
	font-size: 1.0em;
 	padding: 5px 10px;
 	margin: 0;
}

#l_wrapper div.name {
	/*width: 580px; */
	width: 100%;
	float: left;
	color: black;	
	font-size: 0.8em;
	font-weight: bold;
	padding: 5px 10px;
	margin: 0;
}

#l_wrapper div.address_book {
	/*width: 580px; */
	width: 100%;
	float: left;
	color: black;	
	font-size: 0.8em;
	padding: 0px 10px;
}

/* Mein code */ 

#l_header img {
 float: left;
}

	
#l_wrapper p {
 width: 580px;
 float: left;
 font-size: 0.8em;
 padding: 5px 10px;
 margin: 0;
}

#l_wrapper form {
 width: 100%;
 float: left;
 padding: 0;
 margin: 0;
}
#l_wrapper fieldset {
 width: 558px;
 float: left;
 background-color: #f3f5f8;
 border: 1px solid #c5d1df;
 padding: 10px;
 margin: 10px 0 10px 10px;
 display: inline;
}
#l_wrapper fieldset h2 {
 width: 100%;
 font-size: 0.8em;
 padding: 0;
 margin: 0;
}


#l_wrapper fieldset.ranking {
 background: #f3f5f8 url(/irs/TPortalRegion/img/objects/skala.png) no-repeat 190px 30px;
}
* html #l_wrapper fieldset.ranking {
 background-image: url(/irs/TPortalRegion/img/objects/skala.gif);
}
#l_wrapper fieldset.ranking h2 {
 padding: 0 0 20px 0;
}
#l_wrapper fieldset div.form_item {
 width: 87%;
 float: right;
 padding: 10px 0;
 margin: 0;
 border-bottom: 1px solid #d8e0e9;
}
#l_wrapper fieldset div.last {
 border-width: 0;
 border-style: none !important;
}

#l_wrapper fieldset div.form_item div.form_block {
 width: 320px;
 float: right;
}
#l_wrapper fieldset div.form_item div.form_block div.col_1 {
 width: 100%;
 height: 27px;
 float: left;
}
#l_wrapper fieldset div.form_item div.form_block div.col_2 {
 width: 50%;
 height: 27px;
 float: left;
}


#l_wrapper fieldset div.form_item label {
 width: 160px;
 float: left;
 font-size: 0.7em;
 padding: 3px 0 0 5px;
}
#l_wrapper fieldset div.form_item label.small {
 width: 50px;
}
#l_wrapper fieldset div.form_item label.medium {
 width: 134px;
 line-height: 0.9em;
}
#l_wrapper fieldset div.form_item label.large {
 width: 290px;
 line-height: 0.9em;
}
#l_wrapper fieldset div.form_item span.label {
 width: 160px;
 float: left;
 font-size: 0.7em;
 padding: 3px 0 0 5px;
}
#l_wrapper fieldset div.form_item input {
 width: 300px;
 float: left;
 font-size: 0.7em;
}
#l_wrapper fieldset div.form_item input.radio {
 width: 13px;
 float: left;
}
#l_wrapper fieldset div.form_item textarea {
 width: 300px;
 height: 100px;
 float: left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.7em;
}

#l_wrapper fieldset div.form_item span.title {
 width: 102px;
 font-size: 0.75em;
 float: left;
 padding: 15px 0 0 0;
}

/* Mein code */ 
#l_wrapper fieldset div.test span.topic {
	width: 102px;
	font-size: 0.75em;
	font-weight: bold;
	float: left;
	padding: 15px 0 0 0;
}

#l_wrapper fieldset div.form_item div.radio {
 width: 30px;
 float: left;
 font-size: 0.9em;
 text-align: center;
}
#l_wrapper fieldset div.form_item div.last {
padding-left: 20px;
}

#l_wrapper fieldset div.form_item div.radio input {
 width: 13px;
 float: none;
}
#l_wrapper fieldset div.form_item div.radio label {
 width: 30px;
 float: none;
 padding: 0;
}

#l_wrapper div.form_container {
	/*width: 87%; */
 width: 95%;
 float: left;
 font-size: 1.0em;
 margin: 10px 0 10px 20px;
 display: inline;
}
	
#l_wrapper div.form_container input.email {
 width: 315px;
 float: left;
 font-size: 1.0em;
 margin-left: 4px;
}
#l_wrapper div.form_container input {
 float: left; 
}

#l_wrapper div.form_container label.email { 
 width: 12%;
 float: left;
 padding-left: 5px;
}

#l_wrapper div.form_container label { 
 width: 90%;
 float: left;
 padding-left: 5px;
}

#l_wrapper div.button {
 width: 100%;
 float: left;
 text-align: center;
 padding: 10px 0;
}
#l_wrapper div.button input {
 font-weight: bold;
 color: #fff;
 background-color: #6181a7;
 padding: 2px 10px;
 border-style: solid;
 border-width: 1px;
 border-color: #dfebfa #003471 #003471 #dfebfa;
}