/*
Light BB green: #c2c923
Dark BB brown: #523029
Light BB blue: #dbedf9
Dark BB blue: #0c4da2
Red: #d90e81
*/

body {
background-color: white;
min-width: 41em;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
color: #523029;
margin: 0px;
}

input {
background-color: white;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
border: 1px solid #523029;
color: #523029;
}

select {
background-color: white;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
border: 1px solid #523029;
color: #523029;
}

textarea {
background-color: white;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
border: 1px solid #523029;
color: #523029;
}

input.button {
background-color: #E0E0E0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
border: 1px outset;
color: #523029;
}

div.page {
width: 1000px;
margin-left: auto;
margin-right: auto;
}

div.maptext {
background-color: white;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
color: #523029;
width: 180px;
margin: 0px;
padding: 0px 4px 0px 0px;
float: right;
}

div#contenthotel div.maptext h2, div#contenthotel div.maptext h3 {
margin: 16px 0px 16px 0px;
width: 180px;
color: #523029;
}

div#contenthotel div.maptext p {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
width: 180px;
color: #523029;
}

div#newscontent {
float: none;
width: 400px;
padding: 16px 0px 0px 8px;
}

div#newscontent h2 {
margin: 16px 0px 16px 0px;
width: 400px;
}

div#newscontent h3 {
margin: 16px 0px 16px 0px;
width: 400px;
}

div#newscontent p {
margin: 16px 0px 16px 0px;
width: 400px;
}

div.map {
margin: 0px;
width: 358px;
padding: 8px 4px 4px 4px;
}

div.leftcol {
width: 208px;
padding: 0px 4px 0px 0px;
float: left;
}

div.maincol {
width: 764px;
margin: 0px 0px 0px 220px;
float: none;
}

* html div.maincol {
width: 775px;
margin: 0px 0px 0px 220px;
float: none;
}

div.flashfile {
border: 0px;
background: #FFFFFF;
z-index: 1;
}

#logo {
width: 100%;
margin-top: 8px;
padding: 0px 0px 5px 0px;
}

#slogan {
width: 212px;
padding: 0px 0px 5px 0px;
background-color: #523029;
height: 20px;
overflow: hidden;
}

#slogan p {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
color: white;
text-align: center;
margin: 2px;
padding: 0px;
}

#flags {
margin: -12px;
padding-right: 20px;
background-color: #c2c923;
text-align: right;
}

img.flag {
display: inline;
border: 0px;
margin-right: 10px;
text-align: right;
float: right;
}

* html img.flag {
display: inline;
border: 0px;
margin-right: 10px;
margin-top: 0px;
float: right;
}

#topnavbox {
width: 764px;
height: 20px;
background-color: #c2c923;
padding: 0px 0px 5px 0px;
}

#rightcol {
width: 163px;
float: right;
margin: 0px;
}

#booking {
min-height: 250px;
height:auto !important;  /* für moderne Browser */
}

#booking p {
padding: 4px;
color: #0c4da2;
}

#booking p.error {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: left;
padding: 8px;
margin: 0px 0px 8px 0px;
color: #d90e81;
display: block;
background-color: #ffd0d0;
border: solid 1px #d90e81;
}

#booking h1 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: left;
padding: 4px;
margin: 16px 0px 16px 0px;
color: #523029;
}

#booking td {
vertical-align: middle;
padding: 0px;
}

#booking input.date {
background-color: #E0E0E0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
border: 1px solid #523029;
color: #523029;
width: 80px;
}

#booking input.dateerror {
background-color: #E0E0E0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
color: #d90e81;
width: 80px;
background-color: #ffd0d0;
border: solid 2px #d90e81;
}

#booking select.hotel {
background-color: #E0E0E0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
border: 1px solid #523029;
color: #523029;
width: 200px;
}

#booking select.hotelerror {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
color: #d90e81;
width: 200px;
background-color: #ffd0d0;
border: solid 2px #d90e81;
}

#booking select.nights {
background-color: #E0E0E0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
border: 1px solid #523029;
color: #523029;
width: 55px;
}

#booking select.nightserror {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
color: #d90e81;
width: 55px;
background-color: #ffd0d0;
border: solid 2px #d90e81;
}

#booking input.button {
background-color: #C0C0C0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
border: 1px outset;
color: #523029;
padding: 1px;
}

#bookingmessage {
padding: 24px;
background-color: #DBEDF9;
border: solid 1px #523029;
visibility: hidden;
position: absolute;
left: 50%;
top: 50%;
width: 300px;
height: 90px;
margin: -69px 0px 0px -174px;
z-index: 500;
}

