charset "utf-8";
/**
 * @author  ( AG NICKIER by Schnacko  )
 */
 
* {outline:none;}

a {
  text-decoration:none;
  }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*--------------------------------------------------*/

body, html {
  margin:0;
  padding:0;
  background-color:#f9f8e6;
  font-family:"Trebuchet MS";
  cursor:default;
}

img {
  border:0;
}

img.img_zoom {
  transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s
}

img.img_zoom:hover {
 cursor: zoom-in;
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
 transform: scale(4.0, 4.0);
 -moz-transform: scale(4.0, 4.0);
 -webkit-transform: scale(4.0, 4.0);
 -o-transform: scale(4.0, 4.0);
 -ms-transform: scale(4.0, 4.0);
}

a {
  color:#fff;
}

#wrapper {
  position:relative;
  width:1000px;
  margin:0 auto !important;
  background-color:#f9f8e6;
}

header h1 {
  position:relative;
  top:20px;
  font-family:'dream_of_meregular';
  font-size:2.86em;
  letter-spacing:0.04em;
  margin:0 0 18px 0;
}

header h1.zwanziger {
  position:relative;
  top:20px;
  font-family:'dream_of_meregular';
  font-size:2.86em;
  letter-spacing:0.04em;
  margin:0 0 18px 0;
  color:#c0000f;
}

header {
  position:relative;
  width:1000px;
  height:210px;
  margin:0 auto !important;
  background-image:url(../img/global/bg_header.png);
  background-position:top left;
  background-repeat:no-repeat;
  font-size:1.16em;
  letter-spacing:0em;
  
}

header img.logo {
  width:214px;
  height:155px;
  float:left;
  margin:20px 15px 0 15px;
}

header img.trenner {
  width:24px;
  height:16px;
}

ul#twenty {
  position:relative;
  top:12px;
  left:55px;
  font-family:'dream_of_meregular';
  font-size:24px;
  letter-spacing:2px;
}

ul#twenty li {
  list-style-image:url(../img/index/list_img.png);
  line-height:43px;
  list-style-position:inherit;
}

ul#twenty li a {
  color:#000;
}

ul#twenty li:hover {
  color:#c0000f;
  list-style-image:url(../img/index/list_img_red.png);
}

ul#twenty li a:hover {
  color:#c0000f;
}

ul#navi_top1 {
  font-family:'dream_of_meregular';
  font-size:1.2em;
  letter-spacing:0.05em;
  list-style:none;
  margin:18px 0 0 0;
}

ul#navi_top2 {
  font-family:'dream_of_meregular';
  font-size:1.2em;
  letter-spacing:0.05em;
  list-style:none;
  margin:16px 0 0 0;
}

ul#navi_top1 li {
  display:inline;
  padding:0 6px 0 0;
}

ul#navi_top2 li {
  display:inline;
  padding:0 15px 0 0;
}

ul#navi_top1 li a, ul#navi_top2 li a {
  color:#000;
}

ul#navi_top1 li a:hover, ul#navi_top2 li a:hover {
  color:#c0000f;
}

ul#navi_top1 li a:hover, ul#navi_top2 li a:hover {
  color:#c0000f;
}

a {
  color:#c0000f;
}

a:hover {
  color:#c0000f;
}

.active, ul#navi_top1 li a.active, ul#navi_top2 li a.active {
  color:#c0000f;
}

/*--- Zwanziger --*/
section.zwanziger {
  position:relative;
  width:1000px;
  margin:0 auto !important;
  background-image:url(../img/zwanziger/bg_section_zwanziger.png);
  background-position:top left;
  background-repeat:no-repeat;
  clear: both;
}

a.zwanziger {
  color:#C0000F;
}

a.zwanziger:hover {
  color:#000;
}

section h2.zwanziger {
  font-family:'dream_of_meregular';
  font-size:40px;
  letter-spacing:2px;
  color:#000;
  padding:20px 0 20px 77px;
}
h3.zwanziger {
  font-family:'dream_of_meregular';
  font-size:27px;
  letter-spacing:1px;
  color:#C0000F;
  text-align:center;
  line-height:34px;
  padding:0;
  margin:0;
}

section.zwanziger #cyrcle_zwanziger {
}

