/* details.css */

#details {width:580px;}
#details #head{padding-bottom:30px;}


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

.entityTab .customerContent{
	border-left:1px solid #998;
	border-right:1px solid #998;
	padding:10px 5px;
	overflow:auto;
}
.tabContent .playingVideoTab{
	width:470px; 
	height:376px;
	padding-left:49px;	
}

/****************** Detail Navigation Left *******************/
.goBack {
	float:left;
	font-size:12px;
	font-weight:bold;
}
.goBack span {
	position:relative;
	bottom:-4px;
	left:3px;
}
.goForward {
	font-size:12px;
	font-weight:bold;
}
.goForward span {
	float:right;
	position:relative;
	bottom:-4px;
	right:3px;
}
.goList {
	margin-top:10px;
}
.mapSection {
	background:url(/images/common/icon_map.png) -2px -1px  no-repeat;
	padding-left:20px;
}
.change {
	background:url(/images/common/icon_entry.gif) 0px 0px no-repeat;
	padding-left:20px;
}
.pharmSection {
	background:url(/images/common/icon_pharm.png) no-repeat;
	padding-left:20px;
}
/*
/******************** Detail Map/ Route ********************/
.mapDetail {
	width:560px;
	height:250px;
	border:1px solid #c0c0c0;
}
.routeDetail {
	width:350px;
	height:250px;
	border:1px solid #aaa;
	float:left;
}
.mapCaption {
	margin:0;
	padding:0;
}
#routeInfoContent {
	width: 560px;
	margin-top:5px;
	margin-left:-5px;
}
#hmtctl input  {
	margin:0 1px 1px 0;
}
/*
/************************  Tab Boxes ************************/
.entityTab {
	background: url(/images/common/borderDetails_top.gif) top left no-repeat;
	width:580px;
	overflow:hidden;
	position:relative;
	z-index:10;
}
.tabContent {
	border-left:1px solid #999;
	border-right:1px solid #999;
	padding:0 5px 1px 5px;
	margin-top:8px;
}
.tabContent td {
	margin:0;
	padding:0;
	height:16px;
}
.tabContent p {
	margin:0;
	padding:0;
}
.tabContent ul{
	padding:10px 0 1px 0;
}
.gytabsList {
	background:url(/images/common/nav_tabBlueLeft.png) no-repeat left top;
    border-bottom: 1px solid #998;
    float: left;
    font-size: 12px;
    margin-right: 1px;
    overflow: hidden;
}
.gytabsLabel {
	background: url(/images/common/nav_tabBlueRight.png) no-repeat right top;
    display: block;
    height: 17px;
    margin-left: 15px;
    padding: 4px 15px 0px 0px;
}
li.selected {
	background: url(/images/common/nav_tabWhiteLeft.png) no-repeat left top;
	border-bottom: 1px solid #fff;	
}
.detailsTab li.selected a {
	background: url(/images/common/nav_tabWhiteRight.png) no-repeat right top;
    color: #555;
    cursor: default;
    font-weight: bold;
    text-decoration: none;
}
.detailsTab .withImg {
	top:0px;
}
.detailsTab .withImg li {
	float:left;
	margin-right:1px;
	position:relative;
}
.detailsTab .withImg li.selected {
	border-bottom:none;
	background: none;
}
.detailsTab .withImg li.selected a {
	background: none;
}
.detailsTab .withImg li.selected span {
	position: relative; top: 1px;
}


