@import url('https://fonts.googleapis.com/css?family=Montserrat:300|Vollkorn');

/*
         Eminent-Orgeln.de CSS Mobile
         Design: Hear My Name Internet Agentur | https://www.hmn.ug
         ======================
         Grundfarben: #811111 (Rot Dunkel), #a22222 (Rot heller), #131313 (Grau Dunkel), #e2e2e2 (Grau Hell), #eaeaea (Grau Hell 2)
*/

/* Links */
a:link, a:visited {
	text-align: left;
 	font-size: 1.0em;
 	color: #a22222;
 	font-weight: normal;
 	text-decoration:underline;
}

a:hover {
 	font-weight: normal;
 	color: #a22222;
 	text-decoration:none;
}

a.button:link, a.button:visited {
         display: inline-block;
         text-align: center;
 	font-size: 1.0em;
         font-weight: normal;
         text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0px;
 	color: #FFFFFF !important;
 	padding: 8px 40px 8px 15px;
 	margin: 5px 0px 2px 0px;
         background: #b02a2a url(../images/arrow_red.png) center right no-repeat;
         text-decoration:none;

         border-bottom: 2px #520b0b solid;
         -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

         -webkit-box-shadow: inset 0px 0px 15px 0px rgba(125, 12, 12, 0.99);
	-moz-box-shadow:    inset 0px 0px 15px 0px rgba(125, 12, 12, 0.99);
	box-shadow:         inset 0px 0px 15px 0px rgba(125, 12, 12, 0.99);
}

a.button:hover {
 	color: #FFFFFF !important;
         background: #2F2F2F url(../images/arrow_black.png) center right no-repeat;
         border-bottom: 2px #000000 solid;
         text-decoration:none;
         -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.99);
	-moz-box-shadow:    inset 0px 0px 15px 0px rgba(0, 0, 0, 0.99);
	box-shadow:         inset 0px 0px 15px 0px rgba(0, 0, 0, 0.99);
}
a.button::before, a.button::after { content: none !important; }
a.button.detail { background-image: url(../images/icon_details.png); }
a.button.detail:hover { background-image: url(../images/icon_details.png); }

a.button.dark:link, a.button.dark:visited {
         background: #2F2F2F url(../images/arrow_black.png) center right no-repeat;
         border-bottom: 2px #000000 solid;
         text-decoration:none;
         -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.99);
	-moz-box-shadow:    inset 0px 0px 15px 0px rgba(0, 0, 0, 0.99);
	box-shadow:         inset 0px 0px 15px 0px rgba(0, 0, 0, 0.99);
}

a.button.dark:hover {
 	color: #FFFFFF !important;
         background: #b02a2a url(../images/arrow_red.png) center right no-repeat;
         border-bottom: 2px #520b0b solid;
         text-decoration:none;
         -webkit-box-shadow: inset 0px 0px 15px 0px rgba(125, 12, 12, 0.99);
	-moz-box-shadow:    inset 0px 0px 15px 0px rgba(125, 12, 12, 0.99);
	box-shadow:         inset 0px 0px 15px 0px rgba(125, 12, 12, 0.99);
}
a.button::before, a.button::after { content: none !important; }
a.button.detail, a.button.dark.detail { background-image: url(../images/icon_details.png); }
a.button.detail:hover, a.button.dark.detail:hover { background-image: url(../images/icon_details.png); }
a.button.download, a.button.dark.download { background-image: url(../images/icon_download.png); }
a.button.download:hover, a.button.dark.download:hover { background-image: url(../images/icon_download.png); }


/* Überschriften */
h1 {
	font-family: 'Vollkorn', serif;
         font-size: 2.2em;
 	font-weight: normal;
 	text-align: left;
 	color: #000000;
 	margin: 0px 0px 5px 0px;
 	padding: 0px 0px 0px 0px;
 	vertical-align:top;
}
h1 span {
	display: block;
         text-align: center;
         color: #808081;
}

h2 {
         font-family: 'Vollkorn', serif;
         font-size: 1.8em;
         font-weight: normal;
         text-align:left;
         color:#a22222;
 	margin: 0px 0px 5px 0px;
 	padding: 0px 0px 0px 0px;
         vertical-align:top;
         text-decoration:none;
}

h3 {
         font-family: 'Vollkorn', serif;
         font-size: 1.4em;
 	font-weight: normal;
 	text-align:left;
 	color:#a22222;
 	margin: 5px 0px 5px 0px;
 	padding: 0px 0px 0px 0px;
         text-transform: uppercase;
}

h4 {
         font-size: 1.2em;
 	font-weight: normal;
 	text-align:left;
 	color:#FFFFFF;
         background: #821111;
 	margin: 5px 0px 5px 0px;
 	padding: 5px 10px 5px 10px;
 	vertical-align:top;
}

h5 {
         font-family: 'Vollkorn', serif;
         font-size: 1.3em;
         font-weight: normal;
         text-align:left;
         color:#605f5d;

 	margin: 5px 0px 5px 0px;
 	padding: 5px 10px 0px 10px;

         vertical-align:top;
         background: #F6F6F6;

         border: 1px #cfcfcf solid;
         -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
         border-radius: 4px;
}

