#showcase, .imagebox {
	background-image: url(../../gallery/images/Ladebild.gif);
	background-repeat: no-repeat;
	background-position: -100px -100px;
	background-size: 40px;
}
.slider { 
	height: 413px;
}
.projectSlider { width: 334px; }
.slider img {
	display: none;
	position: absolute;
	width: 668px;
	height: auto;
}
.projectSlider img { width: 334px; }
.info { display: none; }
.active { color: black; }

.paddleNav {
	clear: both;
	position: absolute;
	margin-top: 153px;
	z-index: 999;
	width: 100%;
	max-width: 668px;
}
.imagebox .paddleNav {
	width: 100%;
	max-width: 334px;
}
.arrow {
	position: absolute; 
	width: 20px; 
	padding: 5px;
	cursor: pointer;
	height: 40px; 
	-webkit-transition: .2s background linear;
	-moz-transition: .2s background linear;
	transition: .2s background linear;
	z-index: 1000;
}
.previous { 
	background: url(../../gallery/images/arrow_left_hover.png) no-repeat;
	opacity: 0.5;
}
.next { 
	background: url(../../gallery/images/arrow_right_hover.png) no-repeat;
	opacity: 0.5;
}
.no-touch .previous:hover {
	transition: opacity linear .2s;
	opacity: 1.0;
}
.no-touch .next:hover { 
	transition: opacity linear .2s;
	opacity: 1.0;
}
.paddleNav .arrow:hover { cursor: pointer; }



.no-touch .paddleNav {
	-webkit-transition: .25s opacity linear;
	-moz-transition: .25s opacity linear;
	transition: .25s opacity linear;
}


@media only screen and (max-width: 668px){
	.imagebox .paddleNav { 
		width: 100%;
		max-width: none;
	}
	.arrow { 
		display: none!important; 
	}
	.fadeoutbutton {
		display: none!important;
	}
	#sliderBox {
		width: 100%;
	}
	.slider_start {
		width: auto;
		height: calc(100vh - 175px);
		min-height: 413px;
	}
	.slider_start img {
		width: auto;
		height: 100%;
		display: block;
		left: -1000%;
    	right: -1000%;
    	top: -1000%;
    	bottom: -1000%;
    	margin: auto;
    	min-height: 100%;
    	min-width: 100%;
	}
}
@media only screen and (min-width: 1500px){
	.slider { height: 527px; }
	.projectSlider { width: 426px; }
	.slider img { width: 852px; }
	.projectSlider img { width: 426px; }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.previous { 
	background: url(../../gallery/images/arrow_left_hover_2x.png) no-repeat;
	background-size: 12px;
	}
	.next { 
	background: url(../../gallery/images/arrow_right_hover_2x.png) no-repeat ;
	background-size: 12px;
	}
}