/* Default styles currently optimized for Gecko Browsers (Firefox). Other Browser may get additional specific styles. */

/* General Definitions for HTML Elements and general classes */
html,body {
	width: 100%
}

p {
	display: inline;
	line-height: 1.25em;
}

fieldset {
	border: none;
}

.fieldsets {
	display: inline;
	margin-left: 1em;
	padding: 0 1em 0 1em;
	vertical-align: super;
	border: thin;
	border-style: dashed;
}

.zeroSize {
/*    visibility: hidden;*/
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 0px;
    height: 0px;
}

.fieldset_inline {
	display: inline;
}

.select_radio {
	width: 15em;
}

.search_button {
	float: left;
	vertical-align: top;
	border: none;
}

.search_results_hvv
{
  width: 162px;
  margin-right: 20px;
}

#search_results_hvv
{
  width: 156px;
  margin-right: 103px;
}


.search_results_switchh 
{
  width:162px;
  margin-right: 20px;
}

#search_results_switchh {
  width: 162px;
}

.search_results_direct_path
{
  width: 132px;
  margin-right: 20px;
}


.p_flash {
	display: block;
	line-height: 1.25em;
}

.message {
	color: red;
}

.noborder,.no_border {
	border: none !important;
}

.placeholder {
	background: url(/images/jsf/placeholder.gif) repeat-y top center;
}

.output_text {
	vertical-align: super;
	margin-left: 1em;
}

.margin_left {
	margin-left: 1em;
}

.margin {
	margin: 1em;
}

.margin_right {
	margin-right: 1em;
}

.margin_right_oneandhalf {
	margin-right: 1.5em;
}

.margin_top {
	margin-top: 1em;
}

.margin_top_footway_newstyle {
	margin-top: 0.5em;
}

.margin_bottom {
	margin-bottom: 1em !important;
}

.margin_bottom_resultvalidity {
	margin-bottom: -3.7em;
}

.margin_bottom_half {
	margin-bottom: 0.5em !important;
}

.margin_bottom_double {
	margin-bottom: 2em;
}

.margin_left_half {
	margin-left: 0.5em !important;
}

.margin_left_double {
	margin-left: 2em;
}

.margin_menu {
	margin-left: 22em;
}

.margin_input {
	margin-left: 12em;
}

.noBottomMargin {
	margin-bottom: 0px !important;
}

.padding_left {
	padding-left: 1em;
}

.padding_left_small {
	padding-left: 0.5em;
}

.padding_right {
	padding-right: 1em;
}

.padding_top {
	padding-top: 1em;
}

.padding_top_big {
    padding-top: 2em;
}

.padding_bottom_big {
	padding-bottom:4em;
}

.padding_bottom {
	padding-bottom: 1em;
}

.content {
	width: 75%
}

.full_width {
	width: 100%;
}

.width_1 {
	width: 1em;
}

.width_10 {
	width: 10em;
}

.right {
	float: right;
}

.block {
	display: block !important;
	float: none;
	clear: both !important
}

.inline {
	display: inline;
}

.top {
	vertical-align: top ! important;
}

.middle {
	vertical-align: middle !important;
}

.center {
	text-align: center;
}

.textright {
	text-align: right;
}

.bold {
	font-weight: bold;
}

.unbold {
	font-weight: normal;
}

.white {
	color: white;
}

.italic {
	font-style: italic;
}

.font_oblique {
	font-style: oblique;
}

.error,.required {
	color: #9D0002;
}

.errors {
	color: red;
}

.saveconfirm {
	color: green;
}

.clear {
	clear: both;
}

.clearFloat div {
	clear: both;
}

.firstCol {
	text-align: left;
}

.otherCol {
	text-align: center;
}

.div_optional {
	float: right;
	margin-right: 10em;
}

.hint_optional {
	margin-right: 15em;
	border: 0.1em;
	color: #013378;
	float: right;
	width: 15em;
}

.hintDiv {
	margin: 0 0 1em 0;
}

/* in screenreader should be 'inline' */
.displayInScreenReader {
	position: absolute;
	left: -2000px;
	display: none;
}

/* mein HVV */
.meinHVVCol {
	text-align: right;
}

.messageMeinHVV {
	color: white;
}

/* addressbook */
.addressbook_or {
	float: left;
	margin: 0 0.5em;
}

#adressbook_frame {
	margin: 0;
	width: 8.5em
}

#adressbook_link {
	position: relative;
	left: 2.5em;
	top: -1.7em;
	width: 10em;
}

#adressbook_link a:hover {
	text-decoration: underline
}

.addressBookTable table {
	text-align: left !important
}

.adressbook_link {
	display: block;
	margin-left: 2em;
}

.adressbook_font {
	font-size: 50%;
}
/* end general definitions */

/* personal Search form */
.search_header {
	padding-top: 0.5em;
	margin-bottom: 30px;
}

#personalSearch fieldset {
	padding-top: 10px !important
}

.legend,.mobiLegend {
	color: #013378;
	font-size: 1.4em;
	font-weight: bold;
	vertical-align: top;
	padding: 0;
}

.mobiSearch {
	width: 77%
}

.mobiSearchBottom {
	padding-top:2em; 
	width:30em;
}

.mobiSearchInputPart {
	display: block;
	clear: both;
}

.mobiSearchInputPart * img {
	vertical-align: top;
}

.mobiField {
	margin-bottom: 0.5em;
	padding-top: 0em !important;
}

.mobiMapLink {
	margin-top: 1em;
}

.mobiInputPart {
	margin-right: 1em;
	float: left;
}

.mobiLabel {
	margin-left: 0.5em;
	vertical-align: middle;
	display: block;
	float: left;
	width: 3em !important;
	margin-right: 1em;
	font-weight: bold;
}

.mobiSearchButton {
	vertical-align: top;
	border: none;
}

/* input start and destination */
.mapTypeMenu {
	display: inline;
}

.mapTypeMenu input {
	vertical-align: middle;
}

.mapTypeMenu label {
	vertical-align: middle;
	padding-right: 10px;
}

.mobiStartInput {
	margin-top: 0.3em;
}

.startInputDiv * {
	float: left;
}

.mobiSearchLabel {
	width: 2.6em !important;
}

.mobiSearchLabelCity {
	margin-left: 1em;
	width: 2.0em !important;
}

.personalSearchInputField {
	width: 132px;
}

/* optional Buttons */
.optionalButtons {
	text-align: right
}

.optional_button_start {
	margin-left: 45pt;
}

.optional_buttons_div{
	margin-top:60pt;
	
}

.optional_button_dest {	
	float:right;
	margin-right: 82pt;

}

.optional_button {
	margin-left: 1em;
	margin-bottom: 0.5em;
}

.station_input {
	width: 29em;
	border: 1px solid #FF0000;
}

.inputSuggestions {
	margin-left: 3.5em;
	width: 25.5em;
}

.suggestionDiv {
	margin: 0.5em 0;
}

/* date and time */
.dateAndTime div label,.dateAndTime div input {
	vertical-align: middle
}

.dateTime {
	margin-top: 0 !important
}

.dateTime input {
	margin-bottom: 2px
}

/* Suggestion box for Start and Destination text home.xhtml */
.dr-sb-common-container,.rich-sb-common-container {
	height: 115%;
	width: 115%;
}

.dr-sb-int-decor-table {
	font-family: Arial, Verdana, sans-serif;
	background-color: white;
	font-size: 1.1em;
	border: 0em;
}

.dr-sb-int-sel {
	background-color: white;
	background-image: none;
	font-weight: bold;
}

.dr-sb-int,.rich-sb-int {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em;
	background-color: white;
	border: 0em;
	height: 115%;
	width: 115%;
}

.dr-sb-overflow {
	overflow: visible;
}

.dr-sb-ext-decor-1,.dr-sb-ext-decor-2,.dr-sb-ext-decor-3,.dr-sb-shadow {
	border-style: none;
	border: 0em;
	background-color: white;
}

/* detailed Search form */
.detailSearch label {
	margin: 0;
	display: block;
}

.detailSearch select {
	width: 12.4em;
	margin-right: 0.5em;
}

.detailSearch select.intermediatestation {
	width: 25.8em;
	margin-right: 0.5em;
}

.detailSearch input[type=text] {
	width: 12em;
	margin-right: 0.5em;
}

.detailSearch input[type=radio],.detailSearch input[type=checkbox] {
	margin: 0 0.3em 0 0
}

/* penalties */
.div_penalties {
	margin: 0.2em 0 0.2em 0;
	border: 0.1em;
	clear: both;
}

.mobiPenalties {
	width: 21%;
	margin-top: 2px
}

.mobiPenalties select {
	width: 12em;
}

.upperMobiPenaltiesMargin {
	margin-top: 4px;
}

