body,
html
{
	margin: 0;
	padding: 0;
}
body
{
	background: #F3E9CE url(../images/layout/bg.gif) repeat-x;
	text-align: center;
}

#wrapper
{
	width: 856px;
	margin: 26px auto 0 auto;
	background: url(../images/layout/main_bg.gif) repeat-y;
	text-align: left;
}
.wide #wrapper
{
	background: url(../images/layout/main_wide_bg.gif) repeat-y;
}

/* --- Der Header ----------------------------------------- */

#header
{
	position: relative;
	height: 173px;
	padding-top: 40px;
	background: #304975 url(../images/layout/header_bg.gif) no-repeat;
	overflow: hidden;
}
#header a
{
	font-weight: normal;
}
#header h1
{
	padding: 0;
	background: url(../images/layout/header_110620.jpg) no-repeat;
}
#header h1 a
{
	display: block;
	width: 100%;
	height: 144px;
}
#header h1 span
{
	display: none;
}
#header h2
{
	position: absolute;
	left: 0;
	top: 0;
	margin: 0 0 0 12px;
	padding: 3px 0 5px 14px;
	background: url(../images/layout/bullet_active.gif) no-repeat left center;
	line-height: 32px;
}
#header h2 span
{
	font-weight: normal;
}
/* --------- kleine Navi oben ----------------------------- */

#top_nav
{
	position: absolute;
	top: 0;
	right: 19px;
	padding: 0 0 2px 0;
	background: url(../images/layout/top_nav.gif) no-repeat right top;
	line-height: 38px;
}
#top_nav li
{
	float: left;
	padding: 0 6px 0 7px;
	background: url(../images/layout/top_nav.gif) no-repeat left top;
}
#top_nav a
{
	color: #304975;
	text-decoration: none;
}

/* --------- Brotkrumen-Navigation ------------------------ */

#breadcrumb
{
	width: 640px;
	height: 29px;
	margin: 0;
	padding: 0 0 0 216px;
	background: url(../images/layout/breadcrumb_bg.jpg) no-repeat right top;
	font-size: 12px;
	line-height: 29px;
}
#breadcrumb li
{
	float: left;
	padding: 0 8px 0 10px;
	background: url(../images/layout/bullet_blue.gif) no-repeat left 11px;
}
#breadcrumb li.home
{
	padding-left: 14px;
	background-image: url(../images/layout/bullet_blue_active.gif);
}
#breadcrumb li a
{
	color: #FFFFFF;
	text-decoration: none;
}

/* --- Linke Spalte --------------------------------------- */

#left_column
{
	float: left;
	height: auto;
	min-height: 427px;
	width: 184px;
	background: url(../images/layout/left_column_bg.jpg) no-repeat right top;
	font-size: 12px;
}
#left_column a
{
	font-weight: normal;
}
#left_column div.spacer
{
	width: 100%;
	height: 24px;
	background: url(../images/layout/navigation_bg.jpg) no-repeat 0 0;
}
#navigation_title
{
	margin-top: 27px;
	padding: 0 0 0 8px;
	background: url(../images/layout/navigation_title.jpg) no-repeat left top;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 28px;
}
#navigation_title span
{
	padding-left: 10px;
	background: url(../images/layout/bullet_white_full.gif) no-repeat left 6px;
}

/* --------- Navigation ----------------------------------- */

#navigation,
#navigation ul
{
	margin: 0;
	padding: 0;
}
#navigation
{
	padding-top: 12px;
	background: url(../images/layout/navigation_bg.jpg) no-repeat 0 -12px;
}
#navigation a
{
	display: block;
	width: 159px;
	padding: 0 0 0 25px;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/layout/bullet_blue_full.gif) no-repeat 14px center;
}
#navigation a:hover,
#navigation a:focus
{
	background-image: url(../images/layout/bullet_blue.gif);
	color: #EBE3CE;
}
#navigation li.active a,
#navigation li.active a:hover,
#navigation li.active a:focus
{
	background: url(../images/layout/bullet_blue_active.gif) no-repeat 10px center;
	color: #C0D8FF;
}
#navigation li
{
	padding: 0;
	background: url(../images/layout/navigation_bg.jpg) no-repeat 0 0;
	line-height: 24px;
}
#navigation ul li
{
	background-position: 0 -24px;
}
#navigation li.active li a
{
	background-image: none;
	color: #FFFFFF;
}
#navigation li.active li a:hover,
#navigation li.active li a:focus
{
	background-image: none;
	color: #EBE3CE;
}
#navigation li.active li.active a,
#navigation li.active li.active a:hover,
#navigation li.active li.active a:focus
{
	background-image: none;
	color: #C0D8FF;
}

/* --- Content-Bereich ------------------------------------ */

#content
{
	float: left;
	width: 416px;
	padding: 32px;
	background: url(../images/layout/content_bg.gif) no-repeat left top;
}
.wide #content
{
	width: 608px;
	background: url(../images/layout/content_wide_bg.gif) no-repeat left top;
}


.appartement
{
	width:200px;
	float: left;
	margin-bottom: 20px;
}


