/************************************************** sto.com layout *****/
/*************************************** Copyright (c) 2014 Sto ********/
/***********************************************************************/
/****************************************** styles for Google maps *****/
/***********************************************************************/
/************************************** author virtual identity AG *****/

div.map_canvas
{
	width: 100%;
}

#map_references
{
	height: 440px;
}

#map_reference_detail
{
	height: 200px;
}

#map_offices,
#map_office_detail
{
	height: 350px;
}
#map_handwerker,
#map_office_worldwide_detail
{
	height: 350px;
	display: none;
}

div.map_canvas div.info_window
{
	position: absolute;
	display: none;
	padding: 10px;
	border: 1px solid #999;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	background: #fff;
}

div.map_canvas div.info_window div.scrollable
{
	width: 315px;
	max-height: 210px;
	overflow: auto;
}

div.map_canvas div.info_window span.title
{
	font-weight: bold;
}

div.map_canvas .clickable
{
	cursor: pointer;
}

#map_references div.info_window img
{
	display: block;
}

#map_office_worldwide_detail div.info_window p,
#map_references div.info_window p
{
	width: 190px;
	margin: 6px 5px -3px;
	padding: 0;
	font-size: 11px;
}

#map_office_worldwide_detail div.info_window p.header,
#map_references div.info_window p.header
{
	margin: -4px 0 7px;
	color: #666;
	font-weight: bold;
}

#map_office_worldwide_detail div.info_window ul,
#map_references div.info_window ul
{
	width: 300px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	list-style-type: none;
}

#map_office_worldwide_detail div.info_window li,
#map_references div.info_window li
{
	overflow: hidden;
	margin: 0;
	padding: 10px;
	border-top: 1px solid #ccc;
	background: none;
}
#map_office_worldwide_detail div.info_window li:first-child,
#map_references div.info_window li:first-child
{
	border: none;
}

#map_references div.info_window li img
{
	float: left;
	margin-right: 20px;
}

#map_references div.info_window li p,
#map_references div.info_window p.tooltip,
#map_offices div.info_window p,
#map_office_worldwide_detail div.info_window p,
#map_handwerker div.info_window p
{
	width: auto;
	margin: -4px 0 -3px;
}

#map_office_worldwide_detail div.info_window li p,
#map_references div.info_window li p
{
	float: right;
	width: 195px;
}

#map_offices div.info_window p
{
	width: 200px;
}
#map_references div.info_window li > a,
#map_references div.content_wrapper > a,
#map_offices div.content_wrapper > a,
#map_office_worldwide_detail div.content_wrapper > a,
#map_handwerker div.content_wrapper > a {
	display: block;
	text-decoration: none;
	cursor: pointer;
}
#map_references div.info_window li > a {
	overflow: hidden;
}