h5.error {
         color:#FFFFFF;
         text-shadow: none;
         background: #BF0000;
         border: 0px #BF0000 solid;
}

h5.ok {
         color:#FFFFFF;
         text-shadow: none;
         background: #00BF00;
         border: 0px #00BF00 solid;
}

/* Standarts */
body {
         background: #FFFFFF;
         font-size: 1.0em;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
         min-width: 320px !important;
}

body, tr, td {
    	font-family: 'Montserrat', sans-serif;
 	font-size: 1.0em;
         color: #1F1F1F;
         vertical-align:top;
         text-align:left;
         font-weight: normal;
}

.links 	{ float:left; }
.center	{ text-align: center; }
.rechts 	{ float:right; }
.align_r { text-align: right; }
img 	{ border: 0px; }
.clear 	{ clear:both; line-height:0.0em; height: 0px; display: block; background-color: #FFDF00; }
.pad	{ padding: 10px 15px; }
.pad_top	{ padding: 10px 0px; }
.white	{ color: #FFFFFF; }
.small	{ font-size: 0.8em; }
.big	{ font-size: 1.2em; }
hr 	{ height: 2px; background: #FFFFFF; border-top: 1px #BFBFBF solid; border-bottom: 1px #BFBFBF solid; border-left: 0px #FFFFFF solid; border-right: 0px #FFFFFF solid; margin: 10px 0px; }
.shadow 	{ -webkit-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.25); }

.grey 	{ background: #eaeaea; }
.dark 	{ background: #454545; }
.red 	{ background: #b02a2a; }

/* Seite */
#wrapper {
         width: 100%;
         min-width: 320px !important;
         max-width: 800px !important;
         margin: 0px auto !important;
}

.in 	{ padding: 0px 10px; }

#header {
    	font-family: 'Vollkorn', serif;
         padding: 0px;
         margin: 0px;
}

#logo {
         position: absolute;
         top: 0px;
         z-index: 2000;
         width: 100%;
         height: 173px;
         margin: 0px 0px 0px 0px;
         padding: 0px 0px;
         text-align: center;
         background:transparent url(../images/header_top.png) top center repeat-x;
}
#logo a img { margin: 0px 0px 0px 0px; max-width: 426px; width: 100%; height: inherit; }

#header_image {
	margin-top: 60px;
	width: 100% !important;
         max-height: 350px !important;
}

#header_image img {
	width: 100%;
         max-height: 320px !important;
         height: auto !important;
}

#headermenu {
	background: #811111;
	background: -moz-linear-gradient(top,  #590b0b 0%, #780f0f 28%, #831212 50%, #8c1919 100%);
	background: -webkit-linear-gradient(top,  #590b0b 0%,#780f0f 28%,#831212 50%,#8c1919 100%);
	background: linear-gradient(to bottom,  #590b0b 0%,#780f0f 28%,#831212 50%,#8c1919 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#590b0b', endColorstr='#8c1919',GradientType=0 );

         width: 100%;
         display: block;
         margin: -10px 0px 0px 0px;
         padding: 5px 0px 5px 0px;
         text-align: left;
}

#headermenu a:link, #headermenu a:visited {
         cursor: pointer;
         display: inline-block;

         font-family: 'Vollkorn', serif;
         font-size: 1.4em;
         color: #FFFFFF;
         font-weight: normal;
         text-decoration:none;
         text-align: left;
         text-shadow: #590b0b 1px 1px 0px;

         padding: 5px 8px 5px 8px;
         margin: 5px 0px 5px 0px;
}

#headermenu a:hover, #headermenu a.active {
         color: #e2e2e2;
         text-decoration:none;
         text-shadow: #590b0b 1px 1px 0px;
}

#headermenu_grey {
	width: 100%;
         height: 60px;
         padding: 0px;
         margin: 0px;
	background: #e2e2e2;
         border-top: 1px #FFFFFF solid;
         -webkit-box-shadow: inset 0px -6px 10px -10px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    inset 0px -6px 10px -10px rgba(0, 0, 0, 0.15);
	box-shadow:         inset 0px -6px 10px -10px rgba(0, 0, 0, 0.15);
         font-family: 'Vollkorn', serif;
         font-size: 1.2em;
}

/* Navigation */
#navi {
          float:left;
          width: 44px;
          height: 44px;
          margin: 5px 0px 0px 10px;
          background:transparent url(../images/navigation.png) center center no-repeat;
          cursor: pointer;
}

#navigation {
	display: block;
         position: fixed;
         z-index: 20000;
         left: -350px;
         top: 0;
         width: 280px;
         height: 100%;
         background: #eaeaea;
         overflow-y: auto !important;
}

#navigation span {
	display: block;
         position: absolute;
         margin: -38px 0px 0px 240px;
         background: #811111;
         color: #FFFFFF;
         text-align: center;
         padding: 7px 12px;
         line-height: 18px;
         cursor: pointer;
}

