@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Regular-webfont.eot');
	src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
		url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
		url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular')
		format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Bold-webfont.eot');
	src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
		url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
		url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
	font-weight: 700;
	font-style: normal;
}

body {
	font-family: 'Open Sans', sans-serif;
}

body a {
	color: rgb(0,51,102);
}

.cityRow {
	position: absolute;
	width: 100%;
	top: 10%;
}

.startImage {
	text-align: center;
}

.cityCircle {
	width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 38px solid #e5007d;
    display: inline-block;
    position: relative;
    top: 13px;
    text-align: center;
}

.cityCircleText{
    position: relative;
    color: #FFFFFF;
    font-weight: 600;
    left: -35px;
    top: -34px;
    font-size: 16px;
    width: 72px;
    display: inline-block;
}

header{
	height: 100px;
}

header .pale-logo {
	display: none;	
}

header .logo {
	margin: 0 0px 0px -35px
}

.top
{ 
	display: none;
}

.ui.radio.checkbox .box:after, .ui.radio.checkbox label:after {
	background-color: rgb(0,51,102);
}

input[type=checkbox].css-checkbox+label.css-label {
	color: rgb(0,51,102);
}

.btn-search{
	background-color: rgb(0,51,102);
}

.btn-search:hover {
	background-color: rgb(255,221,4);
	color: rgb(0,51,102);
}

.btn-prev{
	background-color: rgb(0,51,102);
}

.btn-prev:hover {
	background-color: rgb(255,221,4);
	color: rgb(0,51,102);
}

.btn-next {
	background: rgb(0,51,102);
}

.btn-next:hover {
	background-color: rgb(255,221,4);
	color: rgb(0,51,102);
}

.btn-enter {
	background: rgb(0,51,102);
}

.btn-enter:hover {
	background-color: rgb(255,221,4);
	color: rgb(0,51,102);
}

.btn-delete {
	background: rgb(0,51,102);
}

.btn-delete:hover {
	background-color: rgb(255,221,4);
	color: rgb(0,51,102);
}

.btn-edit {
	background: rgb(0,51,102);
}

.btn-edit:hover {
	background-color: rgb(255,221,4);
	color: rgb(0,51,102);
}

.btn-send {
	background: rgb(0,51,102);
}

.btn-send:hover {
	background-color: rgb(255,221,4);
	color: rgb(0,51,102);
}

.btn-normal:hover {
	background-color: rgb(255,221,4);
	color: rgb(0,51,102);
}

.btn-start:hover {
	background-color: rgb(255,221,4);
	color: rgb(0,51,102);
}

.btn-start.current {
	background: rgb(103, 30, 51);
}

.btn-teil:hover {
	background-color: rgb(255,221,4);
	color: rgb(0,51,102);
}

.btn-teil.current {
	background: rgb(103, 30, 51);
}

.btn-inline {
	background: rgb(0,51,102);
}

.btn-inline:hover {
	background-color: rgb(255,221,4);
	color: rgb(0,51,102);
}

header {
	background: rgb(255,221,4)
}

.xs-hr13 {
	height: 13px;
	line-height: 13px;
}

@media ( max-width : 500px) {
	.top {
		font-size: 10px;
	}
	header .logo {
		height: 35px;
		margin: 0 5px 5px 0;
	}
}

@media ( max-width : 991px) {
	header .logo {
		margin: 0px 0px 0px -33px;
	}
}

@media ( max-width : 767px) {
	header .logo {
		height: 35px;
	}
}

@media ( max-width : 767px) {
	header {
		background: rgb(255,221,4);
		height: 35px;
	}
	header a {
		color: #ffffff;
	}
/* 	header .logo { */
/* 		display: inline-block; */
/* 		height: 60px; */
/* 		margin: -12px 0 0 0; */
/* 	} */
	header .mdv-logo {
		height: 20px;
		margin: 7px 0 0 0;
	}
	header .slide-menu {
		cursor: pointer;
		margin: -3px 0 0 0;
	}
	header .logo {
		margin: 0 20px 5px 0;
	}
	.container {
		padding-left: 0;
		padding-right: 0;
		margin-left: 5px;
		margin-right: 5px;
	}
	.container .col-container {
		padding-left: 0;
		padding-right: 0;
	}	
	.cityCircle {
    	top: 2px;
    	height: 15px;
    	border-radius: 0;
    	border: 15px solid #e5007d;
	}	
	.cityCircleText{
	    top: -18px;
	    left: -13px;
	}
	.rightHdr{
		text-align: right;
	}
}

#navbar-collapse .panel-green .panel-heading {
	background: rgb(0,51,102);
}

.table-condensed .active {
	background: rgb(0,51,102) !important;
}

.badge-green {
	background: rgb(0,51,102);
}

.schedule-col1.green {
	background: rgb(0,51,102);
}

#accordion-left .panel-green .panel-heading {
	background: rgb(0,51,102);
}

#accordion-normal .panel-green .panel-heading {
	background: rgb(0,51,102);
}

#accordion-right .panel-green .panel-heading {
	background: rgb(0,51,102);
}

#accordion-ticketkauf .ticket-info
{
	color: rgb(0,51,102);
}

.col-container .panel-title {
	background: rgb(0,51,102);
}

footer {
	background: rgb(0,51,102);
}

.form-control:focus {
	border-color: rgb(0,51,102);
}

.category {
	background-color: rgb(0,51,102);
}

.border-center:before {
	border-right: 2px rgb(103, 30, 51) solid;
}

.panel-collapse li a:hover {
	color: rgb(0,51,102);
}

.panel-collapse li.current {
	color: rgb(0,51,102);
} 

.panel-collapse li.current a {
	color: rgb(0,51,102);
}

footer li a:hover {
	color: #ffcc00;
}

.settings a{
	color: rgb(0,51,102);
}
.settings a:hover{
	color: rgb(0,51,102);
}

a:hover{
	color: #333;
}

.panelTitle > a:hover{
	color: rgb(255,221,4);
}

#accordion-normal a:hover{
	color: rgb(255,221,4);
}
#accordion-left a:hover{
	color: rgb(255,221,4);
}

/* for some reason we can't combine the next two instructions */
#accordion-normal a:hover span {
	color: rgb(0,51,102);
}

#accordion-normal a:hover i {
	color: rgb(140,140,140);
}

/* for some reason we can't combine the next two instructions */
#accordion-left a:hover span {
	color: rgb(0,51,102);
}

#accordion-left a:hover i {
	color: rgb(140,140,140);
}

.chevron{
	color:  rgb(0,51,102);
}

.menu-chevron{
	color: #FFF;
}