.penalties legend,.intermediate legend {
	font-weight: bold
}

.configsFieldset {
    margin-top: 10px;
    margin-bottom: 10px;
}

.detailConfig {
    margin-top: 10px;
    margin-bottom: 10px;
}

.penalties label {
	display: inline;
}

/* number of routes */
#routesHelp {
	margin-left: 6px
}

.numberOfRoutes input {
	float: left
}

.numberOfRoutes label {
	margin: 0 0.22em 0 0;
	display: block;
	float: left;
	width: 1.5em !important;
	vertical-align: middle;
	height: 20px
}

/* helptext */
#intermediateHelp {
	margin-left: 1px
}

a.helptext {
	text-decoration: none;
	vertical-align: middle;
	position: absolute;
	left: -2000px;
}

a.helptext:hover {
	cursor: pointer;
	color: #c30;
}

a.helptext div.groupbox {
	position: absolute;
	left: -2000px;
	margin: -25px 0 0 0;
	width: 25em;
	color: #003277;
	font-weight: normal;
	text-align: left;
	border-style:dotted;
    border-width:thin;
    border-color:rgb(179, 195, 215);
}

a.helptext:hover div.groupbox,a.helptext:focus div.groupbox,a.helptext:active div.groupbox
	{
	left: 110% !important;
}
/* end personal search */
.newstyle_icons_margin_top {
	margin-top: 0.5em;
}

/* onefield search: */
.onefieldLegend {
    color: #013378;
    font-size: 1.5em;
    font-weight: bold;
    vertical-align: middle;
    padding-right: 10px;
    width: 50px;
    text-align: right;
    margin: 0px;
}

.onefieldSearchInputPart {
    display: block;
    vertical-align: middle;
}

.onefieldStartOrArrival label {
    margin-right: 14px;
}

.onefieldDateSearchLabel {
    width: 50px;
    padding-right: 10px;
    text-align: right;
    vertical-align: middle;
    padding-top: 3px;
    padding-bottom: 3px;
}

.onefieldTimeSearchLabel {
    padding-right: 5px;
    margin-left: 25px;
    text-align: right;
    vertical-align: middle;
    padding-top: 3px;
    padding-bottom: 3px;
}

.personalOnefieldSearchInputField {
    width: 320px;
}

.onefieldDateAndTime {
    margin-left: 60px;
}

.onefieldDateAndTime div label,.onefieldAndTime div input {
    vertical-align: middle;
    padding-bottom: 3px;
    padding-top: 3px;
}

.onefieldSuggestionDiv {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 60px;
}

.onefieldDateTime {
    margin-top: 8px;
}

.onefieldDateTime input {
    margin-bottom: 2px;
}

.onefieldTimeHint {
	overflow:visible;
	padding-left:5px;
	padding-bottom:3px;
	padding-top:3px;
}

.onefieldSuggestItem, .onefieldSuggestLineItem {
    height: 26px;
    line-height: 26px;
    vertical-align: middle;
    white-space: nowrap;
}
.onefieldSuggestLineItem {
	display: table;
}

.onefieldSuggestTwoIcons {
	width: 20px;
    max-height: 20px;
    line-height: 11px;
	overflow: hidden;
	text-align: center;
    vertical-align: middle;
    display: inline-block;
    zoom: 1; /* "inline-block" workaround for IE6 and IE7 */
    *display: inline; /* "inline-block" workaround for IE6 and IE7 */
    margin-right: 10px;
    white-space: normal;
}

.onefieldSuggestIcons, 	.onefieldSuggestLineIcon {
    width: 20px;
    max-height: 21px;
    line-height: 21px;
    overflow: visible;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    zoom: 1; /* "inline-block" workaround for IE6 and IE7 */
    *display: inline; /* "inline-block" workaround for IE6 and IE7 */
    white-space: normal;
}
.onefieldSuggestIcons {
    margin-right: 10px;
    max-height: 25px;
}
.onefieldSuggestLineIcon {
	display: table-cell;
}

.onefieldSuggestItemDiv img{
    text-align: center;
    vertical-align: middle;
}

/* search result */
/* trip menu */

.linkFieldPersonalSearchFirstLine {
	position: absolute;
	top: 15px;
}

.linkFieldPersonalSearchSecondLine {
	position: absolute;
	top: 40px;
}

.newTrip {

	background-image: url(/images/jsf/icons/icon_neuesuche.png);
	background-repeat: no-repeat;
	background-position: 0pt 90%;
	padding-top:3px;
	padding-bottom:1px;
	padding-left:2em;
	margin-left:2em;

}

.register2 {

	background-image: url(/images/jsf/icons/icon_switchh_register.gif);
	background-repeat: no-repeat;
	background-position: 0pt 50%;
	padding-left:2.3em;
	margin-left:2em;

}

.register {
  background: url(/images/jsf/icons/icon_switchh_register.gif) 0 50% no-repeat !important;
  padding: 0 0 0 2em;
  padding-left:2.5em;
  margin-left:2em;
}

.moreRoutes {
	background-image: url(/images/jsf/icons/icon_weitere-routen.png);
	background-repeat: no-repeat;
	background-position: 0pt 50%;
	padding-left:2.3em;
	left:12em;
}

.overview_schedule {
	background-image: url(/images/jsf/icons/icon_uebersichtsfahrplan.png);
	background-repeat: no-repeat;
	background-position: 0pt 50%;
	padding-left:2em;
	left:23em;
}



.changeTrip {
	background-image: url(/images/jsf/icons/icon_suchebearbeiten.png);
	padding-left:2em;
	left:1em;
}



.continueTrip {
	background-image: url(/images/jsf/icons/icon_weiterfahrt.png);
	padding-left:2em;
	left:12em;
}

.reverseTrip {
	background-image: url(/images/jsf/icons/icon_rueckfahrt.png);
	padding-left:3em;
	left:22em;
}

.bikeTrip {
	background-image: url(/images/jsf/icons/icon_bike.png);
	padding-left:2.5em;
	left:32em;
}


.footTrip {
	background-image: url(/images/jsf/icons/icon_foot.png);
	padding-left:2em;
	left:45em;
}


.print_page {
	position:absolute;
	background-image:url(/images/jsf/icons/icon_drucken.png);
	background-repeat: no-repeat;
	background-position: 0pt 50%;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2.7em;
	right:3em;

}
 
 .alternativeRoutesTable {
    margin-top:10pt;
    margin-bottom:10pt;
    width:100%;
    border:0;
 }

table.alternativeRoutesTable td,table.alternativeRoutesTable th {
    border-bottom: 1px solid white;
    padding: 5px 10px;
}

.alternativeRoutesResultList {
    overflow-x:hidden;
    overflow-y:auto;
    max-height:300px;
}

.alternativeRoutesLineIcon {
    height: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

.alternativeRoutesItem:hover{
    background-color: #CAD5E3;
}

.alternativeRoutesItem {
    background-color: #EFF2F7;
    color: #333333;
    padding:2px;
}

.alternativeRoutesItemDisabled {
    background-color: #DBD7D7;
    color: #939191;
    padding:2px;
}

.alternativeRoutesHead {
    background-color: #CAD5E3;
    height:20px;
    padding-top:2px;
    padding-left:2px;
    padding-bottom:2px;
}

/* start information */
.startdest_margin_top {
	margin-top: 1.2em !important
}

.newstyle_startdest_color_padding {
	background-color: #CAD5E3;
	padding: 7px 10px 5px 10px;
}

.startdest_label_width {
	width: 5em !important;
}

.startdest_label_margin {
	float: left;
	padding-top: 2px;
}

/* schedule */
.newstyle_first_row_fahrplan {
	padding-top: 1em !important;
	padding-bottom: 1em !important;
}

table.fahrplan td.onlyLeftPadding {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-right: 0px !important;
	padding-left: 1em !important;
}

table.fahrplan td.intermediateOrBeforePadding {
	padding-left: 3.2em !important;
}

table.fahrplan td.nopadding {
	padding: 0px !important;
}

/* fixed margin left for station label in schedule */
.fixedMargin1 {
	margin-left: 12% !important;
}

/* fixed margin top for line label in schedule */
.fixedMargin2 {
	margin-top: 2px !important;
}

/* fixed margin top for direction label in schedule */
.fixedMargin3 {
	margin-top: 3px !important;
}

/* fixed width for prep. in schedule table */
.fixedWidth1 {
	width: 13% !important;
}

/* fixed width for station in schedule table */
.fixedWidth3 {
	width: 87% !important;
}

.paddingLineAndDirection {
	padding-left: 5.5% !important;
}

.newstype_mapicon {
	margin-left: 0.4em;
	padding-top: 0.5em;
	vertical-align: middle;
}

/* margin left for station list icon and routemap icon */
.newstyle_icons_margin_left {
	margin-left: 0.5em;
}

/* margin left for accessibility information icon */
.newstyle_icon_margin {
	margin-left: 0.835em;
}

.moreRoutesLink {
	margin: 3em 0
}

.startdest_label_margin_width {
	width: 5em ! important;
}

.newstyle_margin_before_fahrplan {
	margin-bottom: 2em;
}

.poi_margin {
	margin-left: 15em; 
}

.newstype_footnote_icon {
	padding-top: 0.3em;
	vertical-align: middle;
}

div.announcement {
	padding-top: 0.3em;
}

/* links for trip browsing */
.tripBrowsingBefore {
	margin-right: 0.4em;
	margin-bottom: 0.1em;
}

.tripBrowsingAfter {
	margin-left: 0.4em;
	margin-bottom: 0.1em;
}

/* end search result */

/* search accessibility information (mobiInformation) */
.mobiFieldset * input[type=text] {
	width: 25em;
}

.categoryField {
	margin: 0.5em 0 0 0;
	padding: 0;
	margin-bottom: 1em;
}

.categoryField div {
	margin-bottom: 10px;
	width: 33%;
	float: left
}

.categoryField div label {
	margin: 0 0 0 0.5em;
	float: left;
	width: 15em !important;
	vertical-align: middle;
}

.categoryField div input {
	display: block;
	float: left;
	width: 1.5em;
	margin: 1px 0 0 0;
	vertical-align: bottom;
}

#stationOrPoiTable {
	width: 99%;
	border-collapse: collapse;
}