.tabBox {
	padding:0 0 8px;
	background: url(/images/common/borderDetails_bottom.gif) bottom left no-repeat;
	width:580px;
	overflow:hidden;
}
.detailsPharm {
	margin-bottom:10px;
}
.detailsPharm ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0 10px;
	padding:0;
	position:relative;
	top:5px;
	z-index:20;
}
.detailsPharm li.selected a {
	background:transparent url(/images/common/nav_tabWhiteRight.png) no-repeat scroll right top;
	font-weight:bold;
	color:#555;
	text-decoration:none;
}
.entityTab3 {
	background: url(/images/common/borderDetails_top.gif) top left no-repeat;
	width:580px;
	overflow:hidden;
	position:relative;
	z-index:10;
}
.upward {
	position: absolute;
	margin-left:520px;
	margin-top:6px;
}
#unlocatedDetail {
	display:block;
	left:10px;
	position:absolute;
	top:90px;
	visibility:visible;
	width:330px;
	z-index:1;
}
#unlocatedDetail ul {
	overflow:auto;
	margin-right:9px;
	height:165px;
}
#unlocatedDetail ul li a {
	display:block;
}
.pharmFeatures{
	padding-top:15px;
}
.pharmFeatures  img{
	padding:0 5px 0 0;
}
.pharmFeatures div{
	width:180px; 
	padding:10px 0 0 0;	
}
.pharmCategories{
	padding-top:20px;
}
.pharmCategories td {
	padding:1px 0 4px 5px;
	vertical-align:top;
}
#pharmInfo h3  {
	font-size:12px;
	padding-bottom:3px;
}
.visualSplit {
	background-color:#f1f1f1;
}
.detailsTab {
	margin-bottom:20px;
}
.tabName {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:10px;
	padding:0;
	position:relative;
	top:1px;
	z-index:20;
}
#detailsAdvert {
	padding:0;
}

/*** HalloHeimat Unternehmensmeldung ***/
.hHeimatTweet .tabBox {
	font-size:12px;
}
.hHeimatTweet .tabBox span {
	color:#777;
	font-weight:bold;
	padding-right:2px;	
}
.announcementEntry{
	top:0;
	padding:15px 0 0 0;
	margin:0;
}
.tabContent .announcementEntry .textualPart {
	width:550px;
}
.announcementEntry .topInfo {
    background-color: #F1F1F1;
    margin-bottom: 6px;
    padding: 3px 0 3px 10px;
    width: 552px;
}
.announcementEntry .description {
	padding:0 5px 10px 10px;
}



/*** HalloHeimat Angebote ***/
#detailsOffer {
	padding:0;
}
.offerEntry .topInfo {
    background-color: #F1F1F1;
    margin-bottom: 6px;
    padding: 3px 0 3px 10px;
    width: 450px;
}
.offerEntry .description {
	padding:0 5px 10px 10px;
}
.offerEntry .description.unseen {
	overflow:hidden;
	height:17px;
}
.offerEntry .rename {
	display:none;
}
.offerEntry .validity  {
 	background:url(/images/common/icon_spotGreen_S.png) 0 0 no-repeat;
	padding-left:20px;
	margin-right:10px;
	margin-top:8px;
	width:105px;
}
.offerEntry .validity.expired  {
 	background:url(/images/common/icon_spotRed_S.png) 0 0 no-repeat;
}
.offerEntry .detailed {
	margin-left:10px;
	line-height:28px;
	text-decoration:none;
}
.offerEntry .offerImg {
	margin-right:10px;
}
.offerEntry .offerImg .thumbnail {
	border:1px solid #ccc;
	height:75px;
	width:75px;
}
.offerEntry .offerImg .zoom {
	margin:0;
	position:absolute;
}
.offerEntry {
	top:0;
	padding:15px 0 0 0;
	margin:0 0 15px 0;
}
.hiddenOffer {
    display: none;
    position: relative;
}
.tabContent .textualPart {
	width:450px;
}
.tabContent .textualPart .points {
	margin-left:10px;
	line-height:5px;
}
.offerEntry .preview {
	width:75px;	
}

/********************** Booking (table or room) ****************************/
#bookingTool{
	border:2px solid #f3b800;
	width:300px;
	margin: 10px 15px 10px 0px;
	padding: 0;
}

/****    Opening Hour    ****/
#openinghour{
	width:250px;
	padding:5px;
	background-color:#eaf0ff;
	/*float:left;*/
	margin-right:10px;
}
#paymentmethod{
	padding:0 10px;
}

