/* ::: Basis-Elemente ::: */
/* einkommentieren, wenn Fade-In gew?nscht => dann initLazyLoad() erst beim Success ShowAll() ausf?hren
form {
  opacity: 0;
}
*/

.clear,
.spacer,
.halfspacer,
.quarterspacer,
.minispacer,
.doublespacer,
.imgfspacer {
  clear:both;
  font-size:0;
  line-height:0;
  height:0;
  display:block;
}
.doublespacer   { height:32px; }
.spacer     { height:16px; }
.halfspacer   { height:8px; }
.quarterspacer   { height:4px; }
.minispacer   { height:2px; }
.none,
.hide {
  display:none;
}
hr {
  clear: both; 
  height: 1px; 
  margin: 0;
  padding: 0;
  border: none; 
  background-color:#CCC;
  font-size: 0;
  line-height: 0;
}
img {
    vertical-align:bottom;
    width:"auto";
    max-width:100%;
}
.left   { float:left; }
.right   { float:right; }
.even   { background-color:#CCC; }
.odd   { background-color:#EEE; }
figcaption {
 font-style:italic;
 font-size:10px;
}
.error {
  color:#e60003;
}
.errorlabel {
    display:block;
}
.searchword {
  background-color:#333;
  color:#fff;
}
.anker:not([href]) {
    text-decoration:none;
}

/* ::: onpublix-Textausrichtung ::: */
.textleft    { text-align:left; }
.textcenter  { text-align:center; }
.textright   { text-align:right; }
.textjustify { text-align:justify; }

/* ::: Abst?nde ::: */
figure,
audio,
video,
canvas,
.youtube,
.generate-ui-tab,
div.ui-accordion,
table.tabelle,
.errorlabel {
  margin: 0 0 16px;
}

audio {
    max-width:100%;
}
video {
    max-width:100%;
    height:auto;
}

figure {
    position:relative;
    z-index:1;
    text-align:center;
}

/* ::: Imgleft/Imgright/Gallery/Zoomable ::: */
figure.imgleft,
figure.imgright {
    display:table;
    padding-top:2px;
   /* max-width: 250px; /* je nach Layout anzupassen */
   /* width: 100%;*/
}
figure.imgleft { /* display und width wegen gewuenschtem Caption-Verhalten */
  float:left;
  margin:0 10px 5px 0;
  text-align:left;
}
figure.imgright { /* display und width wegen gewuenschtem Caption-Verhalten */
  float:right;
  margin:0 0 5px 10px;
  text-align:right;
}
figure.imgleft img,
figure.imgright img {
    width:100%;
}
figure.zoomable > span.figurewrapper,
figure.gallery > span.figurewrapper {
    position:relative;
    z-index:1;
    display:inline-block;
    width:100%;
    cursor:pointer;
}
figure.imgleft span.figurewrapper,
figure.imgright span.figurewrapper {
    display:block;
}
figure.gallery > span.figurewrapper a:first-child {
    position:relative;
    z-index:1;
    display:block;
}
figure.zoomable > span.figurewrapper:after,
figure.gallery > span.figurewrapper a:first-child:after {
    content:'';
    display:block;
    position:absolute;
    z-index:1;
    bottom:0;
    right:0;
    width:19px;
    height:19px;
    background:url(/img/system/icons/zoombox.gif) 0 0 no-repeat;
}
figure.gallery > span.figurewrapper a:first-child:after {
    background-image:url(/img/system/icons/gallery.gif);
}
div.textnf {
  display:table;
}

/* :::  Quicknav ::: */
a.jumpto {
  display:block; 
  position:absolute; 
  top:6px; 
  left:-1000px; 
  z-index:100; 
  padding:10px; 
  font-size:16px; 
  line-height:1.5em;
  font-weight:bold; 
  color:#000;
  background-color:#FFFF8D; 
}
a.jumpto:focus, 
a.jumpto:active {
  left:0;
}

/* :::  YouTube-Baustein ::: */
.youtube {
  position: relative; 
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.youtube iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

/* :::  Korrekturen ::: */
body .ui-widget {
  font-size:1em;
}

.generate-ui-tab .supertab-head {
    display:none;
}

.ui-tabs .ui-tabs-nav li a,
.ui-state-default a 
{ 
  outline:none;  /* Mix aus normalize und jquery-ui */
}
.mejs-container,
.mejs-container .mejs-layer {
    max-width:100%;
}