@font-face {
		font-family:	'Montserrat Regular';
		src:					url('../fonts/Montserrat-Regular.eot');
		src:					url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
									url('../fonts/Montserrat-Regular.ttf') format('truetype'),
									local("?");
    font-weight:	normal;
    font-style:		normal;
}

@font-face {
		font-family:	'Montserrat Bold';
		src:					url('../fonts/Montserrat-Bold.eot');
		src:					url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
									url('../fonts/Montserrat-Bold.ttf') format('truetype'),
									local("?");
    font-weight:	normal;
    font-style:		normal;
}

@font-face {
    font-family:	'Homemade Apple';
    src:					url('../fonts/Homemade-Apple.eot');
    src:					url('../fonts/Homemade-Apple.eot?#iefix') format('embedded-opentype'),
									url('../fonts/Homemade-Apple.ttf') format('truetype'),
									local("?");
    font-weight:	normal;
    font-style:		normal;

}

body                                    { background-color: #ebebec; background-image: url(../images/layout/graphic.png); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; margin: 0px; color: #000000; font-size: 12px; line-height: 18px; font-family: 'Montserrat Regular', Helvetica, Arial, sans-serif }
h1                                      { margin: 0px; font-size: 24px; line-height: 36px; font-weight: normal }
h2                                      { margin: 0px; font-size: 18px; line-height: 30px; font-weight: normal }
h3                                      { margin: 0px; font-size: 14px; line-height: 24px; font-weight: normal }
ol                                      { padding: 10px 0px 10px 10px; margin: 0px 0px 0px 15px }
ul                                      { padding: 10px 0px 10px 10px; margin: 0px 0px 0px 15px; list-style-type: square }
a                                       { color: #be0a27; text-decoration: none }
b                                       { font-weight: normal; font-family: 'Montserrat Bold', Helvetica, Arial, sans-serif }
img                                     { border: none }
table                                   { border-collapse: collapse }
th                                      { padding: 0px 0px 10px 0px; vertical-align: top; text-align: left; font-weight: normal; font-family: 'Montserrat Bold', Helvetica, Arial, sans-serif }
td                                      { padding: 0px 0px 10px 0px; vertical-align: top }

select,
textarea,
input[type=text]                        { background: #ebebec; padding: 4px; border: solid 1px #ebebec; color: #000000; font-size: 12px; line-height: 12px; font-family: 'Montserrat Regular', Helvetica, Arial, sans-serif }
select:focus,
textarea:focus,
input[type=text]:focus                  { background: #dadada; border: solid 1px #dadada }
div.error,
select.error,
textarea.error,
input[type=text].error                  { border: solid 1px #ff0000 }
input[type=submit]                      { background: #c4223c; padding: 5px; border: none; color: #ffffff; font-size: 14px; line-height: 14px; font-family: 'Montserrat Bold', Helvetica, Arial, sans-serif; text-transform: uppercase; cursor: pointer }
input[type=submit]:hover                { background: #be0a27 }
textarea                                { overflow: auto; resize: none }

.clearer                                { clear: both }
.container                              { position: relative; width: 990px; margin: 0px auto 0px auto }
.header                                 { position: fixed; z-index: 10000; width: 100%; background: #9c9d9f }
.header form                            { float: right; width: 300px; height: 30px; background: #b0b1b2; margin: 10px 15px 10px 15px }
.header form input[type=text]           { float: left; width: 254px; height: 14px; padding: 5px; background: none; border: none; margin: 3px; color: #ffffff; font-family: 'Montserrat Bold', Helvetica, Arial, sans-serif }
.header form input[type=image]          { float: left; width: 30px; height: 30px }
.top_menu                               { float: left; padding: 0px; margin: 20px 15px 20px 15px; list-style-type: none }
.top_menu li                            { display: block; float: left; height: 10px; margin: 0px 5px 0px 0px; color: #dcdcdc; font-size: 12px; line-height: 12px; text-transform: uppercase; font-family: 'Montserrat Bold', Helvetica, Arial, sans-serif }
.top_menu li a                          { color: #dcdcdc }
.top_menu li a:hover                    { color: #ffffff }
.top_menu li a.active                   { color: #be0a27 }
.logo                                   { display: block; float: left; width: 960px; height: 190px; margin: 50px 15px 0px 15px; background: url(../images/layout/logo.png) no-repeat }
.menu                                   { position: absolute; z-index: 1000; top: 240px }
.menu ul                                { float: left; width: 960px; padding: 0px; background: #ebebec; border-top: solid 1px #9c9d9f; border-bottom: solid 1px #9c9d9f; margin: 0px 15px 0px 15px; list-style-type: none; text-align: center }
.menu ul li                             { display: inline-block }
.menu ul li a                           { display: block; height: 18px; padding: 15px; font-size: 18px; line-height: 18px; text-transform: uppercase }
.menu ul li ul                          { display: none }
.menu ul li:hover                       { background: #be0a27 }
.menu ul li:hover a                     { color: #ffffff }
.menu ul li:hover ul                    { display: block; position: absolute; top: 49px; left: 0px; width: 920px; padding: 20px; background: #be0a27; border-top: none; text-align: left }
.menu ul li:hover ul li                 { display: block; float: left; width: 210px; background-color: transparent; background-repeat: no-repeat; background-position: 0px 30px; margin: 10px }
.menu ul li:hover ul li a               { float: left; width: 210px; height: auto; padding: 0px; font-size: 12px; text-transform: none }
.menu ul li:hover ul li a span          { display: block; padding: 0px 0px 2px 0px; border-bottom: solid 1px #ffffff; margin: 0px 0px 80px 0px; font-size: 14px }
.menu ul li:hover ul li ul              { position: static; width: 210px; padding: 0px; background: none; margin: 5px 0px 0px 0px }
.menu ul li:hover ul li ul li           { border-top: solid 1px #ffffff; margin: 0px }
.menu ul li:hover ul li ul li a         { float: none; padding: 3px 0px 3px 0px; text-transform: uppercase }
.fixed                                  { position: fixed; top: 49px }
.teaser                                 { float: left; width: 990px; margin: 65px 0px 15px 0px }
.teaser a                               { display: block; float: left; width: 300px; height: 300px; background-repeat: no-repeat; margin: 15px }
.teaser a.on:hover u,
.teaser a.off u                         { display: none }
.teaser a.off:hover u,
.teaser a.on u                          { display: table-cell; width: 240px; height: 240px; padding: 30px; vertical-align: bottom; color: #ffffff; font-size: 18px; line-height: 24px; text-decoration: none }
.teaser a u.red                         { background: #be0a27 }
.teaser a u.grey                        { background: #9c9d9f }
.teaser a u i                           { display: block; padding: 40px 0px 0px 0px; background-repeat: no-repeat; margin: 0px 0px 5px 0px; font-size: 12px; line-height: 12px; text-transform: uppercase; font-style: normal }
.theme                                  { float: left; width: 600px; height: 240px; padding: 30px 330px 30px 30px; background-color: #9c9d9f; background-repeat: no-repeat; background-position: right; margin: 80px 15px 0px 15px; line-height: 14px }
.theme a                                { display: block; float: right; width: 145px; padding: 10px 30px 10px 15px; background: #be0a27 url(../images/layout/arrow.png) no-repeat right; color: #ffffff; font-size: 14px; text-transform: uppercase }
.theme span                             { display: block; padding: 40px 0px 0px 0px; background-repeat: no-repeat; margin: 0px 0px 5px 0px; color: #be0a27; font-size: 14px; line-height: 14px; text-transform: uppercase }
.theme h1                               { margin: 0px 0px 10px 0px }
.theme th                               { padding: 10px 10px 10px 0px; border-top: solid 1px #000000 }
.theme td                               { padding: 5px 10px 5px 0px; border-top: dotted 1px #ffffff; color: #ffffff }
.theme_image                            { float: left; width: 960px; height: 300px; background-repeat: no-repeat; margin: 80px 15px 0px 15px }
.theme_image h1                         { float: left; padding: 15px 35px 15px 35px; background: #9c9d9f; margin: 60px 0px 0px -5px; color: #ffffff; font-size: 18px; line-height: 30px; text-transform: uppercase; letter-spacing: 0.5em }
.theme_image div                        { float: left; width: 590px; margin: 30px 30px 30px 340px; color: #ffffff; text-shadow: #000000 1px 1px 1px }
.content                                { float: left; width: 930px; padding: 15px; background: #ffffff; margin: 0px 15px 30px 15px; line-height: 14px }
.content .column                        { float: left; width: 280px; margin: 15px }
.content .column a.bestellung           { display: block; float: right; width: 235px; padding: 10px 30px 10px 15px; background: #be0a27 url(../images/layout/arrow.png) no-repeat right; color: #ffffff; font-size: 14px; text-transform: uppercase }
.content .doublecolumn                  { float: left; width: 590px; margin: 15px }
.content .doublecolumn .slide           { float: left; width: 550px; padding: 10px 0px 10px 40px; background: url(../images/layout/arrow_down.png) no-repeat left 6px; border-bottom: dotted 1px #9c9d9f; cursor: pointer }
.content .doublecolumn .slide div       { display: none }
.content .doublecolumn .slidelink       { display: block; float: left; width: 550px; padding: 10px 0px 10px 40px; background: url(../images/layout/arrow_right.png) no-repeat left 2px; border-bottom: solid 1px #ebebec; color: #000000 }
.content .doublecolumn .sign            { font-size: 36px; line-height: 48px; font-family: 'Homemade Apple', Helvetica, Arial, sans-serif }
.content .doublecolumn .gal_thumb       { display: block; float: left; width: 100px; height: 100px; background-repeat: no-repeat; background-position: center; margin: 0px 10px 10px 0px }
.content hr                             { float: left; width: 900px; height: 1px; background: #9c9d9f; border: none; margin: 15px }
.footer                                 { background: #9c9d9f }
.spalte                                 { float: left; width: 300px; margin: 50px 15px 0px 15px }
.spalte ul                              { margin: 0px; padding: 0px; list-style-type: none }
.spalte ul li                           { display: block; margin: 0px 0px 20px 0px }
.spalte ul li a                         { color: #ffffff; font-size: 14px; line-height: 14px; text-transform: uppercase }
.spalte div.card                        { float: left; width: 300px; height: 84px; padding: 126px 0px 0px 0px; background: url(../images/layout/card.jpg) no-repeat; color: #be0a27; line-height: 12px; text-align: center }
.spalte div.card h2                     { margin: 0px 0px 0px 30px; font-size: 22px }
.termine                                { float: left; width: 960px; border-bottom: solid 1px #ffffff; margin: 20px 15px 0px 15px; color: #ffffff }
.terminspalte                           { display: block; float: left; width: 300px; margin: 20px 15px 50px 15px; color: #ffffff }
.terminspalte span                      { display: block; float: left; width: 61px; height: 57px; padding: 13px 0px 0px 0px; background: url(../images/layout/calendar.png) no-repeat; font-size: 10px; line-height: 12px; text-align: center }
.terminspalte span b                    { display: block; color: #818181; font-size: 36px; line-height: 48px }
.terminspalte u                         { display: block; float: left; width: 225px; margin: 0px 0px 0px 14px; font-size: 11px; line-height: 14px; text-decoration: none }
.terminspalte u i                       { display: block; font-size: 14px; line-height: 24px; font-style: normal }
.copyright                              { background: #be0a27 }
.social                                 { float: right; padding: 0px; margin: 13px 15px 13px 15px; list-style-type: none }
.social li                              { display: block; float: left; margin: 0px 0px 0px 15px }
.social li a                            { display: block; width: 24px; height: 24px; background-repeat: no-repeat; border-radius: 3px }
.social li a:hover                      { background-position: 0px -24px }
.social li a[title=facebook]            { background-image: url(../images/layout/icon_facebook.png) }
.social li a[title=google]              { background-image: url(../images/layout/icon_google.png) }
.social li a[title=twitter]             { background-image: url(../images/layout/icon_twitter.png) }