#bookingmessage p {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: left;
color: #0c4da2;
display: inline;
padding: 16px 0px 0px 0px;
}

#bookingmessage img {
padding: 4px 24px 4px 4px;
float: left;
display: inline;
border: 0px;
}

div.calendaricon {
position: absolute;
left: 321px;
top: 237px;
width: 14px;
height: 14px;
}

div.topstripe {
background-color: #523029;
margin: 8px 0px 0px 0px;
height: 12px;
}

* html div.topstripe {
background-color: #523029;
margin: 8px 0px 0px 0px;
width: 766px;
height: 12px;
}

div.topstripeleft {
background-color: #523029;
margin: 8px 0px 0px 0px;
width: 212px;
height: 12px;
}

div.leftbox {
background-color: #DBEDF9;
width: 212px;
margin: 0px 0px 8px 0px;
padding: 0px 0px 8px 0px;
text-align: left;
}

div.leftbox h2 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}

div.leftbox p {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
margin: 0px 0px 0px 0px;
padding: 8px 0px 0px 16px;
text-align: left;
line-height: 100%;
}

div.leftbox ul {
font-family: verdana, arial, helvetica, sans-serif;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 28px;
text-align: left;
}

div.leftbox ul li {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
color: black;
list-style-image: url('../img/bullets/arrow.gif');
margin: 0px 0px 0px 0px;
padding: 0px 0px 8px 0px;
}

div.leftbox ul li a {
color: #523029;
text-decoration: none;
}

div.leftbox ul li a:hover {
color: #523029;
text-decoration: underline;
}

div.leftbox ul li a:active {
color: #523029;
text-decoration: underline;
}

div.rightbox {
background-color: #dbedf9;
width: 139px;
min-height: 445px;
height: auto !important;  /* für moderne Browser */
height: 445px;
margin: 0px 0px 8px 8px;
padding: 8px;
text-align: left;
overflow: hidden;
}

div.rightbox h2 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: left;
padding: 0px;
margin: 16px 0px 16px 0px;
color: #523029;
}

div.rightbox img {
display: inline;
margin-bottom: 4px;
border: 0px;
}

div.rightbox input {
background-color: #E0E0E0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
border: 1px solid #523029;
color: #523029;
width: 139px;
}

div.rightbox select {
background-color: #E0E0E0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
border: 1px solid #523029;
color: #523029;
width: 139px;
}

ul#topnav {
margin: 0px;
padding: 2px 0px 0px 8px;
text-align: left;
}

ul#topnav li {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
color: #523029;
list-style: none;
display: inline;
margin: 0px;
padding: 0px;
}

ul#topnav a, ul#topnav span {
padding: 0px;
text-decoration: none;
color: #523029;
}

* html ul#topnav a, * html ul#topnav span {
width: 1em; /* nur fuer IE 5.0x erforderlich */
width: auto; /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}

ul#topnav a:hover, ul#topnav span {
text-decoration: underline;
}

ul#topnav a:active {
padding: 0px;
text-decoration: none;
color: white;
}

ul#topnav a.active {
padding: 0px;
text-decoration: none;
color: white;
}

* html ul#topnav a:active {
width: 1em; /* nur fuer IE 5.0x erforderlich */
width: auto; /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}

ul#topnav a.active:hover {
text-decoration: underline;
}

div#hotelnav ul {
margin: 0px;
padding: 2px 0px 0px 0px;
text-align: left;
}

div#hotelnav li {
margin: 0px;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #523029;
list-style: none;
display: inline;
}

div#hotelnav a {
padding: 0px;
text-decoration: none;
color: #523029;
}

* html div#hotelnav a, * html div#hotelnav span {
width: 1em; /* nur fuer IE 5.0x erforderlich */
width: auto; /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}

div#hotelnav a:hover {
padding: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #c2c923;
color: #c2c923;
}

div#hotelnav a:active {
padding: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #c2c923;
color: #523029;
}

* html ul#hotelnav a:active {
width: 1em; /* nur fuer IE 5.0x erforderlich */
width: auto; /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}

div#hotelnav a.active {
padding: 0px;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color: #c2c923;
color: #523029;
}

div#hotelnav a.active:hover {
padding: 0px;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color: #c2c923;
color: #c2c923;
}

div#hotelnav span {
padding: 0px;
text-decoration: none;
color: #c2c923;
}

div.leftnav {
float: left;
width: 140px;
margin: 0px 0px 0px 0px;
}

ul#leftnav {
margin: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

