html {
	width: 100%;
	overflow-x: hidden;
}

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: 768px;
	max-width: 1199px;
	font-size: 100.01%;
	overflow-x: hidden;
}

	body:after {
		content: " ";
		background-image: url("../img/background.png");
		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.875em;
}

h3 {
	font-size: 1em;
}

.clear {
	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: 27px 20px;
	background-size: 340px 106px;
	display: inline-block;
	min-width: 450px;
	height: 140px;
}

.logoCont {
	min-width: 532px;
	max-width: 963px;
	margin: 0 auto;
}

.registerWShopButton_top {
	position: absolute;
	left: 400px;
	right: 0px;
	top: 25px;
	display: inline-block;
	padding: 7px 11px;
	background-color: #C1272C;
	border: 0px #E09395 solid;
	border-radius: 3px 3px;
	color: #fff;
}

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

.finder {
	position: relative;
	/* background-color: rgba(0,0,0,0.8); */
}

	.finder > h1 {
		margin: -17px auto 9px;
		color: #ddd;
		text-shadow: 1px 1px #000;
		max-width: 963px;
		position: relative;
		left: 24px;
	}

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

		.finder > .bar::before {
			content: " ";
			clear: both;
			background-color: rgba(0,0,0,0.8);
			position: absolute;
			top: 0;
			bottom: 0;
			left: -1000px;
			right: -1000px;
			/*width: 2000px;*/
			z-index: -10;
		}

		.finder > .bar > .bar_left {
			/* padding-left: 26px; */
			padding-right: 283px;
		}

		.finder > .bar > .bar_middle {
			padding: 25px 250px 0 0;
		}

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

		.finder > .bar > div > #string {
			width: 454px;
			height: 25px;
			padding-left: 5px;
		}

		.finder > .bar > div > div > select {
			width: 459px;
			margin: 0 4px 25px 0;
		}

		.finder > .bar > .bar_middle > .middle_2 > label {
			display: inline-block;
			color: #ddd;
			padding: 0 8px;
		}

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

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

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

.finder > .bar > .bar_right {
	padding: 6px 0 0 28px;
	position: absolute;
	left: 70%;
	top: 45px;
}

	.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 21px 56px;
	}

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

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

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

.main {
	min-width: 532px;
	max-width: 963px;
	margin: 0 auto;
}

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

	#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 {
		width: 100%;
		height: 400px;
	}

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

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

.main > article {
	float: left;
	background-color: rgba(255,255,255,0.9);
	margin: 0 0 10px 26px;
	min-height: 103px;
	background-image: url("../img/7F7F7F_1x1.png"), url("../img_shared/arrow_red.svg");
	background-repeat: repeat-y, no-repeat;
	background-position: 62.6% 1px, right center; /*Ipod-Fix*/
	background-position: 62.6% 1px, right 20px center;
	background-size: 1px 1px, 33px 64px;
	position: relative;
	width: 93.2%;
	-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;
}

	.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:hover {
		background-image: url("../img/7F7F7F_1x1.png"), url("../img_shared/arrow_red_hover.svg");
	}

	.main > article > .articleLeft, .main > article > .articleRight {
		float: left;
	}

	.main > article > .articleLeft {
		width: 60.1%;
		padding: 12px 0 24px 18px;
	}

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

		.main > article > .articleLeft > h2 {
			line-height: 30px;
			margin-bottom: 15px;
			color: #EF5400;
		}

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

	.main > article > .articleRight {
		/* position: relative; */
		width: 25.65%;
		padding: 13px 60px 24px 24px;
	}

	.main > article > .articleRight a.overlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: calc(60.1% + 18px);
		right: 0;
		z-index: 10;
	}

	

	.main > article > .articleRight > ul {
		display: block;
	}

		.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: 124px;
				max-width: 230px;
				/*padding-left: 60px;*/
			}

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

.ad {
	display: block;
	margin: 0 auto 10px auto;
	width: 321px;
	height: 50px;
}

#disclaimer {
	font-size: 0.75em;
	color: #696969;
	text-align: center;
	margin: 23px 32px 23px 32px;
}


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

.footer {
	/*position:relative;*/
}

.aboutUs {
	background-color: #373737;
}

.aboutUs_center {
	/*background-image: url("../img_shared/music_workshop_finder_logo.svg");*/
	background-repeat: no-repeat;
	/*background-position: 96px 106px;*/
	background-position: 96px 50%;
	background-size: 170px 54px;
	margin: 0 auto;
	width: 45.053%;
	padding: 16px 0 27px 364px;
	min-height: 116px;
}

	.aboutUs_center > h2 {
		color: #ddd;
	}

	.aboutUs_center > p {
		color: #ddd;
	}

		.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: 18px -26px;*/
	background-position: 18px 50%;
	background-size: 300px 391px;
	margin: 0 auto;
	width: 45.053%;
	padding: 0 0 1px 363px;
	min-height: 338px;
}

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

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

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

.registerWShopButton {
	margin-top: 24px;
	display: inline-block;
	padding: 14px 11px;
	background-color: #C1272C;
	border: 3px #E09395 solid;
	border-radius: 3px 3px;
	color: white;
}

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

.serviceFunctions {
	position: relative;
	background-color: #fff;
	width: 100%;
	padding: 0 0 0 calc(50% - 481.5px);
	float: left;
	/*left:0;
	right:0;
	margin:0 auto;*/
}

	.serviceFunctions > ul > li {
		float: left;
	}

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

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

aside {
	min-width: 532px;
	max-width: 963px;
	margin: 0 auto;
}

#gMapsDetail {
	width: 95%;
	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 0 9px 26px;
}

.asideContent {
	background-color: rgba(255,255,255,0.8);
	background-image: url(../img/7F7F7F_1x1.png);
	background-repeat: repeat-y;
	background-position: 65% 1px;
	float: left;
	width: 93.2%;
	margin: 0 0 10px 26px;
}

.asideContentLeft {
	padding: 4px 18px 14px 17px;
	float: left;
	width: 65%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
}

	.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: 0px 0 0px 1px;
	}

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

.asideContentRight {
	float: left;
	width: 35%;
	padding: 57px 8px 14px 21px;
	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;
		max-width: 94%;
	}

	.asideContentRight > ul > li > .infoType {
		width: 160px;
		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: 532px;
	max-width: 963px;
	width: 93.2%;
	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);
	float: left;
	margin: 0 auto 10px;
	position: relative;
	padding-bottom: 10px;
}

	.submitContent > h1 {
		color: #EF5400;
		font-size: 3.75em;
		padding: 15px 0 18px 17px;
		width: 60.1%;
		line-height: 70px;
	}

	.submitContent > .submitContentLeft {
		float: left;
		width: 60.1%;
		padding: 0 20px 0 18px;
		border-right: 1px solid #7F7F7F;
	}

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

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

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

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

		#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: 0 0 16px 0;
		}

		#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 1px;
			height: 27px;
			width: 226px;
		}

		#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;
			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: 95.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 {
	float: left;
	width: 34.31%;
	height: 500px; /*FIXME Diese Lösung gefällt mir noch gar nicht*/
	border-left: 1px solid #7F7F7F;
	/*background-image: url("../img_shared/maennchen.svg");*/
	background-size: 300px 400px;
	background-repeat: no-repeat;
	background-position: 50% 0px;
	position: relative;
	left: -1px;
}

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

.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; */
}

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