body {
   margin: 0;
   padding: 6px;
   font: 16px Verdana, sans-serif;
   background-color: #CEC393;
   color: #333333;
}

/* Markierung fuer noch nicht uebersetzte Texte */
.wa_translate { background-color: yellow; }


h1,h2,h3,h4,h5,h6 { margin: 0 0 6px 0; }

h1 { font-size: 26px; }
h2 { font-size: 20px; }
h3 { font-size: 14px; }

/*ul { margin: 0 0 6px 0; }
*/a  { text-decoration: none }
address { font-style: normal; }
hr { border: none; height:1px; border-top: 1px solid white; clear: both; }

small { font-size: 9px; }

p {
   text-align: justify;
   text-indent: 6px;
   margin:  0 0 6px 0;
   padding:0;
}

.clear { clear: both; }

.left { float: left; margin-right: 18px; margin-left: 0; }
.right { float: right; margin-left: 18px; margin-right: 0; }

.center { text-align: center; }

/* Fussnoten: */
a.fn { position: relative; top: -6px; left: -3px; font-size: 10px; }
a.fn:after { content: ")"; }


/* Seitenlayout */
.layout { margin: 6px; }

div#header {
   width: 890px;
}
div#content {
   margin-left: 196px;
   margin-top: 124px;
   width: 700px;
}
div#footer {
   width: 890px;
   clear: both;
}
div#breadcrumb {
   position: absolute;
   top: 76px;
   left: 196px;
   width: 700px;
}
div#menu {
   position: absolute;
   top: 64px;
   left: 6px;
   width: 176px;
}


/* top-ueberschrift */
div#header h1 {
   margin: 0;
   padding: 12px;
   color: white;
   border: 1px solid white;
   background-color: #639ABD;
}

/* fussleiste */
div#footer address {
   border-top: 1px solid white;
   font-size: smaller;
   text-align: center;
   color: white;
}

/* bildleiste */
div#breadcrumb img {
   border: 1px solid white;
   height: 98px;
}
div#breadcrumb img.square {
   width: 98px;
   float: left;
}
div#breadcrumb img.long {
   width: 586px;
   float: right;
}


/* allgemeine bilder */
div#content img {
   border: 1px solid white;
   margin-top: 18px; margin-bottom: 12px;
}


/* preistabelle */
table#pricetable {
   margin-top: 18px;
   background:url(/images/price_bg.jpg) no-repeat;
}
table {
   border: 1px solid white;
   border-collapse: collapse;
}
th,td {
   padding: 3px 6px;
}
thead th { /* th nur wg. ie noetig */
   border-bottom: 1px solid white;
   color: white;
   background-color: #639ABD;
}
tfoot td { /* td nur wg. ie noetig */
   border-top: 1px solid white;
   background-color: #EFEBD6;
}

/* das erste mal, dass ich eine css-eigenschaft finde, die nur der ie richtig interpretiert: */
/* col.right { text-align: right; } */
/* damit es in allen browsern klappt, muss ich wieder fuer jede zelle einzeln angeben: */
td.hright { text-align: right; }

ol.footnotes {
   margin: 0; padding: 0 0 0 24px;
   font-size: 9px;
}



/* Languages */
ul#lang { padding: 0; margin: 0 0 6px 6px; list-style-type: none; height:13px; }
ul#lang li {
   float: left;
   margin: 0 3px 0 0;
}
ul#lang img {
   border: 1px solid white;
}
ul#lang img.selected {
   border: 1px solid red;
}



/* Navigation */
ul#navi {
   margin: 0; padding: 0;
   font-weight: bold;
   list-style-type: none;
}
ul#navi li {
   border: 1px solid white;
   background-color: #EFEBD6;
   margin-bottom: 6px;
}
ul#navi li:hover {
   background-color: #639ABD;
}
ul#navi li a {
   display: block;
   padding: 3px 3px 3px 6px;
   color: #437AAD;
}
ul#navi li a:hover {
   background-color: #639ABD;
   color: #FFFFFF;
}
ul#navi li a:active {
   color: orange;
}
ul#navi li.selected a {
   background-color: #639ABD;
   color: white;
}
ul#navi li.selected a:hover {
   color: silver;
}

div#tripadvisor { padding: 5px; }
div#tripadvisor img { border: none; margin:0; }

div#TA_Container img { border: 2 px solid red; }