ul#leftnav li {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13pt;
color: white;
background-color: #c2c923;
width: 140px;
list-style: none;
margin: 0px 0px 8px 0px;
padding: 8px;
}

ul#leftnav li.active {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13pt;
color: white;
background-color: #523029;
width: 140px;
list-style: none;
margin: 0px 0px 8px 0px;
padding: 8px;
}

ul#leftnav a, ul#leftnav span {
font-family: verdana, arial, helvetica, sans-serif;
color: white;
padding: 0px;
text-decoration: none;
}

* html ul#leftnav a, * html ul#leftnav span {
width: 1em; /* nur fuer IE 5.0x erforderlich */
width: auto; /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}

ul#leftnav a:hover, ul#leftnav span {
text-decoration: none;
}

ul#leftnav a:active {
padding: 0px;
text-decoration: none;
color: white;
}

* html ul#leftnav a:active {
width: 1em; /* nur fuer IE 5.0x erforderlich */
width: auto; /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}

ul#leftnav a.active:hover {
text-decoration: none;
color: white;
}

div.leftbox h1 {
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size: 12pt;
color: #523029;
margin: 0px 0px 0px 10px;
}

h1 {
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size: 16pt;
margin-bottom: 10px;
color: #523029;
margin: 12px 16px 4px 0px;
}

h2 {
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size: 14pt;
color: #523029;
}

h3 {
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size: 10pt;
color: #523029;
margin: 0px 0px 12px 0px;
}

h4 {
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size: 9pt;
color: #523029;
margin: 0px 0px 12px 0px;
}

h5 {
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
font-size: 8pt;
color: #523029;
margin: 0px 0px 8px 0px;
}

h6 {
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
font-size: 8pt;
color: #523029;
margin: 0px 0px 8px 0px;
}

p {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
color: #523029;
text-align: left;
line-height: 150%;
margin: 0px 0px 0px 0px;
}

p.justify {
text-align: justify;
}

p.error {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: left;
padding: 8px;
margin: 0px 0px 8px 0px;
color: #d90e81;
display: block;
background-color: #ffd0d0;
border: solid 1px #d90e81;
}

a:link {
color: #523029;
text-decoration: underline;
}

a:visited {
color: #523029;
text-decoration: underline;
}

a:hover {
color: #993333;
text-decoration: underline;
}

a:active {
color: #993333;
text-decoration: underline;
}

ul {
font-family: verdana, arial, helvetica, sans-serif;
margin: 0px 0px 0px 16px;
padding: 8px 0px 0px 8px;
text-align: left;
}

ul li {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
color: black;
list-style-image: url('../img/bullets/arrow.gif');
margin: 0px 0px 0px 0px;
padding: 0px 0px 8px 0px;
}

ul li a {
color: #523029;
text-decoration: none;
}

ul li a:hover {
color: #523029;
text-decoration: underline;
}

ul li a:active {
color: #523029;
text-decoration: underline;
}

#contenthotel {
margin: 0px 0px 0px 0px;
width: 600px;
float: none;
}

#contentnavi {
margin: 0px 0px 0px 164px;
width: 600px;
float: none;
}

#contentnonavi {
margin: 0px 0px 0px 0px;
width: 600px;
float: none;
}

div.formboxnavi {
margin: 0px 0px 8px 164px;
padding: 8px;
width: 584px;
float: none;
background-color: #DBEDF9;
}

div.formboxnonavi {
margin: 0px 0px 8px 0px;
padding: 8px;
width: 584px;
float: none;
background-color: #DBEDF9;
}

table#login, table#form {
padding: 4px;
}

table#login td, table#form td {
padding: 4px;
}

#login h1, #form h1 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: left;
padding: 4px;
margin: 16px 0px 16px 0px;
color: #0c4da2;
}

#login p, #form p {
padding: 4px;
color: #0c4da2;
}

#login p.error, #form p.error {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
text-align: left;
padding: 4px;
color: #d90e81;
display: block;
border: none;
background: none;
}

#login img.border, #form img.border {
background-color: white;
padding: 2px;
border: 1px solid #523029;
}

#login input, #form input {
background-color: white;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
border: 1px solid #523029;
color: #523029;
padding: 2px;
width: 196px;
}

#login input.radio, #form input.radio{
background: none;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
border: none;
color: #523029;
padding: 0px;
width: 20px;
}

#login input.checkbox, #form input.checkbox{
background: none;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
border: none;
color: #523029;
padding: 0px;
width: 20px;
}