/* Tabs */
#detailsNavi{	
	position:relative;
	width:570px;
	height:28px;
	padding-left:10px;
	font-size:12px;
}
#detailsNavi li div{
	padding:3px 0px 3px 0px;
}
#detailsNavi li {
	float:left;
	margin-right:1px;
	background:url(/images/common/nav_tabBlueLeft.png) no-repeat left top;
	padding-left:10px;
}
#detailsNavi li.on {
	border-bottom:5px solid #fff;
	background:url(/images/common/nav_tabWhiteLeft.png) no-repeat left top;
}
#detailsNavi li a {
	padding:3px 10px 3px 0px;
	padding-right:10px;
	background:url(/images/common/nav_tabBlueRight.png) no-repeat right top;	
}
#detailsNavi li a:hover{text-decoration:underline;}
#detailsNavi li.on a {
	color:#555;
	font-weight:bold; 
	text-decoration:none;
	background:url(/images/common/nav_tabWhiteRight.png) no-repeat right top;
}

/*******************************************************************************/
/*****  5 Advertisement-Views (Definitions of Headline, Picture and Text)  *****/
/*****  Reiter: Profil, Leistungen, Aktuelles, Anfahrt, Geschäftszeiten... *****/
.adView{
	padding:0 0 8px;
	background: url(/images/common/borderDetails_bottom.gif) bottom left no-repeat;	
	width:580px;
	overflow:hidden;
}
#adView_route{background-image:none;}
#adView_profile td{font-size:14px; line-height:20px;}

/* Definitions of View 0 to 5 for Header and Text */
.adView #adViewHeader{}
.adView #adViewText{font-size:12px;}
.adView #adViewText ul {
	padding:0px;
}
.adView #adViewText li {
	margin-left:14px;
	padding:3px 0px;
}

/* adViewImage */
.adView.adView1 #adViewImage{margin:0 0 10px 10px;}
.adView.adView2 #adViewImage{margin-left:10px;}
.adView.adView4 #adViewImage{margin-right:10px;}
.adView.adView5 #adViewImage{margin:0 10px 10px 0;}

/* WorkingHours */
.adView.workingHours .timetable{font-weight:normal; padding-bottom:3px;}
.adView.workingHours .timetable td{ font-size:12px;}
.adView.workingHours .weekday{width:30px; font-weight:bold; padding:0 5px;}

/****************************/
/*****     Map-View     *****/
#adView_map{
	width:580px;
	height:auto;
	padding-bottom:8px;
	background: url(/images/common/borderDetails_bottom.gif) bottom left no-repeat;	
}
#adView_map #mapImg{
	width:556px;
	margin-bottom:10px;
}
#adView_map #mapImg img{
	border:1px solid #998;
}
#adView_map .areaContent{
	width:558px;
	padding:10px;
}
/* Styles in iFrame */
#resultsMapView {
	background-color:#fffaea;
}
#resultsMapView .linkArea{margin:0; padding:5px 10px 5px;}

/************************************************/
/*				Menu (Speisekarte)				*/
.details .gastrMenu {
	padding:5px 5px 0px 15px;
}
.details .gastrMenu .dishGroup {
	background:url(/images/common/icon_plus.png) 0px 3px no-repeat;
	font-size:14px;
	font-weight:bold;
	padding-bottom:8px;
	padding-left:15px;
	color:#333;
	cursor:pointer;
}
.details .gastrMenu .open {
	background:url(/images/common/icon_minus.png) 0px 3px no-repeat;
}
.details .gastrMenu table{
	display:none;
	margin-bottom:20px;
	margin-left:15px;
	width:535px;
}
.details .gastrMenu td {
	height:auto;
	padding-bottom:6px;	
}
.details .gastrMenu tr {
	background:url(/images/common/border_dottedGastrMenu.png) left bottom repeat-x;
}
.details .gastrMenu .dishContainer {
	width:430px;
}
.details .gastrMenu .dish {
	background-color:#fff;
	padding-right:7px;
}
.details .gastrMenu .priceContainer {
	width:100px;
	text-align:right;
	vertical-align:bottom;	
}
.details .gastrMenu .price {
	background-color:#fff;
	padding-left:7px;
}
.details .gastrMenu .poweredBy {
	text-align:right;
	font-style:italic;
}
.details .gastrMenu .poweredBy img {
	margin-bottom:-4px;
}

