body {
	background-color: #404040;
	color: #dddddd;
}

body.modal-open {
	margin-right: 0px;
}
 
#header {
	margin-top: 10px;
	margin-bottom: 20px;
}

#header button {
	background-color: #404040;
	color: #a0a0a0;
	border: none;
	padding: 0;
	margin: 0;
}

#header button span.button_title {
	font-size: x-small;
	padding-right: 5px;
}

#header img {
	height: 100px;
}

#header h1 {
	font-family: 'Share Tech', sans-serif;
}

#header h2 {
	font-family: 'Share Tech', sans-serif;
	margin-top: 0px;
	padding-left: 30px;
}

i.fa.fa-2x.fa-plus {
	color: #6ea038;
}

i.fa.fa-2x.fa-sign-in {
	color: #6ea038;
}

i.fa.fa-2x.fa-sign-out {
	color: #6ea038;
}

i.fa.fa-lg.fa-plus {
	color: #6ea038;
}

i.fa.fa-square {
	color: #6ea038;
}

i.fa.fa-question {
	color: #404040;
}

i.fa.fa-2x.fa-facebook-square {
	color: #6ea038;
}

i.fa.fa-2x.fa-youtube-square {
	color: #6ea038;
}

i.fa.fa-2x.fa-envelope-square {
	color: #6ea038;
	margin-right: 6px;
}

i.fa.fa-filter {
	cursor: pointer;
}

@-webkit-keyframes pulse {
  from { text-shadow: 3px 3px 8px #404040; }
  50% { text-shadow: 3px 3px 8px #80F500; }
  to { text-shadow: 3px 3px 8px #404040; }
}

i.fa.fa-3x.fa-filter {
	color: #6ea038;
	cursor: pointer;
	margin: 5px;
	-webkit-animation-name: pulse;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
}

i.fa.fa-3x.fa-filter:hover {
	color: #6ea038;
}

i.fa.fa-3x.fa-filter.active {
	color: #6ea038;
}

i.fa.fa-3x.fa-filter.highlight {
	text-shadow: 3px 3px 8px #80F500;
	-webkit-animation: none;
}

#toggle_mode > p {
	margin-left: 5px;
	font-size: smaller;
}

#toggle_mode > .fa-caret-down {
	color: #6ea038;
	margin-left: -5px;
	margin-right: 5px;
	cursor: pointer;
}

#toggle_mode > .fa-caret-up {
	color: #6ea038;
	margin-left: -5px;
	margin-right: 5px;
	cursor: pointer;
}

i.fa.fa-3x.fa-search {
	color: #6ea038;
	cursor: pointer;
	margin: 5px;
}

i.fa.fa-3x.fa-search:hover {
	color: #6ea038;
}

i.fa.fa-3x.fa-search.active {
	color: #6ea038;
}

i.fa.fa-3x.fa-search.deactivated {
	color: gray;
	cursor: default;
}

i.fa.fa-3x.fa-search.highlight {
	text-shadow: 3px 3px 8px #80F500;
}

#toggle_search > p {
	margin-left: 5px;
	font-size: smaller;
}

#toggle_search > .fa-caret-down {
	color: #6ea038;
	margin-left: -5px;
	margin-right: 5px;
	cursor: pointer;
}

#toggle_search > .fa-caret-down.deactivated {
	color: gray;
	cursor: default;
}
	
#toggle_search > .fa-caret-up {
	color: #6ea038;
	margin-left: -5px;
	margin-right: 5px;
	cursor: pointer;
}

#toggle_search > .fa-caret-up.deactivated {
	color: gray;
	cursor: default;
}
	
.deactivated {
	color: gray;
	cursor: default;
}

i.fa.fa-3x.fa-sort {
	color: #6ea038;
	cursor: pointer;
	margin: 5px;
}

i.fa.fa-3x.fa-sort:hover {
	color: #6ea038;
}

i.fa.fa-3x.fa-sort.active {
	color: #6ea038;
}

i.fa.fa-3x.fa-sort.deactivated {
	color: gray;
	cursor: default;
}

i.fa.fa-3x.fa-sort.highlight {
	text-shadow: 3px 3px 8px #80F500;
}

#toggle_sort > p {
	margin-left: 5px;
	font-size: smaller;
}

#toggle_sort > .fa-caret-down {
	color: #6ea038;
	margin-left: -5px;
	margin-right: 5px;
	cursor: pointer;
}

#toggle_sort > .fa-caret-down.deactivated {
	color: gray;
	cursor: default;
}

#toggle_sort > .fa-caret-up {
	color: #6ea038;
	margin-left: -5px;
	margin-right: 5px;
	cursor: pointer;
}