section.zwanziger #cyrcle_zwanziger img {
  height:444px;
  width:283px;
}
/*--- Ende von Zwanziger ---*/

/*--- Siebdruck --*/
section.siebdruck {
  position:relative;
  width:1000px;
  margin:0 auto !important;
  background-image:url(../img/siebdruck/bg_section_siebdruck.gif);
  background-position:top left;
  background-repeat:no-repeat;
  clear: both;
}

section h2.siebdruck {
  font-family:'dream_of_meregular';
  font-size:40px;
  letter-spacing:2px;
  color:#336699;
  padding:20px 0 20px 77px;
}

section.siebdruck img {
  float:right;
  height:265px;
  width:400px;
  margin:0 0 0 20px;
}
/*--- End of Siebdruck --*/

/*--- Shirts --*/
section.shirts {
  position:relative;
  width:1000px;
  margin:0 auto !important;
  background-image:url(../img/shirts/bg_section_shirts.gif);
  background-position:top left;
  background-repeat:no-repeat;
}

section.shirts a {
  color:#c0000f;
}

section h2.shirts {
  font-family:'dream_of_meregular';
  font-size:40px;
  letter-spacing:2px;
  color:#336633;
  padding:20px 0 0 95px;
}

section.shirts img {
  float:right;
  height:286px;
  width:238px;
  margin:0 0 0 20px;
}

div.video {
  float:right;
  height:448px;
  width:450px;
  background-image:url(../img/global/bg_tv.png);
  background-position:top left;
  background-repeat:no-repeat;
  margin:-100px 0 20px 40px;
}

video {
  height:226px;
  width:400px;
  margin:133px 24px  0 24px;
}
/*--- End of Shirts --*/

/*--- Masters --*/
section.masters {
  position:relative;
  width:1000px;
  margin:0 auto !important;
  background-image:url(../img/masters/bg_section_masters.png);
  background-position:top left;
  background-repeat:no-repeat;
}

section h2.masters {
  font-family:'dream_of_meregular';
  font-size:40px;
  letter-spacing:2px;
  color:#999966;
  padding:20px 0 0 77px;
}

table.masters {
  width:1000px;
  position:relative;
  margin:20px 0 0 0;
  text-align:left;  
}

table.masters tr td {
  vertical-align:top;
  padding:5px 5px 20px 5px;
}

table.masters tr td img {
  padding:6px;
  border:2px dashed #999966;
  width:100px;
  height:138px;
  cursor:pointer;
}

table.masters tr td img.quadrat {
  padding:6px 6px 6px 6px;
  border:2px dashed #999966;
  width:100px;
  height:138px;
  cursor:pointer;
}

table.masters tr td.super_m img {
  padding:6px;
  border:2px dashed #ff0000;
  width:100px;
  cursor:pointer;
  color:#ff0000;
}

table.masters tr td.super_m, table.masters tr td.super_m a {
  color:#ff0000;
}

#layer { 
  position:fixed;
  height:100%;
  width:100%;
  z-index:1000;
  display:none;
  cursor:pointer;
}

#galerie_master {
  position:relative;
  top:30px;
  margin:0 auto !important;
  padding:8px;
  border:2px dashed #999966;
}

.back_to_labor {
  position:relative;
  width:280px;
  height:50px;
  margin:50px auto;
  padding:15px 0 0 0;
  cursor:pointer;
  visibility:visible;
  font-family:'dream_of_meregular';
  font-size:24px;
  text-align:center;
  letter-spacing:2px;
  color:#999966;
  background-image:url(../img/global/bg_backtolabor.png);
  background-position:top center;
  background-repeat:no-repeat;
}
/*--- End of Masters --*/

/*--- Aktuelles --*/
section.aktuelles {
  clear:left;
  position:relative;
  width:1000px;
  min-height:685px;
  margin:0 auto !important;
  background-image:url(../img/aktuelles/bg_section_aktuelles.png);
  background-position:top left;
  background-repeat:no-repeat;
}

section.aktuelles h2.aktuelles {
  font-family:'dream_of_meregular';
  font-size:40px;
  letter-spacing:2px;
  color:#cc9900;
  padding:20px 0 0px 77px;
}

section.aktuelles article img {
  width:175px;
  height:210px;
  float:right;
  margin:20px 0 20px 40px;
}