#navigation b {
         display: block;
         font-size: 1.2em;
         font-weight: bold;
         color: #000000;
         padding: 10px 10px;
         border-bottom: 1px #e2e2e2 solid;

}
#navigation a, #navigation .sub_tab {
         display: block;
         padding: 5px 10px;
	font-size: 1.0em;
         color: #811111;
         border-top: 1px #FFFFFF solid;
	border-bottom: 1px #e2e2e2 solid;
         text-decoration: none;
}
#navigation a:hover, #navigation .sub_tab:hover { color: #000000; }

#navigation .sub_tab.close { background:transparent url(../images/arrow_up.png) right center no-repeat; }
#navigation .sub_tab.open { background:transparent url(../images/arrow_down.png) right center no-repeat; }

#navigation .sub {
	display: none;
	font-size: 0.9em;
         color: #000000;
         padding: 10px 0px;
	-webkit-box-shadow: inset 0px 10px 5px -5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    inset 0px 10px 5px -5px rgba(0, 0, 0, 0.25);
	box-shadow:         inset 0px 10px 5px -5px rgba(0, 0, 0, 0.25);
         border-bottom: 1px #e2e2e2 solid;
         background: #FFFFFF;

}
#navigation .sub b {
	display: block;
	font-size: 1.0em;
         color: #000000;
         padding: 5px 10px;
         border-bottom: 1px #e2e2e2 solid;

}
#navigation .sub a {
         display: block;
         padding: 5px 10px;

	font-size: 1.0em;
         color: #811111;
         border-top: 1px #FFFFFF solid;
	border-bottom: 1px #e2e2e2 solid;
         text-decoration: none;
}

#navigation .sub a::before { content: url("../images/bull_dark.png"); }

#navigation .sub a:last-child {
	border-bottom: 0px #e2e2e2 solid;
}
/* Seite */
#site {
         margin: 10px auto 0px auto;
         padding: 20px 10px 0px 10px;
         width: calc(100% - 20px);
         min-height: 50px;

         color: #7F7F7F;
         font-size: 0.9em;
}

#site_start {
         margin: 10px auto 0px auto;
         padding: 20px 0px 0px 0px;
         width: calc(100% - 0px);
         min-height: 50px;

         color: #7F7F7F;
         font-size: 0.9em;
}

#sidebar {
         width: calc(100% - 0px);
         padding: 10px 0px;
}

#sidebar h3 { font-size: 1.6em; margin: 10px 0px 5px 0px; text-align: center; }
#sidebar .box { text-align: center; }
#sidebar .box span { color: #a22222; }
#sidebar a { display: inline-block; color: #595959; text-decoration: none; padding: 5px 10px 5px 0px; }
#sidebar a:hover { color: #a22222; }
#sidebar a::before { content: url("../images/bull_dark.png"); }
#sidebar b { display: block; padding: 10px 0px 5px 0px; }
#sidebar b:first-child { padding: 0px 0px 5px 0px; }
#sidebar hr { height: 0px; background: #d3d3d3; border-top: 1px #d3d3d3 solid; border-bottom: 1px #FFFFFF solid;  }
#sidebar .button { padding: 10px 40px 10px 10px; }


/* Footer */
#footer {
         width: 100%;
         min-height: 200px;
         margin: 0px 0px 0px 0px;
	background: #6e0f0f; /* Old browsers */
	background: -moz-linear-gradient(top,  #6e0f0f 0%, #b12b2b 5%, #821111 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #6e0f0f 0%,#b12b2b 5%,#821111 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #6e0f0f 0%,#b12b2b 5%,#821111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e0f0f', endColorstr='#821111',GradientType=0 ); /* IE6-9 */

         padding: 20px 0px 0px 0px;

         text-align:left;
         vertical-align:top;

         font-size: 1.0em;
         font-weight: normal;
         color:#FFFFFF !important;
         line-height: 1.3em;
}
#footer .logo { display: block; background: transparent url("../images/logo_footer.png") center center no-repeat; width: 100%; height: 122px; margin: 0px 0px 10px 0px; }
#footer .lbox { display: block; width: calc(100% - 40px); font-size: 0.9em; color:#FFFFFF; padding: 20px 20px 20px 20px; text-align: center; }
#footer .lbox b { display: block; font-family: 'Vollkorn', serif; font-size: 1.8em; margin-bottom: 15px; padding-bottom: 5px; font-weight: normal; color:#370000; text-shadow: #c54c4c 1px 1px 0px; border-bottom: 1px #370000 solid;  }

#footer .lbox a, #footer .lbox a:link, #footer .lbox a:visited {
         display: inline-block;

         text-shadow: #370000 1px 1px 1px;
         color: #efefef;
         font-size: 1.0em;
         text-decoration: none;
         overflow: hidden;
         font-weight: normal;

	padding: 5px 5px 5px 5px;
         margin: 0px;
}

#footer .lbox a:hover {
         font-weight: normal;
         color: #370000;
         text-shadow: #c54c4c 1px 1px 0px;
}

#footer .lbox a::before { content: url("../images/bull.png"); }

#copyline {
         width: calc(100% - 40px);
         background: #212121;
         padding: 10px 20px;
         -webkit-box-shadow: inset 0px 12px 10px -10px rgba(0, 0, 0, 0.99);
	-moz-box-shadow:    inset 0px 12px 10px -10px rgba(0, 0, 0, 0.99);
	box-shadow:         inset 0px 12px 10px -10px rgba(0, 0, 0, 0.99);
         font-size: 0.7em;
         color: #BFBFBF;
         text-align: center;
}

