body {
	background-color: #000;
	/*background-image: url("../img/background.png");*/
	/*background-repeat: no-repeat;*/
	/*background-position: center top;*/
	/*background-attachment: fixed;*/
	margin: 0 auto;
	padding: 0;
	min-width: 320px;
	max-width: 767px;
	font-size: 100.01%;
	overflow-x: hidden;
}

	body:after {
		content: " ";
		background-image: url("../img/background.png");
		background-position: center top;
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: -1000;
	}

footer {
	margin: 0;
	padding: 0;
}

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

ul {
	list-style: none;
}

div {
	margin: 0;
	padding: 0;
}

header, nav, footer, figure, article, section, p, h1, h2, h3, h4, h5, ul, aside {
	display: block;
	margin: 0;
	padding: 0;
}

a, span, p, h1, h2, h3, h4, h5, input, select, option, label, textarea {
	font-family: TitilliumWebSemiBold;
}

input, select, option {
	font-size: 1em;
}

p {
	line-height: 15px;
	font-size: 1em;
}

h2 {
	font-size: 1.625em;
}

h3 {
	font-size: 1em;
}

.clear {
	clear: both;
}

.mobilClear {
	clear: both;
}

/*############################DATE INPUT###########################*/
input[type="date"] {
	-webkit-appearance: none;
}

::-webkit-clear-button {
	display: none; /* Hide the button */
	-webkit-appearance: none; /* turn off default browser styling */
}

::-webkit-inner-spin-button {
	-webkit-appearance: none;
	display: none;
}

input[type=date] {
	text-align: left;
}

/*###################################################*/
/*#################HEADER STARTS HERE################*/
/*###################################################*/

header {
	position: relative;
}

#logo {
	background-image: url("../img_shared/music_workshop_finder_logo.svg");
	background-repeat: no-repeat;
	background-position: 4px 20px;
	background-size: 298px 92px;
	display: inline-block;
	width: 100%;
	height: 130px;
}

.logoCont {
	min-width: 304px;
	max-width: 767px;
	margin: 0 auto;
	width: 95%;
}

.registerWShopButton_top {
	/*display: none;*/
	position: static;
	width: 90%;
	right: 0px;
	top: -5px;
	display: inline-block;
	padding: 6px 15px;
	background-color: #C1272C;
	border: 0px #E09395 solid;
	border-radius: 0px 0px;
	color: #fff;
	font-size: 80.01%;

}

	.registerWShopButton_top:hover {
		background-color: #a32125;
	}

/*###################################################*/
/*#############MAIN CONTENT STARTS HERE##############*/
/*###################################################*/

.main {
	min-width: 320px;
	max-width: 767px;
	margin: 0 auto;
}

.finder {
	position: relative;
	margin-bottom: 15px;
}

	.finder > h1 {
		margin: 10px auto 14px auto;
		width: 94%;
		color: #ddd;
		line-height: 36px;
		text-shadow: 1px 1px #000;
	}

	.finder > .bar {
		background-color: rgba(0,0,0,0.8);
		padding: 13px 0 0 0;
		width: 100%;
		margin: 0 auto;
		/* text-align: center; */
	}

		.finder > .bar > .bar_left {
		}

		.finder > .bar > .bar_middle {
			position: relative;
			padding: 14px 0 0 10px;
		}

		.finder > .bar > div > input {
			border: 0;
		}

		.finder > .bar > div > #string {
			width: calc(100% - 35px);
			height: 25px;
			padding-left: 5px;
			margin-left: 10px;
		}

		.finder > .bar > div > div > select {
			width: calc(100% - 20px);
			margin: 0 4px 12px 0;
		}

@media (min-width : 444px) {
	.finder > .bar > .bar_middle > .middle_2 > label {
		display: inline-block;
		color: #ddd;
	}

		.finder > .bar > .bar_middle > .middle_2 > label:first-of-type {
			/* display: none; */
			/*position: absolute;*/
			/* left: 0; */
			/* top: 96px; */
		}

	.finder > .bar > .bar_middle > .middle_2 > .mobileLabel {
		margin: 0 0 17px 0;
		width: 38px;
		padding: 0 5px;
	}

	.finder > .bar > .bar_middle > .middle_2 > input {
		width: 140px;
		padding-bottom: 1px;
	}
}
@media (max-width : 443px) {
	/* .finder > .bar > .bar_middle > .middle_1{
		text-align: left;
	} */
	/* .finder > .bar > .bar_middle > .middle_2{
		text-align: left;
	} */
	.finder > .bar > .bar_middle > .middle_2 > span{
		display: block;
	}
	.finder > .bar > .bar_middle > .middle_2 > label {
		display: inline-block;
		color: #ddd;
	}

		/* .finder > .bar > .bar_middle > .middle_2 > label:first-of-type {
			display: none;
			left: 0;
			top: 96px;
		} */

	.finder > .bar > .bar_middle > .middle_2 > .mobileLabel {
		margin: 0 0 17px 0;
		width: 38px;
		padding: 0 5px;
	}

	.finder > .bar > .bar_middle > .middle_2 > input {
		width: 105px;
		padding-bottom: 1px;
	}
}


