/*---------------------------------------------------------------
	0. Basic styles, typography etc.
---------------------------------------------------------------*/

HTML, BODY {
	height: 100%;
}

BODY {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	font-size: 62.5%;
}

P {
	margin: 0 0 1.2em 0;
	font-family: Georgia, "Times New Roman", Times;
	font-size: 1.6em;
	text-indent: 1em;
	line-height: 1.35em;
}

H1 {
	font-size: 2.6em;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times;
	letter-spacing: -0.03em;
	margin: 1em 0 1em 0;
}

H2 {
	font-size: 2.2em;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times;
	letter-spacing: -0.03em;
	margin: 2em 0 0.5em 0;
}

A {
	color: #ff6666;
	text-decoration: none;
}

A:hover {
	color: #ff9999;
	text-decoration: none;
}

A IMG {
	border: none;
}

.noindent {
	text-indent: 0;
}

.clear {
	clear: both;
}

UL.breadcrumb {
	display: inline;
	padding: 0;
	font-size: 1.2em;
}

UL.breadcrumb LI {
	display: inline;
	padding-right: 1em;
}

/*---------------------------------------------------------------
	1. Top / #top
---------------------------------------------------------------*/

#top {
	background-color: #000000;
	top: 0;
	left: 0;
	width: 100%;
}

#topMenu {
	margin: 0 auto;
	width: 80em;
	padding: 2.5em;
	text-align: center;
}

#topMenu UL {
	display: inline;
	color: #ffffff;
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times;
	font-size: 2em;
}

#topMenu UL LI {
	display: inline;
	padding: 0em 1.8em;
}

#topMenu A {
	color: #ffffff;
	text-decoration: none;
	border: 0;
}

#topMenu A:hover {
	color: #ff6666;
	text-decoration: none;
	border: 0;
}

/*---------------------------------------------------------------
	2. Content / #content
---------------------------------------------------------------*/

#content {
	position: relative;
	z-index: 1;
	width: 80em;
	padding: 2.5em;
	margin: 0 auto;
}

#content #text {
	margin-left: 30em;
}

#content #image {
	width: 270px;
	text-align: center;
	position: absolute;
	top: 3em;
	left: 2em;
}

#content #map-wrap {
	border: #ccc 1px solid;
	position: absolute;
	top: 3em;
	left: 2em;
}

#content #map-wrap #map {
	position: relative;
	width: 260px;
	height: 260px;
	background: #eeeeee url('/gfx/map.jpg') center center no-repeat;
	border: #fff 5px solid;
}

#map-zoom {
	margin: 5px;
	cursor: pointer;
}

#content #text-wide {
}

#content UL {
	font-family: Georgia, "Times New Roman", Times;
	font-size: 1.6em;
	line-height: 1.35em;
	padding-left: 1em;
	list-style-type: square;
}

#content  UL LI {
	margin-bottom: 1em;
}


/*---------------------------------------------------------------
	3. Frontpage/ #frontpage
---------------------------------------------------------------*/

#frontpage {
	width: 100%;
	height: 100%;
	background-color: black;
	text-align: center;
}

#frontpage #image {
	margin: 0px auto;
	border: #e4e4e4 5px solid;
	width: 750px;
	height: 500px;
}