#stationOrPoiTable tr td,#stationOrPoiTable tr th {
	padding: 5px 10px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid white;
}

#stationOrPoiTable tr th {
	background-color: #B3C3D7;
	font-weight: bold;
}

#stationOrPoiTable tr td {
	background-color: #E4E9F2;
}

#stationOrPoiTable tr.highlightMobi td {
	background-color: white;
}
/* end search accessibility information */

/* show accessibility information (showMobiInformation) */
#direct_station_links a {
	margin-right: 15px
}

.navigationLinkField a,#stationDescription * a,.commonText span,#lineCrossings span,#serviceTimes span,.elevatordetail span,.leveldetail span
	{
	display: block;
}

.navigationLinkField a {
	margin-bottom: 0.5em;
}

.navigationLinkField {
	margin-bottom: 2em;
	margin-top: 2em;
}

div.groupbox_innersizes_hbt {
	display: block !important;
	height: auto !important;
	padding: 0px 15px 10px 15px;
}

#shadowDiv {
	position: absolute;
	border: 1px solid red;
	width: 100px;
	height: 10px;
	top: 600px;
	left: -2000px;
}

#mapContainer {
	width: 852px
}

#changingsBus tr.highlightMobi2 td {
	background-color: white;
}

#map {
	width: 628px;
	height: 480px;
	background-color: white;
}

#innerMapContainer {
	width: 100%;
	height: 502px;
	overflow: hidden
}

.locationMap {
	border: 1px black solid;
}

.stationlinks {
	width: 49%;
	margin-top: 1em;
}

.stationlinks a {
	margin-bottom: 0.5em;
	display: block
}

.elevator {
	background-image: url(/images/mobi/icons/elev00.gif);
	background-repeat: no-repeat;
	padding-bottom: 0;
	padding-left: 0.99em;
	padding-top: 32px;
}

.elevatordetail {
	width: 70%;
}

#changingsBus caption {
	font-weight: bold;
	text-align: left;
	margin-top: 1em;
	margin-bottom: 1em;
}

#changingsBus tr.mobihighlight2 td {
	background-color: white;
}

div#lineCrossings p {
	display: block;
	margin-bottom: 0em;
}

div#lineCrossings h3 {
	margin-bottom: 1em
}

#elevatorInformationTable tr td img,#changingInformationTable img {
	margin-right: 1em;
	float: left
}

#elevatorInformationTable tr td span,#changingInformationTable tr td span,#changingInfo div span,.footnotes_changing span
	{
	display: block;
}

#changingInformationTable tr th,#elevatorInformationTable tr th {
	background-color: #B3C3D7;
	padding: 5px 10px;
	font-weight: bold;
}

#changingInformationTable tr td,#elevatorInformationTable tr td {
	background-color: #E4E9F2;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
}

#changingInformationTable,#elevatorInformationTable {
	border-collapse: collapse;
	table-layout: auto;
	width: 100%;
}

#elevatorInformationTable td.norightborder,#elevatorInformationTable th.norightborder,#changingInformationTable td.norightborder,#changingInformationTable th.norightborder
	{
	border-bottom: solid white 1px;
	border-right: none;
}

#elevatorInformationTable td,#elevatorInformationTable th,#changingInformationTable td,#changingInformationTable th
	{
	border-right: solid white 1px;
	border-bottom: solid white 1px;
}

div.elevatornotice {
	clear: left;
	padding-top: 0.3em;
}

#changingInfo,#commonInformation,#elevatorInfo,#hintMobility,#toilettInfo
	{
	margin-top: 2em
}

#changingInfo p,#commonInformation p,#elevatorInfo p,#hintMobility p,#toilettInfo p,#addressdetail p
	{
	display: block;
	margin-bottom: 0
}

#serviceTimes h3 {
	margin-bottom: 1em;
}

.toiletDescriptions div {
	display: block;
	margin-bottom: 0.5em;
}

.descriptionPart .toilettHeadline {
	font-weight: bold;
}

.descriptionPart div span {
	margin: 0;
	display: block;
}

#changingsBus {
	border-collapse: collapse;
	margin-bottom: 1em;
}

#changingsBus tr td,#changingsBus tr th {
	white-space: normal;
}

.linkUp {
	margin-bottom: 1em;
}

.commonText #shortText {
	margin-top: 0.5em;
	margin-bottom: 1em;
}

#hintListening {
	margin-top: 2em
}

#hintListening table {
	border-collapse: collapse
}

#hintListening table td,#hintListening table th {
	padding: 2px
}

.highlightListeningHint {
	background-color: #E4E9F2
}

div.mobiGroupbox {
	background-color: #e4e9f2;
	margin-bottom: 2em;
	zoom: 1;
	display: block;
	_display: inline-block;
	_height: 1px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position: relative;
	behavior: url(/jsf/stylesheet/layoutHVV/pie/PIE.htc);
}

div.content h2.mobiSeperator {
	background-color: #D2DCED;
	background-image: none;
	background-repeat: repeat-y;
	margin-bottom: 10px;
	font-size: 13px;
	margin-top: 30px;
	padding: 7px 10px 7px 8px;
	color: #333;
	line-height: 100%;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	background: -webkit-gradient(linear, left, right, from(#D2DCED),
		to(#fff) );
	background: -webkit-linear-gradient(45deg, #D2DCED, #fff);
	background: -moz-linear-gradient(45deg, #D2DCED, #fff);
	background: -o-linear-gradient(45deg, #D2DCED, #fff);
	background: -ms-linear-gradient(45deg, #D2DCED, #fff);
	background: linear-gradient(45deg, #D2DCED, #fff);
	-pie-background: linear-gradient(45deg, #D2DCED, #fff);
	position: relative;
	behavior: url(/jsf/stylesheet/layoutHVV/pie/PIE.htc);
}

/* end show accessibility information */

/* spezial locations (locationTemplate) */
.detailWithHiddenLabel {
	margin-left: 10em;
}

#basicInformation div {
	margin-top: 0.5em;
	display: block;
}

#basicInformation div div {
	display: block;
	margin: 0;
}

#basicInformation div div label {
	float: left;
	width: 10em;
}

#POIImage {
	text-align: right;
	display: block;
	margin-top: 0.5em;
	margin-right: 0.5em;
}

#map-image {
	text-align: center;
}

.copyrightLocations {
	position: relative;
	font-size: 9px;
	top: -15px;
	left: 5px;
	z-index: 1000;
}

#mapHintText {
	margin-bottom: 1em;
}

div#copyrightLGV a.copyrightLink {
	display: inline;
}

.bigSymbolDiv img {
	margin-top: 2px;
}

.oneSymbol {
	float: left;
	margin: 0 0 0 2em;
	width: 25px
}

.symbolLabel {
	font-size: 0.8em;
	font-weight: bold;
	height: 12px
}

.symbolImage img {
	padding-right: 1px;
}

#shortDescriptions {
	clear: both;
	padding-top: 1em;
}

#shortDescriptions span {
	display: block;
	margin-bottom: 0.5em;
}

#address div div,#mapSection * a,#addressdetail span,#hoursdetail span {
	display: block;
}

#mapSection * a {
	margin-bottom: 0.5em;
}
/* end spezial locations */

/* legend for accessibility information (mobiLegend) and search result */
.specialIcon {
	font-weight: bold;
	font-family: arial;
	font-size: 1.05em;
}