.dateClicker {
	display: block;
	position: relative;
	top: 8px;
	background-image: url("../img_shared/kalender_icon.svg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 25px 29px;
	width: 25px;
	height: 29px;
	margin: -10px 0 0 2px;
}

	.dateClicker:hover {
		background-image: url("../img_shared/kalender_icon_hover.svg");
	}

.finder > .bar > .bar_right {
	padding: 0 0 0 14px;
	position: relative;
	top: -5px;
}

	.finder > .bar > .bar_right > #submit {
		background-color: rgba(0,0,0,0);
		color: #ddd;
		background-image: url("../img_shared/lupe_icon.svg");
		background-repeat: no-repeat;
		background-position: 10px center;
		background-size: 33px 34px;
		padding: 19px 20px 18px 56px;
	}

		.finder > .bar > .bar_right > #submit:hover {
			background-size: 40px 41px;
		}

		.finder > .bar > .bar_right > #submit:focus {
			outline: inherit;
		}

#map {
	display: block;
	width: 94%;
	margin: 15px auto 15px auto;
	background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
}

	#map > #mapButtonCont > #mapButton {
		background-image: url("../img_shared/pin_icon.svg"), url("../img_shared/arrow_white_down.svg");
		background-position: 10px center, 256px center;
		background-repeat: no-repeat;
		background-size: 34px 49px, 24px 12px;
		display: block;
		padding: 20px 0 23px 54px;
		color: #ddd;
	}

	#map > img {
		display: block;
		width: 100%;
	}

	#map > #gMaps{
		height: 50vh;
	}

#infoWindowText {
	color: #000;
	white-space: nowrap;
}

	#infoWindowText > a {
		color: #4272DB;
	}

.main > article {
	background-color: rgba(255,255,255,0.9);
	margin: 0 auto 10px auto;
	min-height: 103px;
	position: relative;
	width: 94%;
	-webkit-transition: background-color 250ms linear;
	-moz-transition: background-color 250ms linear;
	-o-transition: background-color 250ms linear;
	-ms-transition: background-color 250ms linear;
	transition: background-color 250ms linear;
	overflow: hidden;
}

	.main > article:hover {
		background-color: rgba(255,255,255,1);
		-webkit-transition: background-color 100ms linear;
		-moz-transition: background-color 100ms linear;
		-o-transition: background-color 100ms linear;
		-ms-transition: background-color 100ms linear;
		transition: background-color 100ms linear;
	}

	.main > article {
		
	}

	.main > article > .articleLeft {
		width: 85%;
		padding: 12px 0 12px 8px;
	}

		.main > article > .articleLeft > li {
			display: block;
		}

		.main > article > .articleLeft > h2 {
			line-height: 28px;
			margin-bottom: 15px;
			color: #EF5400;
			/*-ms-word-break: break-all;
    word-break: break-all;*/
			/* Non standard for webkit */
			/*word-break: break-all;

    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;*/
		}

		.main > article > .articleLeft > p {
			padding-bottom: 21px;
		}

	.main > article > .articleRight {
		position: relative;
		width: calc(100% - 8px);
		padding: 6px 0 24px 8px;
	}

		.main > article > .articleRight > a.overlay {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: 10;
		}

		.main > article > .articleRight > ul > li {
			position: relative;
		}

			.main > article > .articleRight > ul > li > p {
				display: block;
				float: left;
			}

			.main > article > .articleRight > ul > li > .infoType {
				width: 60px;
				color: #5B7500;
				position: absolute;
			}

			.main > article > .articleRight > ul > li > .infoData {
				min-width: 196px;
				max-width: 613px;
				/*padding-left: 60px;*/
			}

	.main > article > .overlay {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 200;
		background-image: url("../img_shared/arrow_red.svg");
		background-repeat: no-repeat;
		background-position: right center; /*Ipod-Fix*/
		background-position: right 15px center;
		background-size: 21px 37px;
	}

	.main > article:hover > .overlay {
		background-image: url("../img_shared/arrow_red_hover.svg");
	}

.ad {
	display: block;
	margin: 0px auto 10px auto;
	width: 94%;
	/*height: 50px;*/
}

#disclaimer {
	font-size: 0.75em;
	color: #696969;
	text-align: center;
	margin: 25px 32px 25px 32px;
	line-height: 18px;
}


