/*.row span{height:150px}*/
.medianame{font-size:0.8em;background-color: blanchedalmond;}
.imagecontainer{height:100px;display:inline-block;}
.cbImage{display:inline-block;height: 100%;width: 100%;background-repeat:no-repeat;background-size:cover;background-position: center center;
-webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.3);
box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.3);
	
}
.medianame{padding:10px;
	
	font: 16px 'trebuchet MS', 'lucida sans';
	color:white;
	
}
/*
.cbattributes li:nth-child(even) {
  background-color: #ffe37f;
  border-bottom: 1px dotted grey;
}

.cbattributes li:nth-child(odd) {
  background-color: #19dc3c;
  border-bottom: 1px dotted grey;
}
*/


.cbattributes{
                counter-reset: li;
                list-style: none;
                *list-style: decimal;
                font: 15px 'trebuchet MS', 'lucida sans';
                padding: 0;
                margin-bottom: 4em;
}
.cbattributes ol li{

                margin: 0 0 0 2em;

            }

.cbattributes li p{
				
                position: relative;
                display: block;
                padding: .4em .4em .4em 2em;
                *padding: .4em;
                margin: .5em 0;
                background: #FFF;
                color: grey;
                text-decoration: none;
                -moz-border-radius: .3em;
                -webkit-border-radius: .3em;
                border-radius: .3em;
                background: #cbe7f8;
               
            }


.cbattributes p:before{
				counter-increment: li;
                content: counter(li);
                
                position: absolute;
                left: -1.3em;
                top: 50%;
                margin-top: -1.3em;
                background: #87ceeb;
                height: 2em;
                width: 2em;
                line-height: 1.6em;
                border: .3em solid #fff;
                text-align: center;
                font-weight: bold;
                -moz-border-radius: 2em;
                -webkit-border-radius: 2em;
                border-radius: 2em;
                color:#FFF;
            }

.stitched {
	/*stitching*/
	outline: 1px dashed #98abb9;
	outline-offset: -5px;
	
	background-color: #556068;
	padding:10px;
	
	/*shadow*/
	-webkit-box-shadow: 2px 2px 2px #000;
	-moz-box-shadow: 2px 2px 2px #000;
	box-shadow: 2px 2px 2px #000;
}

.galery a { text-decoration: none;}

.galery .caption {
    text-align: left;
    caption-side: bottom;
    background: #9e1881;
    position: relative;
	opacity: 0.9;
	color: #fff;
	display: block;
	text-decoration: none;
	font-size: 16px;
	padding: 10px 15px;
	margin: 0;
	line-height: 20px;
}
.galery .caption:before {
	content: "\f0da";
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: lighter;
    text-decoration: inherit;
    list-style: none;
    position: absolute;
    font-size: 20px;
    color: #fff;
    right: 15px;
    line-height: 20px;
}



/* !Galerieansicht - Slider */
.carousel_preview {width:100%; height:600px; display:block; background-position:center center; background-repeat:no-repeat; background-size:contain; margin-bottom:10px;}
.carousel_text {min-height:46px;}
.carousel_text p {margin:0;}

body #slider .carousel-control {width: 50px; font-size: 50px; text-align: center; text-shadow:none; opacity:1;}
body #slider .carousel-control.left {background:none; text-align: left;}
body #slider .carousel-control.right {background:none; text-align: right;}
body #slider .carousel-control:hover {opacity:0.7; transition:opacity 0.2s ease-in;}
body #slider .carousel-control i {margin-top:280px;}

body .slider-thumbs ul {margin:0; padding:0; margin-top:30px;}
body .slider-thumbs ul li {margin:0; padding:0; list-style:none; display:inline-block; width:18%; margin:0px 1.11% 20px 1.11%;}
body .slider-thumbs ul li:before {display:none;}
body .slider-thumbs ul li:first-child, body .slider-thumbs ul li:nth-child(5n+1) {margin-left:0px;}
body .slider-thumbs ul li:nth-child(5n) {margin-right:0px;}
body .slider-thumbs ul li .thumbnail {padding:0; margin:0; border:none; border-radius:0px; background:none; display:block;}
body .slider-thumbs .thumbnail span {width:100%; height:150px; display:block; background-position:center center; background-repeat:no-repeat; background-size:cover;}

@media screen and (max-width: 1199px) {
	.carousel_preview {height:500px;}
	body #slider .carousel-control i {margin-top:230px;}
	body .slider-thumbs ul li {width:17%; margin:0px 1.7% 25px 1.7%;}
	body .slider-thumbs .thumbnail span {height:115px;}
}
@media screen and (max-width: 991px) {
	.carousel_preview {height:400px;}
	body #slider .carousel-control i {margin-top:170px;}
	body .slider-thumbs ul li {width:16%; margin:0px 2.27% 25px 2.27%;}
	body .slider-thumbs .thumbnail span {height:85px;}
}

@media screen and (max-width: 767px) {
	.carousel_preview {height:250px;}
	body #slider .carousel-control {width: 30px; font-size: 30px;}
	body #slider .carousel-control i {margin-top:110px;}
	body .slider-thumbs ul li {width:16%; margin:0px 2.0% 15px 2.0%;}
	body .slider-thumbs .thumbnail span {height:50px;}
}
