/*	Default stylesheet			*/
/*	Author: 					*/
/* 	Company: 	tfe.com			*/

/* Styles for clearing floats */
.clear {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0px;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .clearfix {
    display: block;
}
/* End styles for clearing floats */

/* General elements */

.hidden {
	display: none;
}

/* Google maps */
.mapBorder {
	width : 680px;
	height: 451px;
	background: url(/img/mapimages/bgMapBorder4.png) left top no-repeat;
	padding-top: 18px;

}
.map {
    margin-top: 20px;
	width: 660px;
	height: 400px;
	margin-left: 4px;
	
	}
.infoWindow {
	height: 97px;
	display: none;
	z-index: 100000;
}
.infoWindowLarge {
	min-width: 230px;
	height: 133px;
	display: none;
	z-index: 100000;
}
.infoWindow .lat,
.infoWindow .long,
.infoWindowLarge .lat,
.infoWindowLarge .long {
	display: none;
}
.infoWindow .leftSide {
	width: 9px;
	height: 100%;
	float: left;
}
.infoWindow .bouw,
.infoWindow .infra,
.infoWindow .groep,
.infoWindow .advies,
.infoWindow .diensten
 {
	height: 100%;
}

.infoWindow .bouw .leftSide, .infoWindow .groep .leftSide {
	background: url(/img/mapimages/bgInfoWindowLeftSideBouw.png) left top no-repeat;
}

.infoWindow .advies .leftSide {
	background: url(/img/mapimages/bgInfoWindowLeftSideAdvies.png) left top no-repeat;
}
.infoWindow .infra .leftSide {
	background: url(/img/mapimages/bgInfoWindowLeftSideInfra.png) left top no-repeat;
}
.infoWindowLarge .leftSide {
	width: 9px;
	height: 100%;
	float: left;
}
.infoWindowLarge .bouw .leftSide, .infoWindowLarge .groep .leftSide {
	background: url(/img/mapimages/bgInfoWindowLeftSideLargeBouw.png) left top no-repeat;
}
.infoWindowLarge .infra .leftSide {
	background: url(/img/mapimages/bgInfoWindowLeftSideLargeInfra.png) left top no-repeat;
}
.infoWindowLarge .advies .leftSide {
	background: url(/img/mapimages/bgInfoWindowLeftSideLargeAdvies.png) left top no-repeat;
}

.infoWindow .rightSide {
	width: 9px;
	height: 100%;
	float: left;
}
.infoWindow .bouw .rightSide, .infoWindow .groep .rightSide {
	background: url(/img/mapimages/bgInfoWindowRightSideBouw.png) left top no-repeat;
}
.infoWindow .infra .rightSide {
	background: url(/img/mapimages/bgInfoWindowRightSideInfra.png) left top no-repeat;
}
.infoWindow .advies .rightSide {
	background: url(/img/mapimages/bgInfoWindowRightSideAdvies.png) left top no-repeat;
}

.infoWindowLarge .bouw,
.infoWindowLarge .infra,
.infoWindowLarge .advies,
.infoWindowLarge .groep,
.infoWindowLarge .diensten {
	height: 100%;
}

.infoWindowLarge .rightSide {
	width: 9px;
	height: 100%;
	float: left;
}
.infoWindowLarge .bouw .rightSide, .infoWindowLarge .groep .rightSide{
	background: url(/img/mapimages/bgInfoWindowRightSidelargeBouw.png) left top no-repeat;
}
.infoWindowLarge .infra .rightSide {
	background: url(/img/mapimages/bgInfoWindowRightSidelargeInfra.png) left top no-repeat;
}
.infoWindowLarge .advies .rightSide {
	background: url(/img/mapimages/bgInfoWindowRightSidelargeAdvies.png) left top no-repeat;
}

.infoWindow .project {
	height: 97px;
	float: left;
}
.infoWindow .bouw .project, .infoWindow .groep .project  {
	background: url(/img/mapimages/bgInfoWindowCenterBouw.png) left top repeat-x;
}
.infoWindow .advies .project {
	background: url(/img/mapimages/bgInfoWindowCenterAdvies.png) left top repeat-x;
}
.infoWindow .infra .project {
	background: url(/img/mapimages/bgInfoWindowCenterInfra.png) left top repeat-x;
}
.infoWindow .project .image {
	float: left;
	position: relative;
	padding: 5px 5px 5px 2px;
}
.infoWindow .project .image .corner{
	position: absolute;
	left: 0;
	top: 10px;
	width: 11px;
	height: 11px;
}
.infoWindow .bouw .project .image .corner, .infoWindow .groep .project .image .corner{
    background: url(/img/mapimages/bgInfoWindowImageCornerBouw.png) left top no-repeat;
}
.infoWindow .advies .project .image .corner{
    background: url(/img/mapimages/bgInfoWindowImageCornerAdvies.png) left top no-repeat;
}

.infoWindow .infra .project .image .corner{
    background: url(/img/mapimages/bgInfoWindowImageCornerInfra.png) left top no-repeat;
}
.infoWindow .project .data {
	float: left;
}
.infoWindow .project .data span {
	display: block;
	font-family: Helvetica, Arial;
	letter-spacing: 1px;
}
.infoWindow .project .data .city {
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	padding: 8px 0 3px 0;
}
.infoWindow .bouw .project .data .city, .infoWindow .groep .project .data .city {
	color: #FFF;
}
.infoWindow .advies .project .data .city {
	color: #FFF;
}
.infoWindow .infra .project .data .city {
	color: #000;
}
.infoWindow .project .data .street {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	padding-bottom: 15px;
}
.infoWindow .bouw .project .data .street, .infoWindow .groep .project .data .street{
	color: #FFFF0F;
}
.infoWindow .infra .project .data .street {
	color: #006B64;
}

.infoWindow .advies .project .data .street {
	color: #FFF;
}

.infoWindow .project .data a.button {
	display: block;
	width: 119px;
	height: 29px;
	text-indent: -9999px;
}
.infoWindow .bouw .project .data a.button, .infoWindow .groep .project .data a.button, .infoWindow .advies .project .data a.button{
	background: url(/img/mapimages/bgBtnShowProjectBouw.png) left top no-repeat;
}

.infoWindow .infra .project .data a.button {
	background: url(/img/mapimages/bgBtnShowProjectInfra.png) left top no-repeat;
}

.infoWindowLarge .office {
	min-width: 212px;
	height: 133px;
	float: left;
	position: relative;
}
.infoWindowLarge .bouw .office, .infoWindowLarge .groep .office {
	background: url(/img/mapimages/bgInfoWindowCenterLargeBouw.png) left top repeat-x;
}
.infoWindowLarge .infra .office {
	background: url(/img/mapimages/bgInfoWindowCenterLargeInfra.png) left top repeat-x;
}
.infoWindowLarge .advies .office {
	background: url(/img/mapimages/bgInfoWindowCenterLargeAdvies.png) left top repeat-x;
}
.infoWindowLarge .office .name {
	font-size: 15px;
	line-height: 16px;
	font-weight: bold;
	padding: 10px 0 5px 0;
	display: block;
}
.infoWindowLarge .bouw .office .name, .infoWindowLarge .groep .office {
	color: #FFFF0F;
}
.infoWindowLarge .infra .office .name {
	color: #006B64;
}

.infoWindowLarge .advies .office .name {
	color: #FFFF0F;
}
.infoWindowLarge .office p {
	font-size: 12px;
	line-height: 15px;
	color: #FFF;
}
.infoWindowLarge .bouw .office p, .infoWindowLarge .groep .office p {
	color: #FFF;
}
.infoWindowLarge .infra .office p {
	color: #000;
}
.infoWindowLarge .advies .office p {
	color: #fff;
}
.infoWindowLarge .office a.button {
	display: block;
	width: 129px;
	height: 29px;
	text-indent: -9999px;
	position: absolute;
	right: 1px;
	bottom: 10px;
}
.infoWindowLarge .bouw .office a.button, .infoWindowLarge .groep .office a.button {
	background: url(/img/mapimages/bgBtnShowOfficeBouw.png) left top no-repeat;
}
.infoWindowLarge .infra .office a.button {
	background: url(/img/mapimages/bgBtnShowOfficeInfra.png) left top no-repeat;
}
.infoWindowLarge .advies .office a.button {
	background: url(/img/mapimages/bgBtnShowOfficeAdvies.png) left top no-repeat;
}