/**
 * Styles for tx_dkd_googlemaps extension
 */

/* Search box */
#search .tx-dkdgooglemaps {
	padding: 10px 8px 10px 10px;
}

#search .tx-dkdgooglemaps .search-label { font-size: 12px; margin-bottom: 4px; }
#search .tx-dkdgooglemaps .blue { color: #375F80; }
#search .tx-dkdgooglemaps form { padding: 0px; margin: 0px; }
#search .tx-dkdgooglemaps .search-input { 
	border: none; 
	background: transparent url(../images/input-box-png8.png);
	height: 20px;
	width: 145px;
	padding: 2px;
	font-weight: bold;
	color: #000;
}

#search .tx-dkdgooglemaps #maps-ajax-spinner { 
	left: 135px;
	position: absolute;
	top: 30px;
	display: none;
}

#search .tx-dkdgooglemaps #search-results { 
	position: absolute;
	top: 45px;
}

#search .tx-dkdgooglemaps .result-count { 
	background: transparent url(../images/btn-blue-png8.png);
	margin-top: 3px;
	height: 20px;
	line-height: 19px;	
	width: 145px;
	text-align: center;
	color: #fff;
	font-size: 12px;
}

#search .tx-dkdgooglemaps .result-container {
	position: relative;
}

#search .tx-dkdgooglemaps #prev-link,
#search .tx-dkdgooglemaps #next-link {
	height: 20px;
	width: 68px;
	position: absolute;
	display: none;
}

#search .tx-dkdgooglemaps #prev-link { 
	background: transparent url(../images/arrows-slice-png24.png) center 1px;
	top: 23px;
	left: 44px;
}

#search .tx-dkdgooglemaps #next-link { 
	background: transparent url(../images/arrows-slice-png24.png) center 20px;
	top: 197px;
	left: 44px;
}

#search .tx-dkdgooglemaps .result-count.hover,
#search .tx-dkdgooglemaps #next-link.hover,
#search .tx-dkdgooglemaps #prev-link.hover {
	display: block;
	cursor: pointer;
}

#search .tx-dkdgooglemaps #result-items { 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
}

#search .tx-dkdgooglemaps #result-items li a {
	width: 145px;
	display: block;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
}

#search .tx-dkdgooglemaps #result-items li .item-image {
	display: block;
	padding: 0px;
	margin: 0px;	
	padding-left: 3px;
	padding-top: 2px;	
	float: left;
	width: 50px;
	height: 44px;
	cursor: pointer;
  border: none;	
  text-decoration: none;  
}

#search .tx-dkdgooglemaps #result-items li .item-image img {
  border: none;
  text-decoration: none;
}

#search #map-image {
	margin-top: -14px;
	position: absolute;
}

#search .tx-dkdgooglemaps #result-items li .item-content {
	display: block;
	padding: 0px;
	margin: 0px;	
	font-family: Arial;
	padding-top: 3px;
	width: 90px;
	float: right;
	font-size: 8px;
	color: #404040;
	height: 44px;
	overflow: hidden;
	cursor: pointer;	
}



/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	height: 150px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-item {
	width: 145px;
	height: 47px;
	background: transparent url(../images/finder-content-bg-png24.png);
	overflow: hidden;
	margin: 0 0 3px 0;
	padding: 0;	
	display: block;	
	cursor: pointer;
}

.jcarousel-clip-vertical {
	height: 150px;
}

.jcarousel-item-placeholder {
	display: none;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

/**
 * LIST VIEW
 */

.tx-dkdgooglemaps .#gmap-container { }
.tx-dkdgooglemaps #gmap-container .left-content {
	float: left;
	margin-right: 12px;
	overflow: hidden;
	width: 324px;
}

.tx-dkdgooglemaps #gmap-container .left-content #item-list {
	margin: 8px 0px;
}

.tx-dkdgooglemaps #gmap-container .left-content #item-list .item-list-item {
	overflow: hidden; 
	margin-top: 12px;
	background-color: #FFFFFF;
	border: 1px solid #D9D9D9;
	padding: 12px;
}

.tx-dkdgooglemaps #gmap-container .left-content #item-list .item-list-item .address {
	float: left; 
	width: 150px;
}

.tx-dkdgooglemaps #gmap-container .right-content {
	float: left;
	overflow: hidden;
	width: 340px;
}

.tx-dkdgooglemaps #gmap-container .right-content #google-map,
.tx-dkdgooglemaps #hidden-map {
	height: 420px; 
	width: 318px;
}

.tx-dkdgooglemaps #hidden-map {

}

.tx-dkdgooglemaps #gmap-container .right-content.single-view #google-map {
	margin-top: 10px;
	height: 200px; 
	width: 318px;
}
.tx-dkdgooglemaps #gmap-container .map-wrap {
  padding-top: 10px;
}

.tx-dkdgooglemaps #gmap-container .portrait {
	margin-top: 10px;
}



/* Layout 1 Suchbox für Action 4 */
.google_search_form_layout_1  {
	margin-top: 10px;
	width: 437px;
	height: 69px;
	background: url(../images/action4_apofinder.png);
	background-repeat: no-repeat;
}
.google_search_form_layout_1 #search-word2 {
	background: url(../images/action4_eingabefeld.png);
	background-repeat: no-repeat;
	width: 157px;
	height: 25px;
	border: none; 	
	padding-left:5px;
	padding-top:5px;
	position: absolute;
	top: 12px;
	left: 180px;	

}

.google_search_form_layout_1 #search-submit {
	background: url(../images/action4_finden_btn.png);
	background-repeat: no-repeat;
	width: 78px;
	height: 25px;
	border: none;
	position: absolute;
	top: 12px;
	right: 15px;	

}

form#google-search-form-layout-1 {
	position: relative;
}



.google_search_form_layout_1 .actioncheckbutton {
	position: absolute;
	top: 37px;
	left: 176px;	
	
}


/* IE hacks */
.jcarousel-item { display: inline\9 }
* html .tx-dkdgooglemaps #gmap-container .portrait { height: 0.01%; }
* html .tx-dkdgooglemaps #gmap-container .list { height: 0.01%; }
* html .tx-dkdgooglemaps #gmap-container #item-list { height: 0.01%; }
* html #search .tx-dkdgooglemaps #prev-link { top: 25px; }
