*{
padding:0px;
margin:0px;	
outline:none;
}

#content a{
	text-decoration:none;
	color:#fefee2;
	font-weight:bold;
}

#rex-article-6 {font-weight:bold}

.calendar {

  position: relative;

  margin-left: 215px;

  margin-top: 100px;

  z-index: 500;

  display: none;

  border: 1px solid #ffffff;

  font-size: 10px;

  color: #000000;

  cursor: default;

  background: #ffffff;

  font-family: verdana,sans-serif;

}



.calendar table {

  border: 1px solid #4A69A0;

  font-size: 11px;

  color: #ffffff;

  cursor: default;

  background: #4A69A0;

  font-family: verdana,sans-serif;

}



.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */

  text-align: center;

  padding: 1px;

  color: ffffff;

  border: 1px solid #ffffff;

}



.calendar .nav {

  background: transparent url(menuarrow.gif) no-repeat 100% 100%;

}



.calendar thead .title { /* This holds the current "month, year" */

  font-weight: bold;

  padding: 1px;

  background: #ffffff;

  color: #4A69A0;

  text-align: center;

}



.calendar thead .headrow { /* Row <TR> containing navigation buttons */

}



.calendar thead .daynames { /* Row <TR> containing the day names */

}



.calendar thead .name { /* Cells <TD> containing the day names */

  border: 1px solid #ffffff;

  padding: 2px;

  text-align: center;

  background: #ffffff;

  color: #4A69A0;

}



.calendar thead .weekend { /* How a weekend day name shows in header */

  color: #878283;

}



.calendar thead .hilite { /* How do the buttons in header appear when hover */

  padding: 0px;

  background-color: #efe6e7;

  color: #6f1c25;

}



.calendar thead .active { /* Active (pressed) buttons in header */

  border: 1px solid #ffffff;

  background-color: #ffffff;

  color: #6f1c25;

}



/* The body part -- contains all the days in month. */



.calendar tbody .day { /* Cells <TD> containing month days dates */

  width: 2em;

  text-align: right;

  padding: 2px 2px 2px 2px;

}

.calendar tbody .day.othermonth {

  font-size: 80%;

  color: #ffffff;

}

.calendar tbody .day.othermonth.oweekend {

  color: #ffffff;

}



.calendar table .wn {

  padding: 2px 2px 2px 2px;

  border-right: 1px solid #ffffff;

  background: #4A69A0;

  color: #ffffff;

}



.calendar tbody .rowhilite td {

  background: #395481;

}



.calendar tbody .rowhilite td.wn {

  background: #395481;

}



.calendar tbody td.hilite { /* Hovered cells <TD> */

  background: #ffffff;

  color: #6A1B24;

}



.calendar tbody td.active { /* Active (pressed) cells <TD> */

  background: #B7959A;

}



.calendar tbody td.selected { /* Cell showing selected date */

  font-weight: bold;

  border: 1px solid #ffffff;

  background: #a9bee1;

}



.calendar tbody td.weekend { /* Cells showing weekend days */

  color: #B7B7B7;

}



.calendar tbody td.today { /* Cell showing today date */

  font-weight: bold;

  color: #ffffff;

}



.calendar tbody .disabled { color: #999; }



.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */

  visibility: hidden;

}



.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */

  display: none;

}



/* The footer part -- status bar and "Close" button */



.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */

}



.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */

  background: #ffffff;

  padding: 1px;

  border: 1px solid #ffffff;

  color: #6f1c25;

  text-align: center;

}



.calendar tfoot .hilite { /* Hover style for buttons in footer */

  border: 1px solid #ffffff;

  padding: 1px;

  background: #d8e0e4;

}



.calendar tfoot .active { /* Active (pressed) style for buttons in footer */

  padding: 2px 0px 0px 2px;

  border: 1px solid #ffffff;

}



/* Combo boxes (menus that display months/years for direct selection) */



.calendar .combo {

  position: absolute;

  display: none;

  width: 4em;

  top: 0px;

  left: 0px;

  cursor: default;

  border: 1px solid #A34D5A;

  background: #ffffff;

  font-size: 90%;

  padding: 1px;

  z-index: 100;

}



.calendar .combo .label,

.calendar .combo .label-IEfix {

  text-align: center;

  padding: 1px;

}



.calendar .combo .label-IEfix {

  width: 4em;

}



.calendar .combo .active {

  background: #C49EA2;

  padding: 0px;

}



.calendar .combo .hilite {

  background: #C49EA2;

  color: #6F1C25;

}



.calendar td.time {

  border-top: 1px solid #ffffff;

  padding: 1px 0px;

  text-align: center;

  background-color: #e8f0f4;

}



.calendar td.time .hour,

.calendar td.time .minute,

.calendar td.time .ampm {

  padding: 0px 3px 0px 4px;

  border: 1px solid #ffffff;

  font-weight: bold;

  background-color: #fff;

}



.calendar td.time .ampm {

  text-align: center;

}



.calendar td.time .colon {

  padding: 0px 2px 0px 3px;

  font-weight: bold;

}