#login input.inactive, #form input.inactive {
background-color: #D0D0D0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
border: 1px solid #523029;
color: #523029;
padding: 2px;
width: 196px;
}

#login input.error, #form input.error {
background-color: white;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
padding: 2px;
width: 196px;
color: #d90e81;
background-color: #ffd0d0;
border: solid 2px #d90e81;
}

#login textarea, #form textarea{
background-color: white;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
border: 1px solid #523029;
color: #523029;
padding: 2px;
width: 196px;
height: 140px;
}

#login textarea.inactive, #form textarea.inactive {
background-color: #D0D0D0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
border: 1px solid #523029;
color: #523029;
padding: 2px;
width: 196px;
height: 70px;
}

#login textarea.error, #form textarea.error {
background-color: white;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
padding: 2px;
width: 196px;
color: #d90e81;
background-color: #ffd0d0;
border: solid 2px #d90e81;
height: 70px;
}

#login select, #form select {
background-color: white;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
border: 1px solid #523029;
color: #523029;
padding: 2px;
width: 202px;
}

#login select.count, #form select.count, #form table#roomlist select.count {
background-color: white;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
border: 1px solid #523029;
color: #523029;
padding: 2px;
width: 42px;
}

#login select.inactive, #form select.inactive {
background-color: #D0D0D0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
border: 1px solid #523029;
color: #523029;
padding: 2px;
width: 202px;
}

#login select.error, #form select.error {
background-color: white;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
padding: 2px;
width: 202px;
color: #d90e81;
background-color: #ffd0d0;
border: solid 2px #d90e81;
}

#login input.button, #form input.button {
background-color: #E0E0E0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
border: 1px outset;
color: #523029;
padding: 2px;
width: 200px;
}

table#roomlist {
margin: 16px 4px 16px 4px;
border-collapse: collapse;
width: 580px;
}

table#roomlist tr {
}

table#roomlist tr.altrow {
background-color: #C8D5F4;
}

table#roomlist th {
padding: 4px;
margin: 2px;
text-align: left;
font-weight: bold;
color: white;
background-color: #0c4da2;
border: 1px solid #0c4da2;
}

table#roomlist td {
text-align: left;
padding: 2px;
margin: 2px;
border: 1px solid #0c4da2;
}

#contenthotel p {
width: 600px;
}

#contentnavi p {
width: 600px;
}

#contentnonavi p {
width: 600px;
}

div#poi {
background-color: #DBEDF9;
width: 175px;
min-height: 284px;
height:auto !important;  /* für moderne Browser */
float: right;
padding: 16px 8px 8px 8px;
margin: 8px 0px 0px 0px;
}

div#poi h2 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: left;
margin: 16px 8px 4px 8px;
color: #523029;
}

div#poi p {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
text-align: left;
margin: 0px 8px 4px 8px;
color: #523029;
width: 167px;
}

div#poi a {
text-decoration: underline;
color: #d90e81;
}

div#poi a:active {
text-decoration: underline;
color: #0c4da2;
}

div#poi a:hover {
text-decoration: underline;
color: #0c4da2;
}

div#list {
background-color: #DBEDF9;
width: 175px;
min-height: 400px;
height:auto !important;  /* für moderne Browser */
float: right;
padding: 16px 8px 8px 8px;
margin: 0px 0px 0px 0px;
}

div#list h1 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: left;
margin: 0px 8px 16px 8px;
color: #523029;
display: block;
border-bottom: 1px solid #523029;
}

div#list h2 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: left;
margin: 0px 8px 4px 8px;
color: #0c4da2;
}

div#list p {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
text-align: left;
margin: 0px 8px 16px 8px;
color: #0c4da2;
width: 167px;
}

div#list p.date {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
text-align: left;
margin: 4px 8px 4px 8px;
color: #0c4da2;
width: 167px;
}

div#list a {
text-decoration: none;
color: #0c4da2;
}

div#list a:active {
text-decoration: underline;
color: #0c4da2;
}

div#list a:hover {
text-decoration: underline;
color: #0c4da2;
}

div#list h2.active {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: left;
margin: 0px 8px 4px 8px;
color: #d90e81;
}

div#list p.active {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
text-align: left;
margin: 0px 8px 16px 8px;
color: #d90e81;
width: 167px;
}

div#list p.activedate {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
text-align: left;
margin: 4px 8px 4px 8px;
color: #d90e81;
width: 167px;
}

div#list a.active {
text-decoration: none;
color: #d90e81;
}

div#list a.active:active {
text-decoration: underline;
color: #d90e81;
}