#toggle_sort > .fa-caret-up.deactivated {
	color: gray;
	cursor: default;
}
	
.container-md-height {
	display: table;
}

.row-md-height {
	display: table-row;
}

.col-md-height {
	display: table-cell;
	float: none;
}

.col-middle {
    vertical-align:middle;
}

.panel {
	border: none;
	color: #404040;
	background-color: #dddddd;
}

.nav-tabs {
	border: none;
	border-bottom: 1px solid #6ea038;
}

label.selected {
	color: #6ea038;
}

#searchNeu label {
	padding-left: 0.2em;
	font-weight: normal;
	font-size: small;
}

.hauptkategorie label {
	padding-right: 15px;
}

.details label {
	padding-right: 3px;
}

 */
/* http://stackoverflow.com/questions/19280422/change-fontsize-depending-on-resolution-bootstrap */
@media all and (max-width: 600px) {
	.nav-tabs {
		font-size: smaller;
	}
}

.nav > li > a {
	padding: 2px 5px 0 2px;
	color: #ddd;
}

.nav > li > a:hover {
	color: #555;
}


#bandRegistrierenModal {
	color: #555;
}

#bandHinzufuegenModal {
	color: #555;
}

#bandHinzufuegenModal p {
	font-weight: bold;
}

#bandHinzufuegenModal .radio {
	padding-left: 20px;
}

#loginModal {
	color: #555;
}

#loginError a {
	text-decoration: underline;
	color: #a94442;
}

#resetPasswordModal {
	color: #555;
}

#anfrageModal {
	color: #555;
}

.superscript {
	position: relative;
	top: -0.5em;
	font-size: 80%;
	color: red;
}

#faqModal {
	color: #555;
}

#faqModal dd {
	margin-bottom: 10px;
	padding-left: 15px;
}

#faqModal dd:last-child {
	margin-bottom: 0;
}

#bricksModal {
	color: #555;
}

#bricksModal dd {
	margin-bottom: 10px;
	padding-left: 15px;
}

#bricksModal dd:last-child {
	margin-bottom: 0;
}

.alert {
	margin: 5px;
	padding: 2px;
	font-size: small;
}

#slogan {
	margin-bottom: 30px;
	font-family: 'Share Tech', sans-serif;
	font-size: 25px;
}

.preview {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	padding: 10px;
	border: 1px solid black;
	border-radius: 10px;
	box-shadow: 5px 5px 5px #202020;
	height: 171px;
	position: relative;
	/*cursor: pointer;*/
	background-color: #dddddd;
	color: #404040;
}

.bricktype-dj > .preview {
	box-shadow: 5px 5px 5px #800080;
}

.bricktype-band > .preview {
	box-shadow: 5px 5px 5px #808000;
}

.bricktype-ad > .preview {
	box-shadow: 5px 5px 5px #e6e600;
}

.bricktype-ad .werbung {
	position: absolute;
	bottom: -5px;
	font-size: smaller;
}

#preview > .bricktype-ad img {
	max-width: 100%;
	margin: 5px auto;
	float: none;
}

.bricktype-partner > .preview {
	box-shadow: 5px 5px 5px #6ea038;
}

.bricktype-partner .partner {
	position: absolute;
	bottom: -5px;
	font-size: smaller;
}

#preview > .bricktype-partner img {
	max-width: 100%;
	margin: 5px auto;
	float: none;
}
.no-bricks-registered {
	background-color: white;
	box-shadow: 5px 5px 5px #6EA038;
}

#preview {
	margin-top: 10px;
}

#preview > .col-md-3 {
	margin-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
}

.preview > .overlay {
	position: absolute;
	width: 100%;
	height: 130px;
	cursor: pointer;
}

.preview > .motto {
	margin-top: 10px;
	font-size: smaller;
	overflow-wrap: break-word;
}

.preview > img {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	max-height: 100px;
	max-width: 60%;
	width: auto;
	height: auto;
	float: left;
}
 
.preview > .edit {
 	position: absolute;
 	bottom: -3px;
	width: calc(100% - 20px); 	
	text-align: center;
	background-color: #6ea038;
	cursor: pointer;
}

.preview > .edit:hover {
	color: highlighttext;
}

.preview > .sortInfo {
	position: absolute;
	bottom: 20px;
	width: calc(100% - 20px);
	text-align: right;
	font-size: 11px;
}

.fair-partner {
    margin-right: 0.5em;
    font-weight: bold;
}

i.fa.fa-square.event {
	color: #386ea0;
}

i.fa.fa-facebook-square.event {
	color: #386ea0;
}

.row.event-time {
	margin-left: -10px;
}