#copyline a { font-size: 1.0em; color: #BFBFBF; text-decoration: none; }
#copyline a:hover { color: #FFFFFF; }

/* boxen */
.box {
         width: calc(100% - 30px);
         padding: 10px 15px;
         background: #f8f8f8;

         text-shadow: #FFFFFF 1px 1px 0px;
         font-size: 1.0em;
         color: #545454;

         border-bottom: 5px #943a3a solid;
         border-top: 1px #cacaca solid;
         border-left: 1px #cacaca solid;
         border-right: 1px #cacaca solid;
         -webkit-border-radius: 6px;
         -moz-border-radius: 6px;
         border-radius: 6px;
         -webkit-box-shadow: inset 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
         -moz-box-shadow:    inset 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
         box-shadow:         inset 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
}
.box b { color: #000000; }

.box_grey {
         width: calc(100% - 30px);
         padding: 10px 15px;

         -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

         font-size: 0.9em;

         background: #eaeaea;
}

.box_grey b {
         -webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;

         display: block;
         background: #c6c7ca;
         padding: 10px 15px;

         text-align: left;
         font-size: 1.1em;
         font-weight: bold;
         text-shadow: #FFFFFF 1px 1px 0px;
}

/* Seitenanzeige */
#pages {
         width: 100%;
         line-height:30px;
         padding: 5px 0px;
         margin: 15px 0px;
         text-align: center;
}

#pages a:link, #pages a:visited {
 	display: inline-block;
         height: 28px;
         width: 30px;

 	font-size: 1.0em;
 	color: #6F6F6F;
 	font-weight: bold;
 	text-decoration:none;
         text-align:center;
         text-shadow: #FFFFFF 1px 1px 0px;

 	padding: 0px 0px 2px 0px;
 	margin: 2px 1px;
 	background: #EFEFEF;

 	border: 1px #EFEFEF solid;
         -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#pages a:first-child, #pages a:last-child {
	background: #FFFFFF;
         text-shadow: #FFFFFF 1px 1px 0px;
         border: 1px #CFCFCF solid;
         color: #AFAFAF;
         font-size: 1.0em;
}

#pages a:hover {
 	background: #b02a2a;
         color: #FFFFFF;
         text-shadow: #7d1515 1px 1px 0px;
         border: 1px #b02a2a solid;
}

#pages div {
         display: inline-block;
         height: 28px;
         width: 30px;

 	font-size: 1.0em;
 	color: #FFFFFF;
 	font-weight: bold;
 	text-decoration:none;
         text-align:center;
         text-shadow: #7d1515 1px 1px 0px;

 	padding: 0px 0px 2px 0px;
 	margin: 2px 1px;
 	background: #b02a2a;

 	border: 1px #b02a2a solid;
         -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* suche */
#suche {
         width: calc(100% - 20px);
         max-width: 600px;
         margin: 10px auto;
         padding: 0px;
         min-height: 40px;
}

#suche form input[type="text"] {
	float: left;
	background: #f0f0f0;

         font-family: 'Vollkorn', serif;
         font-size: 1.0em;
         font-style: italic;
         color: #5F5F5F;

         padding: 7px 5px 3px 10px;
         margin: 0px;
         width: calc(100% - 75px);
         height: 30px;

         border-left: 1px #b4b4b4 solid;
         border-top: 1px #b4b4b4 solid;
         border-bottom: 1px #b4b4b4 solid;
         -webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
}
#suche form input[type="submit"] {
         float: left;
         background: #f0f0f0 url(../images/suche_lupe.png) center center no-repeat;

         font-family: 'Vollkorn', serif;
         font-size: 0.9em;

         padding: 0px 0px 0px 0px;
         margin: 0px;
         width: 50px;
         height: 42px;

         border: 1px #b4b4b4 solid;
         -webkit-border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;

         -webkit-box-shadow: inset 0px 2px 4px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    inset 0px 2px 4px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         inset 0px 2px 4px 0px rgba(50, 50, 50, 0.25);
}
#suche form input[type="submit"]:hover { background-color: #e1e1e1; }

/* Startseite */
#startseite { }

#startseite h1 {
	text-align: center;
         text-transform: uppercase;
         font-size: 2.4em;
         line-height: 1.0em;
         margin: 10px 0px 0px 0px;
}

#startseite h2 {
	text-align: center;
         font-size: 1.8em;
}

#startseite h3 {
	color: #000000;
         font-size: 1.8em;
}

#startseite h3 a {
	color: #d0d0d0;
         font-size: 0.9em;
         background: url(../images/dot.png) center right no-repeat;
         padding: 0px 30px 0px 0px;
         text-decoration: none;
         text-transform: uppercase;
         float: right;
         line-height: 1.1em;
         margin-top: 5px;
}

#startseite_video { display: none; }
#startseite_video_image { display: block; }

#startseite #info {
         width: calc(100% - 0px);
         padding-top: 10px;
         text-align: center;
}
#startseite #info h3 { text-align: center; }