div#list a.active:hover {
text-decoration: underline;
color: #d90e81;
}

div.teaserelement, div#poi div.teaserelement {
margin: 0px 0px 8px 9px;
padding: 4px 0px 4px 4px;
text-decoration: none;
width: 155px;
height: 50px;
}

div.teaserelement h1, div#poi div.teaserelement h1 {
margin: 0px;
padding: 0px;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
text-align: left;
color: white;
}

div.teaserelement p, div#poi div.teaserelement p {
margin: 0px;
padding: 0px;
text-decoration: none;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
text-align: left;
color: white;
}

div.teaserelement a, div#poi div.teaserelement a {
margin: 0px;
padding: 0px;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-size: 8pt;
text-align: left;
color: white;
}

div.teaserelement a:hover, div#poi div.teaserelement a:hover {
margin: 0px;
padding: 0px;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-size: 8pt;
text-align: left;
color: white;
}

div.teaserelement a:active, div#poi div.teaserelement a:active {
margin: 0px;
padding: 0px;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-size: 8pt;
text-align: left;
color: white;
}

div.teaserelement h6, div#poi div.teaserelement h6 {
margin: 0px;
padding: 0px;
font-family: arial, helvetica, sans-serif;
font-size: 8pt;
text-align: left;
color: white;
}

ul.link {
font-family: verdana, arial, helvetica, sans-serif;
text-align: left;
margin: 12px 0px 12px 0px;
padding: 0px;
}

ul.link li {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #523029;
list-style: none;
margin: 0px;
padding: 0px;
}

ul.link a, ul.link span {
padding: 0px;
text-decoration: underline;
color: #523029;
}

* html ul.link a, * html ul.link span {
width: 1em; /* nur fuer IE 5.0x erforderlich */
width: auto; /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}

ul.link a:hover, ul.link span {
text-decoration: underline;
}

ul.link a.active {
padding: 0px;
text-decoration: underline;
color: black;
}

* html ul.link a.active {
width: 1em; /* nur fuer IE 5.0x erforderlich */
width: auto; /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}

ul.link a.active:hover {
text-decoration: underline;
color: black;
}

select.nexthotels {
background-color: white;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
border: 1px solid #523029;
color: #523029;
width: 360px;
}

table.price {
width: 360px;
border: 0px;
border-collapse: collapse;
}

tr.price {
background-color: #DBEDF9;
border-bottom: 4px solid white;
}

tr.pricealt {
background-color: #E9F4FB;
border-bottom: 4px solid white;
}

td.price {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
color: #523029;
margin: 0px 0px 4px 0px;
padding: 6px;
}

td.pricealt {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
color: #523029;
margin: 0px 0px 4px 0px;
padding: 6px;
}

div#directiontext {
}

div#directiontext p {
display: inline;
}

div#directionmap {
width: 164px;
min-height: 150px;
height:auto !important;  /* für moderne Browser */
float: right;
}

div#directionmap img {
margin-left: 16px;
border: 1px solid #523029;
display: block;
}

div#directionmap p {
color: #0c4da2;
margin: 4px 0px 0px 16px;
}

div#directionmap a {
color: #0c4da2;
font-weight: bold;
text-decoration: none;
}

div#directionmap a:active {
color: #0c4da2;
font-weight: bold;
text-decoration: underline;
}

div#directionmap a:hover {
color: #0c4da2;
font-weight: bold;
text-decoration: underline;
}

div#hotelpictures {
padding: 0px;
margin: 8px 0px 0px 0px;
}

div#hotelpictures table {
padding: 0px;
}

div#hotelpictures tr {
}

div#hotelpictures tr td {
}

div#hotelpictures tr td img {
border: 1px solid #523029;
margin: 0px 8px 0px 0px;
}

div#zoombox {
position: absolute;
left: 0px;
top: 0px;
width: 250px;
height: 250px;
}

.zoomimage {
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}

.zoomimage div {
padding: 0px 5px 5px 0px;
}

.zoomimage img {
background-color: #fff;
border: 1px solid #523029;
margin: -6px 6px 6px -6px;
padding: 4px;
}

#foot {
width: 155px;
float: right;
}

#foot p {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 7pt;
color: #523029;
text-align: center;
}

#foot a:link {
color: #523029;
text-decoration: none;
text-align: center;
}

#foot a:visited {
color: #523029;
text-decoration: none;
text-align: center;
}

#foot a:hover {
color: #523029;
text-decoration: underline;
text-align: center;
}

#foot a:active {
color: #523029;
text-decoration: underline;
text-align: center;
}