@charset "UTF-8";

/*  Normalize  */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}body,button,input,select,textarea{font-family:sans-serif}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin-left:0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/*  CSS Reset  */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none; }



/*  Machado Quartett Custom CSS 2012  */

html {
	overflow-x: hidden;
}

*:focus {
	outline: none;
}

body {
	background-color: #f9f9f9;
	font: 15px/1.5em "Verdana", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	color: #B1191C;

	padding-top: 12px;
}


h1, h2, h3, h4, h5 {
	font-family: 'Alegreya', Georgia, serif;
	font-weight: 400;
	line-height: 1em;
	
}

h1 {
	font-size: 52px;
}

h1 span {
	color: #c31f22;
}	

h3 {
	
	color: #818181;
	font-size: 24px;
}

h4 {
	text-transform: uppercase;
	font-size: 17px;
	margin-bottom: 0.7em;
}

h5 {
	font-style: italic;
	color: #818181;
	font-size: 18px;
	text-align: center;
}

h6 {
	font-style: regular;
	color: #B1191C;
	font-size: 18px;
	text-align: left;
	font: 15px/1.5em "Verdana", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
}

p {
	margin-bottom: 1em;
}

/*p:first-child:first-letter,*/ p:first-of-type::first-letter {
	color: #c31f22;
	font: 55px/1px 'Alegreya', Georgia, serif;
}

b, strong {
	font-weight: 700;
	color: #c31f22;
}

em {
	font-style: italic;
}

ol {
	list-style-position: inside;
	margin-bottom: 1em;
}

p a {
	color: #B1191C;
	text-decoration: underline;
	background-color:
	padding: 0.1em 0.3em 0.2em;

}

p a:hover {
	background-color: #d5d5d5;
	}

blockquote {
	width: 80%;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	margin: 1em auto;
	padding: 0.7em 1em;
	color: #818181;
	text-align: center;
	font: italic 17px/1.3em 'Alegreya', Georgia, serif;
	background-color:;
}


.wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0 10px;
}

.wrapper2 {
	width: 480px;
	margin: 0 auto;
	padding: 0 10px;
}

#menu {
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font: 400 15px 'Alegreya', Georgia, serif;
	margin-top: 2.2em;
	margin-bottom: 1em;
}

#menu a, #menu a:link, #menu a:visited {
	color: #B1191C;
	text-decoration: none;
	padding: 3px 8px 2px;
	margin: 0 0.2em;
}

#menu a:hover, #menu a:focus {
	color: #660000;
	background-color: #d5d5d5;
}

img#ornament {
	margin-top: 30px;
}

#logo {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 30px;
}

#slogan {
	position: relative;
	font-size: 25px;
	height: 2em;
}

h3#line1 {
	display: inline;
	position: absolute;
	opacity: 0;
	top: 0;
	right: 0;
}

h3#line2 {
	display: inline;
	position: absolute;
	left: 0;
	opacity: 0;
	bottom: 0;
}

#links {
	width: 460px;
	float: left;
	margin-top: 30px;
	position: relative;
	min-height: 240px;
}


#links.kontakt {
	font-size: 16px;
}

#rechts {
	width: 460px;
	float: right;
	margin-top: 30px;
	margin-right: 10px;
	position: relative;
	min-height: 240px;
}

#links2 {
	width: 460px;
	float: left;
	margin-top: 30px;
	position: relative;
	min-height: 240px;
}

#rechts2 {
	width: 460px;
	float: left;
	margin-top: 30px;
	margin-right: 10px;
	position: relative;
	min-height: 240px;
}

#videos {
	width: 100%;
	margin-top: 30px;
	margin-right: 10px;
	height: 264px;
}

#videos iframe:first-child {
	margin-right: 30px;
}

iframe#musik {
	height: 380px;
}

.clear {
	clear: both;
}

img.rechts {
	position: absolute;
	right: -500px;
	-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
	border: 2px solid #d5d5d5;
	margin-top: 0.4em;
}

img.links {
	position: absolute;
	left: -500px;
	-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
	border: 2px solid #d5d5d5;
	margin-top: 0.4em;
}

