/*
	CSS Document: css_modules.css
	Version: 1.0 | Date: 2009-05-28
	Project: www.sonnenburg.at
	Author: websLINE, 2009
	-------
*/

@import url("css_navigation.css");
@import url("css_calendar-blue2.css");
@import url("css_lightbox.css");


/* ZIMMERSKIZZEN */

.roommap dl {
	}
.roommap dl dd {
	padding: 3px 5px 3px 20px;
	background: url(img_dot.gif) no-repeat 10px 50%;
	border-bottom: 1px solid #eee;
	float: left;
	}
.roommap dl dd:hover {
	background-color: #eee;
	}
.roommap dl a {
	text-decoration: none !important;
	}
.roommap div {
	}


/* SHOW MORE */

.showmore:hover {
	position: relative;
	}
.showmore div {
	display: none;
	position: absolute;
	top: -50px; left: 100px;
	width: 400px;
	background: #f5f5f5;
	border: 1px solid #eee;
	padding: 10px;
	text-decoration: none;
	}
.showmore:hover div {
	display: block;
	}
.showmore .liste {
	padding-left:30px;
	background: url(img_dot.gif) no-repeat 22px 3px;
	}


/* IMPRESSIONEN */

.impressions {
	margin-bottom: 2px;
	}
#content .impressions {
	float: left;
	}
.impressions a {
	display: block;
	float: left;
	margin-right: 2px;
	position: relative;
	}
#content .impressions a {
	margin: 0 5px 5px 0;
	}
.impressions b {
	float: left;
	}
.impressions b a {
	margin-right: 0 !important;
	}
.impressions .img {
	border: 1px solid #fff;
	width: 80px; height: 60px;
	}
#content .impressions .img {
	width: 120px; height: 90px;
	}
.impressions a:hover .img {
	border-color: #999;
	}
.impressions a .zoom {
	position: absolute;
	top: 5px; left: 5px;
	border: 0;
	}
.impressions strong {
	display: none;
	font-weight: normal;
	}

	
/* BILDERGALERIE */

.gallery {
	margin-bottom: 6px;
	}
.gallery a {
	display: block;
	float: left;
	margin: 0 5px 0px 0;
	padding-bottom:10px;
	position: relative;
	border: 0px solid #e5e5e5;
	}
.gallery a:hover {
	}
.gallery img {
	border: 0px solid #fff;
	}
.gallery a:hover img {
	border-color: #ddd;
	}
.gallery a .zoom {
	position: absolute;
	top: 5px; left: 5px;
	border: 0;
	}
	

/* INFO BOX */

.infobox {
	clear: both;
	border: 1px solid #eee;
	padding: 10px; margin: 35px 0;
	background: url(img_bg-infobox.gif) no-repeat 100% 0;
	}
#mainRight .infobox {
	margin: 3px 0;
	}
.infobox * {
	margin: 10px 0px;
	}


/* VERWANDTE THEMEN */

.related {
	clear: both;
	margin: 20px 0;
	}
.related dt {
	font-size: 1.1em;
	color: #8f6f4d;
	margin-bottom: 5px;
	font-weight: bold;
	}
.related dd {
	padding: 3px 5px 3px 10px;
	background: url(img_dot.gif) no-repeat 0 50%;
	border-bottom: 1px solid #eee;
	}
.related dd:hover {
	background-color: #eee;
	}
.related dd a {
	text-decoration: none !important;
	}


/* TEXT ABSAeTZe */

.absatz {
	}
.bildlinks img {
	margin: 0 8px 0 0;
	float: left;
	}
.bildrechts img {
	margin: 0 0 0 8px;
	float: right;
	}

	
/* TEASER */	

#content .teaser {
	margin: 20px 0 20px 205px;
	}
.teaser li {
	line-height: 1.4em;
	}
#content .teaser li {
	margin: 5px 0;
	}
#content .teaser li a {
	text-decoration: none;
	}
.teaser li img {
	float: left;
	margin-right: 10px;
	}
.teaser li strong {
	display: block;
	color: #8f6f4d;
	text-transform: uppercase;
	font-size: 1.1em;
	}
	

/* BOX */

#mainRight .box {
	border-bottom: 1px solid #bdbdbd;
	padding-bottom: 15px !important;
	margin-bottom: 15px !important;
	}
	

/* TABELLE PREISE */

table.prices {
	width: 100%;
	border: 0;
	margin-bottom: 30px;
	}
table.prices th,
table.prices td {
	padding: 3px 5px;
	}
table.prices caption {
	font-size: 1.1em;
	color: #8f6f4d;
	text-align: left;
	margin-bottom: 30px;
	
	display: none;
	}
table.prices .col2, table.prices .col3 {
	width: 72px;
	text-align: right !important;
	}
table.prices .title th {
	vertical-align: bottom;
	font-size: 0.9em;
	background: #fff !important;
	font-weight: normal;
	}
table.prices .season td {
	font-size: 0.9em;
	font-weight: bold;
/*	background: #d9dade;*/
	vertical-align: top;
	padding: 3px !important;
	}
table.prices .room td {
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
	color: #8f6f4d;
	}
table.prices .room a {
/*	font-weight: bold;*/
	background: url(img_dot.gif) no-repeat 0 50%;
	padding: 0 8px;
	}
table.prices .data td {
	height: 15px;
	vertical-align: middle;
	}
table.prices .col1 {
/*	padding-left: 10px;
	background: #f5f5f6;*/
	padding: 3px 0;
	}
table.prices .col2 {
	background: #ebecee;
	}
table.prices .col3 {
	background: #e2e3e6;
	}
table.prices .col4 {
	background: #f5f5f6;
	}
table.prices .data:hover td {
	background: #d9dade;
	}
table.prices .data:hover td p {
	font-size: 1em;
	}
	

/* ANFRAGE MASKE */

.inquirymask {
	}
.inquirymask p {
	margin: 0;
	padding: 5px 0 0 0;
	}
.inquirymask label {
	display: block;
	float: left;
	margin-right: 5px;
	padding-top: 5px;
	width: 50px;
	}
.inquirymask input {
	margin: 0;
	background-color: #f5f5f5;
	width: 100px;
	}
.inquirymask select {
	margin: 0;
	}
.inquirymask .bttn {
	width: 70px;
	float: right;
	margin-top: 36px;
	padding-right: 10px;
	}
* html .inquirymask .bttn,  /* IE6 Bug */
*+html .inquirymask .bttn { /* IE7 Bug */
	margin-top: 39px;
	}


/* sIFR REPLACEMENT */

@media screen {

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
	}
.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
	}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}
.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
	}

}

@media print {

.sIFR-flash {
	display    : none !important;
	height     : 0;
	width      : 0;
	position   : absolute;
	overflow   : hidden;
	}
.sIFR-alternate {
	visibility : visible !important;
	display    : block   !important;
	position   : static  !important;
	left       : auto    !important;
	top        : auto    !important;
	width      : auto    !important;
	height     : auto    !important;
	}

}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:*/
  .sIFR-active .navigation a.main {

  }
  
}