/* Box des Views begrenzen */

.coslider-box {
    max-width: 600px;
    display: block;
    position: relative;
    margin-bottom: 30px;
}


/* Dots Gesamtbreite der Dot-Zeile */

.views_slideshow_pager_field {
    margin-top: 19px;
    display: inline-block;
    max-width: 500px;
    margin-left: 55px;
}

@media all and (max-width: 650px) {
.views_slideshow_pager_field {
    margin-top: 5px;
    display: inline-block;
    max-width: 260px;
    margin-left: 42px;
}
}

.views-content-counter {
	border: 0 !important;
}


.views-slideshow-controls-top {
    min-height: 80px;
    max-width: 600px;
}


.views-slideshow-controls-text-previous-processed {
    width: 43px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/arrows-co-slider.png);
    background-position: 0 0;
    overflow: hidden;
    line-height: 200px;
    height: 80px;
    cursor:pointer;
}



.views-slideshow-controls-text-next-processed {
	width: 43px;
    position: absolute;
    right: 0;
    top: 0;
	background-image: url(../images/arrows-co-slider.png);
    background-position: 41px 0;
    overflow: hidden;
    line-height: 200px;
    height: 80px;
    cursor:pointer;
}



.history_caption {
    max-width: 600px;
    margin-top: 8px;
}


.slideshow-title {
	margin-top: 10px;
	font-size: 260%;
	font-weight: 600;
}

/* Active Dots */

.views_slideshow_pager_field_item {
	float: left;
	width: 25px;
	height: 23px;
	background: transparent url(../images/bullet-active.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	margin-top: 10px;
	font-size: 0px;
	
}



.views_slideshow_pager_field_item.active {
	background: transparent url(../images/bullet-active.png);
	background-position: 0 -24px;
	background-repeat: no-repeat;;
	margin-top: 10px;
		font-size: 0px;
}


/* Buttons Controls Prev Next Pause  */


.views_slideshow_controls_text_pause {
	display: none;
}


.views-slideshow-controls-bottom a:link,
.views-slideshow-controls-bottom a:hover,
.views-slideshow-controls-bottom a:visited,
.views-slideshow-controls-top a:link,
.views-slideshow-controls-top a:hover,
.views-slideshow-controls-top a:visited {
	color: black !important;
	
}



.button:focus, .button:hover, button:focus, button:hover {
    background-color: #fff;
    color: #0095d4;
}





@media all and (min-width: 650px) {
.views-field.views-field-field-caption {
    max-width: 600px;
    min-height: 30px;
    display: inline-block;
}
}


@media all and (max-width: 650px) {
.views-field.views-field-field-caption {
    max-width: 560px;
    min-height: 30px;
    display: inline-block;
}
}