section.aktuelles article span {
  font-size:17px;
  letter-spacing:2px;
  color:#cc9900;
  font-weight:bold;
}
/*--- End of Aktuelles --*/

/*--- Druckaktionen --*/
section.da_default {
  position:relative;
  width:1000px;
  margin:0 auto !important;
  background-image:url(../img/druckaktionen/bg_section_da_default.png);
  background-position:top left;
  background-repeat:no-repeat;
}

section.da_all {
  position:relative;
  width:1000px;
  margin:0 auto !important;
  background-image:url(../img/druckaktionen/bg_section_da_default.png);
  background-position:top left;
  background-repeat:no-repeat;
}

section h2.druckaktion {
  font-family:'dream_of_meregular';
  font-size:40px;
  letter-spacing:2px;
  color:#FFCC00;
  padding:20px 0 0 77px;
}

section h2.da_all {
  font-family:'dream_of_meregular';
  font-size:40px;
  letter-spacing:2px;
  color:#AAC20A;
  padding:20px 0 0 77px;
}

section.da_default img.da_default {
  float:right;
  height:370px;
  width:238px;
  margin:0 0 0 20px;
  cursor:pointer;
}

div.drucke_da  {
  position:relative;
  width:960px;
  margin:0 0 15px 0;
}

div.drucke_da h3 {
  font-family:'dream_of_meregular';
  font-size:30px;
  letter-spacing:2px;
  color:#C0000F;
  padding:20px 0 0 0;
  text-align:left;
}
div.drucke_da h3 span {
  color:#000;
  line-height:30px;
  font-size:22px;
}

div.drucke_da img {
  float:none;
}

div.anno {
  font-family:'dream_of_meregular';
  font-size:24px;
  line-height: 30px;
  text-align:center;
  letter-spacing:2px;
  display:inline-block;
  width:482px;
}

.closed, .year2012, .year2013, .year2014, .year2015,  .year2016, .year2017, .year2018, .year2019, .year2020, .year2021, .year2022 {
  cursor:pointer;
}

/*--- End of Druckaktionen --*/

/*--- Ausstellungen --*/
section.ausstellung {
  position:relative;
  width:1000px;
  margin:0 auto !important;
  background-image:url(../img/ausstellung/bg_section_austellung_small.gif);
  background-position:top left;
  background-repeat:no-repeat;
}

section.vorbei {
  position:relative;
  width:1000px;
  margin:0 auto !important;
}

section h2.ausstellung {
  font-family:'dream_of_meregular';
  font-size:40px;
  letter-spacing:2px;
  color:#c1c938;
  padding:20px 0 0 77px;
}

section.ausstellung .galerie {
  float:right;
  height:255px;
  width:350px;
  margin:20px 15px 25px 30px;
  background-image:url(../img/global/bg_galerie.gif);
  background-position:top left;
  background-repeat:no-repeat;
}

section.ausstellung .galerie_portrait {
  float:right;
  height:350px;
  width:255px;
  margin:20px 15px 25px 30px;
  background-image:url(../img/global/bg_galerie_portrait.gif);
  background-position:top left;
  background-repeat:no-repeat;
}

section.ausstellung .galerie_portrait_one {
  float:right;
  height:340px;
  width:255px;
  margin:20px 15px 25px 30px;
}

section.vorbei .galerie {
  float:right;
  height:255px;
  width:350px;
  margin:0px 15px 25px 30px;
  background-image:url(../img/global/bg_galerie.gif);
  background-position:top left;
  background-repeat:no-repeat;
}

section.vorbei .galerie_portrait {
  float:right;
  height:350px;
  width:255px;
  margin:0px 15px 25px 30px;
  background-image:url(../img/global/bg_galerie_portrait.gif);
  background-position:top left;
  background-repeat:no-repeat;
}

section.ausstellung .galerie img, section.vorbei .galerie img  {
  position:relative;
  height:203px;
  width:300px;
  margin:27px 0 0 22px;
}

section.ausstellung .galerie_portrait img, section.vorbei .galerie_portrait img  {
  position:relative;
  height:300px;
  width:203px;
  margin:22px 0 0 27px;
}

section.vorbei img {
}
 
section.vorbei h3 {
  text-align:left;
  margin:0 0 0 15px;
  font-size:26px;
  cursor:pointer;
}

