/**
* VVM Templates
*
* Central stylesheet - layout "vvm"
*
* @copyright       Copyright 2016, Verkehrsunternehmens-Verbund Mainfranken GmbH - VVM
* @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
*                  YAML-CDL (http://www.yaml.de/license.html)
* @link            http://www.vvm-info.de/
*/


/* Fahrplanauskunft */
#startort {
	margin-bottom: 20px;
}

/* Fahrgastinformation */
.vbox #tabs-2 {
	margin: 0;
}

/* Menue Fahrplaene */
#fahrplaene ul li {
	display: block;
	width: 50%;
	float: left;
}
#fahrplaene .ym-gl .ym-gbox {
	padding: 0 19px;
}
#fahrplaene .ym-gr h2 {
	padding-bottom: 0.538461538em;
}
#fahrkarten-und-preise ul {
	margin-top: -20px;
}
#fahrkarten-und-preise ul li {
	display: block;
	width: 33%;
	float: left;
}

/* Fahrplanauskunft */
#journey_planner .ym-gl {
	padding-right: 10px;
}
#journey_planner .ym-gr {
	padding-left: 10px;
}

/* Preisrechner */
#price_calculator .calc {
	display: inline-block;
	background: url('../images/preisrechner_zick_zack.png') no-repeat left center;
}
#price_calculator a {
	display: block;
	width: 36px;
	height: 36px;
	float: left;
}
#price_calculator a:nth-child(odd) {
	margin-bottom: 36px;
}
#price_calculator a:nth-child(even) {
	margin-top: 36px;
}
#price_calculator a.checked {
	background: none;
}
#price_calculator a.checked span {
	color: white;
	background: rgb(34,136,165);
	border-radius: 18px;
	width: 32px;
	height: 32px;
	margin: 2px;
}

/* Kontaktformular */
.fsform .ym-gl {
    padding: 0px 20px 10px 0;
}
#msgcounter {
	float: right;
	opacity: 0.5;
}

/* Wabenrechner */
#zone_planner h5 {
	color: rgb(102,102,102);
}
#result-zone {
	margin: 20px -15px -15px -15px;
    padding: 8px 15px 2px 15px;
    background-color: rgba(212,212,212,0.7);
}
#zone_planner .closed:first-child {
	margin: -29px 0 29px 0;
}
#zone_planner .ym-grid:first-child {
	margin-bottom: 0;
}
#zone_planner form hr {
    margin: -9px 0 21px 0;
}

/*****************************************************
* etracker
*****************************************************/
#et-opt-out{
	background-color: rgb(78,159,183) !important;
}

/*****************************************************
* Custom bxSlider
*****************************************************/
.ym-cbox ul.bxslider li:before {
	content: '';
}
#bxslider-controls {
	float: right;
	margin-top: -15px;
	margin-right: -15px;
}
#bxslider-prev a, #bxslider-next a {
	display: block;
    width: 30px;
    height: 30px;
}
#bxslider-prev, #bxslider-next {
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
    text-indent: -9999em;
	opacity: 0.4;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
#bxslider-prev:hover, #bxslider-prev:focus, #bxslider-next:hover, #bxslider-next:focus {
	opacity: 1.0;
}
#bxslider-prev {
    background: rgb(212,212,212) url('../images/arrow-closed.svg') no-repeat center center;
    background-size: 23px 14px;
	transform: rotate(90deg);
}
#bxslider-next {
    background: rgb(212,212,212) url('../images/arrow-closed.svg') no-repeat center center;
    background-size: 23px 14px;
	transform: rotate(270deg);
}
.bxslider > li {
	margin-left: 0;
}

/*****************************************************
* Custom jQuery.fullsizable
*****************************************************/
#jquery-fullsizable {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index: 99999;
}
#jquery-fullsizable.fullsized_spinner {
	background-image: url('data:image/gif;base64,R0lGODlhEAAQAPIAAAAAAP///zw8PLy8vP///5ycnHx8fGxsbCH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQACgABACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkEAAoAAgAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkEAAoAAwAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkEAAoABAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQACgAFACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQACgAGACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAAKAAcALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==');
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#jquery-fullsizable #fullsized_image_holder img {
	display: block;
	margin: 0 auto;
}
a.fullsizable::after {
	content: 'Vollbild';
    text-indent: -9999em;
    position: relative;
    float: right;
    margin-top: -30px;
    height: 30px;
    width: 30px;
    background: url('../images/zoom.svg') no-repeat right bottom;
    background-size: 30px 30px;
}

/*****************************************************
* Webforms
*****************************************************/

.mwf-input input[type="text"], .mwf-input input[type="password"], .mwf-input input[type="email"], .mwf-input input[type="url"], .mwf-input input[type="search"], .mwf-input textarea{
	border: 1px solid rgb(212,212,212);
	padding: 12px 11px 10px 11px;
	box-shadow: inset -2px 2px 2px 0 rgb(0 0 0 / 30%);
}

.mwf-form ul li:before{
	content:"";
	margin: 0;
}

.mwf-label{
	display: inline-block;
	line-height:1.6;
	color: rgb(102,102,102);
}

.mwf-form ul>li select{
	border: 1px solid rgb(212,212,212);
	font-size: 1em;
}

.mwf-form ul>li input[type="button"]{
    display: inline-block;
    margin: 0 auto 2px auto;
    padding: .923076923em 2.350346154em;
    border: 0;
    color: rgb(255,255,255);
    background-color: rgb(34,136,165);
	box-shadow: none;
    -webkit-appearance: none;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
	font-weight: normal;
	border-radius:0px;
	font-size: 100%;
}

.mwf-form ul>li input[type="button"]:hover{
    cursor: pointer;
    background-color: rgb(78,159,183);
    text-decoration: none;
}
.mwf-form ul>li.mwf-cancel input[type="button"] {
    font-size: 1.153846154em;
    box-shadow: none;
    line-height: 40px;
    text-align: left;
    color: rgb(34,136,165);
    border: none;
    background-color: transparent;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
}
.mwf-form ul>li.mwf-cancel input[type="button"]:hover{
    cursor: pointer;
    text-decoration: underline;
}


.mwf-form ul>li .mwf-option {
	cursor: auto;
}

.mwf-form ul>li .mwf-option label{
}

.mwf-form ul>li input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inherit !important; 
	visibility: visible !important;
	width:20px;
	height:20px;
	border:1px solid rgb(212,212,212);
	box-shadow: inset -2px 2px 2px 0 rgb(0 0 0 / 30%);
	padding: 12px 11px 10px 11px;
}


.mwf-form ul>li input[type="checkbox"]:checked  {
  background: url(../images/check-mark-ic-red.svg);
}
.mwf-form ul>li input[type="checkbox"]:checked + label:after {
  margin: 0 0 0 30px;
}


.mwf-form ul > li.mwf-m{width: 48% !important;}
.mwf-form ul > li.mwf-field{margin-right:0;}

/*****************************************************
* Special formatting
*****************************************************/
.ym-gbox .gradient, .ibox a {
	/* Better visibility for white font */
	text-shadow: 1px 1px 1px rgba(0,0,0,0.88);
}
body {
	margin-top: 0;
}

/*************** asioso  START ***************/

/* .ym-gbox, 
.ym-gbox h3, 
.ym-gbox a, 
.ym-gbox input, 
.ym-gbox select, 
.ym-gbox textarea {
	color: rgb(102,102,102) !important;
} */




/*************** asioso  END *****************/