.mobiLegendImage,.accessabilityLegendImage {
	margin-left: 1em;
	width: 7em !important;
	float: left;
	display: block;
	padding-bottom: 0.5em;
}

#mobiLegend h2 { /*	margin-top: 0;
	margin-bottom: 0.74em; */
	
}

#mobiLegend li {
	clear: both;
}

#mobiLegend div div {
	float: left;
	margin-bottom: 0.75em;
}

#mobiLegend ul.width1 div div {
	width: 4.1em;
}

#mobiLegend ul.width2 div div {
	width: 9.8em;
}

#mobiLegend ul.width3 div div {
	width: 6.5em;
}

#mobiLegend ul.width_elevator div div {
	width: 7.8em;
}

#mobiLegend ul.width_linesymbols div div {
	width: 5.1em;
}

#mobiLegend ul.width_plans div div {
	width: 2.8em;
}
/* end legend for accessibility information and search result */

/* legend for pictogram (piktoLegend.seam) */
#accessabilityLegend dd {
	margin-left: 90px;
	min-height: 30px;
	margin-bottom: 10px;
	padding-left: 5px;
}
/* end legend for pictogram */

/* tarif result */
.tarif_content {
	width: 64em;
	margin-left: 10em;
	padding-top: 0.5em;
}

.tarif_header {
	margin-bottom: 1.5em;
}

.tarifInfoHeaderBigDiv {
	width: 90%;
	margin-bottom: 0.25em;
}

.tarifInfoHeaderLabelDiv {
	font-weight: bold;
	width: 18em !important;
	float: left
}

.margin_tariff {
	margin-bottom: 0em;
	margin-top: 2em;
}

.tarifCol0 {
	width: 20em;
}

.tarifCol1 {
	width: 15em
}

.tarifCol2 {
	width: 10em;
	text-align: right;
}

.tarifCol3 {
	width: 12em;
	text-align: right;
}

.threeCols {
	width: 51em;
}
/* end tarif result */

/* tarif-optimizer */
#tarifOptimizer fieldset {
	display: block;
	margin-bottom: 2em;
}

#tarifOptimizer p {
	display: block;
}

div.tariffOptimizerGroupbox {
	background-color: #e4e9f2;
	margin-bottom: 2em;
	zoom: 1;
	display: block;
	_display: inline-block;
	_height: 1px;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	position: relative;
	behavior: url(/jsf/stylesheet/layoutHVV/pie/PIE.htc);
}

div.content h2.tariffOptimizerSeperator {
	background-color: #D2DCED;
	background-image: none;
	background-repeat: repeat-y;
	margin-bottom: 10px;
	font-size: 13px;
	margin-top: 30px;
	padding: 7px 10px 7px 8px;
	color: #333;
	line-height: 100%;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	background: -webkit-gradient(linear, left, right, from(#D2DCED),
		to(#fff) );
	background: -webkit-linear-gradient(45deg, #D2DCED, #fff);
	background: -moz-linear-gradient(45deg, #D2DCED, #fff);
	background: -o-linear-gradient(45deg, #D2DCED, #fff);
	background: -ms-linear-gradient(45deg, #D2DCED, #fff);
	background: linear-gradient(45deg, #D2DCED, #fff);
	-pie-background: linear-gradient(45deg, #D2DCED, #fff);
	position: relative;
	behavior: url(/jsf/stylesheet/layoutHVV/pie/PIE.htc);
}

.tarifInfoZonesLabelDiv {
	font-weight: bold;
	width: 20.5em;
	float: left
}

.tarifInfoContentBigDiv {
	width: 70%;
	margin-bottom: 0.25em;
}

.tarifInfoContentLabelDiv {
	width: 20em;
	float: left
}

#eingabenTarifBerater label {
	vertical-align: top;
}

.tarifInputField {
	width: 2em;
	margin-right: 0.5em;
}

.tarifBigTab {
	margin-left: 20em;
}

.tarifSmallTab {
	margin-left: 10em;
}

.optimizerBigDiv,.tarifTicketChooserBigBold {
	width: 18em;
	float: left;
	font-weight: bold;
}

.input div {
	float: none !important;
	clear: both;
	margin-top: 10px
}

.input input,.input select {
	margin: 2px 0 0 0 !important
}

.input .tarifTicketChooserBig {
	margin: 0 0 10px 0 !important
}

.cityOption div div label {
	margin-right: 15px !important;
	vertical-align: top;
}

.cityOption span {
	width: 25em !important
}

/* cards */
#addTickets {
	padding-top: 1em;
	margin-bottom: 0 !important
}

#addTickets div {
	display: block;
	margin-bottom: 1em;
}

#addTickets div div {
	display: block;
	margin-bottom: 0.5em;
}

.tarifTicketChooserBig {
	width: 18em;
}

.tarifTicketChooserSlim {
	width: 17em;
	float: left;
	font-weight: bold;
}

.tarifTicketChooserBigBold {
	font-weight: bold
}

.tarifTicketChooserSmall {
	width: 4em;
	float: left;
}

.add_ticket_button {
	margin: 0.5em 0.5em 1.5em 1em;
	display: block
}

/* line and station schedule too */
.optional_line_button {
	margin: 0.5em 0.5em 1.5em 0;
	display: block;
}

.optimizerAreas input {
	margin: 4px 3px 0 0
}

.optimizerAreas label {
	padding: 7px 10px 0 0 !important;
	vertical-align: sub;
}

.optimizerZonesInput {
	margin-left: 18em !important;
	display: inline;
	font-weight: normal !important;
	width: 5em !important
}

.optimizerResultExistingTickets {
	margin-left: 18em;
}

.fastBusCheckbox {
	margin-left: 18em !important;
	font-weight: normal !important
}

.fastBusCheckbox input {
	margin: 0 !important
}

.inputCards .optional_line_button {
	clear: both;
	display: block
}

/* existing tickets */
#existingTicketsTable {
	margin-top: 1em
}

.fixedWidthTO {
	width: 16px;
}

/*city options*/
.cityOption div {
	margin: 4px 0;
	clear: both;
	float: left
}
/* end tarif-optimizer */

/* tarif-optimizer result */
.tarifBigDiv {
	width: 27em !important;
	clear: left;
	float: left
}

.input div div {
	display: inline;
	width: 30% !important
}

.input .tarifBigTab {
	margin-left: 10px !important;
	width: 50% !important
}

.input .font_oblique {
	display: block;
	margin-top: 10px !important
}

.input div div span {
	display: inline !important
}

.output div {
	margin-bottom: 1em
}

.tarifOptimizerCenterText {
	vertical-align: middle
}

.tarifOptimizerRedResult {
	background-color: rgb(200, 0, 0);
	background-image: none;
	background-repeat: repeat-y;
	margin-bottom: 1.1em;
	font-size: 13px;
	margin-top: 30px;
	margin-left: -8px;
	padding: 7px 10px 7px 8px;
	color: white;
	line-height: 100%;
	-webkit-border-radius: 8px 0 0 0;
	-moz-border-radius: 8px 0 0 0;
	border-radius: 8px 0 0 0;
	position: relative;
	behavior: url(/jsf/stylesheet/layoutHVV/pie/PIE.htc);
}

.tarifOptimizerResultPrice {
	width: 15%;
	float: right;
	text-align: right;
}

.tarifOptimizerResultPriceLabel {
	width: 30%;
	float: right;
	text-align: right;
}

.fixedTable {
	table-layout: fixed;
}
/* end tarif-optimizer result */

/* road-rail network (mapsLGV) */
.mapInfoText {
	width: auto;
	padding-top: 0.2em;
}

.mapSearch {
	width: auto;
	float: right;
}

.mapSearch .errors {
	display: block
}

.mapField {
	margin-bottom: 0.2em;
	padding-top: 0em !important;
}

.legendMapSearch {
	font-weight: bold;
	vertical-align: top;
	padding: 0;
	display: block;
}

.legendMap {
	font-size: 1em;
	font-weight: bold;
	white-space: normal;
}

.mapInputPart {
	margin-right: 0.8em;
	float: left;
}

.mapMarginTop {
	margin-top: 0.6em;
}

.mapInputFont {
	font-size: 9pt;
}

.mapButton {
	padding-top: 0.45em;
}

.copyright {
	position: relative;
	top: -15px;
	left: -180px;
	z-index: 1000;
	font-size: 9px;
}

.loadLink {
	display: none;
	height: 0em;
}

.legend_hbt {
	height: 500px;
	position: absolute;
	overflow: hidden;
	right: 15px;
	top: 10px;
	width: 192px;
	z-index: 2000;
}

.olFramedCloudPopupContent {
    padding-left: 17px!important;
 	padding-top: 5px!important;
 	padding-bottom: 6px!important;
 	padding-right: 0px!important;
}

#ClickedPointPopup {
    padding: 8px 8px 8px 15px;
    border: 1px solid #C0CCDF;
    border-radius: 8px;
    overflow: visible;
}
#ClickedPointPopup:after , #ClickedPointPopup:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#ClickedPointPopup:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 8px;
	margin-left: -8px;
}
#ClickedPointPopup:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #C0CCDF;
	border-width: 11px;
	margin-left: -11px;
}


#ClickedPointPopup_GroupDiv, #ClickedPointPopup_contentDiv {
	overflow: visible;
	margin: 0px;
	padding: 0px;
}