section.vorbei h3 img {
  vertical-align:text-top;
}

section.vorbei article.vorbeicontent {
  margin:0;
  padding:0 0 0 15px;
  display:none;
}

section.ausstellung a {
  color:#C0000F;
}
/*--- End of Ausstellungen --*/

/*--- Impressum ---*/
section.impressum {
  clear:both;
  position:relative;
  width:1000px;
  margin:0 auto !important;
  background-image:url(../img/impressum/bg_section_impressum.png);
  background-position:top left;
  background-repeat:no-repeat;
}

section h2.impressum {
  font-family:'dream_of_meregular';
  font-size:40px;
  letter-spacing:2px;
  color:#f9b126;
  padding:20px 0 0px 77px;
}
/*--- End of Impressum ---*/

/*--- Kontakte & Anfahrt ---*/
section.anfahrt {
  clear:both;
  position:relative;
  width:1000px;
  margin:0 auto !important;
  background-image:url(../img/anfahrt/bg_section_anfahrt.png);
  background-position:top left;
  background-repeat:no-repeat;
}

section h2.anfahrt {
  font-family:'dream_of_meregular';
  font-size:40px;
  letter-spacing:2px;
  color:#888;
  padding:20px 0 0 77px;
}

section.anfahrt article {
  font-size:17px;
  text-align:center;
  line-height:26px;

}

section.anfahrt article img.anfahrt {
  height:166px;
  width:1000px;
  margin:10px auto;
}
/*--- End of Kontakte & Anfahrt ---*/

/*--- Clauss & Clauss --*/
section.clauss {
  position:relative;
  width:1000px;
  height:200px;
  margin:0 auto !important;
  background-image:url(../img/clauss/bg_section_clauss.gif);
  background-position:top left;
  background-repeat:no-repeat;
}

section h2.clauss {
  font-family:'dream_of_meregular';
  font-size:40px;
  letter-spacing:2px;
  color:#ff3300;
  padding:20px 0 0 77px;
}

section.clauss a {
  color:#FF3300;
}

section.clauss #cyrcle_clauss {
  float:right;
  height:280px;
  width:280px;
  margin:0 0 20px 20px;
}

section.clauss #cyrcle_clauss img {
  height:280px;
  width:280px;
}
/*--- Clauss & Clauss --*/

section h3 {
  font-family:'dream_of_meregular';
  font-size:22px;
  letter-spacing:2px;
  color:#000;
  padding:20px 0 20px 0;
  text-align:center;
}

section h4 {
  font-family:'dream_of_meregular';
  font-size:22px;
  letter-spacing:2px;
  color:#c0000f;
  padding:20px 0 20px 0;
  text-align:left;
  cursor:pointer;
}

article {
  font-size:17px;
  text-align:justify;
  line-height:20px;
  padding:20px 15px 0 15px;
  margin:20px 0 0 0;
}

article a {
  color:#000;
}

p {
  margin:15px 0 15px 0;
}

.headline_pur, h5 {
  color:#c0000f;
  font-size:20px;
  font-weight:bold;
  line-height:30px;
}

/*--- Workshop --*/
section.workshop {
  position:relative;
  width:1000px;
  margin:0 auto !important;
  background-image:url(../img/workshop/bg_section_workshop.png);
  background-position:top left;
  background-repeat:no-repeat;
}

section h2.workshop {
  font-family:'dream_of_meregular';
  font-size:40px;
  letter-spacing:2px;
  color:#426801;
  padding:20px 0 0 77px;
}

section.workshop figure.top-figure{
  float:right;
  width:400px;
  margin:-20px 0 35px 20px;
}

section.workshop a {
  font-family:'dream_of_meregular';
  font-size:20px;
  letter-spacing:2px;
  color:#426801;
}

section.workshop figure.top-figure img {
  width:100%;
}

section h3.workshop {
  color:#c0000f;
  padding:20px 0 8px 0;
}

section h3.workshop:nth-of-type(2n) {
  color:#426801;
  padding:20px 0 8px 0;
}

section h4.workshop {
  color:#000;
  padding:5px 0 8px 0;
  text-align:center;
  font-family:"Trebuchet MS";
  font-size:20px;
  font-weight:bold;
  letter-spacing:1px;
}

