@charset "UTF-8";
/*	
*	############################################################################
*	
*	psc OLA CSS File
*	---------------------------------------------------------------------
*
*	Version		1.0
*	Author		Peter Schuetz
*	Copyright	Copyright 2001 - 2016 psc Informatik, Bern
*	
*	############################################################################
*/

/* @import url(Seitengroessen.css);  */

.product-image-area {
	padding: 5px;
}

.product-single .product-thumbnails {
 	margin-top:30px;
    position:relative;
}
.product-single .product-thumbnails  .active{
	border: #D99D3F 1px solid;
}
.modal-dialog, .modal-content {
	background
	color: #000;
}


.top-bar .logo {
  padding-bottom: 8px;
}


.day_cell {
	overflow:hidden;
}


.thumbnail {
    background-color: transparent;
}
.king-gallery .item .thumbnail .caption {
    background-color: transparent;
}

/* =============================
 Spacer, margin
============================= */


.clear-marginbot{
	margin-bottom:0;
}

.marginbot10{
	margin-bottom:10px;
}
.marginbot20{
	margin-bottom:20px;
}
.marginbot30{
	margin-bottom:30px;
}
.marginbot40{
	margin-bottom:40px;
}
.marginbot50{
	margin-bottom:50px;
}
.clear-margintop{
	margin-top:0;
}

.margintop10{
	margin-top:10px;
}

.margintop20{
	margin-top:20px;
}

.margintop30{
	margin-top:30px;
}

.margintop40{
	margin-top:40px;
}

.no-padding-left
{
    padding-left: 0px !important;
}
.no-padding
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.no-space-left
{
    padding-left: 0px !important;
    margin-left: 0px !important;
}

/*--------CropIt ----------------------------*/

		/* Show load indicator when image is being loaded */
		.rotation-btns {
		    font-size: 16px;
	    	margin-right: 40px;
		}


		.rotation-btns {
		    display: inline-block;
		}
		.slider-wrapper {
		    display: inline-block;
		}
		.rotate-cw-btn, .rotate-ccw-btn {
			margin-left: 10px;
			margin-right: 10px;
			cursor:pointer;
		}
		.cropit-image-zoom-input.custom::-moz-range-thumb {
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			width: 15px;
			height: 15px;
			background: #888;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			-webkit-transition: background 0.25s;
			-moz-transition: background 0.25s;
			-o-transition: background 0.25s;
			-ms-transition: background 0.25s;
			transition: background 0.25s;
		}


      .cropit-preview {
        background-color: #333;
        background-size: cover;
        border: 1px solid #ccc;
        border-radius: 3px;
        margin-top: 7px;
        width: 600px;
        height: 400px;
        cursor: move;
      }

      .cropit-image-background {
        opacity: .2;
        cursor: auto;
      }

      .image-size-label {
        margin-top: 10px;
      }


		.cropit-preview.cropit-image-loading .spinner {
			opacity:1;
			-ms-filter:none;
			filter:none
		}		



/* Show move cursor when image has been loaded */
.cropit-preview.cropit-image-loaded .cropit-preview-image-container {
  cursor: move;
}

.cropit-preview.cropit-image-loading .spinner {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.cropit-preview.cropit-image-loading .spinner {
  width: 40px;
  height: 40px;
  background-color: #333;

  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}


/* CSS Document */