#startseite #info img {
         width: 100%;
         max-width: 560px;
         height: inherit;
         margin: 0px auto;
}

#startseite #blog_articles {
         width: calc(100% - 0px);
}

#startseite #blog_articles span {
         float: left;
         display: inline-block;
         width: calc(50% - 10px);
}
#startseite #blog_articles span.l { margin-right: 20px !important; }

#startseite #blog_articles .item {
         width: calc(100% - 0px);
 	display: block;
         margin-bottom: 10px;
}


#startseite #blog_articles .item .pic {
	margin-bottom: -5px;
         padding: 0px;
}

#startseite #blog_articles .item .pic img {
	width: 100%;
         height: inherit;
         margin: 0px; padding: 0px;
}

#startseite #blog_articles .item .title a {
         position: relative;
         display: block;
         background: #a22222;
         color: #FFFFFF;
         text-decoration: none;
         padding: 8px 5px;
         margin-top: 0px;
         font-size: 0.9em;
}

#startseite #blog_articles .item .text {
         font-size: 0.8em;
         padding: 5px 0px;
}

#startseite #blog_articles .item .text a {
	color: #a22222;
         text-transform: uppercase;
         text-decoration: none;
}

#startseite #blog_articles .item .date {
         float:left;
         font-size: 0.8em;
         padding: 0px 0px 0px 20px;
         text-transform: uppercase;
         background: url(../images/icon_blog_date.png) center left no-repeat;
}

#startseite #blog_articles .item .com {
         float:right;
         font-size: 0.8em;
         padding: 0px 0px 0px 20px;
         text-transform: uppercase;
         background: url(../images/icon_blog_comentar.png) center left no-repeat;
}

#startseite #teaser { text-align: center; }
#startseite #teaser img {
	margin: 8px;
         -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
#startseite #teaser a { text-decoration: none; }

#startseite #events {
	width: 100%;
	margin: 0px auto;
         padding: 20px 0px;
}

#startseite #events_info {
         width: 100%;
         font-family: 'Vollkorn', serif;
         color: #3F3F3F;
         text-shadow: #FFFFFF 1px 1px 0px;
         text-align: center;
         font-size: 1.2em;
         line-height: 1.2em;
         border-bottom: #a22222 2px solid;
         padding: 25px 0px 25px 0px;

}
#startseite #events_info b { display: block; font-size: 1.2em; padding-bottom: 5px; text-transform: uppercase; }

#startseite #events_date {
         width: 100%;
         font-family: 'Vollkorn', serif;
         margin: 20px 0px 20px 0px;
         overflow: hidden;
}
#startseite #events_date .item {
	float:left;
         display: inline-block;
         width: 100%;
}
#startseite #events_date .item .date {
         float: left;
         width: 70px;
         padding-bottom: 5px;
         margin: 10px 10px;
         background: #FFFFFF;
         -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.15), 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    inset 0px 0px 15px 0px rgba(0, 0, 0, 0.15), 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         inset 0px 0px 15px 0px rgba(0, 0, 0, 0.15), 0px 0px 10px 0px rgba(0, 0, 0, 0.25);

         -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

         color: #000000;
         font-size: 2.6em;
         line-height: 1.0em;
         text-align: center;
         text-shadow: #FFFFFF 1px 1px 0px;
}

#startseite #events_date .item .date span {
         display: block;
         padding: 6px 5px 4px 5px;
         margin-bottom: 5px;
         background: #1d1d1d;
         border-bottom: 2px #a10f0f solid;

         line-height: 1.0em;
         color: #FFFFFF;
         font-size: 0.6em;
         text-shadow: #000000 1px 1px 0px;

         -webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

#startseite #events_date .item .info {
         float: right;
         width: calc(100% - 100px);
         color: #1F1F1F;
         text-shadow: #FFFFFF 1px 1px 0px;
         font-size: 1.3em;
         line-height: 1.3em;
         margin-top: 10px;
         margin-left: 10px;
}

#startseite #events_date .item .info b { display: block; font-size: 1.2em; padding-bottom: 5px; text-transform: uppercase; }

#startseite #events_menu {
         float: left;
         width: calc(100% - 20px);
         margin: 20px 10px 20px 10px;
         font-family: 'Vollkorn', serif;
         text-align: center;
}
#startseite #events_menu .button { display: inline-block; width: calc(100% - 160px);  font-size: 1.3em; text-transform: uppercase; margin: 0px 5px; padding: 12px 40px 8px 10px; line-height: 1.1em; }
#startseite #events_menu #events_left, #startseite #events_menu #events_right {
         float: left;
         width: 50px;
         height: 26px;

 	padding: 8px 0px 8px 0px;
 	margin: 0px 0px 0px 0px;
         background: #2F2F2F url(../images/arrow_left.png) center center no-repeat;

         -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

         -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.99);
	-moz-box-shadow:    inset 0px 0px 15px 0px rgba(0, 0, 0, 0.99);
	box-shadow:         inset 0px 0px 15px 0px rgba(0, 0, 0, 0.99);

         opacity: 0.5;
    	filter: alpha(opacity=50);
         cursor: pointer;
}

