@charset "UTF-8";

/*
.locSectionWithMyTaxi {        
    display: inline-block;
    white-space: nowrap;
    font-family: "DIN Condensed", "Pathway Gothic One", sans-serif;
	font-size: 1.6em;
	line-height: 1.1em;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	color: black;
	word-wrap: break-word;
	margin: 0;
    padding-right: 16px; 
}


.locSectionWithMyTaxi:before {
    background: url('http://www.ballkalender.com/ballkalender/img/ptBadgeTaxi.svg') no-repeat;
    float: left;    
    width: 60px;
    height: 30px; 
    margin: 0;
    padding: 0 10px 0 0;
    pointer-events: none;
    content: "";    
}

*/


.ptCab {        
    display: inline-block;
    white-space: nowrap;
    margin: 0;
    font: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    text-decoration: none;
    color: #333333;
    padding-right: 16px; /* rechts von Zeile */
}


.ptCab:before {
    background: url('http://www.ballkalender.com/ballkalender/img/ptBadgeTaxi.svg') no-repeat;
    float: left;    
    width: 60px; /* 60 */
    height: 30px; /* 30 */ 
    margin: 0;
    padding: 0 10px 0 0;
    pointer-events: none;
    content: ""; 
}


/* ADDITIONAL SQUARE TAXI BADGE ptBadgeMytaxiSquare */

.ptmytaxi {        
    display: inline-block;
    white-space: nowrap;
    margin: 0px;
    font: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    text-decoration: none;
    color: #333333;
    padding-right: 16px;
}

.ptmytaxi:before {
    background: url('http://www.ballkalender.com/ballkalender/img/ptBadgeMytaxiSquare.svg') no-repeat;
    float: left;    
    width: 25px;
    height: 25px; 
    margin: 0 0 8px 0;
    padding: 0 10px 0 0;
    pointer-events: none;
    content: "";    
}


.ptU1 {        
    display: inline-block;
    white-space: nowrap;
    margin: 0px;
    font: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    text-decoration: none;
    color: #333333;
    padding-right: 16px; /* rechts von Zeile, endend mit Minuten */
}

.ptU1:before {
    background: url('http://www.ballkalender.com/ballkalender/img/ptBadgeU1.svg') no-repeat;
    float: left;    
    width: 25px;
    height: 25px; 
    margin: 0 0 8px 0;
    padding: 0 10px 0 0;
    pointer-events: none;
    content: "";    
}


.ptU2 {        
    display: inline-block;
    white-space: nowrap;
    margin: 0;
    font: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    text-decoration: none;
    color: #333333;
    padding-right: 16px;
}

.ptU2:before {
    background: url('http://www.ballkalender.com/ballkalender/img/ptBadgeU2.svg') no-repeat;
    float: left;    
    width: 25px;
    height: 25px; 
    margin: 0 0 8px 0;
    padding: 0 10px 0 0;
    pointer-events: none;
    content: "";    
}


.ptU3 {        
    display: inline-block;
    white-space: nowrap;
    margin: 0;
    font: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    text-decoration: none;
    color: #333333;
    padding-right: 16px;
}

.ptU3:before {
    background: url('http://www.ballkalender.com/ballkalender/img/ptBadgeU3.svg') no-repeat;
    float: left;    
    width: 25px;
    height: 25px; 
    margin: 0 0 8px 0;
    padding: 0 10px 0 0;
    pointer-events: none;
    content: "";    
}


.ptU4 {        
    display: inline-block;
    white-space: nowrap;
    margin: 0;
    font: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    text-decoration: none;
    color: #333333;
    padding-right: 16px;
}

.ptU4:before {
    background: url('http://www.ballkalender.com/ballkalender/img/ptBadgeU4.svg') no-repeat;
    float: left;    
    width: 25px;
    height: 25px; 
    margin: 0 0 8px 0;
    padding: 0 10px 0 0;
    pointer-events: none;
    content: "";    
}


.ptTram {        
    display: inline-block;
    white-space: nowrap;
    margin: 0;
    font: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    text-decoration: none;
    color: #333333;
    padding-right: 16px;
}

.ptTram:before {
    background: url('http://www.ballkalender.com/ballkalender/img/ptBadgeTram.svg') no-repeat;
    float: left;    
    width: 25px;
    height: 25px; 
    margin: 0 0 8px 0;
    padding: 0 10px 0 0;
    pointer-events: none;
    content: "";    
}


.ptBus {        
    display: inline-block;
    white-space: nowrap;
    margin: 0;
    font: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    text-decoration: none;
    color: #333333;
    padding-right: 16px;
}

.ptBus:before {
    background: url('http://www.ballkalender.com/ballkalender/img/ptBadgeBus.svg') no-repeat;
    float: left;    
    width: 25px;
    height: 25px; 
    margin: 0 0 8px 0;
    padding: 0 10px 0 0;
    pointer-events: none;
    content: "";    
}


.ptLokalbahn {        
    display: inline-block;
    white-space: nowrap;
    margin: 0;
    font: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    text-decoration: none;
    color: #333333;
    padding-right: 16px;
}

.ptLokalbahn:before {
    background: url('http://www.ballkalender.com/ballkalender/img/ptBadgeLokalbahn.svg') no-repeat;
    float: left;    
    width: 25px;
    height: 25px; 
    margin: 0 0 8px 0;
    padding: 0 10px 0 0;
    pointer-events: none;
    content: "";    
}

.ptSBahn {        
    display: inline-block;
    white-space: nowrap;
    margin: 0;
    font: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    text-decoration: none;
    color: #333333;
    padding-right: 16px;
}

.ptSBahn:before {
    background: url('http://www.ballkalender.com/ballkalender/img/ptBadgeS-Bahn.svg') no-repeat;
    float: left;    
    width: 25px;
    height: 25px; 
    margin: 0 0 8px 0;
    padding: 0 10px 0 0;
    pointer-events: none;
    content: "";    
}



/* ---------------------
	
	COLLAPSE, EXPAND
	
   --------------------- */

/* TOGGLE */
label {
	display: block;
}

/* TOGGLE OMO STATE */
label:hover { 
	text-decoration: none;
	cursor: pointer; 
	cursor: hand; 
}

input {
	position: absolute;
	left: -999em;
}

/* FADE IN */
.hide {
	width: 100%;
	border: none;
	background: #EEEEEE;
	max-height: 99em;
	opacity: 1;
	height: auto;
	overflow: hidden;
	transition: opacity 1.5s linear, max-height 1.5s linear;
}

.hide p {
	
}

input[type=checkbox]:checked + div {
	opacity: 0;
	max-height: 0;
	border: none;

}