@charset "UTF-8";

body {
	background-color: #FFFFFF;
	font-size: small;
	font-family: verdana, arial, sans-serif;
	margin: 0;
	font-size:12pt;
	line-height:1.4em;
}

a {
	text-decoration: none;
	color: #003277;
}

a:hover {
	text-decoration: underline;
}

a.arrow {
	background-image: url("../img/icon_arrow.png");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 1em;
	margin-left: .5em;
}

form {
	padding: 0 0 5px 0;
}

#login {
	padding: .5em;
}

.loginbox a.disabled {
	color: #AAAAAA;
}

select {
	background-color: #FFFFFF;
	width: 100%;
}

table {
	width: 100%;
}

img {
	border: none;
}

ul {
	margin: .2em 0 .2em 0;
	padding-left: 1.5em;
}

#content ol li,
#content ul li {
	margin: 0 0 .5em 0;
}

.italic {
	font-style: italic;
}

.start {
	background-color: #e4e9f2;
}

.content {
	background-color: #FFFFFF;
	padding: 1em .3em 2em .3em;
}

.mainnav_item {
	background-image: url(../img/mainmenu_inactive.gif);
	background-repeat: repeat-x;
	background-color: #164483;
	border: solid 1px #FFFFFF;
	border-bottom: none;
	padding: .2em .5em .3em .5em;
}

.mainnav_item:LAST-CHILD {
	border-bottom: solid 1px #FFFFFF;
}

.mainnav_item a {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.1em;
}

.selected {
	background-image: url(../img/gradient_lightblue.gif);
	background-repeat: repeat-x;
	background-color: #BDCBDC;
	border: solid 1px #FFFFFF;
	border-top: none;
	padding: .2em .5em .3em .5em;
}

.selected:FIRST-CHILD {
	border-top: solid 1px #FFFFFF;
}

.selected a {
	color: #164483;
	font-weight: bold;
	font-size: 1.1em;
}

.subselect {
	background-repeat: repeat-x;
	background-color: #BDCBDC;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	border-top: none;
	padding: .2em .5em .3em .5em;
}

.subselect a {
	color: #164483;
	font-weight: bold;
}

.level2,
.level3 {
	background-color:#5D7BA5;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	border-top: none;
	padding: .2em .5em .3em .5em;
}

.level3 {
	background-color:#FFFFFF;
}

.level2 a {
	color: #FFFFFF;
}

.tabnav_item {
	background-image: url(../img/mainmenu_inactive.gif);
	background-repeat: repeat-x;
	background-color: #164483;
	border-right: solid 1px #FFFFFF;
	padding: .2em .5em .3em .5em;
	display: inline;
}

.tabnav_item_meinhvv {
	background-image: url(../img/mainmenu_inactive_meinhvv.gif);
	background-repeat: repeat-x;
	background-color: #A60003;
	border-right: solid 1px #FFFFFF;
	padding: .2em .5em .3em .5em;
	display: inline;
}

.tabnav_item a, .tabnav_item_meinhvv a {
	color: #FFFFFF;
	font-weight: bold;
}

.tabnav_item_meinhvv a {
	font-style: italic;
}

.tabnavi {
	padding-bottom: .2em;
}

.error {
/* 	color:#ff0000; */
/* 	padding: 10px 0 10px 0; */
	background-color: #004A99;
	color: #FFFFFF;
	font-weight: bold;
	margin: 5px 0px;
	padding: 5px;
	text-align: center;
}

.error-list label {
	color:#ff0000;
}

.error input,
.error select {
	border: solid 1px #f00;
}

.th {
	font-weight: bold;
}

.h1 {
	color: #003277;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: .3em;
	padding-top: 1em;
}
.h3 {
	font-weight: bold;
}

.details_tr {
	vertical-align: top;
	text-align: center;
}

.details_td {
	text-align: left;
}

.zeit_details {
	background-color: #E4E9F2;
	padding-top: .3em;
	margin-bottom: .1em;
}

.zeit_details .stunde {
	background-color: #FFFFFF;
	border: solid 1px #E4E9F2;
	border-top: none;
	padding: .3em;
}

.timeselect {
	border-left: solid 1px #E4E9F2;
	border-right: solid 1px #E4E9F2;
}