/* --- Popup-Fenster -------------------------------------- */

#popup_window
{
	background-color: #EEF4FF;
	background-image: none;
}
#popup_window div
{
	margin: 24px;
	padding: 24px;
	background-color: #EEF4FF;
	background-color: #FFFFFF;
	border: solid 1px #81B5FF;
}
#popup_window img
{
	margin-bottom: 12px;
}

/* --- Rechte Spalte -------------------------------------- */

#right_column
{
	float: left;
	width: 192px;
	height: auto;
	min-height: 282px;
	padding-top: 84px;
	background: url(../images/layout/right_column_bg_test.jpg) no-repeat left top;
	color: #FFFFFF;
	font-size: 11px;
}
#right_column .image
{
	width: 100%;
	text-align: center;
}
#right_column .image a
{
	display: block;
	margin-bottom: 6px;
}

/* --- Der Footer ----------------------------------------- */

#footer
{
	clear: both;
	width: 100%;
	background: #304975 url(../images/layout/footer_bg.gif) no-repeat left top;
}
.wide #footer
{
	background: #304975 url(../images/layout/footer_wide_bg.gif) no-repeat left top;
}
#footer p
{
	width: 416px;
	padding:  0 32px 0 32px;
	padding-top: 10px;
	margin: 0 0 0 184px;
	color: #FFFFFF;
	text-align: right;
}
#bottom
{
	width: 100%;
	height: 42px;
	margin-top: 24px;
	background: #F3E9CE url(../images/layout/footer_bottom.gif) no-repeat;
}

/* TABLE LAST MINUTE */

.last_minute
{
	border: none;
	margin: 10px 0;
}

.last_minute td
{
	padding:  5px 10px;
	border: none;
}

.last_minute tr
{
	border-bottom: 1px solid #eef4ff;
}

.last_minute th
{
	padding:5px 10px;
	color: #2f518f;
	background-color: #eef4ff
}

.last_minute th img
{
	padding: -8px 0;
	float: right;
}



/*.last_minute th.three_stars
{
	background: #eef4ff url(../images/layout/star_3.png) no-repeat;
	padding: 5px 10px 0 68px;
}

.last_minute th.four_stars
{
	background: #eef4ff url(../images/layout/star_4.png) no-repeat;
	padding: 5px 10px 0 88px;
}

.last_minute th.five_stars
{
	background: #eef4ff url(../images/layout/star_5.png) no-repeat;
	padding: 5px 10px 0 108px;
}*/


/* Startseite > Appartement-Teaser */

#appartements
{
	position: relative;
	height: 256px;
	margin: 20px 0 32px 0;
}
#appartements ul
{
	position: absolute;
	z-index: 2;
	left: 243px;
	top: 0;
	width: 173px; /* IE7 */
	padding: 0;
}
#appartements li
{
	float: left; /* IE6,7 */
	width: 163px;
	padding: 0 0 0 10px;
	background: transparent;
}
#appartements li.ui-tabs-selected
{
	background: transparent url(../images/layout/spritesheet_appartements.png) no-repeat 0 -128px;
}
#appartements li a
{
	display: block;
	width: 163px;
	height: 64px;
	background: transparent url(../images/layout/spritesheet_appartements.png) no-repeat -10px 0;
}
#appartements li a:hover,
#appartements li a:focus
{
	background-position: -10px -64px;
	text-decoration: none;
}
#appartements li.ui-tabs-selected a,
#appartements li.ui-tabs-selected a:hover,
#appartements li.ui-tabs-selected a:focus
{
	background: transparent;
}
#appartements li span
{
	display: block;
	cursor: pointer;
}
#appartements li span.description
{
	margin-left: 11px;
	padding-top: 6px;
	color: #FFFFFF;
	font-size: 12px;
}
#appartements li span.rating
{
	width: 22px;
	height: 22px;
	margin-left: 7px;
	background: transparent url(../images/layout/rating.png) no-repeat 0 0;
}
#appartements li span.one
{
	width: 22px;
}
#appartements li span.two
{
	width: 44px;
}
#appartements li span.three
{
	width: 66px;
}
#appartements li span.four
{
	width: 88px;
}
#appartements li span.five
{
	width: 110px;
}
#appartements li span.rating span
{
	display: none;
}
#appartements li span.capacity
{
	margin: -3px 0 0 11px;
	color: #FFFFFF;
	font-weight: normal;
}
#appartements div.infopanel
{
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 253px;
	height: 256px;
}
#appartements div.ui-tabs-hide
{
	display: none;
}
#appartements div.infopanel img
{
	margin: 0;
}
#appartements div.infopanel div
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 231px;
	padding: 4px 11px 11px 11px;
	background: #000000;
	background: transparent url(../images/layout/background_infopanel.png) repeat 0 0;
}
#appartements div.infopanel div h2,
#appartements div.infopanel div h2 a
{
	color: #FFFFFF;
}
#appartements div.infopanel div p,
#appartements div.infopanel div p a
{
	color: #FFFFFF;
	font-weight: normal;
}