/* UTF8: äöüß
 * ----------------------------------------------------------------------------------
 * Author:	Michael Diekmann
 * Copyright:	2011 - 2013 by www.aikon-media.de
 * Date:	2013-05-14
 * ----------------------------------------------------------------------------------
 */

* {
	margin:			0em 0em 0em 0em;
	padding:		0em 0em 0em 0em;
}

html, body {
	height:			100%;
	margin:			0em 0em 0em 0em;
	padding:		0em 0em 0em 0em;
}

body {
	position:		relative;
	width:			auto;
	height:			100%;
	margin:			0em 0em 0em 0em;
	padding:		0em 0em 0em 0em;
	font-family:		'Arial','Frutiger 45',sans-serif;
	font-size:		1.2em;
	color:			#514E4E;
	background-color:	#FFFFFF;
	opacity:		1;
	display:		block;
	counter-reset:		entry;
}

body::selection {
	color:			#FFFFFF;
	background-color:	#9A1E6B;
}

img {
	position:		relative;
	border:			none;
}



/*
#///////////////////////////////////////////////////////////////////////#
#									#
#///////////////////////////////////////////////////////////////////////#
*/

#boxIntro {
	position:		relative;
	width:			100%;
	height:			100%;
	min-height:		35em;
	background-color:	#9A1E6B;
}

#boxIntro #boxCitymap {
	position:		relative;
	width:			100%;
	height:			14em;
	background-image:	url('/.images/mobile/stadtplan-1000x893.jpg');
	background-repeat:	no-repeat;
	background-size:	100% auto;
	text-align:		center;
}

#boxIntro #boxCitymap img.pin {
	position:		relative;
	width:			30%;
	margin:			2.5em 0em 0em 0em;
}

#boxIntro div.spd-logo {
	text-align:		center;
	margin:			-1.8em 0em 0em 0em;
}

#boxIntro img.spd-logo {
	position:		relative;
	width:			31.125%;
}

#boxIntro div.title {
	margin:			1em 1em 0em 1em;
	text-align:		center;
}

#boxIntro img.title {
	width:			80%;
}

#boxIntro div.link {
	margin:			2em 1em 0em 1em;
	text-align:		center;
}

#boxIntro a.link {
	position:		relative;
	padding:		0.4em 1em 0.4em 1em;
	border:			0.1em solid #FFFFFF;
	color:			#FFFFFF;
	text-decoration:	none;
	text-align:		center;
}

#boxIntro a.link:hover {
	background-color:	#CD8FB5;
}
#boxIntro a.link:focus {
	box-shadow:		0em 0em 2em #FFFFFF;
}

/*
#///////////////////////////////////////////////////////////////////////#
#									#
#///////////////////////////////////////////////////////////////////////#
*/

#boxNavigation {
	position:		relative;
	width:			100%;
	height:			55px;
	background-color:	#9A1E6B;
}

#boxNavigation a {
	position:		relative;
	float:			left;
	width:			51px;
	height:			51px;
	margin:			2px 8px 0px 0px;
	display:		block;
}

#boxNavigation a:focus {
	background-color:	#E2001A;
}

#boxNavigation a.home {
	margin-left:		10px;
	background-image:	url('/.images/mobile/icon-home-51x51.png');
	background-repeat:	no-repeat;
}

#boxNavigation a.list {
	background-image:	url('/.images/mobile/icon-listing-51x51.png');
	background-repeat:	no-repeat;
}

#boxNavigation a.map {
	background-image:	url('/.images/mobile/icon-map-51x51.png');
	background-repeat:	no-repeat;
}

#boxNavigation a.back {
	background-image:	url('/.images/mobile/icon-back-51x51.png');
	background-repeat:	no-repeat;
}

#boxNavigation a.imprint {
	float:			right;
	width:			64px;
	height:			51px;
	margin:			2px 10px 0px 0px;
	background-image:	url('/.images/mobile/icon-imprint-64x51.png');
	background-repeat:	no-repeat;
}


/*
#///////////////////////////////////////////////////////////////////////#
#									#
#///////////////////////////////////////////////////////////////////////#
*/

#boxContent {
	position:		relative;
	padding:		1em 0em 1em 0em;
}

#boxExpose {
	position:		relative;
	padding:		0em 0em 1em 0em;
}

#boxContent a,
#boxExpose a,
#boxMaps a,
#boxFooter a {
	color:			#E2001A;
	text-decoration:	none;
}

#boxContent a:hover,
#boxContent a:focus,
#boxExpose a:hover,
#boxExpose a:focus,
#boxMaps a:hover,
#boxMaps a:focus,
#boxFooter a:hover,
#boxFooter a:focus {
	color:			#9A1E6B;
	text-decoration:	underline;
}

#boxContent a[href^='http:'],
#boxContent a[href^='https:'] {
	background:		transparent url('/.images/misc/offpage-link.png') 100% 50% no-repeat;
	padding-right:		13px;
}

#boxContent div.buttons,
#boxExpose div.buttons {
	position:		relative;
	text-align:		center;
	margin:			0em 5% 1em 5%;
}

#boxContent a.button,
#boxExpose a.button {
	width:			auto;
	height:			auto;
	padding:		0.5em 1em 0.5em 1em;
	margin:			0em 0em 0em 0em;
	border:			0.1em solid #9A1E6B;
	color:			#FFFFFF;
	background-color:	#E2001A;
	white-space:		nowrap;
}

#boxContent a.button:hover,
#boxExpose a.button:hover,
#boxContent a.button:focus,
#boxExpose a.button:focus {
	background-color:	#9A1E6B;
	text-decoration:	none;
}

#boxContent table {
	width:			90%;
	margin:			0em 5% 0.8em 5%;
	font-size:		0.8em;
}

