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

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

Plegbare Schrifttypen und Farbwelten:
0. Größe und Geruest fuer Teaser
1. Allgemeine Selektoren
2. Navigation
3. Breadcrumb-Navigation
4. Buttons
5. Links
6. Formular Suchmasken
7. Liste Suchergbebnis, Liste Zimmer Detailseite
8. Detailseite Header
9. Verfuegbarkeit/Kalender
10. Warenkorb Tabelleninhalt
11. Daten bestaetigen
12. Detailinfos Zimmer
13. Liste Suchergebnis Prospekte
16. Tab-Navigation
17. Teaser

39. Rating

========================================================== */

/*=======================================================================
	0. Größe und Geruest fuer Teaser
========================================================================*/

body {
 /* !!!! KEINE WERTE KLEINER ALS 540px EINGEBEN !!!! */
 width: 570px; /* absolute Breite des Inhalts */
 /* !!!! KEINE WERTE KLEINER ALS 540px EINGEBEN !!!! */
 font-family: verdana, arial, helvetica, sans-serif; /* Schrifttyp */
 color: #000;  /* Schriftfarbe */
 background-color: #fff; /* Hintergurndfarbe der Seite */
margin-left:5px;
 }

/* rahmen-container fuer inhalt */
#container_content {
 width: 540px;
}
/* rahmen-container fuer teaser unterhalb der Seite */
#container_teaser {
 width: 540px;
}
/* rahmen-container fuer teaser rechte spalte */
#container_context {
 width: 200px;
}


/*=======================================================================
        1. Allgemeine Selektoren
========================================================================*/

h1 {
 color: #003471; /*Schriftfarbe Ueberschriften 1. Ordnung, 2. 0rdnung */
 }
h2 {
 color: #000; /*Schriftfarbe Ueberschriften 2. Ordnung */
 }

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


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


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


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

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


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


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


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


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

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

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


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


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

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

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


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


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


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

/* rahmen- + hintergrundfarben feld prospektbeschreibung */
#prospekte .listentry {
 border-color: #fff #fff #D4D0C8 #fff;
 }
#prospekte .item {
 border-color: #fff;
 }
#prospekte .itemcontent {
 border-color: #fff;
 }
#prospekte .contentdunkel {
 background-color: #F2F2F2;
 }
#prospekte .contenthell {
 background-color: #FAFAFA;
 }


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

/*=======================================================================
        17. Teaser
========================================================================*/
/* 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;
}


/*=======================================================================

 39. 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(/TPortalRegion/TPortalRegion/img/objects/skala.png) no-repeat 190px 30px;

}

* html #l_wrapper fieldset.ranking {

 background-image: url(/TPortalRegion/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;

}