/*###################################################*/
/*#################FOOTER STARTS HERE################*/
/*###################################################*/

.aboutUs {
	background-color: #373737;
}

.aboutUs_center {
	/*background-image: url("../img_shared/music_workshop_finder_logo.svg");*/
	background-repeat: no-repeat;
	background-position: 50% 30px;
	background-size: 170px 54px;
	margin: 0 auto;
	width: 95%;
	padding: 95px 0 25px 1px;
}

	.aboutUs_center > h2 {
		color: #ddd;
	}

	.aboutUs_center > p {
		color: #ddd;
		margin-top: -2px;
	}

		.aboutUs_center > p > a {
			color: #5AA5DB;
		}

.submitWShop {
	background-color: #fff;
	padding: 24px 0 0 0;
}

.submitWShop_center {
	background-image: url("../img_shared/maennchen.svg");
	background-repeat: no-repeat;
	background-position: 50% -20px;
	background-size: 220px 276px;
	margin: 0 auto;
	width: 95%;
	/*padding: 241px 0 28px 1px;*/
	padding: 241px 0 0px 1px;
}

	.submitWShop_center > h2 {
		color: #EF5400;
		line-height: 35px;
	}

	.submitWShop_center > h3 {
		margin: 2px 0 0 0;
		color: #5B7500;
	}

	.submitWShop_center > p {
		padding: 3px 0 0 0;
	}

.registerWShopButton {
	width: 100%;
	margin-top: 24px;
	xxdisplay: inline-block;
	display: block;
	padding: 14px 11px;
	background-color: #C1272C;
	border: 0px #E09395 solid;
	border-radius: 3px 3px;
	color: #fff;
}

	.registerWShopButton:hover {
		background-color: #a32125;
	}

.serviceFunctions {
	position: relative;
	background-color: #fff;
	width: 100%;
	/*padding: 0 10px 0;*/
	float: left;
}
	/*.serviceFunctions:before{
	content : "";
  	position: absolute;
 	left: 30px;
 	right: 10px;
  	border-top:1px solid #7F7F7F;
}*/
	.serviceFunctions > ul > li {
		float: left;
	}

		.serviceFunctions > ul > li > a {
			display: block;
			padding: 18px 15px 18px 15px;
		}

/*###################################################*/
/*###########EVENT DETAIL STARTS HERE################*/
/*###################################################*/

aside {
	min-width: 304px;
	max-width: 767px;
	width: 95%;
	margin: 0 auto;
}

#gMapsDetail {
	width: 100%;
	height: 200px;
	margin-bottom: 3px;
}

#asideBack {
	display: inline-block;
	background-image: url("../img_shared/arrow_white_left.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 13px 23px;
	color: #ddd;
	font-size: 1.875em;
	padding: 0 0 0 20px;
	margin: 0 auto 10px auto;
	position: relative;
	/*left: 24px;*/
	/*right: 24px;*/
}

.asideContent {
	background-color: rgba(255,255,255,0.8);
	/*width: 85%;*/
	margin: 0 auto 10px;
}

.asideContentLeft {
	padding: 4px 18px 14px 8px;
}

	.asideContentLeft > h1 {
		color: #EF5400;
		font-size: 1.875em;
		padding-bottom: 9px;
		line-height: 36px;
	}

	.asideContentLeft > h2 {
		color: #5B7500;
		font-size: 1.25em;
	}

	.asideContentLeft > img {
		padding: 7px 0 0 3px;
		width: 100%;
	}

	.asideContentLeft > p {
		padding: 0 0 0 1px;
	}

		.asideContentLeft > p > b {
			font-family: TitilliumWebBold;
			font-size: 1em;
			/*line-height: 27px;*/
		}

.asideContentRight {
	width: 100%;
	/*padding: 10px 8px 14px 8px;*/
	padding: 10px 8px 14px 8px;
	position: relative;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
}

	.asideContentRight > ul > li > p {
		display: inline-block;
	}

	.asideContentRight > ul > li > .infoType {
		width: 60px;
		color: #5B7500;
		position: absolute;
	}

	.asideContentRight > ul > li > .infoData {
		padding-left: 60px;
	}

	.asideContentRight > ul > li > .infoType2 {
		display: block;
		color: #5B7500;
	}

	.asideContentRight > ul > li > .space {
		padding: 9px 0;
	}

#mapLink {
	position: relative;
	padding: 0 0 0 13px;
	background-image: url("http://workshops.leonhardt.de/img_shared/arrow_red.svg");
	background-repeat: no-repeat;
	background-size: 7% 100%;
	background-position: 0 50%;
}

/*###################################################*/
/*############SUBMIT PAGE STARTS HERE################*/
/*###################################################*/

.submitError {
	outline: 4px solid #f00;
}