#startseite #events_menu #events_right {
         float: right;
         background: #2F2F2F url(../images/arrow_right.png) center center no-repeat;
}

#startseite #events_menu #events_left:hover, #startseite #events_menu #events_right:hover { opacity: 1.0; filter: alpha(opacity=100); }



/* Artikelseite */
#article { }

#article h1, #product h1 {
	text-align: left;
         text-transform: uppercase;
         font-size: 2.4em;
         line-height: 1.0em;
         margin: 10px 0px 0px 0px;
}

#article h2, #product h2 {
	text-align: left;
         font-size: 1.5em;
         padding: 10px 0px 8px 0px;
         margin: 10px 0px;
         border-top: 1px #c08888 solid;
         border-bottom: 1px #c08888 solid;
}

/* Produktseite */
#product #product_images {
         width: 100%;
         text-align: center;
         margin-bottom: 20px;
}

#product #product_images .main img {
	width: 100%;
         max-width: 450px;
         height: inherit;
         cursor: pointer;

}
#product #product_images .item {
         float: left;
         width: calc(33% - 40px);
         background: #f3f3f3;
         padding: 5px 10px;
         margin: 10px 10px;

	background: #FFFFFF;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.25);
}
#product #product_images .item img {
	width: 100%;
         max-width: 150px;
         height: inherit;
         cursor: pointer;
}

#product #specs {
	float:none;
         width: calc(100% - 0px);
}

#product #specs .size { display: block; margin: 20px 0px 20px 0px; }
#product #specs .size div {
         float: left;
         width: calc(25% - 30px);
         background: #f3f3f3;
         padding: 5px 10px;
         margin-right: 10px;

         text-align: center;
         font-weight: bold;
         font-size: 1.0em;
         color: #3F3F3F;

	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.25);

         -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#product #specs .size div.g {
         width: calc(25% - 20px);
         margin-right: 0px;
}

#product #specs .size div span {
         display: block;
         color: #821111;
}

#product #specs .button { display: block; font-size: 1.4em; }

#product .info {
         float: left;
         width: calc(33.3333% - 10px);
         padding: 5px 0px;
         margin: 10px 0px;
}
#product .info:nth-child(odd) { padding: 5px 10px;}

#product .info4 {
         float: left;
         width: calc(50% - 20px);
         padding: 5px 10px;
         margin: 10px 0px;
         font-size: 0.9em;
}
#product .info4:nth-child(odd) { padding: 5px 0px 5px 20px;}

#product ul { margin: 0px; padding: 0px 10px 0px 25px; }
#product .info4.r { padding-right: 0px !important; width: calc(25% - 10px); }
#product .info.r { padding-right: 0px !important; width: calc(33.3333% - 10px); }

#product_list { width: 100%; }
#product_list .item {
	margin: 0px 0px;
         padding: 10px 15px 8px 15px;
         border-bottom: 2px #BFBFBF dotted;
         background: #FFFFFF;
}
#product_list .item:nth-child(odd) { background: #EFEFEF; }
#product_list .item:last-child { border-bottom: 0px #BFBFBF dotted; }

#product_list .item .titel {
	float:left;
         width: calc(100% - 220px);
         color: #000000;
}

#product_list .item .desc {
         float: left;
         width: calc(100% - 220px);
         font-size: 0.8em;
}

#product_list .item .button {
	float:right;
         width: 140px;
}

/* Kalender */
#calender {
	width: 280px;
         margin: 0px auto 10px auto;
         padding: 0px;
         text-shadow: #FFFFFF 0px 0px 0px !important;
}

#calender a:before {
         content:"" !important;
}

/* Events */
#event_list { width: 100%; }
#event_list .item {
	margin: 0px 0px;
         padding: 10px 15px 8px 15px;
         border-bottom: 2px #BFBFBF dotted;
         background: #FFFFFF;
}
#event_list .item:nth-child(odd) { background: #EFEFEF; }
#event_list .item:last-child { border-bottom: 0px #BFBFBF dotted; }

#event_list .item .date {
	float:left;
         width: 170px;
         color: #000000;
}

#event_list .item .titel {
         float: left;
         width: calc(100% - 380px);
}

#event_list .item .button {
	float:right;
         width: 140px;
}


/* Breadcrump Navi */
#bc { font-size: 0.9em; font-family: 'Vollkorn', serif; text-transform: uppercase; text-shadow: #FFFFFF 1px 1px 0px; padding: 10px 0px; }
#bc b { color: #969696; font-weight: normal; }
#bc a { color: #0c0c0c; text-decoration: none; padding: 0px 5px; }
#bc ol, #bc ol li { display: inline-block; padding: 0px 2px 0px 2px; margin: 0px;  }
#bc ol li a:link, #bc a:visited, #bc ol li a:link span, #bc ol li a:visited span { font-size: 1.0em; color:#4F4F4F; font-weight: normal; text-align:center; text-decoration:none; }
#bc ol li a:hover, #bc ol li a:hover span { color: #000000; text-decoration:none; }
#bc ol li span, #bc ol li a span, #bc ol li div { margin:0px; padding: 0px; display: inline; }
#bc .no { display: none; }