.event-time div {
	border: 1px solid #386ea0;
	font-size: larger;
	text-align: center;
	cursor: pointer;
}

.event-time div:hover {
	border: 1px solid #afaec7;
	background-color: #386ea0;
}

.event-time div.active {
	background-color: #386ea0;
	cursor: default;
}

.event-sort button:hover {
	background-color: #386ea0;
}

.event-sort button.active {
	background-color: #386ea0;
}

.event-sort input {
	color: black;
	margin-bottom: 3px;
}

.preview.event {
	box-shadow: 5px 5px 5px #386ea0;	
}

.preview.event img {
	cursor: pointer;
}

.preview.event > .edit {
	cursor: unset;	
	text-align: left;
	background-color: #afaec7;
	font-size: smaller;
}

.preview.event > .edit span.location {
    white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 40px);
    display: inline-block;
    text-overflow: ellipsis;
    vertical-align: top;
    padding-left: 2px;
}

.preview.event > .edit:hover {
	color: unset;
}

.preview.event > .edit i {
	cursor: pointer;
	margin-right: 5px;
}

.preview.event > .edit i.inactive {
	cursor: unset;
}

.preview.event > .edit i:hover {
	color: highlighttext;
}

.preview.event .large.tooltip-inner {
	max-width: 350px;
	width: 350px;
}

#btn_sort_location {
	margin-bottom: 5px;
}

#btn_current_location {
	margin-bottom: 5px
}

.mejs-container {
	position: absolute;
	bottom: 0;
	padding: 10px;
	background: none !important;
}

.mejs-controls {
	background: none !important;
	margin-left: 5px !important;
}

.mejs-time span {
	color: #404040 !important;
}

.mejs-button button:focus {
	outline: none !important;
}

/* Mediaelement-Bug (v2.16.3): Dadurch wird folgender Text ausgeblendet
     Use Left/Right Arrow keys to advance one second, Up/Down arrows to advance ten seconds.
*/
.mejs-offscreen {
	display: none !important;
}

.row.footer {
	margin-top: 40px;
	margin-bottom: 10px;
	border-top: 1px solid #a0a0a0;
	text-align: center;
}

.row.footer a {
	color: #a0a0a0;
	cursor: pointer;
}

.row.footer a:hover {
	color: highlighttext;
	text-decoration: none;
}

#search_count {
	font-weight: bold;
}

#search_text {
	padding-left: 10px;
	font-size: 12px;
}

.fa-info-circle {
	color: #6ea038;
}

#mode_container {
	border: 2px solid #6ea038;
	border-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

#mode_container button {
	margin-top: 5px;
	margin-bottom: 5px;
}

#mode_container h4 {
	display: inline;
}

#mode_container p {
	font-size: smaller;
}

#mode_container .row {
	margin-top: 10px;
}

#mode_container .mode-container.active {
	box-shadow: 4px 4px #6ea038;
}

#mode_container .mode-container {
	width: 106px;
	height: 94px;
}

#search_template {
	border: 2px solid #6ea038;
	border-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

#search_template button {
	margin-top: 5px;
	margin-bottom: 5px;
}

#search_template h4 {
	display: inline;
}

#search_template hr {
	margin: 0;
}

#search_template p {
	font-size: smaller;
}

.search_template_dj button {
	width: 104px;
	height: 92px;
}

#search_container {
	margin-top: 10px;
	border: 2px solid #6ea038;
	border-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#search_container button.dropdown-toggle {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
}

#search_container h4 {
	display: inline;
}

#search_reset {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
}


#sort_container {
	border: 2px solid #6ea038;
	border-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#sort_container h4 {
	display: inline;
}

#sort_container p {
	font-size: smaller;
	margin-top: 4px;
}

#sort_container input {
	color: black;
}

#sort_container .row {
	margin-top: 10px;
}

#sort_container .sort-template.active {
	box-shadow: 4px 4px #6ea038;
}

#sort_container .sort-template {
	width: 106px;
	height: 94px;
}


/* http://stackoverflow.com/questions/10387740/five-equal-columns-in-twitter-bootstrap */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/* Special, individual band settings */
#band-SnapDazed img {
	max-width: 40%;
}
#band-Stadtlicht > .preview > .motto {
	font-size: 10px;
}
#band-JoeyGreenAndTheRayvilleBigBand > .preview > span {
	font-size: small;
}
#band-GeneralHatzenbichler > .preview > span {
	font-size: small;
}

.banner-ad {
	display: none;
	right: 0;
}
@media (min-width: 1500px) {
    .banner-ad {
        display: inline;
    	margin-left: calc(50% - 735px);
    }
    .container {
		margin-left: calc(50% - 735px);
	}
}