ul.workshop {
  color:#000;
  padding:0 0 8px 0;
  text-align:center;
  font-family:"Trebuchet MS";
  font-size:21px;
  font-weight:bold;
  letter-spacing:1px;
  color:#c0000f;
}

ul.workshop li {
  padding:3px 0;
}

ul.zaehlwerk li {
   display:inline;	
}

section.workshop figure.workshop {
  width:90px;
  display:inline-block;
  margin:10px 3px 0px 3px;
  cursor:pointer;
}

section.workshop figure.workshop img {
  width:100%;
  border:1px solid #000;
  padding:0;
}

section.workshop figure {
  width:30%;
  display:inline-block;
  margin:20px 0 10px 0;
}

section.workshop figure img {
  width:100%;
  border:0px solid red;
  padding:10px 0;
}

section.workshop figure figcaption {
  padding:0px 0 0 0;
  margin:0;
  font-size:21px;
  font-weight:bold;
  letter-spacing:1px;
}

span.motivfundusspan {
	font-size:32px;
	font-weight:bold;
	vertical-align:bottom;
	cursor:pointer;
	color:#c0000f;
	display:inline-block;
}

.back_to_workshop {
  position:relative;
  width:397px;
  height:50px;
  margin:50px auto;
  padding:15px 0 0 0;
  cursor:pointer;
  visibility:visible;
  font-family:'dream_of_meregular';
  font-size:24px;
  text-align:center;
  letter-spacing:2px;
  color:#999966;
  background-image:url(../img/global/bg_workshop.png);
  background-position:top center;
  background-repeat:no-repeat;
}
/*--- Workshop --*/

/* Anmeldung */
section.workshop form {
    border:2px  dashed #000;
    margin:16px 0 0 0;
    padding:10px;
	text-align:center;
}

fieldset {
	width:100%;
	text-align:center;
}

label {
    min-width: 100%;
	text-align:center;
	font-size:18px;
    font-weight:bold;
    display:block;
	color:#426801;
	margin:0 0 6px 0;
}

span.likelabel {
	font-size:18px;
    font-weight:bold;
	color:#426801;
}

input {
  font-family:"Trebuchet MS";
  outline: none;
  border: 1px solid #426801;
  margin: 0 auto 8px auto;
  font-size: 18px;
  padding: 4px;
  text-align:center;
  color:#000;
}

input[type='number']{
    width: 80px;
}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"] + label {
  line-height: 1.6rem;
  margin-left: 0rem;
  position: relative;
  cursor: pointer;
}

input[type="checkbox"] + label:before {
	text-align: right;
    font-size: 20px;
    line-height: 140%;
    content: '\eab5';
    font-family: 'uxwing-iconsfont';
    color:#426801;;
}

input[type="checkbox"]:checked + label:before {
    content: '\e958';
}

textarea {
   width:95%;
   margin:0 0 6px 0;
   padding:8px;
   resize: vertical;
   color:#000;
   font-family:"Trebuchet MS";
   outline: none;
   border: 1px solid #426801;
   font-size: 18px;
   text-align:center;
}

input.button {
  font-family:"Trebuchet MS";
  outline: none;
  border:1px solid #426801;
  border-radius: 12px;
  background-color:#426801;
  margin:12px 0;
  font-size: 20px;
  padding: 6px 12px;
  text-align:center;
  color:#f9f8e6;
  cursor:pointer;
}

/* Anmeldung */

footer {
  clear:both;
  position:relative;
  width:1000px;
  height:100px;
  top:0px;
  margin:0 auto !important;
  background-image:url(../img/global/bg_footer.png);
  background-position:top right;
  background-repeat:no-repeat;
  font-size:17px;
  color:#f9f8e6;
  background-color:#f9f8e6;
}

footer span.info a {
  color:#f9f8e6;
}

footer span.info a:hover {
  color:#000;
}

footer span.info {
  display:inline-block;
  margin:25px 0 0 10px;
  padding:4px 0px 7px 15px;
  letter-spacing:1px;
}

footer img.copy {
  position:relative;
  top:4px;
}

footer img.top {
  float:right;
  width:41px;
  height:51px;
  margin:12px 38px 10px 0;
  cursor:pointer;
}