/****************************************/
/*				Varta Guide				*/
.details .vartaGuide {
	padding:5px 5px 0px 15px;
}
.details .vartaGuide .head {
	border-bottom:1px solid #aaa;
	color:#555;
	font-size:14px;
	font-weight:bold;
	margin-bottom:15px;
	padding-bottom:4px;
}
.details .vartaGuide .title {
	background:url(/images/common/icon_plus.png) 0px 3px no-repeat;
	font-size:14px;
	font-weight:bold;
	padding-bottom:8px;
	padding-left:15px;
	color:#333;
	cursor:pointer;
}
.details .vartaGuide .open {
	background:url(/images/common/icon_minus.png) 0px 3px no-repeat;
}
.details .vartaGuide .accordionOpener {
	margin-top:20px;
}
.details .vartaGuide ul{
	display:none;
	margin-bottom:10px;
	margin-left:17px;
	padding:0px;
}
.details .vartaGuide li {
	padding-bottom:6px;
}
.details .vartaGuide li strong {
	color:#333;
}
.details .vartaGuide .contentRight {
	background-color:#eee;
	border:1px solid #aaa;
	float:right;
	margin-left:15px;
	padding:5px;
	width:160px;
}
.details .vartaGuide .hotel {
	width:160px;
}
.details .vartaGuide .rating {
	margin-bottom:10px;
}

/****************************************/
/*				Trust You				*/
.details .trustyou p {
	display:block;
	float:left;
	font-size:12px;
	padding-left:15px;
	padding-top:10px;
	width:355px;
}
.details .trustyou .badge {
	border-width:0px;
	float:right;
	height:140px;
	margin-right:10px;
	width:135px;
}
.details .trustyou .accordionContainer {
	margin-left:15px;
	clear:both;
}
.details .trustyou .title {
	font-size:14px;
	font-weight:bold;
	padding-bottom:8px;
	color:#333;
}
.trustyou .title  span{
	font-size:12px;
	font-weight:normal;
	padding-bottom:8px;
	padding-left:15px;
	color:#04d;
	cursor:pointer;
}
.trustyou .open  span.on {
	display:none;
}
.trustyou   span.on {
	display:inline;
}
.trustyou .open  span.off {
	display:inline;
}
.trustyou   span.off {
	display:none;
}
.trustyou  .iframeContainer {
	height:287px;
	width:424px;
	overflow:hidden;
	display:none;
	border:1px solid #ccc;
}
.trustyou .accordionContainer iframe {
	height:285px;
	width:422px;
	overflow:hidden;
	display:none;
	border:none;
}
.trustyou .poweredby {
	float:right;
	margin-right:15px;
	margin-top:10px;
}

/************************************************/
/*				Brochure (KaufDA)				*/
.details .brochure {
	padding-left:15px;
}
.details .brochure .brochurePreview {
	float:left;
	margin-bottom:25px;
	margin-top:5px;
	width:170px;
}
.details .brochure .magnifier {
	background: url(/images/common/icon_magnifier.png) 0px 0px no-repeat;
	padding-bottom:1px;
	padding-left:20px;
	font-size:12px;
}
.details .brochure .description {
	float:left;
	width:370px;
	margin-top:5px;
}
.details .brochure .title {
	font-weight:bold;
	font-size:16px;
	border-bottom:1px solid #ccc;
	padding-bottom:2px;
	margin-bottom:6px;
}
.details .brochure .validity {
	font-weight:bold;
	margin-top:6px;
	padding-left:20px;
}
.details .brochure .valid {
	background: url(/images/common/icon_spotGreen.png) 0px 0px no-repeat;
}
.details .brochure .soon {
	background: url(/images/common/icon_spotRed.png) 0px 0px no-repeat;
}

/************************************************/
/*				HRS Infobox (Tab)				*/
.details .hrsInfobox {
	padding:5px 5px 0px 15px;
}
.details .hrsInfobox .head {
	border-bottom:1px solid #aaa;
	color:#555;
	font-size:14px;
	font-weight:bold;
	margin-bottom:15px;
	padding-bottom:4px;
	width:370px;
}
.details .hrsInfobox .title {
	font-size:11px;
	font-weight:bold;
	color:#333;
}
.details .hrsInfobox .contentRight {
	background-color:#eee;
	border:1px solid #aaa;
	float:right;
	overflow:hidden;
	padding:5px;
	width:158px;
}
.details .hrsInfobox ul{
	margin-bottom:10px;
	padding:1px 0px 0px;
}