@charset "utf-8";

/*	Allgemein */

html, body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	margin: 0;
	padding: 0;
}
#map {
	height: 100%;
}

h1 {
	font-size: 20px;
	font-weight: bold;
}

/*	InfoWindow */

.shopLocation {
	font-size: 10px;
	color: #666;
}
.shopDescription {
	font-size: 14px;
	color: #333;
	line-height: 16px;
}
.shopURL {
	font-size: 12px;
	font-weight: bold;
	color: #69C;
	text-decoration: none;
	line-height: 16px;
}
.stoffIcon {
	float: left;
	padding: 2px 15px 0 0;
}

/*	SideBar */

#sideBarWrapper {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 5;
	background-color: #fff;
	padding: 0;
	border: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	width: 320px;
}

/*	SideBar Headline */

#sideBarTopHeadline {
	position: relative;
	text-align:center;
	padding: 20px;
	border-bottom: 1px solid #d9d9d9;	
}
#sideBarTopHeadline h1 {
	font-size: 24px;
	font-weight: bold;
	color:#CF0;
	line-height:30px;
}

/*	SideBar Top	*/

#sideBarTop {
	position: relative;
	font-size: 20px;
	padding: 20px;
}
#sideBarTop h1 {
	margin: 0;
}

/*	SideBar	Shoplisting	*/

#sideBarShops {
	position: relative;
	border-bottom: 1px solid #d9d9d9;
	height: 400px;
	overflow: auto;
}
#sideBarShops a {
	display: block;
	height: 40px;
	padding: 15px 0 0 20px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	overflow: auto;
}
#sideBarShops a:hover {
	background: #CF0;
}

/*	SideBar Routing */

#sideBarRoute {
	position: relative;
	font-size: 20px;
	padding: 25px 20px 30px 20px;
	border-bottom: 1px solid #d9d9d9;	
}
#sideBarRoute h1 {
	margin-top: 0;
	overflow: auto;
}
#end {
	width: 100%;
	padding: 10px;
}

/*	SideBar Bottom	*/

#sideBarBottom {
	position: relative;
	font-size: 20px;
	padding: 20px;
}

/*	SideBar Buttons */

#clearButton, #centerButton {
	width: 100%;
	padding: 10px;
}

/*	BottomBar */

#debugBottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 5;
	background-color: #fff;
	padding: 0;
	border: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 600px;
}