article	 { margin-bottom: 50px }
figure 		{ position: relative; margin: 0; padding: 0; overflow: hidden; }
figcaption 	{ margin: 0; padding: 0; }
figcaptext { display: block; color: #f0d7b4; font-size: 12px; font-family: Arial; padding: 6px 12px 0px 12px; }
figcaphw { display: block; color: #6e5f41; font-size: 12px; font-family: Arial; padding: 6px 12px 0px 12px; }
h1			{ color: #96141e; font-size: 22px; font-family: Arial; font-weight: bold }
h2			{ color: #96141e; font-size: 20px; font-family: Arial; font-weight: bold }
h3			{ color: #96141e; font-size: 18px; font-family: Arial; font-weight: bold }
h4		 	{ color: #96141e; font-size: 16px; font-family: Arial; font-weight: bold }
hr 			{ color: #96141e; margin: 3px; padding: 0 }
.h2ut 	 { color: #6e5f41; font-size: 12px; font-family: Arial; margin-top: -16px }
ul		 { color: #6e5f41; list-style-type: disc; list-style-position: outside }
li 		  { color: #6e5f41; font-size: 16px; font-family: Arial }
a:link			{ color: #6e5f41; text-decoration: none; border-style: none; outline-style: none }
a:visited 	{ color: #6e5f41; text-decoration: none; border-style: none; outline-style: none }
a:hover 		{ color: #96141e; text-decoration: none; border-style: none; outline-style: none }
a:active 	{ color: #96141e; text-decoration: none; border-style: none; outline-style: none }
a:focus 		{ outline: none; }
.txdiranw 		 { color: #000000; font-size: 12px; font-family: Arial; line-height: 20px; text-align: right; margin: 0; padding: 0 }
.txerkcode 	{ color: #69645a; font-size: 11px; font-family: Arial; line-height: 20px; text-align: center; margin: 0; padding: 0 }
.text 			{ color: #6e5f41; font-size: 16px; font-family: Arial }
.ftext 		{ color: #6e5f41; font-size: 16px; font-family: Arial; font-weight: bold }
.ztext 		{ color: #6e5f41; font-size: 16px; font-family: Arial; text-align: center }
.bltext 		{ color: #6e5f41; font-size: 16px; font-family: Arial; text-align: justify }
.tabtext 	{ color: #6e5f41; font-size: 16px; font-family: Arial; margin: 0; padding: 0 }
.tabftext 	{ color: #6e5f41; font-size: 16px; font-family: Arial; font-weight: bold; margin: 0; padding: 0 }
.tabztext 	 { color: #6e5f41; font-size: 16px; font-family: Arial; text-align: center; margin: 0; padding: 0 }
.boxtext 	{ color: #6e5f41; font-size: 16px; font-family: Arial }
.boxftext 	{ color: #6e5f41; font-size: 16px; font-family: Arial; font-weight: bold }
.bild { display: block; position: relative; margin: 0; padding: 0; width: 100%; height: auto; border-radius: 12px; }
.textbild100 { visibility: visible; position: relative; width: 100%; height: auto; }
.textbild090 { visibility: visible; position: relative; width: 90%; height: auto; }
.textbild080 { visibility: visible; position: relative; width: 80%; height: auto; }
.textbild075 { visibility: visible; position: relative; width: 75%; height: auto; }
.textbild060 { visibility: visible; position: relative; width: 60%; height: auto; }
.textbild050 { visibility: visible; position: relative; width: 50%; height: auto; }
.textbild040 { visibility: visible; position: relative; width: 40%; height: auto; }
.textbild030 { visibility: visible; position: relative; width: 30%; height: auto; }
.textbild025 { visibility: visible; position: relative; width: 25%; height: auto; }
.textbild020 { visibility: visible; position: relative; width: 20%; height: auto; }
.textzbild100 { visibility: visible; position: relative; margin-left: auto; margin-right: auto; width: 100%; height: auto; }
.textzbild090 { visibility: visible; position: relative; margin-left: auto; margin-right: auto; width: 90%; height: auto; }
.textzbild080 { visibility: visible; position: relative; margin-left: auto; margin-right: auto; width: 80%; height: auto; }
.textzbild075 { visibility: visible; position: relative; margin-left: auto; margin-right: auto; width: 75%; height: auto; }
.textzbild060 { visibility: visible; position: relative; margin-left: auto; margin-right: auto; width: 60%; height: auto; }
.textzbild050 { visibility: visible; position: relative; margin-left: auto; margin-right: auto; width: 50%; height: auto; }
.textzbild040 { visibility: visible; position: relative; margin-left: auto; margin-right: auto; width: 40%; height: auto; }
.textzbild030 { visibility: visible; position: relative; margin-left: auto; margin-right: auto; width: 30%; height: auto; }
.textzbild025 { visibility: visible; position: relative; margin-left: auto; margin-right: auto; width: 25%; height: auto; }
.textzbild020 { visibility: visible; position: relative; margin-left: auto; margin-right: auto; width: 20%; height: auto }
.fltextbildl100 { visibility: visible; position: relative; margin: 8px; padding: 0; width: 100%; height: auto; float: left; }
.fltextbildl090 { visibility: visible; position: relative; margin: 8px; padding: 0; width: 90%; height: auto; float: left; }
.fltextbildl080 { visibility: visible; position: relative; margin: 8px; padding: 0; width: 80%; height: auto; float: left; }
.fltextbildl075 { visibility: visible; position: relative; margin: 8px; padding: 0; width: 75%; height: auto; float: left; }
.fltextbildl060 { visibility: visible; position: relative; margin: 8px; padding: 0; width: 60%; height: auto; float: left; }
.fltextbildl050 { visibility: visible; position: relative; margin: 8px; padding: 0; width: 50%; height: auto; float: left; }
.fltextbildl040 { visibility: visible; position: relative; margin: 8px; padding: 0; width: 40%; height: auto; float: left; }
.fltextbildl030 { visibility: visible; position: relative; margin: 8px; padding: 0; width: 30%; height: auto; float: left; }
.fltextbildl025 { visibility: visible; position: relative; margin: 8px; padding: 0; width: 25%; height: auto; float: left; }
.fltextbildl020 { visibility: visible; position: relative; margin: 8px; padding: 0; width: 20%; height: auto; float: left; }
.fltextbildr100 { visibility: visible; position: relative; margin: 8px; padding: 0; width: 100%; height: auto; float: right; }
.fltextbildr090 { visibility: visible; position: relative; margin: 8px; padding: 0; width: 90%; height: auto; float: right; }
.fltextbildr080 { visibility: visible; position: relative; margin: 8px; padding: 0; width: 80%; height: auto; float: right; }
.fltextbildr075 { visibility: visible; position: relative; margin: 8px; padding: 0; width: 75%; height: auto; float: right; }
.fltextbildr060 { visibility: visible; position: relative; margin: 8px; padding: 0; width: 60%; height: auto; float: right; }
.fltextbildr050 { visibility: visible; position: relative; margin: 8px; padding: 0; width: 50%; height: auto; float: right; }
.fltextbildr040 { visibility: visible; position: relative; margin: 8px; padding: 0; width: 40%; height: auto; float: right; }
.fltextbildr030 { visibility: visible; position: relative; margin: 8px; padding: 0; width: 30%; height: auto; float: right; }
.fltextbildr025 { visibility: visible; position: relative; margin: 8px; padding: 0; width: 25%; height: auto; float: right; }
.fltextbildr020 { visibility: visible; position: relative; margin: 8px; padding: 0; width: 20%; height: auto; float: right; }
.fltextbildende { clear: both; }
#bildinfo { visibility: visible; position: relative; top: 0; left: 0; width: 100%; height: auto; }	
#bildinfo figure { position: relative; overflow: hidden; }
#bildinfo figure:before { content: "i"; position: absolute; z-index: 1; bottom: 6px; left: 6px; width: 24px; height: 24px; border: thin solid #96141e; text-align: center; font-size: 16px; font-family: Arial; font-weight: bold; border-radius: 12px; background-color: rgba(255, 255, 255, 0.66); color: #96141e; opacity: 1; transition: all 1s ease; }
#bildinfo figure:hover:before { opacity: 0; }
#bildinfo > figure > figcaption { position: absolute; bottom: 0; width: 100%; height: auto; background-color: rgba(0, 0, 0, 0.50); border-radius: 0px 0px 12px 12px; opacity: 0; transition: all 1s ease; }
#bildinfo > figure:hover > figcaption { position: absolute; bottom: 0; width: 100%; height: auto; background-color: rgba(0, 0, 0, 0.50); border-radius: 0px 0px 12px 12px; opacity: 1; }
#gallerie  { visibility: visible; display: grid; position: relative; top: 0; left: 0; width: 100%; height: inherit; grid-auto-flow: column; grid-gap: 3px 3px; grid-template-columns: repeat (auto-fill) }	
#gallerie figure { position: relative; overflow: hidden; }
#galleriei { visibility: visible; position: relative; top: 0; left: 0; width: 100%; height: auto; display: grid; grid-template-columns: repeat (auto-fill); grid-auto-flow: column; grid-gap: 3px 3px; }	
#galleriei figure { position: relative; overflow: hidden; }
#galleriei figure:before { content: "i"; position: absolute; z-index: 1; bottom: 6px; left: 6px; width: 24px; height: 24px; border: thin solid #96141e; text-align: center; font-size: 16px; font-family: Arial; font-weight: bold; border-radius: 12px; background-color: rgba(255, 255, 255, 0.66); color: #96141e; opacity: 1; transition: all 1s ease; }
#galleriei figure:hover:before { opacity: 0; }
#galleriei > figure > figcaption { position: absolute; bottom: 0; width: 100%; height: auto; background-color: rgba(0, 0, 0, 0.50); border-radius: 0px 0px 12px 12px; opacity: 0; transition: all 1s ease; }
#galleriei > figure:hover > figcaption { position: absolute; bottom: 0; width: 100%; height: auto; background-color: rgba(0, 0, 0, 0.50); border-radius: 0px 0px 12px 12px; opacity: 1; }