#boxContent hr,
#boxExpose hr {
	width:			90%;
	border:			none;
	background-color:	transparent;
	height:			1px;
	border-top:		1px dotted #E2001A;
	margin:			2em 5% 2em 5%;
}

#boxContent h1 {
	width:			90%;
	margin:			0em 5% 0em 5%;
	font-size:		1.3em;
	line-height:		1.0em;
	color:			#E2001A;
	text-transform:		uppercase;
}

#boxContent h2 {
	width:			90%;
	margin:			0em 5% 1em 5%;
	font-size:		1.0em;
	line-height:		1.1em;
	color:			#E2001A;
	text-transform:		uppercase;
	font-weight:		normal;
}

#boxContent h3 {
	width:			90%;
	margin:			2em 5% 0em 5%;
	font-size:		0.8em;
	line-height:		1.1em;
}

#boxContent h6,
#boxExpose h6 {
	width:			90%;
	margin:			0em 5% 0.8em 5%;
	font-size:		0.8em;
	text-align:		justify;
}

#boxContent p,
#boxExpose p {
	width:			90%;
	margin:			0em 5% 0.8em 5%;
	font-size:		0.8em;
	text-align:		justify;
}

#boxContent p.norm {
	text-align:		left;
}

#boxContent p.literature,
#boxExpose p.literature {
	font-size:		0.6em;
}

#boxContent blockquote,
#boxExpose blockquote {
	margin:			0em 1em 0em 1em;
}

#boxContent blockquote > h6,
#boxExpose blockquote > h6 {
	margin-bottom:		0em;
}

#boxContent ol,
#boxContent ul,
#boxExpose ol,
#boxExpose ul {
	font-size:		0.8em;
	margin:			0em 5% 0.8em 5%;
}

#boxContent li,
#boxExpose li {
	margin:			0em 2em 0.5em 2em;
}

#boxContent ul > li {
	margin:			0em 2em 0.5em 2em;
	list-style-image:	url('/.images/misc/list-bullet.png');
}

#boxContent ol > li {
	margin:			0em 2em 0.5em 2em;
}

#boxContent a.listing {
	position:		relative;
	margin:			0em 5% 0em 5%;
	padding:		0.5em 0em 0.5em 2em;
	border-bottom:		1px solid #E5E5E5;
	color:			#514E4E;
	display:		block;
}

#boxContent a.listing:first-child {
	position:		relative;
	margin:			0em 5% 0em 5%;
	padding:		0.5em 0em 0.5em 2em;
	border-top:		1px solid #E5E5E5;
	border-bottom:		1px solid #E5E5E5;
	color:			#514E4E;
	display:		block;
}

#boxContent a.listing:hover,
#boxContent a.listing:focus {
	text-decoration:	none;
	background-color:	#9A1E6B;
	color:			#FFFFFF;
}

#boxContent a.listing:before {
	position:		absolute;
	top:			0.5em;
	left:			0em;
	width:			1.7em;
	text-align:		right;
	content:		counter(entry) '. ';
	counter-increment:	entry;
}

#boxContent div.list-entry {
	position:		relative;
	width:			80%;
	margin:			0em 5% 0.8em 5%;
	padding:		1em 5% 1em 5%;
	background-color:	#F3F2EF;
	text-align:		center;
}

#boxContent div.list-entry img {
	position:		relative;
	width:			138px;
	height:			103px;
}

#boxContent div.list-entry h3 {
	margin:			10px 0px 0px 0px;
	font-size:		11pt;
	color:			#E2001A;
	text-transform:		uppercase;
	text-align:		left;
}

#boxContent div.list-entry h4 {
	margin:			0px 0px 4px 0px;
	font-size:		11pt;
	font-weight:		normal;
	color:			#E2001A;
	text-transform:		uppercase;
	text-align:		left;
}

#boxContent div.list-entry p {
	margin:			0px 0px 0px 0px;
	text-align:		left;
}

#boxExpose div.header {
	position:		relative;
	width:			100%;
	height:			auto;
	margin:			-0.3em 0em 1em 0em;
	padding:		0.8em 0em 0.8em 0em;
	background:		#E2001A;
	clear:			both;
}

#boxExpose div.header div.station {
	position:		absolute;
	top:			0.8em;
	left:			0.7em;
	width:			1.4em;
	font-size:		1.0em;
	font-weight:		bold;
	color:			#FFFFFF;
	text-align:		right;
	overflow:		hidden;
}

#boxExpose div.header div.title {
	position:		relative;
	top:			0em;
	left:			2.4em;
	width:			70%;
}

#boxExpose div.header div.title h1 {
	position:		relative;
	width:			100%;
	margin:			0em 0em 0em 0em;
	font-size:		1.0em;
	line-height:		1.1em;
	color:			#FFFFFF;
	text-transform:		uppercase;
}

#boxExpose div.header div.title h2 {
	position:		relative;
	width:			100%;
	margin:			0em 0em 0em 0em;
	font-size:		1.0em;
	line-height:		1.1em;
	color:			#FFFFFF;
	text-transform:		uppercase;
	font-weight:		normal;
}

#boxExpose div.header a.position {
	position:		absolute;
	top:			0.8em;
	right:			0.7em;
	width:			30px;
	height:			40px;
	display:		block;
}

#boxMaps {
	position:		relative;
	width:			100%;
	height:			100%;
	font-size:		0.6em;
}

#boxFooter {
	position:		relative;
	width:			100%;
	height:			auto;
	margin:			1em 0em 1em 0em;
	text-align:		center;
}

#boxFooter hr {
	width:			auto;
	border:			none;
	background-color:	transparent;
	height:			1px;
	border-top:		1px solid #E2001A;
	margin:			2em 5% 0.5em 5%;
}