 <!--

/* ### stylesheet - tolles-hotel.de © rundbild.com 2007-05-22 ### */

body {
margin: 0;
font-family: "Times New Roman", "Times", serif;
background-color: #ffdb83;
color: #000000;
text-align: left;
}

/* Formate Seitenkopf u. -fuss */
.h1kf-1 {
margin: 6px 23px 6px 0; /* 23px-Versatz für Flaggenicon */
text-align: center;
letter-spacing: 4pt;

font-size: 12pt;
font-weight: 300;
text-transform: uppercase;
}

.h1kf-2 {
margin: 0 23px 4px 0;
text-align: center;
letter-spacing: 2pt;
font-size: 18pt; /* 2007-05-02 */
font-weight: 300;
}

.h1kf-3 {
margin: 0 23px 4px 0;
text-align: center;
letter-spacing: 1.4pt;

font-size: 10pt;
font-weight: 300;
}

/* Formate - Seiteninhalt */

.h1s-1 {
margin: 0 26px 12px 26px;
text-align: center;
letter-spacing: 0.2em;
color: #800000;
background-color: #ffefc9;
font-size: 20pt; /* 2007-05-02 */
font-weight: 300; /* 2007-05-02 */
}

.h1s-2 {
margin: 0 26px 12px 26px;
text-align: center;
letter-spacing: 0.05em;
color: #800000;
background-color: #ffefc9;
font-size: 20pt; /* 2007-05-02 */
font-weight: 300; /* 2007-05-02 */
}

.h1s-3 {
margin: 0 26px 12px 26px;
text-align: center;
letter-spacing: 0.02em;
color: #800000;
background-color: #ffefc9;
font-size: 18pt;
font-weight: 300;
}

p {
text-align: center;
margin: 0 26px 18px 26px;
color: #800000;
background-color: #ffefc9;
}

a {
color: #800000;
background-color: #ffefc9;
}

a:hover {
color: #0000ff;
background-color: #ffefc9;
}

#footer {
margin: 12px 0 12px 0;
}

#footer a  {
font-family: verdana, geneva, sans-serif;
font-size: 10pt;
font-weight: bold;
background-color: #e16905;
color: #feeeca;
text-decoration: none;
}

#footer a:hover  {
text-decoration: underline;
}

/* Allgemeine Seitenelemente */

.KopfFuss { color: #ffefc9; background-color: #e16905; }
.TDPage { color: #800000; background-color: #ffefc9; width: 750px; /* wichtig Screen! */ }
.jugenstilborduere-l { background-image:url(http://www.tolles-hotel.de/bilder/img/border-l-berlin-mitte.gif); }
.schatten-l { background-image:url(http://www.tolles-hotel.de/bilder/img/bg-l.gif); }
.jugenstilborduere-r { background-image:url(http://www.tolles-hotel.de/bilder/img/border-r-berlin-mitte.gif); }
.schatten-r { background-image:url(http://www.tolles-hotel.de/bilder/img/bg-r.gif); }
.bogen-t { width: 750px; height: 65px; background-image:url(http://www.tolles-hotel.de/bilder/img/city-hotel-berlin-mitte-t.gif); display: block;  }
.bogen-b { width: 750px; height: 65px; background-image:url(http://www.tolles-hotel.de/bilder/img/city-hotel-berlin-mitte-b.gif); display: block;  }

/* Navigation mit grafischen Rollover-Buttons */

#navmenue {
margin: 0 0 18px 0;
display: block;
}

#txtmenue {  /* 2007-05-02 */
margin: 0 0 18px 0;
display: block;
}

#txtsubmenue { /* 2007-05-02 */

}

.sbutton {
margin: 1.0em 0;
}

table.menue {
/* border: solid 1px red; */
}

.menue td {
padding: 2px 2px 2px 2px;
}

.menue a {
display: block; /* wichtig! */
background-image:url(http://www.tolles-hotel.de/buttons/menue/button-bg.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
}

.menue a:focus {
padding: 1px 0 0 1px;
background-position: 0px -48px;
}

.menue a:hover {
background-position: 0px -24px;
}

.menue a:active {
padding: 1px 0 0 1px;
background-position: 0px -48px;
}

.buttontext {
width:140px;
height:24px;
overflow:hidden;
text-align: center;
}

/* Erweiterung 2007-05-02 */

.buttontxt {
width:140px;
height:24px;
overflow:hidden;
text-align: center;
}

#txtmenue a {
padding: 3px 0 3px 0;
font-size: 16px;
width: 140px;
height: 24px;
color: rgb(0,0,0);
background-color: transparent;
text-decoration: none;
text-transform: uppercase;
font-weight: 400;
}

#txtmenue a:first-letter {
font-size: 20px;
font-weight: 400;
}

/* txtsubmenue - geloescht 2007-05-30 */

#txtmenue-inline-1 a {
padding: 3px 0 3px 0;
font-size: 16px;
width: 140px;
height: 24px;
color: rgb(0,0,0);
background-color: transparent;
text-decoration: none;
text-transform: uppercase;
font-weight: 400;
}

#txtmenue-inline-1 a:first-letter {
font-size: 20px;
font-weight: 400;
}

#txtmenue-inline-2 a {
padding: 3px 0 3px 0;
font-size: 16px;
width: 140px;
height: 24px;
color: rgb(0,0,0);
background-color: transparent;
text-decoration: none;
text-transform: uppercase;
font-weight: 400;
}

#txtmenue-inline-2 a:first-letter {
font-size: 20px;
font-weight: 400;
}

#txtmenue-inline-3 a {
padding: 3px 0 3px 0;
font-size: 16px;
width: 140px;
height: 24px;
color: rgb(0,0,0);
background-color: transparent;
text-decoration: none;
text-transform: uppercase;
font-weight: 400;
}

#txtmenue-inline-3 a:first-letter {
font-size: 20px;
font-weight: 400;
}

#txtmenue-inline-4 a {
padding: 3px 0 3px 0;
font-size: 16px;
width: 140px;
height: 24px;
color: rgb(0,0,0);
background-color: transparent;
text-decoration: none;
text-transform: uppercase;
font-weight: 400;
}

#txtmenue-inline-4 a:first-letter {
font-size: 20px;
font-weight: 400;
}

#txtmenue-inline-5 a {
padding: 3px 0 3px 0;
font-size: 16px;
width: 140px;
height: 24px;
color: rgb(0,0,0);
background-color: transparent;
text-decoration: none;
text-transform: uppercase;
font-weight: 400;
}

#txtmenue-inline-5 a:first-letter {
font-size: 20px;
font-weight: 400;
}

-->