/* Sonstiges */
#w { position: fixed; display: none; bottom: 0; left: 0; background: #000000; color: #FFFFFF; padding: 5px 10px; }
#go2top { position: fixed; width: 34px; height: 28px; bottom: 25px; right: 25px; padding: 5px 5px 10px 5px; background: #B02A2A; opacity: 0.2; filter: alpha(opacity=20); -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px; }
#go2top:hover { opacity: 1.0; filter: alpha(opacity=100); }
#shadow { display: none; position: fixed; top: 0; left: 0; z-index: 10000; background-color: rgba(0, 0, 0, 0.55); width: 100%; height: 100%; cursor: pointer; }

/* Cookie Info */
#cookie_info { position: fixed; bottom: 25px; z-index: 20000; text-align: center; width: calc(100% - 90px); padding: 15px; left: 30px; background: #FFFFFF; }
#cookie_info .button { display: block; }

/* Tabellen */
td.head { background: #8EC013; color: #FFFFFF; padding: 5px 10px; font-weight: bold; font-size: 1.1em; }
td.head2 { background: #CA020D; color: #FFFFFF; padding: 5px 10px; font-weight: bold; font-size: 1.1em; }
td.bg { background: #EFEFEF; color: #3F3F3F; padding: 3px 10px; border-bottom: 1px #DFDFDF solid; border-top: 1px #FFFFFF solid; }
td.bg2 { background: #DFDFDF; color: #3F3F3F; padding: 3px 10px; border-bottom: 1px #DFDFDF solid; border-top: 1px #FFFFFF solid; }
td.bg.highlight, td.bg2.highlight { background: #8EC013; color: #FFFFFF; }
td.bg.highlight2, td.bg2.highlight2 { background: #065594; color: #FFFFFF; }

/* Kundenmeinungen */
#kundenmeinungen .item b { font-size: 1.2em; color: #000000; }
#kundenmeinungen .item .rechts { color: #000000; }

/* downloads */
#downloads .item .pdf { float:left; width: 40px; height: 40px; background:transparent url(../images/icon_pdf.png) left center no-repeat; background-size: 90%; }
#downloads .item .links { width: calc(100% - 200px); }
#downloads .item .rechts { width: 140px; }
#downloads .item a, #downloads .item b { font-size: 1.2em; color:#a22222; text-decoration: none; }
#downloads .item .sound { width: calc(100% - 0px); margin: 10px 0px !important; }
#downloads .sound b { font-size: 1.2em; color:#a22222; text-decoration: none; }

#register_downloads b { display: block; font-size: 1.2em; color:#a22222; border-bottom: 4px #AFAFAF double; padding: 10px 0px; margin: 15px 0px 5px 0px; }
#register_downloads b.sub { font-size: 1.1em; color:#6F6F6F; margin: 5px 0px; border-bottom: 1px #AFAFAF solid; }
#register_downloads b.sub_sub { font-size: 1.0em; color:#8F8F8F; margin: 5px 0px; border-bottom: 0px #AFAFAF solid; }
#register_downloads a { display: inline-block; font-size: 0.9em; color: #4F4F4F; width: calc(33% - 32px); margin-right: 10px; padding: 5px; padding-left: 10px; border: 1px #AFAFAF solid; background: transparent url(../images/icon_download_dark.png) center right no-repeat; background-size: 19px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#register_downloads a:hover { background-color: #EFEFEF; }

/* blog */
#blog .item .links { width: calc(100% - 180px); }
#blog .item a { font-size: 1.2em; text-decoration: none; }
#blog .item i {  }
#blogbeitrag { margin-bottom: 20px; }
#blogbeitrag #date { float: left; display: block; width: 60px; padding: 5px 5px; margin: 5px 15px 5px 0px; background: #a22222; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #FFFFFF; font-size: 2.2em; font-weight: bold; text-align: center; text-shadow: #811111 1px 1px 0px; }
#blogbeitrag hr { border: 0px; border-top: 1px #811111 solid; height: 0px; color: #FFFFFF; }
#blogbeitrag h2 { margin-top: 10px; }
#blogbeitrag #date span { display: block; padding: 2px 5px; margin: 0px auto; background: #811111; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 0.6em; font-weight: bold; text-align: center; }
#blogbeitrag img.artikel { float:left; margin: 0px 15px 10px 0px; }

/* History */
#history { background: transparent url(../images/history_diver.png) top center repeat-y; }
#history .item { font-size: 0.9em; color: #3F3F3F; padding: 0px 35px 0px 0px; margin-bottom: 20px; margin-right: calc(50% + 15px); width: calc(50% - 20px); background: transparent url(../images/history_left.png) top right no-repeat; }
#history .item:nth-child(odd) { padding: 0px 0px 0px 40px; margin-bottom: 20px; margin-left: calc(50% - 15px); background: transparent url(../images/history_right.png) top left no-repeat; }
#history .item b { display: block; padding: 0px 0px 20px 0px; font-size: 1.4em; color: #000000; }
#history .item img { width: 100%; height: auto; }

/* Kontakt */
#kontakt { margin: 10px auto; width: calc(100% - 20px); padding: 15px 10px; }
#kontakt label { float: left; width: 220px; font-weight: bold; }
#kontakt #betreff { float: left; width: calc(100% - 230px); }
#kontakt #name, #kontakt #email, #kontakt #anfrage, #kontakt #telefon, #kontakt #betreff_text { float: left; width: calc(100% - 240px); margin-bottom: 4px; }
#kontakt input[type="submit"] { width: calc(100% - 8px); }

/* Formulare */
input, textarea {
 	border: 0px #063e4e solid;
         font-size: 1.0em;
 	background: #EFEFEF;
 	color: #000000;
 	padding: 5px 5px 5px 8px;
 	margin: 2px 2px 2px 0px;
         vertical-align: top;
	-webkit-box-shadow: inset 2px 2px 4px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    inset 2px 2px 4px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         inset 2px 2px 4px 0px rgba(50, 50, 50, 0.25);

         -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

select {
 	border: 0px #063e4e solid;
 	font-size: 1.0em;
	background: #EFEFEF;
 	color: #000000;
 	padding: 5px 5px;
 	margin: 2px 2px 2px 0px;
         vertical-align: top;
         -webkit-box-shadow: inset 2px 2px 4px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    inset 2px 2px 4px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         inset 2px 2px 4px 0px rgba(50, 50, 50, 0.25);

         -webkit-border-radius: 3px 0px 0px 3px;
	-moz-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
}

input[type="submit"] {
 	border: 0px #057e9f solid;
 	font-size: 1.0em;
         font-weight: bold;
         text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0px;
 	color: #FFFFFF;
 	padding: 5px 35px 5px 10px;
 	margin: 2px 2px 2px 0px;

         cursor: pointer;
         background: #b02a2a url(../images/arrow_red.png) center right no-repeat;

         -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

         -webkit-box-shadow: inset 0px 0px 15px 0px rgba(125, 12, 12, 0.99);
	-moz-box-shadow:    inset 0px 0px 15px 0px rgba(125, 12, 12, 0.99);
	box-shadow:         inset 0px 0px 15px 0px rgba(125, 12, 12, 0.99);
}

input[type="submit"]:hover {
         background: #2F2F2F url(../images/arrow_black.png) center right no-repeat;
         text-decoration:none;
         -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.99);
	-moz-box-shadow:    inset 0px 0px 15px 0px rgba(0, 0, 0, 0.99);
	box-shadow:         inset 0px 0px 15px 0px rgba(0, 0, 0, 0.99);
}

/*
///////////////////////////////////
	Media-Querys
///////////////////////////////////
*/
@media (max-width: 660px) {
         #event_list .item .date { width: calc(100% - 130px); }
	#event_list .item .titel { width: calc(100% - 130px); }
	#event_list .item .button { width: 120px; }
}

@media (max-width: 560px) {
	#headermenu a.c1 { display: none; }
         #kontakt label { float: none; display: block; width: 100%; font-weight: bold; }
	#kontakt #betreff, #kontakt input[type="submit"] { float: none; width: 100%; }
	#kontakt #name, #kontakt #email, #kontakt #anfrage, #kontakt #telefon { float: none; width: calc(100% - 10px); margin-bottom: 4px; }

         #downloads .item .links { width: calc(100% - 50px); }
	#downloads .item .rechts { float: none; width: 100%; text-align: right; }

         #product .info, #product .info4 { float: left; width: calc(50% - 10px) !important; padding: 5px 0px; }
	#product .info:nth-child(odd), #product .info4:nth-child(odd) { padding: 5px 0px 5px 20px; }
}

@media (max-width: 460px) {
         h1 { font-size: 1.8em; }
         h2 { font-size: 1.4em; }
         h3 { font-size: 1.3em; }
         h4 { font-size: 1.1em; }
	h5 { font-size: 1.1em; }

	#headermenu a.c2 { display: none; }

         #startseite #blog_articles span { float: none; width: calc(100% - 0px); margin: 0px 0px 10px 0px !important; padding: 0px !important; }
         #startseite #blog_articles span.l { margin: 0px 0px 10px 0px !important; padding: 0px !important; }
         #startseite #blog_articles span .item img { display: none;}

         #history { background: transparent url(../images/history_diver.png) top left repeat-y; }
	#history .item { font-size: 0.9em; color: #3F3F3F; padding: 0px 0px 0px 35px; margin-bottom: 20px; margin-left: 0px !important; margin-right: calc(0% + 15px)!important; width: calc(100% - 50px); background: transparent url(../images/history_right.png) top left no-repeat !important; }

         #event_list .item { text-align: center; }
         #event_list .item .date { width: calc(100% - 10px); font-size: 1.2em; }
	#event_list .item .titel { width: calc(100% - 10px); font-size: 1.2em; }
	#event_list .item .button { width: 90%; float: none; }

         #blog .item .links { float: none; width: 100%; }
         #blog .item .rechts { float: none; text-align: center; }
         #blog .item .rechts .button { width: 70%; text-align: center; font-size: 1.2em; }
}

@media (max-width: 400px) {
	#headermenu a.c3 { display: none; }
         #footer .logo { background-size:90%; }
         #product .info, #product .info4 { width: calc(100% - 0px) !important; padding: 5px 0px !important; }
}

@media (max-width: 320px) {

}