@font-face{font-family:'Titillium Web';font-style:normal;font-weight:300;src:local('Titillium Web Light'), local('TitilliumWeb-Light'), url('/fonts/TitilliumWeb-Light-latin.woff2') format('woff2'),
url('/fonts/TitilliumWeb-Light-latin.woff') format('woff');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;}
@font-face{font-family:'Titillium Web';font-style:normal;font-weight:400;src:local('Titillium Web'), local('TitilliumWeb-Regular'), url('/fonts/TitilliumWeb-Regular-latin.woff2') format('woff2'),
url('/fonts/TitilliumWeb-Regular-latin.woff') format('woff');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
@font-face{font-family:'Titillium Web';font-style:normal;font-weight:600;src:local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url('/fonts/TitilliumWeb-Semibold-latin.woff2') format('woff2'),
url('/fonts/TitilliumWeb-Semibold-latin.woff') format('woff');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
@font-face{font-family:'Titillium Web';font-style:normal;font-weight:700;src:local('Titillium WebBold'), local('TitilliumWeb-Bold'), url('/fonts/TitilliumWeb-Bold-latin.woff2') format('woff2'),
url('/fonts/TitilliumWeb-Bold-latin.woff') format('woff');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}

/* latin */
@font-face {
 font-family: 'Libre Baskerville';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: local('Libre Baskerville'), local('LibreBaskerville-Regular'), url('/fonts/LibreBaskerville-Regular.woff2') format('woff2'),url('/fonts/LibreBaskerville-Regular.woff') format('woff');
}

/* latin */
@font-face {
 font-family: 'Libre Baskerville';
 font-style: normal;
 font-weight: 700;
 font-display: swap;
 src: local('Libre Baskerville Bold'), local('LibreBaskerville-Bold'), url('/fonts/LibreBaskerville-Bold.woff2') format('woff2'),url('/fonts/LibreBaskerville-Bold.woff') format('woff');
}

/* latin */
@font-face {
 font-family:'Libre Baskerville';
 font-style: italic;
 font-weight: 400;
 font-display: swap;
 src: local('Libre Baskerville Italic'), local('LibreBaskerville-Italic'), url('/fonts/LibreBaskerville-Italic.woff2') format('woff2'),url('/fonts/LibreBaskerville-Italic.woff') format('woff');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

a img{border:none;}
a img:hover, footer nav ul li a:hover, a.colored:hover, a.text:hover, a.ok:hover, .cta:hover, a.bread span:hover, .content a:hover{opacity:0.65;}
a.colored{text-decoration:none;}
.spacer{clear:both;height:0px;overflow:hidden;}
html { font-size:16px;color:#262626; line-height: 1.5;}
body{margin:0px;padding:0px;background-color:#fff;min-width:320px; font-family:'Libre Baskerville', serif, Calibri, Arial;}
h1, h2, h3, h4 {font-family:Titillium Web, Calibri, Arial, sans-serif; line-height: 1.3; text-transform:uppercase; font-style:normal; font-weight: 600;}
h1.subTitle,h2.subTitle,h3.subTitle,h4.subTitle { text-transform:none;}
.container {max-width: 1100px; margin: 0 auto;}
.text{font-size:1rem;color:#262626;font-weight:400;line-height:1.4;}
.text2 {font-size:0.8rem;}
header{min-width:320px; position:fixed; width:100%; top: 0; line-height: 1;}
.logo {background-repeat:no-repeat; background-position:center center;/*padding: 4.9rem 0;*/padding: 2.7rem 0 3rem 0; width: 100%; background-size: auto 100%;}
.subTitle {font-family:'Libre Baskerville', serif, Calibri, Arial; color: #72736b; font-size: 2rem; /*font-size: 2.13333rem;*/ font-weight: normal; font-style:italic;}
.logo, .logo h1 {line-height: 1.1;}
header h1.subTitle {margin: 0;}
.nomobile, #mobileNaviButton, .hidden {display:none;}
#mobileNaviButton {line-height: 1;}
.flex {display: flex;flex-wrap: wrap;}
.block {display:block;}
.aright, .aRight{text-align:right;}
.acenter, .aCenter {text-align:center;}
.aleft, .aLeft{text-align:left;}
.fleft, .fLeft{float:left;}
.fright, .fRight{float:right;}
.vtop, .vTop {vertical-align:top;}
.justify {text-align:justify;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.p30{padding:30px;}
.mt0 {margin-top:0px;}
.mb0 {margin-bottom:0px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:15px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mb70{margin-bottom:70px;}
.pl5{padding-left:5px;}
.pr5 {padding-right: 5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
img {max-width: 100%;}
.pointer {cursor:pointer;}
.info {cursor:help;}

/* Only Chrome und Edge CSS hack, weil im Safari verpixelt */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	img {image-rendering: -webkit-optimize-contrast;}
}

.bgcolored {background: #EAEAEA;}
.content {padding: 2rem 3%; max-width: 1080px; margin: 0 auto; color: #3b3b39;}
.bbottom {border-bottom: 3px solid #ccc;}
.btop {border-top: 3px solid #ccc;}
.bigtext {font-size: 1.3125rem;} 
.regular {font-style:normal !important; font-size: 0.93rem; /*font-size:0.98rem;*/ line-height: 1.7;}

.headerBildContainer {max-width: 1180px; margin: 0 auto;}
.headerBild {background-position: 50% 50%; background-repeat:repeat; background-size: cover;/* padding-top:46%;*/ padding-top: 40%;}
.content a {color: #2255bb;}
.teaserGroup {color: #3b3b39; padding: 0 0; margin: 0 -2%;}
.teaserGroup h2 {margin: 1rem 2% 0.5rem 2%; padding-bottom: 0.5rem; border-bottom: 1px solid #72736b;}
.teaserGroup .green {text-decoration:none;}
.green {color: #2255bb;}
.teaser {width: 29.33%; margin: 1.5rem 2%; float:left;}
a.teaser, .teaser a {color: #3b3b39; text-decoration:none;}
.teaser h3 {color: #333; margin: 0.5rem 0; font-size: 1.3rem;}
.teaser p {margin: 0.5rem 0; /*display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; max-height: 4.5rem; overflow:hidden;*/}
.thumbContainer, .imgContainer {padding-top: 61.2%; position:relative; overflow:hidden; background-color: #444;}
.thumbContainer img {position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover;}
.thumbContainer.nobg {background-color:none; background: none; padding-top:25%;}
.more {font-size: 1.333rem; font-style: italic;}

.content h1 {color: #444; font-size: 2.2rem; margin-bottom: 2.5rem; line-height: 1.2;}
.content .detail h2, .content .detail h3, .content .detail h4 {color: #262626; border-bottom: 1px solid #9ca095; padding: 1rem 0; font-weight: 600;}
.content .detail h2 {font-size: 1.4rem;}
.content .detail h3 {font-size: 1.3rem;}
.content .detail h4 {font-size: 1.2rem;}
h1,h2,h3,h4,table,img,.detailTeaser {column-span: all !important;}
.content .detail ul {padding-left:15px;}
.content .detail ol {padding-left:18px;}
.imgContainer {display: block; margin-top: 1rem; margin-bottom: 1rem;}
.mediumbild {position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover;}
.detailTeaser {font-size: 1.2rem; line-height: 1.3;}
.detailTeaser {font-family:Titillium Web, Calibri, Arial, sans-serif; font-size: 1.066666667rem; /*font-size: 1.13rem;*/ color: #262626; font-weight: 600; margin-bottom: 1rem; font-style:normal;}
.detailText1 {padding: 0 15%;}
.share img {width: 3rem;}
.morePadding {padding: 3rem 2%;}


.smIcon { line-height:1.0; margin: 0 0 0 1.5rem !important; display: inline-block;}
.smIcon img {max-height: 1.6rem;margin-bottom: -5px;}
.homeIcon { line-height:1.0; margin: 0 1rem 0 0 !important; display: inline-block;}
.homeIcon img {max-height: 1.2rem;margin-bottom: -2px;}
/*Footer*/
.darkline {height: 0px; overflow:hidden; border-bottom: 3px solid #72736b;}
footer {color: #fff; background-color: #666;}
.footerlogo {margin-bottom:1rem; }
footer .subTitle {margin: 0 0 0.5rem 1.5%;}
footer nav {/*float:left;*/ width: 100%; display:block; /*padding-left: 10%;*/ margin: 0 -1.5%;}
footer nav ul {margin:0; padding: 0; float:none;}
footer nav ul, footer nav li {list-style-type:none; display:inline;}
footer nav li a {float:left; width: 22%; margin: 0.2rem 1.5%; text-decoration: none; /*text-transform: uppercase;*/ font-weight: 600; font-size: 1.066666667rem; font-family:Titillium Web, Calibri, Arial, sans-serif; font-style:normal; color: #fff !important;}
.bgcolored2 {background: #555;}
footer .bgcolored2 {padding-bottom: 2.5rem; margin-top: 2rem;}
footer .content {padding: 1.4rem 3% 0 3%;}
.content.white, footer .content.white a {color: #fff !important;}
footer .content.white a {text-decoration:none;}
footer .content.white {font-weight: 600; font-size: 1.066666667rem; font-family:Titillium Web, Calibri, Arial, sans-serif; font-style:normal; font-style:normal;}

#fixedDiv2 {position: fixed; bottom:0; left:0; width: 100%; height: 0px; overflow:hidden; z-index:101; font-size:12px; line-height:2; opacity: 1; text-align:center; font-family: Arial, Helvetica, sans-serif;}
.ok {padding: 2px 4px;color: #ffffff !important;text-decoration: none;margin: 0px 3px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #fff; border-radius: 3px;}
.ok {background: #0788e3; font-size: 12px; font-weight:bold;}

#pleasewaitcontainer {display:none; z-index: 101; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=0 );}
#pleasewait {display:none; height: 200px; padding: 0px 10px 0px 10px; top: -webkit-calc(50% - 100px); top: -moz-calc(50% - 100px); top: calc(50% - 100px); position: fixed; width: 260px; border-radius: 20px; border: 3px solid #000; box-shadow: 0 0 15px #000000; left: -webkit-calc(50% - 140px); left: -moz-calc(50% - 140px); left: calc(50% - 140px); background: #ffffff; text-align:center;}

/*eingebettete Video*/
.embedvideoFrame {width: 100%; padding-top:56.25%; margin:0; border:0; position:relative; overflow:hidden; background-repeat: no-repeat; background-size: cover;}
a.embedvideoFrame {display:block;}
.embedvideoFrame img {max-width: 100%; position:absolute; top:0;}
.myVideoFrame {margin:0; padding: 0; border:none; overflow:hidden;}

/*lightbox*/
.lightbox {font-family:Titillium Web, Calibri, Arial, sans-serif; font-style:normal !important; font-size: 1rem; line-height: 1.3;}

/* NEUE STYLES MÄNNERNEWS */
.untertitel, .urheber {overflow: hidden; font-family: Titillium Web, Arial, sans-serif;}
.untertitel {font-size: 0.9rem; padding:2px 4px; background-color: #EAEAEA; white-space: nowrap; }
.bgcolored .untertitel {background-color: #f1f1f1;}
.urheber {font-size:0.7rem; color: #aaa;}
a.grau4, .grau4 {color: #666;}
header {box-shadow: rgb(153, 153, 153) 0px 0px 4px; z-index:10;}
header img {max-height: 3rem;}
.lrot {background: #bd0310;}
#content {margin-top:3rem;}
.text3 {font-size:0.7rem;}
#ad1 img, #ad2 img {width: 400px;}
.teaserpic {float: left; margin-right: 8px; margin-top:2px;}
.teaserpicr {float: right; margin-left:8px; margin-top:2px;}
.teaserpic2 {margin-top: 2px; margin-bottom: 2px;}
.text .teaserpic {margin-top:4px;}
.teaserpic.urheber, .teaserpicr.urheber {width:180px; line-height: 1.2;}
.spacer, .spacer2, .spacer3 {clear:both;}
.spacer2 {height: 20px;}
.preview h1, .preview h2, .preview h3, .preview h4, .ueberschrift h2, .ueberschrift h3, .ueberschrift h4 {margin: 0.5rem 0;}
.preview h1 {font-size:2.2rem;}
.preview h2, .ueberschrift h2 {font-size:1.8rem;}
.preview h3, .ueberschrift h3 {font-size:1.5rem;}
.preview h4, .ueberschrift h4 {font-size:1.2rem;}
a.heading {	color: #444; text-decoration:none;}
.urheber {display:block;}
.detailContent {padding: 4rem;	box-shadow: 0px 0px 4px #bbb;	margin-top: 1rem;}
.detailContent h1 {margin:1rem 0;}
.tpDetail {line-height: 1.0; margin-bottom: 0.5rem; /*background: #f1f1f1;*/}
.tpDetail img {display:inline-block; width: 400px; max-width: 100%;} 
.bigImage {max-width: 75%; height: auto; display:block; margin: 0 auto;}
h1.mt0 {margin-top: 0 !important;}
.detail h2, .detail h3, .detail h4 {clear:both;}
.grau2 {  background-color: #f1f1f1;}
iframe {max-width: 100% !important;}

.comment {margin-top: 10px; color: #111;}
.commentHeading {background-color: #efefef; background-image:url(/pics/comment.png); background-position: left 3px top 3px; background-repeat: no-repeat; padding: 3px 3px 3px 30px;}
.commentText {padding: 1px 0;}

/* neue BurgerNavi */
#nav {display:none; font-size:16px; /*font-family: Arial, Helvetica, sans-serif;*/ /*text-transform:uppercase;*/}
.menueC {float:right; position:relative; padding-right: 400px; max-height: 10000px;}
.menue {position: fixed; top: 0; width: 400px; background: #333; z-index:12; max-height: 100vh; overflow:auto;}
.menue li {/*display:none;*/} 
.menue li img {max-height: 28px;padding: 5px 16px;background: #999;display: block;float: right; margin-left: 10px;}
.menue ul, .menue li {margin-left:0; padding-left:0;}
.menue li .flex {justify-content: space-between;}
.menue li .flex .link {padding: 10px 6px; line-height: 1.1; /*width: 220px;*/}
.menue li.sub2 .flex .link {width: 100%;}
.menue li .flex .link:hover {color: #fff; font-weight: 600;}
.menue .main, .menue .sub, .menue .sub2 {margin-top: 5px; margin-bottom: 5px; padding:0; /*border: 1px solid #ccc;*/ text-align:left; }
.menue .main {margin-left: 10px;  margin-right: 15px; /*background: #555;*/ text-transform:uppercase;}
.menue .sub {margin-left: 20px; text-transform:none;}
.menue .sub2 {margin-left: 20px; text-transform:none;}
.menue .main.active { display:block;}
.menue .sub, .menue .sub2 {/*border: 1px solid #ccc;*/ text-align:left; }
.menue .main, .menue .active, .sub.active, .sub2.active {display:block;}
.menue .sub2 {text-align:left;}
.menue ul {list-style: none;}
.menue .gelb a {color: #fefdc1;}
.menue .rosa a {color: #fec1de;}
.menue .blau a {color: #d0e8fe;}
.menue .gruen a {color: #d4fec1;}
.menue .sub2 a {/*color: #ffffff;*/}
.menue a {text-decoration:none;}
.menue div {background: #666; padding-left: 5px;}
.white {color: #fff;}
.burger {height: 1.9rem; width: 1.9rem; display:block; float:right; margin:10px 10px 0 0;}
.burger img {width: 100%;}
.burger img:hover {opacity:0.6;}
.close {margin: 10px 17px 5px 0;}
.close, .close img {width: 24px;}

@media only screen and (max-width: 1200px) {
	#falklayer1 {width: 65%;}
} 
@media only screen and (max-width: 1000px) {
	#falklayer1 {width: 70%;}
	#videosearch{width:90%;left:5%;}
	header {padding-bottom: 0;}
	.logo {background-position: center 0%; background-size: auto 110%; padding-top: 4.9rem; padding-bottom: 3.5rem;}
	.content h1 {font-size: 2rem; margin: 0.5rem 0 1.5rem 0;}
	.smIcon {display:none;}
	.detailContent {padding: 3rem;}
} 
@media only screen and (max-width: 900px) {
	.nodesktop {display:block;}
}
@media only screen and (max-width: 800px) {
	.teaser {width: 46%; margin: 1.5rem 2%;}
	footer nav li a {width: 30.33%;}
	.produktPreview {width: 46%; margin: 1.5rem 2%; margin-bottom: 1.8rem;}
	.footerSpacer {display:block; width: 100%; clear:both; margin-bottom: 5px;}
	footer .content.white {text-align: center;}
	footer .content.white .fLeft, footer .content.white .fRight {float:none;}
	.fb {margin-bottom: -6px;}
	.commentRespond {display:none;}
	table.antropologie  td {display:block; padding-bottom: 0.5rem; width: 100%;}
}
@media only screen and (max-width: 747px) {
	#falklayer1 {width: 85%;}
	#videosearch{width:99%;left:0.5%;}
	.videoPreviewContainer {width: 100%}
	.zweiSpalten p, .zweiSpalten ul {column-count: 1;}
	.detailContent {padding: 0; margin: 0; box-shadow:none;}
}
@media only screen and (max-width: 700px) {
}
@media only screen and (max-width: 650px) {
.content h1 {font-size: 1.7rem; margin: 0.2rem 0 1.2rem 0;}
}
@media only screen and (max-width: 600px) {
	#falklayer1 {width: 94%;}
	.subTitle {font-size: 1.7rem;}
	.bigtext {font-size: 1.1rem;}
	.unslider ul li .box .boxContent h3 {font-size: 1.8rem;}
	.unslider ul li .box .boxContent p {font-size: 1rem;}
	.unslider ul li .box .boxContent {left: 5%; width: 90%;}
	.videoPreview {padding:4% 0 !important;}
	footer nav {padding: 0 1%;}
	footer nav li a {width: 47%; margin: 0.5rem 1.5%;}
	.detailText1 {padding: 0 0%;}
	.footerlogo { maxw-width: 50%; }
	.logo {background-position: center 0%; background-size: auto 115%; padding-top: 4.5rem; padding-bottom: 1.6rem;}
}
@media only screen and (max-width: 500px) {
	.videoPreview {padding:1% 0 !important;}
	.teaserpreviewtext {padding: 0.8rem 0.7rem;}
	#mobileNaviButton img {max-width: 100%;}
	.bigtext {font-size: 1.0em;}
	.content.bigtext {text-align:justify; padding-top: 0.5rem; padding-bottom: 1rem;}
	#mobileNaviButton {max-width: 45px; max-height: 45px;}
	html {font-size: 15px;}
	.content.baustein {/*text-align:justify;*/ padding-left: 3%; padding-right: 3%;}
	.unslider ul li .box .boxContent h3 {letter-spacing: 0; font-size: 1.6rem; line-height: 1.1;}
	.teaser {width: 96%; margin: 1.5rem 2%; float:none;}
	.thumbContainer {width: 66%; padding-top: 40.392%;}
	#mobileNaviButton {max-width: 11%;}
	.logo {padding-top: 4.5rem; padding-bottom: 1.5rem;}
	.untertitel {display:none;}
	.teaserpic, .teaserpicr {float:none; width: auto; margin-left: 0;}
  .thumbContainer.nobg {padding-top:20%;}
}
@media only screen and (max-width: 460px) {

}
@media only screen and (max-width: 400px) {
	.menueC {padding-right:100%;}
	.menue {width: 100%;}
}
@media only screen and (max-width: 360px) {
	#falklayer1 {width: 100%;}
	#falklayer1 div {padding: 0;}
	.text {font-size: 1rem;}
}
@media only screen and (max-width: 359px) {
	html {font-size: 14px;}
		.unslider ul li .box .boxContent h3 {font-size: 1.5rem; }
}

/* Preload images */
body:after {
  content: url(/lightbox/img/close.png) url(/lightbox/img/loading.gif) url(/lightbox/img/prev.png) url(/lightbox/img/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/lightbox/img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/lightbox/img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/lightbox/img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data a {color: #fff;}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/lightbox/img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}