.termin {
	font: 400 22px 'Alegreya', Georgia, serif;
	margin: 0 0 1.7em;
	padding: 0 0 0 120px;
	clear: both;
	position: relative;
}

.termin span {
	color: #c31f22;
}

.termin small {
	font: 14px/1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #B1191C;
	font-style: italic;
	display: block;
}


.zeit {
	width: 80px;
	min-height: 45px;
	font: 400 18px/1.2em 'Alegreya', Georgia, serif;
	margin: 0;
	padding: 0.4em 0.7em;
	color: #ffffff;
	background-color: #373737;
	position: absolute;
	left: 0;
	top: 0;
}

.ort {
	float: left;
	font: 400 24px 'Alegreya', Georgia, serif;
	padding: 0.3em;
}

.info {
	
}


#footer {
	min-height: 119px;
	margin-top: 3em;
	padding-top: 20px;
	color: #ffffff;
	background: url(img/bg_footer.png) repeat-x #606266;
	position: relative;
}

.col4 {
	width: 200px;
	float: left;
	margin-right: 50px;
	font-size: 14px;
}

.col5 {
	width: 200px;
	float: left;
	margin-top: 100px;
	margin-right: 50px;
	font-size: 14px;
}


.col4 img {
	-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
	border: 4px solid #ffffff;
}

.col5 img {
	-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
	border: 4px solid #ffffff;
}

#galerie img {
	-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
	border: 4px solid #ffffff;
	float: left;
	width: 215px;
	margin-right: 22px;
	margin-bottom: 22px;
}

#galerie {
	margin-bottom: 42px;
	padding-top: 15px;
	min-height: 330px;
	font: 15px/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #FF9900;
}

#galerie img.last-child {
	margin-right: 0;
}

iframe {
	-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
}

#footer .col2 {
	width: 460px;
	float: left;
	margin-right: 40px;
}

#footer .col4 {
	width: 220px;
	float: left;
	margin-right: 20px;
}

#footer .col4.last-child, .col4.last-child {
	margin-right: 0;
}


#footer ul {
	list-style: none;
	font-size: 14px;
	line-height: 1.7em;
	margin: 0;
	padding: 0;
}

#footer a, #footer a:link, #footer a:visited {
	color: #ffffff;
}

#footer a:hover, #footer a:focus {
	text-decoration: none;
}

form#newsletter {
	width: 300px;
	height: 26px;
	background-color: #717171;
	border: 1px solid #ffffff;
	font-size: 14px;
}

input#email {
	width: 220px;
	margin: 0;
	border: none;
	background: none;
	color: #e3e3e3;
	padding: 2px 2px 0 4px;
}

input#knopf {
	width: 70px;
	margin: 0;
	padding: 5px 4px 5px 4px;
	background: none #b4b4b4;
	color: #dd4d00;
	border-left: 1px solid #ffffff;
	border-bottom: none;
	border-top: none;
	border-right: none;
}

input#knopf:hover {
	background-color: #dd4d00;
	color: #ffffff;
}

form#contact_form input, form#contact_form textarea {
	margin: 0;
	height: 26px;
	background: #ffffff;
	color: #6f6f6f;
	border: 2px solid #d0d0d0;
	padding: 2px 2px 0 4px;
	margin-bottom: 10px;
}

form#contact_form input#knopf {
	height: auto;
	width: auto;
		color: #3b3b3b;
	padding: 8px 16px;
	background: -moz-linear-gradient(
		top,
		#f0f0f0 0%,
		#d6d6d6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f0f0f0),
		to(#d6d6d6));
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #999999;
	text-shadow:
		0px 1px 0px rgba(255,255,255,1),
		0px 1px 0px rgba(255,255,255,0);
}

form#contact_form input#knopf:hover {
		background: -moz-linear-gradient(
			top,
			#c9c9c9 0%,
			#f5f5f5);
		background: -webkit-gradient(
			linear, left top, left bottom, 
			from(#c9c9c9),
			to(#f5f5f5));
		text-shadow:
			0px 1px 0px rgba(255,255,255,1),
			0px 1px 0px rgba(255,255,255,0);
}