@charset "utf-8";
/* nav.css
------------------------------------------------------------------------
This stylesheet contains the basic gastgeberCSS rules for badsteben
Author: inpublica.de
--------------------------------------------------------------------- */
/************* #gastgeber Formular Rechts oben **************/
.gastgeberFormPerma {
	margin:0px 0px 0px 0px;
	padding:6px 0px 0px 0px;
}
.gastgeberFormPerma form {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.gastgeberFormPerma td, .gastgeberFormPerma a {
	font-family: "Tahoma" Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#B3BECE;
	text-decoration: none;
}
.gastgeberFormPerma input, .gastgeberFormPerma select {
	font-family: "Tahoma" Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#000000;
	text-decoration: none;
}
.gastgeberFormPerma a:hover {
	color:#f28c12;
	text-decoration: none;
}
.gastgeberFormPerma table.formPermaOuterTable {
	width:190px;
	border-collapse: collapse;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
/*	border:1px solid #ffffff; */
}
.gastgeberFormPerma table.formPermaOuterTable td {
	margin:0px 0px 0px 0px;
	padding:0px 0px 6px 0px;
}
.gastgeberFormPerma table.formPermaOuterTable td table.formPermaInnerTable {
	width:100%;
	border-collapse: collapse;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.gastgeberFormPerma table.formPermaOuterTable td table.formPermaInnerTable td {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.gastgeberFormPerma .formPermaFixedSelect {
	width:190px;
}
.gastgeberFormPerma .formPermaFixedInput {
	width:184px;
}

/************* #gastgeber Formular Detailsuche **************/
.gastgeberFormDetail {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.gastgeberFormDetail form {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.gastgeberFormDetail table.formDetailOuterTable {
	border-collapse: collapse;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
/*	border:1px solid #000000; */
}
.gastgeberFormDetail table.formDetailOuterTable td {
	margin:0px 0px 0px 0px;
	padding:0px 8px 4px 0px;
}
.gastgeberFormDetail table.formDetailOuterTable td table.formDetailInnerTable {
	border-collapse: collapse;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.gastgeberFormDetail table.formDetailOuterTable td table.formDetailInnerTable td {
	margin:0px 0px 0px 0px;
	padding:0px 4px 0px 0px;
}
.gastgeberFormDetail table.formDetailOuterTable td table.formDetailInnerTable td.checkboxText {
	margin:0px 0px 0px 0px;
	padding:2px 0px 0px 0px;
	width:163px;
}
.gastgeberFormDetail .formDetailFixedSelect {
	width:188px;
}
.gastgeberFormDetail .formDetailFixedInput {
	width:184px;
}
.gastgeberFormDetail textarea {
	font-family: "Tahoma" Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.sucheButton {
	font-family: "Tahoma" Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #d4deea;
	height: 22px;
	width: 65px;
	color: #003366;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
	display: block;
}

.sucheButton a {
	background-color: #d4deea;
	color: #003366;
	display: block;
	line-height: 22px;
}

.sucheButton a:hover {
	background-color: #b0c1d7;
	color: #003366;
}

/************* #gastgeberHead **************/
.gastgeberHead {
	position: relative;
	margin: 0px;
	padding: 0px;
	color: #323C42;
	width: 100%;
	height: 25px;
}
.gastgeberHead .gastgeberKlassifizierung {
	position: relative;
	float: left;
	margin-left: 8px;
}
.gastgeberKlassifizierung .gastgeberHeadSterne {
	position: relative;
	margin: 0px;
	padding: 4px;
	float: left;
}
.gastgeberKlassifizierung .gastgeberHeadSuperior {
	position: relative;
	margin: 0px;
	float: left;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
.gastgeberKlassifizierung .gastgeberHeadKategorie {
	position: relative;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	float: left;
}
.gastgeberHead .gastgeberName {
	padding: 0px;
	margin: 0px;
	float: left;
/*	font-size: 13px; */
	color: #154587;
	font-weight: bold;
}
/************* #gastgeberBox **************/
.gastgeberMain {
	position: relative;
	margin: 0px;
	width: 100%;
	padding-bottom: 16px;
}
.gastgeberRightBox .imageRightGastgeber {
	position: relative;
	float: right;
}
.gastgeberRightBox {
	position: relative;
	float: right;
	width: 250px;
}
.gastgeberLeftBox {
	position: relative;
	float: left;
	width: 300px;
}
.gastgeberLeftBox .anschrift {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 300px;
}
.gastgeberLeftBox .gastgeberBeschreibungText {
	position: relative;
	float: left;
	margin: 0px;
	padding-top: 24px;
	width: 300px;
}
.gastgeberBeschreibungInfobox {
	position: relative;
	float: right;
	margin: 0px;
	padding: 0px;
	width: 250px;
	padding-top: 8px;
}
.gastgeberLogo {
	position: relative;
	float: right;
	padding-top: 16px;
	margin: 0px;
	width: 250px;
}
.gastgeberBeschreibungInfobox table {
	width:250px;
	padding:0px;
	margin: 0px;
	border-collapse: collapse;
/*	font-size: 13px; */
}
.gastgeberBeschreibungInfobox td {
	margin: 0px;
	text-align:left;
	vertical-align: middle;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 8px;
color: #154587;
}
.gastgeberBeschreibungInfobox tr {
	background-color: #f0f5f8;
}
/************* #gastgeberFeatures **************/
.gastgeberFeatures {
	position: relative;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 0px;
	width: 100%;
/*	font-size: 13px; */
	font-weight: normal;
	color: #323C42;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d1dae0;
}
#features ul {
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 0px;
	margin: 0px;
	color: #283746;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}
#features ul li {
	background-color: transparent;
	background-image: url(img/gastgeber/feature_list.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left 5px;
	width: 130px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 8px;
	margin-right: 4px;
	color: #283746;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	float: left;
}
#features h3 {
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 0px;
	margin-bottom: 4px;
}
/************* #gastgeberCertify **************/
.gastgeberCertify {
	position: relative;
	padding-top: 8px;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	font-family: "Tahoma" Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 13px; */
	font-weight: normal;
	color: #323C42;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d1dae0;
}
#certify ul {
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0px;
	padding-left: 0pt;
	color: #283746;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin: 0pt;
}
#certify ul li {
	background-color: transparent;
	padding: 0pt;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 4px;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	float: left;
/*	width: 70px;
	overflow-x: hidden;
	overflow-y: hidden; */
	width:auto;
	height:90px;
}
#certify h4 {
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 4px;
	color: #283746;
}
/************* #gastgeberImages **************/
.gastgeberImages {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-family: "Tahoma" Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #323C42;
}
#images .image {
	border: 0px none;
	position: relative;
	width: 160px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#images .image .zoom {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(img/lightbox/zoom.gif);
	background-repeat: no-repeat;
	width: 13px;
	height: 13px;
	cursor: pointer;
}
#images table {
	padding:0px;
	margin: 0px;
	border-collapse: collapse;
}
#images td {
	margin: 0px;
	text-align:left;
	vertical-align: top;
	padding-right: 4px;
	padding-top: 4px;
}
/*************** #gastgeberhausarrangements **************/
.gastgeberArangement{
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	width: 100%;
	margin-top: 8px;
	padding-bottom: 24px;
	overflow: hidden;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d0dae7;
}
.gastgeberArangement .ArangementHeadline {
	position: relative;
	width: 100%;
	float: left;
	padding: 0px;
	margin-bottom: 4px;
}
.gastgeberArangement .ArangementName {
	position: relative;
	float: left;
	padding-top: 6px;
	margin: 0px;
/*	font-size: 13px; */
	color: #154587;
	font-weight: bold;
	text-decoration: none;
}
.gastgeberArangement .ArangementName a {
	color: #154587;
	text-decoration: none;
}
.gastgeberArangement .ArangementName a:hover {
	color: #f7921c;
	text-decoration: none;
}
.gastgeberArangement .ArangementBuchungsanfrage {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #154587;
	float: right;
	padding: 4px;
	margin: 0px;
	text-decoration: none;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #d0dae7;
	border-bottom-color: #d0dae7;
	border-left-color: #d0dae7;
}
.gastgeberArangement .ArangementBuchungsanfrage a {
	color: #154587;
	text-decoration: none;
}
.gastgeberArangement .ArangementBuchungsanfrage a:hover {
	color: #f7921c;
	text-decoration: none;
}
.ArangementItems {
	position: relative;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 0px;
	width: 100%;
/*	font-size: 13px; */
	font-weight: normal;
	color: #323C42;
}
#items ul {
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 0px;
	margin: 0px;
	color: #283746;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}
#items ul li {
	background-color: transparent;
	background-image: url(img/gastgeber/feature_list.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left 5px;
	width: 100%;
	margin-right: 10px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 10px;
	color: #283746;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	float: left;
}
.ArangementText {
	position: relative;
	float: left;
	padding: 0px;
	margin: 0px;
	width: 480px;
/*	font-size: 13px; */
	font-weight: normal;
	color: #154587;
}
.ArangementPreis {
	padding-left: 4px;
	padding-right: 4px;
	margin: 0px;
	height: 20px;
	line-height: 20px;
	background-color: #d0dae7;
	font-weight: bold;
	color: #154587;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.ArangementPreis a{
	color: #154587;
	text-decoration: none;
}
.ArangementPreis a:hover{
	color: #587eb2;
	text-decoration: none;
}
.ArangementPreisSchild {
	position: relative;
	float: right;
	margin: 0px;
	padding: 0px;
}
/*************** #gastgeberTeaser **************/
.gastgeberTeaser{
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	width: 550px;
	height: 120px;
	background-color: #f0f5f8;
	margin-bottom: 8px;
	overflow: hidden;
}
.gastgeberTeaserInfos{
	width: 380px;
	float: right;
}
.gastgeberTeaserSterne {
	position: relative;
	margin: 0px;
	padding: 4px;
	float: right;
	background-color: #FFFFFF;
}
.gastgeberTeaserSuperior {
	position: relative;
	margin: 0px;
	float: right;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 0px;
}
.gastgeberTeaserKategorie {
	position: relative;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 4px;
	float: right;
	background-color: #FFFFFF;
}
.gastgeberTeaserInfo {
	position: relative;
	float: left;
}
.gastgeberTeaser .gastgeberTeaserImage {
	float: left;
	position: relative;
	width: 160px;
}
.gastgeberTeaser .gastgeberTeaserText {
	width: 370px;
	font-size: 13px;
	color: #323C42;
	float: left;
	height: 65px;
	margin: 0px;
	padding: 0px;
}
.gastgeberTeaser .gastgeberTeaserHead {
	width: 380px;
	float: left;
	padding: 0px;
	margin-bottom: 2px;
}
.gastgeberTeaser .gastgeberTeaserHeadline {
	padding-top: 4px;
	font-size: 12px;
	color: #154587;
	margin: 0px;
	text-decoration: none;
	display: block;
	font-weight: bold;
}
.gastgeberTeaserHeadline a{
	color: #154587;
	text-decoration: none;
}
.gastgeberTeaserHeadline a:hover{
	color: #ff8d16;
	text-decoration: none;
}
.gastgeberTeaser .pfeil{
	font-size: 13px;
	position: relative;
	width: 100px;
	padding: 0;
	margin: 0;
	float: right;
	margin-right: 8px;
	line-height: 18px;
	height: 18px;
	margin-top: 4px;

}
.gastgeberTeaser .pfeil a{
	width: 100px;
	color: #154587;
	background-image: url(img/gastgeber/pfeil_gastgeber_aus.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
	display: block;
	line-height: 18px;
	height: 18px;
}
.gastgeberTeaser .pfeil a:hover{
	color: #ff8d16;
	background-image: url(img/gastgeber/pfeil_gastgeber_an.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
}
/************* #icons **************/
.iconBox {
	width: 200px;
	height: 18px;
	margin-top: 4px;
	padding: 0px;
	float: left;
	position: relative;
}
#TeaserIcons {
	position: relative;
	width: 306px;
	float: left;
}
#TeaserIcons ul {
	width: 200px;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}
#TeaserIcons ul li {
	background-color: transparent;
	width: 19px;
	height: 18px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 0pt;
	margin-right: 1px;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	float: left;
}
#TeaserIcons .an {
	background-color: #3b577d;
}
#TeaserIcons .aus {
	background-color: #f0f5f8;
}
/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */
.TabbedPanels {
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
	top: -2px;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	background-color: #d0dae7;
	list-style: none;
	border-left: solid 1px #d0dae7;
	border-bottom: solid 1px #d0dae7;
	border-top: solid 1px #d0dae7;
	border-right: solid 1px #d0dae7;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	font-family: "Tahoma" Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #323c42;
	line-height: 22px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-image: url(img/gastgeber/pfeil_aus.gif);
	background-repeat: no-repeat;
	background-position: 5px;
}
.TabbedPanelsTabHover {
	background-color: #d5e2ea;
	background-image: url(img/gastgeber/pfeil_an.gif);
}
.TabbedPanelsTabSelected {
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-image: url(img/gastgeber/pfeil_an.gif);
}
.TabbedPanelsContentGroup {
	clear: both;
	border-top: solid 1px #d1dae0;
	background-color: #FFFFFF;
}
.TabbedPanelsContent {
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
/*
.TabbedPanelsContentVisible {
}
*/

/************* #allgemeine Maps **************/
.maps {
	position: relative;
	padding-top: 16px;
	padding-bottom: 8px;
	margin: 0px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d1dae0;
}

/* listview hinweistext f�r sortierung */
div.listViewHinweis {
	position:absolute;
	top:13px;
	right:24px;
	font-size: 13px;
	color: #587eb2;
/*	float:right; */
}