.calendar td.time span.hilite {

  border-color: #ffffff;

  background-color: #667;

  color: #fff;

}



.calendar td.time span.active {

  border-color: #ffffff;

  background-color: #000;

  color: #0f0;

}
.error						{ background-color:#ff0000; color:#ffffff; }
.input_res_datum			{ width: 80px; border:1px solid #cccccc; text-align: center; }
.submit					{ width: 130px; height:20px;color:#FEFEE2; background-color:#5375B1;border:1px solid #FEFEE2; cursor:pointer;margin-top:10px}
.schnellreservierung h5{font-size:12px;margin-top:15px;margin-left:20px;margin-bottom:10px;border-bottom:1px solid #FEFEE2}

#dehoga {
position:relative;
top:188px;
left:22px;
}

body {
background-color: #fefee2;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#fefee2;
}

#footy{color:#4A69A0;font-size:10px;text-align:center;margin-top:7px}

h2, h3 {
font-size:12px;
font-weight: bold;
padding: 5px 30px;
color:#fefee2;
}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
/*background:url(shadow_rechts.jpg)top right repeat-y;*/
width: 737px;

_width: 720px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #4a69a0;
border-left:1px solid #4a69a0;
border-right:1px solid #4a69a0;
border-bottom:1px solid #4a69a0;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #e1ddd9;
padding: 0px;
margin: 0px;
height:170px;
width:737px;
background: url(hotel-stadt-luebeck-hdbg.jpg) no-repeat;
}

#banner h1, #banner p{
	position:absolute;
	text-transform:uppercase;
}

#banner h1{
	
	font-size: 34px;
	padding: 60px 40px;
}
#banner p.teaser_one, #banner p.teaser_two{
	font-size: 16px;
}

#banner p.teaser_one{
	padding: 35px 0 0 335px;
}

#banner p.teaser_two{
	padding: 115px 0 0 235px;
}

/* -----------------content--------------------- */
#content {
background-color: #4a69a0;
padding: 0px;
margin-left: 200px;
margin-right: 0px;
}

content li a{
	font-weight:normal!important;
}

div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px");
border-left:1px solid #fff;
}

p, pre, #content img, .faq, #content table{
padding: 5px 30px;
color:#fefee2;
}

#content table tr{
	vertical-align:top;
	height:20px;
}

#content ul, #content ol{
	padding: 5px 45px;
	color:#fefee2;
}


/* --------------left navi------------- */

#subnav{
	height:30px;
}

#subnav ul{
	padding:5px 30px 5px 0;
	text-align:right;
}

#subnav ul li{
	display: inline;
	width:30px;
	margin-left:10px;
}

#subnav img{
	border:none!important;
}


/* --------------left navi------------- */
#left {
float: left;
width: 200px;
}

#left ul li a{
	padding:3px 0 3px 23px;
}

.rex-navi1{
	list-style:none;
}

.rex-navi1 a{
	text-decoration: none;
	color:#fefee2;
	font-size:11.5px;
	display:block;
}

.rex-navi1 a:hover, .rex-current{
	background-color:#5375b1;
}

.rex-current a{
	padding:2px 0 2px 23px!important;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
height:184px;
width:737px;
background:url(hotel-stadt-luebeck-fobg.jpg) no-repeat;
}

#footer ul{
	list-style:none;
}

#footer .image{
	height:19px;
}

#footer a{
	text-decoration:none;
	color:#4a69a0;
}
#first_square, #sec_square, #third_square, #fourth_square{
	display:inline;
	padding:40px 7px 40px 7px;
	_padding:40px 7px 5px 7px;
	float:left;
	color:#4a69a0;
}

#third_square, #fourth_square{
	width:150px;
}

#sec_square{
	width:170px;
}

#first_square{
	width:190px;
}

.clear{
	clear: both;
}

#shortnav{
	padding:0 20px 0 20px;
	color:#4a69a0;
}

#shortnav a.german{
	color:#4a69a0;
	text-decoration:none;
	font-weight:bold;
	padding:0 27px 0 27px;
}

#shortnav a.germanfirst{
	color:#4a69a0;
		text-decoration:none;
	font-weight:bold;
	padding:0 27px 0 0!important;
}

#shortnav a.english{
	color:#4a69a0;
	text-decoration:none;
	font-weight:bold;
	padding:0 43px 0 43px;
}

#shortnav a.englishfirst{
	color:#4a69a0;
		text-decoration:none;
	font-weight:bold;
	padding:0 43px 0 0!important;
}

#content img{
	padding:0 0 0 0;
	border:1px solid #fefee2;

}
.image a img {
margin-left:30px !important;
}

#content table img{
vertical-align:center;
	border:none!important;
}

.floatcenter{
	text-align:center;
	margin:20px 20px;

}

.floatRight, .lightboximgright{
	float:right;
	margin:20px 40px 20px 20px;

}

.floatLeft{
	float:left;
	margin:20px 20px 20px 40px;

}

#lighbox{
margin-left:30px;	
}

.lightboximg{
		margin:5px 0 0 0px;
	float:left;
}