/*!
 * Bootstrap IMG - reset TYPO3 Image
 *  *
 * Copyright 2015 Atelier 26
 *
 */



/* TYPO3 IMG 
-------------------------------------------------- */

img {
    height: auto;
    width: 100%;
    max-width: 100%;
}

div.csc-textpic div {
  width:100%;
}


DIV.csc-textpic .csc-textpic-imagewrap FIGURE {
    max-width: 100%;
    overflow: hidden;
    display: block;
}

DIV.csc-textpic DIV.csc-textpic-single-image IMG {
padding-bottom: 0px;
margin-bottom: 0px; 
}


DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image img {
  padding: 0px 0px 0px 0px;
  display: block;
}

.tx-imagecycle-pi1 DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
  padding: 0px 0px 20px 0px;
  background-color: #FFFFFF;
  display: block;
}


DIV.csc-textpic-center .csc-textpic-imagewrap,
DIV.csc-textpic-center FIGURE.csc-textpic-imagewrap {
    width: 100%;
    display: block;
}

DIV.csc-textpic-center .csc-textpic-center-outer {
    max-width: 100%; /* max. size od image */
}

DIV.csc-textpic-center .csc-textpic-center-inner {
    max-width:100%;
    width: 100%;
}

/* Fix of problem scaling and TYPO3 row's */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: none; }

DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-imagerow ul, DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-imagerow ul, DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-imagerow ul {
      display: table-row;
}


DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image
 {
    display: table-cell;
    margin-left: 0px;
    max-width: 25%;
    width: 25%;
    padding: 0px 15px 15px 0px;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	 margin-bottom: 25px;
}

/* Page specivic */
div.csc-textpic-text { 
padding-top: 0px;
display: block;
overflow: hidden;
}

@media (max-width: 767px) {
  DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image
  {padding: 0px 10px 10px 0px;}
}


/* TYPO3 Lightbox */

div#sbCenter {
     z-index: 5000;
}
div#sbBottomContainer {
     z-index: 4001;
}
div#sbBottom{
     z-index: 5000;
}
div#sbOverlay {
     z-index: 4000;
}

/* TYPO3 Fancybox */

.fancybox-skin {
    background: #f9f9f9 none repeat scroll 0 0;
    border-radius: 0px; /* no radius */
    color: #444;
    position: relative;
    text-shadow: none;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("../img/fancybox_sprite.png");
}
.fancybox-close {
    cursor: pointer;
    height: 36px;
    position: absolute;
    right: -18px;
    top: -18px;
    width: 36px;
    z-index: 8040;
}
.fancybox-overlay {
    background: rgba(0, 0, 0, 0) url("../img/fancybox_overlay.png") repeat scroll 0 0;
    display: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 8010;
}

@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("../img/fancybox_sprite@2x.png");
    background-size: 44px 152px;
}
#fancybox-loading div {
    background-image: url("../img/fancybox_loading@2x.gif");
    background-size: 24px 24px;
}
}