#ClickedPointPopup_GroupDiv {
	radius: 5px;
}

#popuptableTitle {
	margin-top : 0;
}

.popuptableCloseLetter {
	font-family: Verdana;
	font-size: 11px;
	color: #00357a;
	vertical-align: top;
}

.popuptableCloseButton {
	vertical-align: top;
	font-family: Verdana;
	font-size: 11px;
	color: #00357a;
	font-weight: bold;
	padding-top: 3px;
}

.popuptable td {
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: Verdana;
    font-size: 11px;
    color: #333333;
    vertical-align: top;
}
div.popuptableBottom {
	padding-top: 25px;
}

.popuptableBottom td {
    font-family: Verdana;
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0px;
    padding-right: 5px;
    padding-right: 5px;
    vertical-align: top;
    text-align: left;
	vertical-align: top;
}

.popuptableBottom td.stateIcon {
	padding-right: 0;
	padding-left: 5px;
}

.mapMaximize {
	background: url('/images/jsf/icons/maximizemap.png') white;
	left: 11px;
	top: 11px;
	width: 30px;
	height: 30px;
	position: absolute;
	z-index: 1100;
}

table.popuptable {
	margin-top: 11px;
    margin-bottom: 121x;
}
table.popuptable:first-child {
    margin-top:0;
}
table.popuptable:last-child {
    margin-bottom:0;
}
table.popuptable h3.popuptableEmptyTitle {
	margin-top: 0;
	line-height: auto;
}
.popuptable tr td.popuptableEven, .popuptable tr td.popuptableOdd {
	padding-top: 11px;
	padding-bottom: 0;
}
.popuptable tr:first-child td.popuptableEven, .popuptable tr:first-child td.popuptableOdd {
	padding-top: 0;
}
.popuptable tr:last-child td.popuptableEven, .popuptable tr:last-child td.popuptableOdd {
	/*padding-bottom: 11px;*/
}

.layerClass {
	float: left;
}

#mapbox{
  margin-bottom: 5px;
}

#mapbox.fullscreen {
    position:fixed;
    top:145px;
    bottom:0px;
    left:0px;
    right:0px;
    width:99.5%;
    margin: 0px;
    padding: 5px;
	z-index: 19;
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 4px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 1px 4px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 4px 3px rgba(0, 0, 0, 0.5);
	overflow-y: scroll;
	overflow-x: hidden;
}
#map.osmMapContainer {
	width: 100%;
	height: 500px;
	min-height:500px;
	position: relative;
	border: 1px black solid;
	margin:auto;
	top:0px;
	bottom:100;
	overflow: hidden;
	-moz-box-shadow: inset 1px 1px 4px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 1px 1px 4px 3px rgba(0, 0, 0, 0.5);
	padding-bottom: 5px;
}


.mapUpperControl {
	background: white;
	padding: 3px 10px;
	left: 50px;
	top: 0px;
	position: absolute;
	z-index: 1100;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-box-shadow: 1px 1px 4px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 1px 4px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 4px 3px rgba(0, 0, 0, 0.5);
	border: 1px black solid;
	border-top: 0px;
}

.olControlPermalink {
	padding: 4px;
	padding-left: 6px;
	bottom: 0px !important;
	right: 0px !important;
	background: white;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-box-shadow: 1px 1px 4px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 1px 4px 3px rgba(0, 0, 0, 0.5);
}

.olControlAttribution {
	padding: 4px;
	bottom: 0px !important;
	left: 0px !important;
	right:auto!important;
	background: white;
	border-top-right-radius: 10px;
	box-shadow: 1px 1px 4px 3px rgba(0, 0, 0, 0.5);
}
.olControlScaleLine{
	bottom: 25px !important;
}

#OpenLayers_Control_MaximizeDiv {
	box-shadow: 1px 1px 4px 3px rgba(0, 0, 0, 0.5);
	border-top-left-radius: 9px;
	border-bottom-left-radius: 9px;
	top: 10px;
}

/** Map OSM: distance between layer-option elements **/
#mapLayerSwitcher .layerSwitcherCol {
	padding-bottom: 0;
    padding-right: 8px;
    padding-top: 8px;
    vertical-align: top;
}
#mapLayerSwitcher td.layerSwitcherCol div {
	margin-left: 17px;
}
#mapLayerSwitcher td.layerSwitcherCol input {
	margin-left: -17px;
	vertical-align: top;
}
input[type=radio], input[type=checkbox] {
	margin-top: 2px;
}
#mapLayerSwitcher td.layerSwitcherCol label {
	display:inline-block;
	padding-bottom: 5px;
}
#mapLayerSwitcher tr:last-child td.layerSwitcherCol label {
	padding-bottom: 0;
}

#mapLayerSwitcher * {
	vertical-align: middle;  
}

#mapLayerSwitcher input{
	margin-right: 3px;
	vertical-align: -33%; 
}

#mapLayerSwitcher .subLayer input{
	margin-left : 7px;
}

.mapLegendLink{
	float:right;
	margin-right:20px;
}

.layercol {
	padding: 8px;
}

.layercol input {
	margin-right: 4px;
}

.legend_hbt_osm {
	height: 500px;
	position: absolute;
	overflow: hidden;
	right: 13px;
	top: 11px;
	width: 192px;
	z-index: 2000;
}

.mapInputVillageWidth {
	width: 16.1em;
}

.onefieldSearchMapButton {
	postion:relative;
	margin-top:12pt;
}


.mapInputDropdownWidth {
	width: 27.5em;
	font-size: 9pt;
}

/* optional map information */
.optionBlock1 {
	float: left;
	width: 24%;
	margin-top: 10px;
}

.optionBlock1 input {
	clear: left;
	float: left;
	margin-bottom: 4px;
	margin-right: 4px;
}

.optionBlock1 label {
	float: left;
}


.optionBlock2 {
	float: left;
	width: 20%;
	margin-top: 10px;
}

.optionBlock2 input {
	clear: left;
	float: left;
	margin-bottom: 4px;
	margin-right: 4px;
}

.optionBlock2 label {
	float: left;
}

/* links for more information */
.linkBlock {
	float: left;
	width: 50%;
	margin-left: 3em;
	margin-top: 10px;
}

.linkBlock a {
	display: block;
	margin-bottom: 4px;
}
/*end road-rail network (mapsLGV) */


.linkFieldEntry {
	float: left;
	width:20px;
}

/* Quickreference since 19 Nov 2008 */
.quickReference h2 {
	color: #013378;
	font-size: 1.2em
}