.submit {
	min-width: 301px;
	max-width: 767px;
	width: 94%;
	margin: 0 auto;
}

#submitReturn {
	display: inline-block;
	background-image: url("../img_shared/arrow_white_left.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 13px 23px;
	color: #ddd;
	font-size: 1.875em;
	padding: 0 20px 0 20px;
	margin-bottom: 9px;
}

.submitContent {
	background-color: rgba(255,255,255,0.8);
	margin: 0 auto 10px;
	position: relative;
}

	.submitContent > h1 {
		color: #EF5400;
		font-size: 1.875em;
		padding: 15px 8px 18px 8px;
		/*width: 100%;*/
		/*line-height: 70px;*/
	}

	.submitContent > .submitContentLeft {
		width: 100%;
		padding: 0 0 10px 0;
	}

		.submitContent > .submitContentLeft > h2 {
			color: #5B7500;
			font-size: 1.25em;
			margin: -9px 8px 0 8px;
		}

		.submitContent > .submitContentLeft > p {
			padding: 17px 8px 10px 8px;
		}

#submitForm {
	padding: 32px 0 0 0;
}

	#submitForm > ul > li {
		border-top: 1px solid #7F7F7F;
		padding: 8px 8px 0 8px;
		margin: 0 auto;
	}

		#submitForm > ul > li > label {
			display: block;
			padding: 0 0 6px 0;
			margin: 0 0 0 -1px;
			color: #5B7500;
		}

		#submitForm > ul > li > .noStyle {
			display: inline-block;
			color: #000;
			padding: 0px 10px;
		}

		#submitForm > ul > li > h2 {
			font-size: 1em;
			color: #5B7500;
			padding: 0 0 18px 0;
		}

		#submitForm > ul > li > input[type=text] {
			border: none;
			font-size: 1em;
			padding: 2.5px 6px;
			box-sizing: border-box;
			display: block;
			width: 100%;
			margin-bottom: 16px;
			/*margin: 0 auto 16px;*/
		}

		#submitForm > ul > li > input[type=date] {
			display: inline-block;
			margin: 4px 0 15px 0;
			border: none;
			width: 140px;
		}

		#submitForm > ul > li > select {
			margin: 2px 0 16px 0;
			height: 27px;
			width: 100%;
			display: block;
		}

		#submitForm > ul > li > textarea {
			border: none;
			margin: 2px 0 5px 0;
			width: 100%;
			height: 114px;
			overflow-y: auto;
			overflow-x: hidden;
			resize: none;
			font-size: 1em;
			display: block;
			padding: 0 6px;
			box-sizing: border-box;
		}

		#submitForm > ul > li > input[type=checkbox] {
			display: inline-block;
			vertical-align: top;
			margin: 13px 0 0 0px;
			width: 14px;
			height: 14px;
		}

		#submitForm > ul > li > p {
			display: inline-block;
			width: 92.3%;
			padding: 8px 0 0 6px;
		}

		#submitForm > ul > li > #clickerFrom, #submitForm > ul > li > #clickerTill {
			display: none;
			width: 25px;
			height: 29px;
			background-image: url("../img_shared/kalender_icon.svg");
			background-size: 25px 29px;
			background-repeat: no-repeat;
			margin: -6px 5px 0 5px;
			padding: 0;
			position: relative;
			top: 8px;
		}

.submitContent > .submitContentRight {
	width: 100%;
	height: 310px; /*FIXME Diese Lösung gefällt mir noch gar nicht*/
	background-image: url("../img_shared/maennchen.svg");
	background-size: 237px 310px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: relative;
	left: -1px;
	display: none;
}

form > .registerWShopButton {
	margin: 18px 0 39px 8px;
}

.gmapsPopoutIcon{
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NC44MyA5MC4zMyI+CiAgPHRpdGxlPlplaWNoZW5mbGHMiGNoZSAxLXR5cG88L3RpdGxlPgogIDxwYXRoIGQ9Ik02My40MiwxMC41MkEzNy40MSwzNy40MSwwLDAsMCwxMC41NSw2My40NGwuMjkuMzEuMjMuMjNMMzYuNDEsODkuMzJsMSwxLDEtMUw2My43Myw2NGwuMjgtLjI4LjI5LS4zQTM3LjQyLDM3LjQyLDAsMCwwLDYzLjQyLDEwLjUyWm0tMjYsNDMuNEExNi40NiwxNi40NiwwLDEsMSw1My44OCwzNy40NiwxNi40NiwxNi40NiwwLDAsMSwzNy40Miw1My45MloiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==');
	background-repeat: no-repeat;
	display: inline-block;
	width: 10px;
	height: 12px;
	position: relative;
	/* top: 1px; */
}

.infoData:hover{
	text-decoration: underline;
	cursor: pointer;
}