.timeselect span {
	padding: .2em .5em .2em .5em;
}

.timeselect .aktiv {
	background-color: #FFFFFF;
}

.timeselect .aktiv a {
	font-weight: bold;
}

.timeselect a {
	color: #003277;
}

.caption {
	background-image: url(../img/gradient_lightblue.gif);
	background-repeat: repeat-x;
	background-color: #B3C3D7;
	color: #003277;
	font-size: 1.1em;
	font-weight: bold;
	padding: .2em .5em .2em .5em;
	margin-bottom: .1em;
	border: solid 1px #B3C3D7;
}

.caption a {
	color: #003277;
	font-weight: bold;
}

table.caption {
	padding: 0 .3em 0 .3em;
}

.caption .open {
	background-image: url(../img/arrow_up.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

.caption .closed {
	background-image: url(../img/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

table.linienweg {
	margin-top: .5em;
	border-spacing: 0;
	width: 100%;
}

table.linienweg a,
.trigger .details_td {
	color: #003277;
	font-weight: bold;
}

.trigger .details_td {
	padding-left: 1.5em;
	background-image: url(../img/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: .5em center;
}

.trigger .searchtrigger {
	background-image: url(../img/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.trigger_active .searchtrigger {
	background-image: url(../img/arrow_up.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.trigger_active .details_td {
	background-image: url(../img/arrow_up.gif);
	background-repeat: no-repeat;
}

#stations, .details_td {
	border-left: solid 1px #FFFFFF;
	padding-left: .5em;
	padding-right: .5em;
}

#sign {
	padding-left: .5em;
	padding-right: .5em;
}

.linienweg .bold {
	background-image: url(../img/gradient_lightblue.gif);
	background-repeat: repeat-x;
	background-color: #B3C3D7;
	color: #01317C;
	font-size: 1.1em;
	font-weight: bold;
	padding: .2em;
}

.linienweg_touch table{
	border-spacing: 0;
}

.even {
	background-color: #E4E9F2;
}

.odd {
	background-color: #FFFFFF;
}

.even,
.odd {
	padding: .2em;
}

.toggle_container {
	width: 100%;
}

.search_block,
.search_details,
.search {
	background-color: #E4E9F2;
	padding: .1em;
}

.search_block {
	border-bottom: solid 1px #FFFFFF;
}
.search_block a {
	background-image: url(../img/icon_linkarrow@2x.png);
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 11px 9px;
	color: #FFFFFF;
	padding: 5px 0 5px 15px;
	margin-top: 5px;
	display: block;
}

.search_details {
	border-top: solid 1px #FFFFFF;
}	

.search_block table,
.search_details table {
	width: 100%;
}
.search_details table {
	margin: 14px 0 14px 0;
}

.search_block input {
	font-size: 10pt;
/* 	width: 99%; */
}

.search_block input[type=radio] {
/* 	width: auto !important; */
}

.search_details input {
	width: 97%;
}

.search_block select,
.search_details select {
	 width: 100%;
}

.searchblock_input {
	width: 75%;
}

.searchdetails_input {
	width: 50%;
}

.pers_fahrplan {
	background-color: #E4E9F2;
}

.prevnext a, .groupbox a {
	font-weight: bold;
	color: #01317C;
}

.fahrplan_odd,
.fahrplan_even {
	border-spacing: 0;
	border-color: #E4E9F2;
	border-style: solid;
	border-width: 0 1px 0 1px;	
}

.fahrplan_odd img,
.fahrplan_even img{
	margin:0px 2px;
}

.fahrplan_odd td {
	background-color: #FFFFFF;
	border-bottom: solid 1px #E4E9F2;
	padding: 3px 0 3px 0;
}

.fahrplan_even td {
	background-color: #E4E9F2;
	border-bottom: solid 1px #FFFFFF;
	padding: 3px 0 3px 0;
}

.fahrplan_time {
	width: 30%;
}

.groupbox,
.tagcloud {
	background-color: #E4E9F2;
	margin-top: .5em;
	padding: .1em .3em .1em .3em;
}

.tagcloud ul {
	list-style-type: none;
	padding: 0 0 0 0;
}

.tagcloud ul li {
	display: inline-block;
	line-height: 1.3em;
	padding: 0 5px 0 0;
}

.tag8 {
	font-size: .7em;
}

.tag7 {
	font-size: .8em;
}

.tag6 {
	font-size: .9em;
}

.tag5 {
	font-size: 1em;
}

.tag4 {
	font-size: 1.1em;
}

.tag3 {
	font-size: 1.2em;
}

.tag2 {
	font-size: 1.3em;
}

.tag1 {
	font-size: 1.4em;
}

.changeTrip,
.continueTrip,
.reverseTrip,
.newTrip,
.moreRoutes,
.overview_schedule {
	background-image: url(../img/icon_suchebearbeiten.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding: .2em .2em .2em 2em;
}

.continueTrip {
	background-image: url(../img/icon_weiterfahrt.png);
}

.reverseTrip {
	background-image: url(../img/icon_rueckfahrt.png);
}

.newTrip {
	background-image: url(../img/icon_neuesuche.png);
}

.moreRoutes {
	background-image: url(../img/icon_weitere-routen.png);
}

.overview_schedule {
	background-image: url(../img/icon_uebersichtsfahrplan.png);
}

/* buttons */
.personalSearch input[type=text],
.personalSearch select {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

select {
	background-color: #FFFFFF;
	font-size: 1em;	
}

input[type=text],
input[type=email],
input[type=password],
.personalSearch input[type=text],
.personalSearch input[type=number],
.personalSearch input[type=date],
.personalSearch input[type=time],
.personalSearch select {
	background-color: #FFFFFF;
	border-radius: 6px;
	border: none;
	box-shadow: inset 1px 1px 3px 0px #999999;
	font-size: 1em;
	min-height: 2em;
	padding: 6px 6px;
	text-align: left;
	-webkit-appearance: none;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: inset 1px 1px 3px 0px #999999;
	-moz-border-radius: 6px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.personalSearch input[type=date],
.personalSearch input[type=time] {
	width: 100%;
	padding: 6px 6px 6px 6px;
	margin-bottom: 4px;
}

.optional_line_button,
.search_button,
.button_rb,
.button_rw.button_xx,
input[type=submit],
button,
.optional_line_button.block,
.optional_station_button,
.anzeige_btn,
.btn_disabled,
div.button_anzeigen_ticket a,
div.button_speicher_ticket a,
div.button_back_ticket a,
div.payment-method-select-button a,
div.button-helper a {
	background-image: url(../img/gradient_nav_red.gif);
	background-repeat: repeat-x;
	background-color: #AB0004;
	border-width: 0;
	border-radius: 6px;
	box-shadow: none;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 7px 7px 0;
	outline: none;
	padding: 5px 10px 5px 10px;
	-moz-border-radius: 6px;
	-webkit-appearance: none;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: none;
}

input[disabled],
.btn_disabled {
	background-image: url(../img/gradient_nav_disabled.gif);
	background-color: #999999;
}

input[type=submit],
button {
	font-family: "verdana", "arial", sans-serif;
	font-size: 1em;
}

.button_gw {
	border: none;
	color: #FFFFFF;
	padding: .2em 1em;
	margin: .2em;
	font-weight: bold;
	text-decoration: none;
	background-color: #ccc;
}

.search_button.padding_top {
	margin-top: .5em;
}

.loginbox {
	background-color: #E4E9F2;
	margin-bottom: .5em;
}

.loginbox .h2 {
	padding: 0;
}

.loginbox .h3,
.h2_seperator {
	font-weight: bold;
	background-color: #BECBDD;
	padding: .3em .6em .3em .3em;
	margin: 0;
}

.h2_seperator {
	clear: both;
	margin: 1em 0 0 0;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.h2 {
	font-weight: bold;
	padding: 1em 0 0 0;
}

.loginbox ul {
	list-style: none;
	margin: 0;
	padding: .3em;
}

.linktippsdownloadbox ul {
	list-style: none;
	margin: 0;
	padding-left: .3em;
}

.linktippsdownloadbox li {
	list-style: none;
	margin-bottom: .3em;
}

.linktippsdownloadbox li li {
	margin-left: 1em;
	color: #013378;
	margin-bottom: 0;
}

.linktippsdownloadbox a {
	font-weight: bold;
}

.loginbox a,
.pdfdownload a {
	color: #003277;
}

.personalSearchOld,
.lineSchedule,
.stationSchedule {
	background-color: #E4E9F2;
	padding-top: .3em;
	padding-bottom: .2em;
}
.personalSearch .legendMap {
	color: #FFFFFF;
}

fieldset {
	border: none;
}

legend {
	font-weight: bold;
	color: #013378;
	padding: 5px 0 0 0;
}

.pdfdownload {
	margin-left: .5em;
}

.linkbox_sizes {
	background-color: #F0F3F8;
	padding: .3em;
	margin-bottom: .5em;
}

.linkbox_sizes .h3 {
	color: #003277;
}

.linkbox_sizes ul {
	list-style-type: none;
	margin: .3em;
	padding-left: 0;
}

.kontakt_form input.text,
.kontakt_form select,
.kontakt_form textarea {
	border: 1px solid #A9BCD3;
	width: 100%;
	box-sizing: border-box;
}

.kontakt_form .field {
	margin-bottom: .3em;
}

.footer {
	background-image: url("../img/shadow_footer.gif");
	background-repeat: repeat-x;
	padding: .5em .3em 0 .3em;
	font-size: .9em;
}

#lineScheduleResult select,
#lineScheduleResultStationRange select {
	width: 50%;
	margin-right: .5em;
}

.listingblock {
	border-bottom: solid 2px #FFFFFF;
}

.listingblock:LAST-CHILD {
	border: none;
}

.imageleft,
.imageright {
	margin: 0 .5em 1em .5em;
	max-width: 160px;
	width: 50%;
}

.faq p {
	margin-top: 0;
	margin-left: 1em;
}

.faq .linkbox_sizes{
	margin-left: 1em;
}

#osmap {
	width: 100%;
	height: 300px;
	position: relative;
}

div.olControlZoom a {
    background: none repeat scroll 0 0 rgba(0, 60, 136, 0.5);
    color: white;
    display: block;
    font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    height: 35px;
    line-height: 32px;
    margin: 1px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 35px;
}

div.olControlZoom {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
    border-radius: 4px 4px 4px 4px;
    left: 8px;
    padding: 2px;
    position: absolute;
    top: 8px;
}

div.olControlZoom a:hover {
    background: none repeat scroll 0 0 rgba(0, 60, 136, 0.7);
}

a.olControlZoomIn {
    border-radius: 4px 4px 0 0;
}

a.olControlZoomOut {
    border-radius: 0 0 4px 4px;
}

/* mobileTicket */
div.ticket img {
	width: 100%;
	max-width: 640px;
}
.clear,
.term-field,
.dedicated-clear {
	clear: both;
}

.term-field {
	padding: 10px 0 0 0;
}

.product-category .h2, .product-category h2{
	color: #003277;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: .5em;
}

.h2_seperator,
div.ticket_overview ul li {
	background-color: #BECBDD !important;
	background-image: none !important;
	-webkit-border-top-left-radius: 0px !important;
	-webkit-border-top-right-radius: 0px !important;
}

ul.product-list, 
ul.ticket_list,
ul.link-list,
div.ticket_overview ul {
	list-style: none;
	padding-left: 0;
}

ul.product-list li > a,
ul.ticket_list li > a,
div.ticket_overview ul li > a {
	color: #003277;
}

div.ticket_overview ul li > a {
	display: block;
	padding: 5px;
}

ul.product-list li > p,
ul.ticket_list li > p {
	margin: 0;
}

ul.product-list li > p a {
	color: #000000;
}

ul.product-list li > p i {
	font-style: 1em;
}

.options .field, ul.product-list li {
	margin: 5px 0;
}

.options {
	padding: 0 0 .5em 0;
}

.location_widget, .personalization-fields {
	padding-right: 5px;
}

.field-widget input,
.personalization-fields input,
.payment-data table td input,
form#paystream_form table td input {
	margin-bottom: 5px;
	width: 96%;
}

a.help-link {
	background-color: #f0f3f8;
	background-image: url("../img/icon_arrow.png");
	background-position: 5px center;
	background-repeat: no-repeat;
	display: block;
	margin-top: 5px;
	padding: 5px 5px 5px 20px;
}

.price {
	border-top: 1px solid #becbdc;
	font-weight: bold;
	padding-top: 5px;
}

span.key,
img.payment-method-logo,
div.button_back_ticket {
	float: left;
}

input[type="checkbox"] {
	margin-left: 0;
}

span.val,
div.button_speicher_ticket {
	float: right;
}

.button-helper,
.button-container,
.ticket {
	margin-top: 10px;
	text-align: center;
}

.payment-data table th,
form#paystream_form table th {
	text-align: left;
	width: 55%;
}

.payment_data .even {
	background-color: #FFFFFF;
}

img.payment-method-logo {
	height: 30px;
}

.payment-method-description .h2 {
	font-size: 80%;
}

div.button_anzeigen_ticket,
ul.ticket_list li.no_link {
	border-bottom: 1px solid #becbdc;
	padding: 5px 0;
}

.payment-method-block {
	padding: 5px 0;
}

.payment-method-select-button,
.payment-data table td,
form#paystream_form table td,
div.button_anzeigen_ticket {
	text-align: right;
}

.payment-method-select-button {
	margin-top: 10px;
}

.payment-method-select-button input,
ul.error-list {
	margin: 0em;
}

ul.error-list {
	padding: 0;
}

div.ticket_overview ul li {
	margin-top: 5px;
}

/* JIRA HVV-188 */
/* .ticket img { */
/* 	display: block; */
/* 	width: 100%; */
/* } */

/** MONITOR **/
.departure {
	border-color: #E4E9F2;
	border-style: solid;
	border-width: 1px 0 0 0;
	border-collapse: collapse;
	padding: .5em 0 .5em 0;
}
.departure td {
	padding: .5em 0 .5em 0;
}

.filter {
	padding: .5em 0 .5em 0;
}
	.filter_item,
	.filter_item_reload,
	.filter_item_active {
		background-color: #164483;
		background-image: url(../img/mainmenu_inactive.gif);
		background-position: left top;
		background-repeat: repeat-x;		
		border-radius: 5px;
		margin: 0 5px 0 0;
		padding: 5px 5px 5px 5px;
		height: 32px;
		width: 32px;
		float: left;
	}
	.filter_item_active {
		background-color: #A60003;
		background-image: url(../img/mainmenu_inactive_meinhvv.gif);
	}
	.filter_item img,
	.filter_item_active img {
		display: block;
	}
	.filter_item_reload {
		float: right;
	}	

.monitorEven,
.monitorOdd {
	padding: .5em .3em .5em .3em;
}

.monitorEven {
	background-color: #E4E9F2;
}

.dotted {
	border-color: #E4E9F2;
	border-style: dotted;
	border-width: 0 0 1px 0;
}

.block {
	display: block;
}

.clear {
	clear: both;
}
.center {
	text-align: center;
}

/* Fahrkartentabelle*/
.fahrkarten {
	border-collapse: collapse;
	width: 100%;
}

.fahrkarten th {
	background-color: #BECBDD;
	padding: 3px 3px 3px 3px;
}

.fahrkarten td {
	background-color: #E4E9F2;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px 0 0 0;
	padding: 3px 3px 3px 3px;
}

.fahrkarten td.noborder {
	border: none;
}

.tickettyp {
	padding: 1em 0 0 0;
}

.tarifinfo tr td {
	vertical-align: top;
}

.tarifinfo tr:last-child td {
	vertical-align: bottom;
}

/* POPUP, OVERLAY */
.overlay {
	background-color: #F0F3F8;
	border-color: #BECBDD;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	margin: 1em 0 0 0;
	padding: 5px 5px 5px 5px;
}

.small {
	color: #5D7BA5;
	font-size: .9em;
	font-style: italic;
}

/* Ausflüge Teaser Img */
img.ausfluegeImg{
	float: right;
	margin-left: 0px;
}

.right {
	text-align: right;
	padding: 0 5px 0 0;
}

.addressbook {
	border-spacing: 0;
}

.addressbook td {
	padding: 5px 5px 5px 5px;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 0 0 0 0;
}

.flash {
	background-color: #B50000;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}
.flash a {
	color: #FFFFFF;
}
#linkline {
	display: block;
	padding: 10px 0 0 0;
}

/* Redesign */
.personalSearch {
	padding: 10px 15px;
	margin: 10px 5px;
	background: #a40003;
	background: -moz-linear-gradient(left, #a40003 0%, #e60001 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a40003), color-stop(100%,#e60001));
	background: -webkit-linear-gradient(left, #a40003 0%,#e60001 100%);
	background: -o-linear-gradient(left, #a40003 0%,#e60001 100%);
	background: -ms-linear-gradient(left, #a40003 0%,#e60001 100%);
	background: linear-gradient(to right, #a40003 0%,#e60001 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a40003', endColorstr='#e60001',GradientType=1 );
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	color: #fff;
	-moz-box-shadow: 0 0 7px #888;
	-webkit-box-shadow: 0 0 7px #888;
	box-shadow: 0 0 7px #888;
}

.personalSearch .caption {
	padding: 1em 0 .6em 0;
}

.personalSearch .search_block,
.personalSearch .caption,
.personalSearch .closed,
.personalSearch .open,
.personalSearch .search_details,
.personalSearch .trigger .searchtrigger {
	background: none;
	border: none;
}

.personalSearch .caption a{
	color: #fff;
	padding-left: 15px;
	background: transparent url(../img/icon_linkarrow@2x.png) center left no-repeat;
	background-size: 11px 9px;
	text-decoration: none;
	display: inline-block;
	padding-left: 15px;
	font-weight: normal;
}

.content .search_block table {
	margin-bottom: 4px;
	width: 100%;
}

.personalSearch label {
	margin-right: 4px;
}

.personalSearch .mobisearchButton2 {
	background-color: #FE0000;
	background-image: none;
	background-position: center left;
	background-repeat: no-repeat;
	border-radius: 6px;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	padding: 7px 10px 7px 10px;
	width: 100%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.teaser_start {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 0 0 7px #888;
	-webkit-box-shadow: 0 0 7px #888;
	box-shadow: 0 0 7px #888;
	margin: 10px 5px;
	background: #a40003;
	background: -moz-linear-gradient(left, #a40003 0%, #e60001 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a40003), color-stop(100%,#e60001));
	background: -webkit-linear-gradient(left, #a40003 0%,#e60001 100%);
	background: -o-linear-gradient(left, #a40003 0%,#e60001 100%);
	background: -ms-linear-gradient(left, #a40003 0%,#e60001 100%);
	background: linear-gradient(to right, #a40003 0%,#e60001 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a40003', endColorstr='#e60001',GradientType=1 );
	overflow: hidden;
}

.teaser_start img {
	width: 100%;
	display: block;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.teaser_start img:last-child {
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
	-moz-border-radius-bottomright: 12px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

.teaser_start .h3 {
	color: #fff;
	padding: 8px 10px;
	margin: 0;
	text-shadow: 1px 1px 1px #333;
}

.teaser_start p {
	padding-right: 15px;
	padding-bottom: 10px;
	padding-top: 0;
	margin-top: 8px;
	color: #fff;
}

.teaser_start a {
	background: transparent url(../img/icon_linkarrow@2x.png) center left no-repeat;
	background-size: 11px 9px;
	color: #fff;
}

.fright {
	float: right;
}

.field {
	padding: 5px 0 5px 0;
}

/* content */
body:not(#foo) #content {
	margin-left: 0;
	float: left;
}

body:not(#foo) input[type=checkbox]#menubutton:checked + #wrapper #content {
	position: relative;
	overflow: hidden;
	height: 100%;
	left: 85%;
	max-width: 15%;
}

#content {
	padding-top: 0px;
	width: 100%;
}

#content {
	min-height: 410px;
}

#content .container{
	padding: 5px;
	margin-top: 35px;
	min-width: 310px;
}

/* Header */
body:not(#foot) input[type=checkbox]#menubutton:checked + #wrapper #marginalnav {
	left: 85%;
}

#header {
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	background-color: #D4021D;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: 56px;
	z-index: 99;
	padding: 3px 0;
}
#logo {
	background-color: transparent;
	background-image: url('../img/hvv_logo_bg@2x.png');
	background-position: top left;
	background-repeat: repeat-x;
	background-size: 100px 50px;
	height: 50px;
	overflow: hidden;
}
#logo img {
	display: block;
	float: right;
	width: 400px;
}
#marginalnav {
	top: 50px;
	left: 0;
	z-index: 2;
	display: block;
	width: 100%;
	min-width: 320px;
}
#marginalnav a, #marginalnav label {
	float: left;
}

#marginalnav a {
	display: inline-block;
	background-color: #920009;
	color: #fff;
	font-weight: bold;
	padding: 0 8px;
	text-align: center;
	height: 34px;
	line-height: 34px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

#marginalnav label {
	margin-right: 4px;
	background: #004a99 url(../img/icon_menu@2x.gif) center left no-repeat;
	background-size: 26px 14px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	color: #FFFFFF;
	display: inline-block;
	font-weight: 700;
	height: 34px;
	line-height: 34px;
	padding: 0px 8px 0px 32px;
	text-align: center;
}

/* Navigation */
#navigation, #main {
	width: 100%;
}

body:not(#foo) #navigation {
	display: none;
	float: left;
	margin-left: -100%;
	margin-top: 62px;
	opacity: 0;
}

body:not(#foo) input[type=checkbox]#menubutton:checked + #wrapper #navigation {
	position: absolute;
	display: block;
	margin-left: 0;
	margin-top: 0px;
	opacity: 1.0;
	width: 85%;
}

/* NAVIGATION */
body:not(#foot) input[type=checkbox]#menubutton:checked + #wrapper #navigation h3 {
	background-color: #033479;
	background-image: url(../img/icon_menuarrow_right@2x.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 23px 13px;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	line-height: 34px;
	height: 34px;
	color: #fff;
	margin: 0;
	top: 50px;
	left: 0;
	width: 100%;	
	z-index: 99;
	border-bottom: solid 1px #fff;
}
/* NAVIGATION */

body:not(#foo) #navigation ul{
	list-style-type: none;
	padding:0;
	margin: 0;
}

nav:not(#marginalnav) a {
	color: #FFF;
	display: block;
	font-size: 13px;
	padding: 13px;
	text-decoration: none;
}

nav > ul > li {
	margin-bottom: 1px;
}

nav li{
	position: relative;
}

/* Ebene 1*/
nav ul > li a {
	color: #fff;
	font-weight: bold;
	background-color: #5779a8; /* Old browsers */
	background-image: -moz-linear-gradient(top,  #5779a8 0%, #033479 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5779a8), color-stop(100%,#033479)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top,  #5779a8 0%,#033479 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top,  #5779a8 0%,#033479 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top,  #5779a8 0%,#033479 100%); /* IE10+ */
	background-image: linear-gradient(to bottom,  #5779a8 0%,#033479 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5779a8', endColorstr='#033479',GradientType=0 ); /* IE6-9 */
}


nav a.collapsable + ul{
	display: none;
}

nav ul > li.active > ul{
	display: block;
}
/* Ebene 1 aktiv */
nav > ul > li.active a{
	color: #033479 !important;
}

nav > ul > li.active a {
	background-color: #bdcbdc; /* Old browsers */
	background-image: -moz-linear-gradient(top,  #bdcbdc 0%, #8dabd5 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bdcbdc), color-stop(100%,#8dabd5)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top,  #bdcbdc 0%,#8dabd5 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top,  #bdcbdc 0%,#8dabd5 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top,  #bdcbdc 0%,#8dabd5 100%); /* IE10+ */
	background-image: linear-gradient(to bottom,  #bdcbdc 0%,#8dabd5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdcbdc', endColorstr='#8dabd5',GradientType=0 ); /* IE6-9 */
}

nav a.collapsable span{
	background-image: url(../img/icon_menuarrow_down@2x.png);
	background-size: 13px 9px;
	background-position: center right;
	background-repeat: no-repeat;	
	padding: 7px;
}

nav ul > li.active > ul > li a.collapsable span {
	background-image: url(../img/icon_menuarrow_down_blue@2x.png);
}

nav li.active > a.collapsable span{
	background-image: url(../img/icon_menuarrow_up@2x.png);
}

nav ul > li.active > ul > li a {
	color: #033479;
	background-color: #ebf2ff; /* Old browsers */
	background-image: -moz-linear-gradient(top,  #ebf2ff 0%, #c1d0e6 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf2ff), color-stop(100%,#c1d0e6)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top,  #ebf2ff 0%,#c1d0e6 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top,  #ebf2ff 0%,#c1d0e6 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top,  #ebf2ff 0%,#c1d0e6 100%); /* IE10+ */
	background-image: linear-gradient(to bottom,  #ebf2ff 0%,#c1d0e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf2ff', endColorstr='#c1d0e6',GradientType=0 ); /* IE6-9 */
}

nav li.active li.active li a{
	background: #fff;
	color: #033479;
	font-weight: normal;
	padding-left: 30px !important;	
}

nav ul > li a.collapsable {
	background-color: transparent !important;
	background-image: none !important;
	position: absolute;
	top: 0;
	right: 0;
}

nav li.active li.active li.active a{
	font-weight: bold;
}
/* END: NAVIGATION */
/* footer */
body:not(#foo) input[type=checkbox]#menubutton:checked + #wrapper > footer {
	position: relative;
	overflow: hidden;
	height: 100%;
	left: 85%;
	max-width: 15%;
}

body:not(#foo) input[type=checkbox]#menubutton:checked + #wrapper > footer > div{
	min-width: 310px;
}

footer {
	text-align: center;
	clear: both;
	line-height: 150%;
}

footer .footer_head {
	padding: 15px 20px 10px 20px;
	border-bottom: 1px solid #fff;
	background-color: #e4e9f2;
	text-align: left;
}

footer .footer_bottom {
	-webkit-box-shadow: inset 0px 10px 15px -10px #e4e9f2;
	box-shadow: inset 0px 10px 15px -10px #e4e9f2;
	background-color: #fff;
	padding-bottom: 20px;
	padding-top: 10px;
}

footer a {
	display: inline-block;
}

footer .footer_bottom a {
	padding: 0 10px;
	text-align: center;
}

input[id=menubutton] {
	display: none;
}

.myhvvactions div {
	padding: 5px;
}
.myhvvactions tr {
	vertical-align: middle;
}

.validity {
	padding: 3px;
	font-size: 0.8em;
}

.realtimered,
.realtimegreen {
	color: red;
	font-size: 0.9em;
}

.realtimegreen {
	color: green;
}

.csv-zones input {
	width: auto;
}
div.button_anzeigen_ticket{
	border: none;
	margin-top: 10px;
}
/* th.cart_amount, th.cart_description, th.cart_unit_price { */
/* 	text-align: left; */
/* } */
table.order-overview tr td strong {
	font-weight: normal;	
}
.cart_all_round_price,
tr.total th,
tr.total td{
	text-align: left;
}
.payment-method-logo + .h2_seperator {
	clear: inherit;
	margin-left: 50px;
	min-height: 22px;
}
.hint {
	font-size: .8em;
	font-style: italic;
}
.auto-width input,
.vehicle-selection input {
	width: auto;
}
.vehicle-selection td {
	padding: 3px 0 3px 0;
}
.planbox img {
	float: left;
	margin: 0 10px 5px 0;
	width: 100px;
}
.planbox div {
	clear: both;
}
.full {
	width: 100%;
	height: auto;
}
div.voucher input[type=submit]{
	background-image: url("../img/icon_arrow.png");
	background-repeat: no-repeat;
	background-position: center left;
	background-color: transparent;
	border: none;
	padding-left: 1em;
	margin-left: .5em;
	text-decoration: none;
	color: #003277;
	font-weight: normal;
	margin: 0;
	margin-top: -15px;
}
#payment_method_block_parameter_logpay_sepa .content-section.payment-data th {
	width: 30%;
}
.disclaimer {
	font-size: .8em;
}
.shift13 {
	margin-top: 4px;
}
div.voucher {
/* 	margin-top: -285px; */
/* 	margin-top: -303px; */
/* 	padding-bottom: 210px; */
}
table.order-overview {
/* 	margin-bottom: 96px; */
/* 	margin-bottom: 114px; */
}
table.order-overview th {
	text-align: left;
}
.savetofav{
	background: url("../img/savetofav.gif") no-repeat center left;
	padding-left: 1.5em;
	margin-left:1em;
}