.quickReferenceTitle {
	
	background: #D3DBED;
	 background-image: none;
	  padding:7px 7px 7px 7px;
	  position: relative;
	  margin-top:20px;
	  font-size:11pt;
		
		
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	background: -webkit-gradient(linear, left, right, from(#D3DBED),
		to(#fff) );
	background: -webkit-linear-gradient(45deg, #D3DBED, #fff);
	background: -moz-linear-gradient(45deg, #D3DBED, #fff);
	background: -o-linear-gradient(45deg, #D3DBED, #fff);
	background: -ms-linear-gradient(45deg, #D3DBED, #fff);
	background: linear-gradient(45deg, #D3DBED, #fff);
	-pie-background: linear-gradient(45deg, #D3DBED, #fff);
	position: relative;
	behavior: url(/jsf/stylesheet/layoutHVV/pie/PIE.htc);
		
	
}

.quickReference h3 {
	color: black;
	font-size: 1em;
	padding-top: 0.5em !important;
	margin-bottom: 1em !important
}

.quickReference p {
	display: block
}

.quickReference .linkbox h3 {
	padding-top: 0 !important
}

.quickReference ul,.quickReference li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: disc !important;
	margin-left: 1em !important;
	padding-left: 1em !important;
}

.quickReference ul {
	margin-bottom: 1em !important;
}

.quickReference_line_top {
	border-top: 1px solid #B3C3D7
}

.quickReference_line_bottom {
	border-bottom: 1px solid #B3C3D7
}

.quickReference_tarifBerater {
	margin-left: 3em;
}

.quickReferenceScrollList {
	width: 180px;
}

/* end quickreference */

/* Styles for rich calendar */
.rich-calendar-footer {
	background: #E4E9F2 none repeat scroll 0%;
	border-right-color: #C4C0B9;
	border-top-color: #C4C0B9;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}

.rich-calendar-boundary-dates {
	color: #A0A0A0;
}

.rich-calendar-tool {
	background-color: #E4E9F2;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.rich-calendar-toolfooter {
	background: #E4E9F2 none repeat scroll 0%;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}

.rich-calendar-tool-btn {
	cursor: pointer;
	padding: 2px 3px;
	white-space: nowrap;
	border: medium;
	border-color: white;
}

.rich-calendar-weekends {
	color: red;
}

.rich-calendar-cell {
	background-color: #FFFFFF;
	border-bottom-color: #C4C0B9;
	border-right-color: #C4C0B9;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}

.rich-calendar-holly {
	background-color: #E4E9F2;
	color: #FF7800;
}

.rich-calendar-select {
	background: #BF0008 none repeat scroll 0%;
	color: #FFFFFF;
	font-weight: bold;
}

.rich-calendar-week {
	background: #033479 none repeat scroll 0%;
	border-bottom-color: #C4C0B9;
	border-right-color: #C4C0B9;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: white;
}

.rich-calendar-exterior {
	border-color: #768EBD;
}

.rich-calendar-header {
	background-color: #EDEAE6;
	border-bottom-color: #C4C0B9;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}

.rich-calendar-month {
	background-color: #E4E9F2;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
}

.rich-calendar-days {
	border-bottom-color: #C4C0B9;
	border-right-color: white;
	background: #033479 none repeat scroll 0%;
	border-bottom: 1px solid;
	border-right: 1px solid;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	height: 22px;
	text-align: center;
	vertical-align: middle;
	color: white;
}

.rich-calendar-today {
	background: #9FB0D0 none repeat scroll 0 0;
	color: #FFFFFF;
	font-weight: normal;
}

.rich-calendar-button {
	cursor: pointer;
	vertical-align: top !important;
	width: 1.6em;
}
/* end rich calendar */

/* line and station schedule */
.lineFields,.stationFields {
	margin: 0;
	padding: 0
}

.lineLegends {
	margin: 0 0.5em 0.5em 0 !important;
}

.lineLegends,.lineOptionsLegend,.stationSelectLegend,.selectLineLegend,.eyeDataLegend
	{
	color: #013378;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0em 1em 0em 0em;
	padding: 0em 1em 0.5em 0em;
}

.suggestedLines {
	width: 86%;
	margin-bottom: 1em !important
}

.lineFields div {
	margin-bottom: 10px
}

.lineFields .optional_line_button {
	display: inline
}

.lineFields fieldset {
	padding-bottom: 1em !important
}

.lineFields div label {
	margin: 0 1.7em 0 0.5em;
	display: block;
	float: left;
	vertical-align: middle;
	height: 20px
}

.lineFields div input {
	display: block;
	float: left;
	width: 1.5em;
	vertical-align: bottom;
}

.validityFilterOptions label {
	width: 15em !important;
}

.stationFields input {
	margin-top: 10px
}

.stationFields #adressbook_frame {
	margin: 0em;
	height: 2em;
	float: left;
	width: 60%
}

.stationFields .errors,.lineFields .errors {
	margin: 10px 0;
	display: block
}

.station_inputText {
	float: left;
	font-size: 1em;
	width: 25em;
	margin: 0 0 0.5em 0 !important;
}

.optional_station_button {
	clear: both;
	display: block
}

.station_selectMenu {
	min-width: 10em;
	margin-bottom: 0em;
}

a.mobiLink {
	background-image: url(/images/jsf/icons/icon_mobilitaetshinweise_1.png);
	background-position: 0pt 50%;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.stationScheduleDateLabel,.lineScheduleDateLabel {
	margin: 4px 5px 0 0 !important;
}

.stationScheduleDateInput,.lineScheduleDateInput {
	width: 70px !important;
	margin-right: 5px !important;
}
/* end line and station schedule */
.lsMargin {
	margin-bottom: 5px;
}

.allOption label {
	vertical-align: middle;
	margin: 0 1em 0 0
}

.allOption input {
	vertical-align: bottom;
}

.stationOptionsLegend {
	color: #013378;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}

.selectLineForStation select {
	margin-bottom: 0.5em;
	min-width: 15em;
	margin-left: 1em;
}

.selectLineForStation input {
	margin-left: 1em;
	margin-bottom: 0.5em;
}

.selectLineForStation label {
	vertical-align: super;
	margin-bottom: 0.5em;
}

.selectLineForStation a {
	vertical-align: super;
	margin-left: 1em;
	margin-bottom: 0.5em;
}

.selectLineForStation .stationOptionsLegend {
	margin-bottom: 0.75em !important
}

.lineFields {
	padding-top: 1em !important
}

/* line and station schedule result */
.schedule_linkFieldEntry {
	margin-left: 1em;
	margin-right: 1em;
	padding-top:2px;
	padding-bottom:2px;
	background-repeat: no-repeat;
	background-position: 0pt 50%;
	
}

.linkField_changeTrip {	
	background-image: url(/images/jsf/icons/icon_suchebearbeiten.png);
	left:1em;
	padding-left:2em;
}

.linkField_reverseDirection {
	background-image: url(/images/jsf/icons/icon_rueckfahrt.png);
	padding-left:2.5em;
	left:12em;	
}

.linkField_downloadPDF {
	background-image: url(/images/jsf/icons/icon_downloadPDF.png);
	left:23em;
	padding-left:2em;
}

#lineScheduleResult {
	text-align: right
}

#lineScheduleResult select {
	width: 8em
}

.line_result,.stationResult {
	width: 25%;
	float: left;
	margin-bottom: 10px
}

.line_result img,.stationResult img {
	max-width: 98%
}

.line_result_margin,.stationResultText1 {
	margin-bottom: 1em;
	margin-left: 25%
}

.line_result_part2,.stationResultText2 {
	clear: both;
	margin-bottom: 2em
}

.line_result_part3 {
	clear: both;
	margin-bottom: 2em;
	color: #FF0000;
}

.line_background,.station_background {
	background-color: #E4E9F2;
}

.lineScheduleValidityDates {
	
}

.lineScheduleStationLine{
		height:14pt;
}

.lineScheduleStationImage {
	/*position:relative;*/
	float:right;
	margin-right:3px;
	margin-top:1px;
	max-height:10px;
	vertical-align:middle;
}



.lineScheduleStationName {
	float:left;
	padding-right:2pt;
}

.lineResult_scrollList {
	margin-top:5pt;
	margin-left:2pt;
}

.aliasesTable {
	width: 580px;
}

.lineStationsContainer div label {
	margin: 0px;
	padding: 0px
}

.startStationSelectorContainer {
	margin-bottom: 10px
}

.destinationStationSelectorContainer {
	margin-bottom: 10px;
}

.lineScheduleSelector {
	width: 200px;
	margin-left: 10px;
}

.modalWaitArea {
    cursor:wait;
}

.modalWaitArea > * {
    pointer-events:none;
}

.underlinedOutput {
	text-decoration: underline;
}

/* used for schedule variances too */
.station_table {
	border-bottom: 1px solid;
	border-top: 1px solid;
	border-color: #B3C3D7;
}

table.fahrplan {
	border-collapse: collapse;
	margin: 1em 0 1.5em;
	width: 100%;
}

table.fahrplan caption {
	font-weight: bold;
	padding-bottom: 1em;
	text-align: left;
}

table.fahrplan caption a {
	color: #333333;
}

table.fahrplan td,table.fahrplan th {
	border-bottom: 1px solid white;
	padding: 5px 10px;
}

table.fahrplan th {
	font-weight: normal;
	text-align: left;
}

table.fahrplan th.bold {
	font-weight: bold;
}

table.fahrplan tr.first td,table.fahrplan tr.first th {
	padding-bottom: 20px;
	padding-top: 20px;
}

table.fahrplan tr.highlight td,table.fahrplan tr.highlight th {
	background-color: #EFF2F7;
	color: #333333;
}

table.fahrplan tr.startdest td,table.fahrplan tr.startdest th {
	background-color: #CAD5E3;
	border: medium none;
}

table.halstelaus td.station_table_empty {
	padding-left: 10px;
}

table.halstelaus {
	width: 100%;
	border-collapse: collapse;
	margin: 1em 0;
	clear: both;
}

table.halstelaus caption {
	text-align: left;
	/*  background-color:#e4e9f2;
  background-image:url(http://www.hvv.de/images/linkbox_head.gif);
  background-repeat:repeat-y;*/
	background-color: #b3c3d7;
	color: #01317c;
	line-height: 1.5em;
	font-weight: bold;
	padding-left: 10px;
	border-bottom: 3px solid white;
	margin-top: 6px;
}

table.halstelaus th,table.halstelaus td {
	padding: 2px;
}

table.halstelaus2 th {
	background-color: #b3c3d7;
	color: #01317c;
}

table.halstelaus tr.seperate th,table.halstelaus tr.seperate td {
	border-top: 1px solid black;
}

table.halstelaus tr.alternate th,table.halstelaus tr.alternate td {
	background-color: #e4e9f2;
}

span.halstelausIndex {
	float:left;
	width:25px;
}

span.halstelausEntry {
	float:left;
	min-width:30px;
    margin-right:3px;
}

td.halstelausRow th.halstelausRow {
	heigth:20px;
}



.station_table td,.station_table th {
	border-bottom: 1px solid #B3C3D7 !important;
	border-top: 1px solid #B3C3D7 !important;
	white-space: normal;
}
/* end line and station schedule result */

/* schedule variances */
table.scheduleVarianceTable td {
	vertical-align: middle;
	border-bottom: 1px solid;
	border-top: 1px solid;
	border-color: #B3C3D7;
}

.variancesFilter {
	margin-top: 10px;
	margin-bottom: 5px;
}

.varianceFilterInput {
	margin-top: 5px;
}

.varianceFilterButtons {
	margin-top: 5px;
}

.noJsBackButton {
	margin-left: 5px;
}

.varianceFilterLabel {
	padding-right: 5px;
}

.varianceAffectedLinesFilter {
	width: 150px;
}



.varianceDateFilter {
	width: 75px;
}

.varianceTeaser {
	margin-top:20px;
	line-height: 20px !important;
}

div.varianceTitle {
	background: #D3DBED;
	 background-image: none;
	  padding:7px 7px 7px 7px;
	  position: relative;
	  margin-top:20px;
	  font-size:10pt;
		
		
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	background: -webkit-gradient(linear, left, right, from(#D3DBED),
		to(#fff) );
	background: -webkit-linear-gradient(45deg, #D3DBED, #D3DBED);
	background: -moz-linear-gradient(45deg, #D3DBED, #D3DBED);
	background: -o-linear-gradient(45deg, #D3DBED, #D3DBED);
	background: -ms-linear-gradient(45deg, #D3DBED, #D3DBED);
	background: linear-gradient(45deg, #D3DBED, #D3DBED);
	-pie-background: linear-gradient(45deg, #D3DBED, #D3DBED);
	position: relative;
	behavior: url(/jsf/stylesheet/layoutHVV/pie/PIE.htc);
 
}


div.varianceTeaserHinttextNew  { 
 position: relative; 
 margin-top:20px;
}

div.groupboxNew {
	position: relative; 
	margin-top:20px; 
	display:none;
}

a.varianceTeaserHinttext:hover {
	cursor: pointer;
	color: #ffffff;
	
	text-decoration: none;
}

a.varianceTeaserHinttext div.groupbox {
	position: absolute;
	left: -2000px;
	margin: -25px 0 0 -16px;
	width: 400px;
	/*color: #003277;*/
	color:#02327C;
	background-color: #E4E9F2;
	background-image: none;
	behavior: url(/jsf/stylesheet/layoutHVV/pie/PIE.htc);
	-pie-background: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

a.varianceTeaserHinttext:hover div.groupbox,a.varianceTeaserHinttext:focus div.groupbox,a.varianceTeaserHinttext:active div.groupbox
	{
	/* left: 250 */
	left: 255px !important; 
	/* top: 55px !important; */
	top: 55px !important; 
	/* width: 400px; */
}
/* end schedule variances */

/* geofox footer */
.margin_template {
	clear: left;
	margin-top: 4em;
}
/* end geofox footer */

/* delfi */
.delfiHeaderDiv {
	width: 90%;
	margin-bottom: 0.25em;
}

.delfiHeaderLabelDivThin {
	font-weight: bold;
	width: 4.3em;
	float: left
}

.delfiHeaderLabelDivWide {
	font-weight: bold;
	margin-right: 1em;
	float: left
}

.delfiHeaderSideInfo {
	margin-left: 4.3em;
}

.delfiPassedLocations {
	font-style: italic;
}

table.delfiresult td {
	vertical-align: middle;
}

.spiritCountryLabel {
	clear: left;
	float: left;
	width: 3.5em;
	margin-top: 0.5em;
}

.spiritCountrySelect {
	width: 25.5em;
	margin-top: 0.3em;
}
/* end delfi */

/* net info page */
#netInfoForm input[type=text] {
	width: 5em;
}

#netInfoForm .optionLabel {
	display: block;
	float: left;
	width: 30em !important;
}
/* end net info page */

/* picture gallery */
.smallPicture {
	width: 32.9%;
	height: 15em;
	background-color: #F0F3F7;
	border: thin white solid;
}

.smallPicture img {
	width: 107px;
	height: 80px;
	margin-left: 2.4em;
	margin-top: 2em;
}

.smallPicture p {
	display: block;
	text-align: center;
}

#pictureGallery * #pages {
	text-align: center;
}

a.arrow_next /*
a.arrow_next:link,
a.arrow_next:visited,
a.arrow_next:hover,
a.arrow_next:active*/ {
	background-image: url(http://www.hvv.de/images/icon_arrow.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 17px;
}

a.arrow_back /*a.arrow_back:link,
a.arrow_back:visited,
a.arrow_back:hover,
a.arrow_back:active*/ {
	background-image: url(http://www.hvv.de/images/icon_arrow_back.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 17px;
}

a.arrow_back_thin /*a.arrow_back:link,
a.arrow_back:visited,
a.arrow_back:hover,
a.arrow_back:active*/ {
	background-image: url(http://www.hvv.de/images/icon_arrow_back_thin.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 17px;
}

/* end picture gallery */
a.arrow_top /*a.arrow_top:link,
a.arrow_top:visited,
a.arrow_top:hover,
a.arrow_top:active*/ {
	background-image: url(http://www.hvv.de/images/icon_arrow_top.gif);
	background-repeat: no-repeat;
	background-position: 0 60%;
	padding-left: 12px;
}

.buttonRefresh {
	display: block;
	float: right !important;
	width: auto !important;
	vertical-align: bottom;
}

.stationRangeLabel {
	width: 10em !important;
	float: left;
	display: block;
}

/* remember cookie container and text styles */
.rememberCookieContainer {
	padding: 0.6em 0 1em 0;
}

div.switchhMapControl {
	border-color: rgb(79, 129, 189);
	border-style: solid;
	border-width: thin;
	padding: 0.6em 1.2em 1em 1.2em;
}

div.switchhMapControl {
	padding: 0.3em 0.8em 0.8em;
}

div.switchhMapControl div.switchhImg {
	background: transparent url("/images/logo_switchh_navi.png") no-repeat scroll 50% 0;
	width: 69px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
}

#rememberTitle {
	display: block;
	font-weight: bold;
	padding-bottom: 0.5em;
    font-size: 1.2em;
	color: #02327C;
}

.rememberCookieContainer a {
    color: #02327C;
}

/* maintenance note styles */
#maintenanceNotes {
	background-image: url("/images/maintenanceHint.png");
	background-position: 0 center;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}

.maintenanceNote {
	display: block;
	color: #FF0000;
	font-weight: bold;
	margin-left: 30px;
	padding: 5px;
	margin-bottom: 4px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
table.weekdays td {
	vertical-align: middle;
}

table.weekdays input {
	margin-right: 0.1em;
}

table.weekdays label {
	margin-right: 0.5em;
}

.margin-right-half {
	margin-right: 0.5em;
}

.viatable {
	border-collapse: separate; 
	border-spacing: 0.3em;
}

table.standard .sum-table-cell {
	background-color: #FFFFFF; 
	text-align: right;
}

.timerangeselectmenuwidth {
	width: 161px;
}

table.calendarselection .week {
	border: 1px solid #C4C0B9;
	background-color: #02327C;
	color: #FFFFFF;
}

table.calendarselection th.cell {
	background-color: #02327C;
	color: #FFFFFF;
}

table.calendarselection .cell {
	width: 2em;
	height: 1.8em;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #C4C0B9;
}

.nowrap {
	white-space: nowrap;
}

.seasontickettimerangetablecell {
	padding-top: 3px;
	padding-bottom: 3px;
}

.seasonticket_nextbutton {
	padding-top: 2em;
	padding-bottom: 1em;
}

.seasonticket_middle {
	vertical-align: middle !important;
}

.seasonticket_maxwidth {
	width: 95%;
}

.seasonticket_maintablecell_width {
	width: 20em;
}

.seasonticket_viatable {
	border-collapse: collapse;
}

.seasonticket_viatable .first {
	padding-top: 1em;
}

.seasonticket_viatable .minwidth {
	width: 1%;
}

.seasonticket_viatable .paddingright {
	padding-right: 1em;
}

a.flatbutton {
	padding: 2px 8px 3px;
}

.tooltip {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border: 1px solid black;
	padding: 2px;
	text-align: left;
}

.printonly {
	display: none;
}

/*  connection list */
.connectionListTableHeadDiv  {
 	position:absolute;
  	width: 90pt;
  	height: 39pt;
  	background-color: #E4E9F2;
  	text-align: center;
  	white-space:normal;
  	padding-right: 5pt;
  	padding-left: 5pt;
    -moz-transform: rotate(-70deg) skewX(20deg); /* Firefox */
    -moz-transform-origin: 0% 0%;
    -webkit-transform: rotate(-70deg) skewX(20deg); /* Safari and Chrome */
    -webkit-transform-origin: 0% 0%;
    -ms-transform:rotate(-70deg) skewX(20deg); ; /* IE 9 */
    -ms-transform-origin: 0% 0%;
    -o-transform:rotate(-70deg) skewX(20deg); /* Opera */
    -o-transform-origin: 0% 0%;
    transform: rotate(-70deg) skewX(20deg); /* W3C */
    transform-origin: 0% 0%;
}
  
.connectionListTableHeadText {
  	font-family:Calibri, sans-serif;
  	font-size:12pt;
  	white-space:normal;
  	font-weight:bold;
}
  
.tableDistance {
	margin-bottom:24pt;
}
   
 .tableBodyDistance {   
    position:relative;
    top: 15pt;
    bottom:15pt;
 }
 
 .kmNumOfPass {
	position:relative;
}

.kmTransport {
	position:relative;	
}

.kmNumOfPassTitle {
	position:relative;
	bottom:2pt;
}

.kmTransportTitle {
	position:relative;
	bottom:2pt;
}

.detailSearchLeftColumn {
	float:left; width: 200pt;
}

.detailSearchRightColumn {
	float:right; width: 200pt;
}

.realtimered {
	font-weight: normal;
	color: red;
}

.realtimegreen {
	font-weight: normal;
	color: green;
}


.liveMapPopup {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 7px;
	font-family: Verdana;
	font-size: 11px;
	overflow: visible;
}

table.liveMapPopupTable {
    width: 400px;
}

td.liveMapPopupTable {
	padding: 4px 4px 4px 6px;
	border: 1px solid white;
	background-color: #E6EBF2;
}

td.noTabular {
	background-color: white;
	padding-left: 1px;
}

table.vehicletypeselection {
	width: 100%;
}

table.vehicletypeselection td {
	vertical-align: middle;
	height: 3em;
}

table.vehicletypeselection label {
	display: inline;
	margin: 0;
}

table.vehicletypeselection td.checkbox {
	width: 1em;
}

table.vehicletypeselection td.image {
	width: 3em;
	text-align: center;
}

table.vehicletypeselection td.text {
	padding-left: 1em;
	min-width: 7em;
}

h2.homepage {
	color: #013378;
    font-size: 1.4em;
    font-weight: bold;
    padding: 0;
}

div.extrafarehint {
	padding-top: 2em;
}

div.extrafarehint p {
	line-height: 1.8;
}

fieldset div.textinputrow {
	margin: 1em 0;
	vertical-align: middle;
}

fieldset div.textinputrow input[type=text] {
	width: 25em;
}

#personalSearch fieldset.combinedroute {
	padding-top: 0 !important;
}

fieldset.combinedroute div.textinputrow:first-child {
	margin: 1em 0 2em 0;
}

fieldset.combinedroute div.textinputrow:last-child {
	margin: 2em 0 1em 0;
}

fieldset div.textinputrow label {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

fieldset div.textinputrow div.radio label {
	margin: 0 1em 0 0.3em;
}

fieldset.routeoptions div.textinputrow label:first-child {
	width: 13em;
}

fieldset.combinedroute div.textinputrow label:first-child {
	width: 17em;
}

fieldset div.textinputrow div.radio {
	display: inline-block;
}

fieldset div.textinputrow div.linkdiv {
	padding-top: 1em;
}

fieldset div.shift13 {
	margin-left: 13em;
}

fieldset div.shift17 {
	margin-left: 17em;
}

div.checkboxlabel {
	margin: 2.2em 0 0 0;
}

div.checkboxlabel input {
	vertical-align: middle;
}

div.checkboxlabel label {
	display: inline-block;
/*	margin: 0 0 0 0.3em;*/
	vertical-align: middle;
}

div.selectmobi div {
	height: 1.5em;
}

div.selectmobi label {
	display: inline-block;
	margin: 0 0 0 0.3em;
	vertical-align: middle;
}

div.selectmobi div:last-child label {
	background-image: url(/images/jsf/icons/icon_mobilitaetshinweise_2.png);
	background-repeat:no-repeat;
	width: 14px;
	height: 16px;
}

div.selectspeed div {
	height: 1.5em;
}

div.selectspeed label {
	display: inline-block;
	margin: 0 0 0 0.3em;
	vertical-align: middle;
}

a.nextlink {
	cursor:pointer;
}

div.mobility {
	display: inline-block;
	vertical-align: top;
	width: 40%;
}	

#lineIconTooltip {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border: 1px solid #999;
	padding: 2px 2px 2px 5px;
	text-align: left;
	border-radius: 3px;
	background: #fff;
	background: -moz-linear-gradient(top, #fff, #DFE6EE);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
		color-stop(100%, #DFE6EE));
	background: -webkit-linear-gradient(top, #fff, #DFE6EE);
	background: -o-linear-gradient(top, #fff, #DFE6EE);
	background: -ms-linear-gradient(top, #fff, #DFE6EE);
	background: linear-gradient(to bottom, #fff, #DFE6EE);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF',
		endColorstr='#DFE6EE', GradientType=0);

	display: inline-block;
	white-space: nowrap;
	font-size: 8pt;
	max-width: none;
}
#lineIconTooltip td {
	height: 17px;
}
.elevatorsMapLegend img, img.buttonIcon  {
	width: 15px;
	height: 15px;
}
.elevatorsMapLegend td {
	padding-right: 10px;
	padding-top: 4px;
	vertical-align: top;
}
.elevatorsMapLegend td.second-col {
    width: 46%;
}
.popuptableBottom td.stateIcon {
	background-size: 19px 19px;
}
.popuptableBottom td.stateIcon img, .elevatorsMapLegend img.stateIcon {
	width: 19px;
	height: 19px;
}
img.buttonIcon {
	vertical-align: middle;
	margin-right:2px;
}
#map.elevatorsMap {
	height: 650px;
}
#mapbox.elevatorsMap {
	padding-top: 1em;
}
th.popuptableEmptyTitle {
    font-weight: bold;
    padding-right: 2px;
}
td img.line-symbols {
	padding: 2px;
}
td:first-child img.line-symbols {
	padding-left: 0;
}
td:last-child img.line-symbols {
	padding-right: 0;
}
.mapLegendTable td {
	vertical-align: top;
	padding-top: 5px;
}
#mapbox .groupbox p {
	display: block;
	margin: 24px 0 0 0;
}
.mapLegendLink {
	margin: 24px 0 0 0;
}
td:last-child .legendMapSearch {
	margin-top: 24px;
}
td:last-child .bikeSpeedSelector {
	height: 1px;
}
.errors-map {
	max-width: 460px;
}
.showStationSchedule {
	margin-top: 1.5em;
	margin-bottom: 0;
}
a.stationScheduleInput_mobiLink {
	background-position: 0 0;
	padding-top: 1px;
	margin-top: -1px;
}
.selectLineLegend {
	margin-bottom: 0 !important;
	padding-top: 1.25em !important;
}
.stationScheduleRadios input {
	margin-top: 0;
}
div.stationScheduleInput_mobiLink {
	padding-top: 1.5em;
}
.stationFields input.stationScheduleDateInput {
	margin-top: 0;
}
.onefieldSuggestIcons img {
    max-height: 24px;
}
.line-icons-table {
	margin-left: 10px;
	padding-left: 10px;
}
.openlayers-popup-driveNow tr td:first-child, 
.openlayers-popup-car2go tr td:first-child, 
.openlayers-popup-europcar tr td:first-child, 
.openlayers-popup-cambio tr td:first-child, 
.openlayers-popup-pundr tr td:first-child, 
.openlayers-popup-bundr tr td:first-child, 
.openlayers-popup-hvvService tr td:first-child, 
.openlayers-popup-stadtrad tr td:first-child {
	white-space: nowrap; 
}
#lineIconTooltip tr:first-child td:last-child {
	text-align: right;
}
.realtime-footnote-numbering {
	position: relative;
	top: -5px;
	left: -5px;
	font-weight: bold;
}