/**
 * @preserve KnwebGallery v 1.0 2012-01-17
 * http://www.knweb.at
 *
 * Copyright (c) 2012, Klopf+Neuwirth WebSolutions OG
 */

/* area style  ------------------------------------------------------ start */

div.knweb-gallery-area
{
	position:relative;
	min-height:200px;	
}

body.noscroll
{
    position: fixed; 
    overflow:hidden;
    width: 100%;
}

/* area style  ------------------------------------------------------ start */

/* image map elements  ------------------------------------------------------ start */

.knweb-gallery-icon 
{
	background: transparent url('img/knweb-gallery-imagemap.png') no-repeat 0px 0px;	
}

/* image map elements  ------------------------------------------------------ start */

/* loading  ------------------------------------------------------ start */

div.knweb-gallery-loading,
div.knweb-gallery-detail-loading
{
	position: absolute;
	width:32px;
	height:32px;
	top:50%;
	margin-top:-16px;
	left:50%;
	margin-left:-16px;	
	background: transparent url('img/classic-loader.gif') no-repeat 50% 50%;
	background-color:black;
	border-radius : 3px 3px 3px 3px;
}   

/* loading  ------------------------------------------------------ end */

/* thumbs  ------------------------------------------------------ end */

a.knweb-gallery-link,
a.knweb-gallery-footer-link
{
	display:block;	
	float:left;
	cursor:pointer;
	text-align:center;
	width:140px;
	height:100px;
	margin:0px 10px 10px 0px;		
}

.knweb-gallery-link-loading
{
	background: #000000 url('img/classic-loader.gif') no-repeat 50% 50%;
}

a.knweb-gallery-link img,
a.knweb-gallery-footer-link img
{
	max-width:130px;
	height:90px;
	border:4px solid #ffffff;    
}

a.knweb-gallery-link-active img,
a.knweb-gallery-link:hover img
{
	-moz-box-shadow: 0 0 7px #784b2b;
    -webkit-box-shadow: 0 0 7px #784b2b;
    box-shadow: 0 0 7px #784b2b;    
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#784b2b', Direction=135, Strength=2);
}

a.knweb-gallery-footer-link img
{
	border:4px solid #5d5d5c;    
}

div.knweb-gallery-detail-image-list a.knweb-gallery-link-active img
{
	-moz-box-shadow: 0 0 7px #1e1e1e;
    -webkit-box-shadow: 0 0 7px #1e1e1e;
    box-shadow: 0 0 7px #1e1e1e;    
    border:4px solid #ffffff;    
}

/* thumbs  ------------------------------------------------------ end */

/* hidden elements  ------------------------------------------------------ start */

div.knweb-gallery-area-loading a.knweb-gallery-link,
div.knweb-gallery-page,
div.knweb-gallery-paging,
div.knweb-gallery-overlay-layout,
span.knweb-gallery-hidden-title
{
	display:none;
}

div.knweb-gallery-page-active
{
	display:block;
}

/* hidden elements  ------------------------------------------------------ end */

/* overlay  ------------------------------------------------------ start */

div.knweb-gallery-overlay
{
	top:0;
	bottom:0;
	right:0;
	left:0;
	position:fixed;
	z-index: 1100;
	background: transparent url('img/overlay_background.png') repeat 50% 50%;
	display:none;
}

div.knweb-gallery-overlay div.knweb-gallery-detail-before
{
	display:none;
}

div.knweb-gallery-overlay-loading div.knweb-gallery-detail-before
{
	display:block;
}
div.knweb-gallery-overlay-loading div.knweb-gallery-detail-after
{
	margin-left: -9999px;
}

div.knweb-gallery-overlay-init div.knweb-gallery-detail-bottom,
div.knweb-gallery-overlay-init div.knweb-gallery-detail-top
{
	display:none;
}

/* overlay  ------------------------------------------------------ end */

/* image detail style  ------------------------------------------------------ start */

div.knweb-gallery-detail-top,
div.knweb-gallery-detail-bottom
{
	position:relative;		
	width:100%;	
}

div.knweb-gallery-detail-center,
div.knweb-gallery-detail-image-container
{
	position:relative;	
}

.knweb-gallery-detail-center-top
{
	height:10px;
}

div.knweb-gallery-detail-image-wrapper
{
	position:absolute;	
	left:50%;
	text-align:center;
	background-color: #f4f4f4;
	-moz-box-shadow: 0 0 6px 2px #1e1e1e;
	-webkit-box-shadow: 0 0 6px 2px#1e1e1e;
	box-shadow: 0 0 6px 2px #1e1e1e;
}

/*
 * If u change the padding or the border of the image u have to change 
 * the settings.detail_image_style_spacing variable for a border of 4 px u have to change the variable to 8px
 */
.knweb-gallery-detail-image
{
	border:4px solid #ffffff;	
}

.knweb-gallery-detail-image-info
{
	text-align: left;
	padding:4px 10px;
}

.knweb-gallery-detail-facebook
{
	float:right;
	height:25px;
}

/* image detail style  ------------------------------------------------------ end */

/* image menue style  ------------------------------------------------------ end */

div.knweb-gallery-detail-info
{
	height:31px;
	background-color: #90908f;	
	background-image: -moz-linear-gradient(top, #c1c1c1, #90908f); /* FF3.6 */
	background-image: -o-linear-gradient(top, #c1c1c1, #90908f); /* Opera 11.10+ */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #c1c1c1),color-stop(1, #90908f)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#c1c1c1, #90908f); /* Chrome 10+, Saf5.1+ */
	background-image: linear-gradient(top, #c1c1c1, #90908f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c1c1c1', EndColorStr='#90908f'); /* IE6–IE9 */	
	border-top:1px solid #b4b4b4;
	border-bottom:1px solid #858584;
	overflow: hidden;
}

.knweb-gallery-info-element
{
	float:left;
	margin-left:10px;
	line-height: 30px;
	color:#ffffff;
	font-size:1.1em;
}
.knweb-gallery-info-element .knweb-gallery-icon
{
	position:absolute;
}

.knweb-gallery-image-count
{
	float:right;
	margin-right:36px;
	border-left:1px solid #858584;
	border-right:1px solid #858584;
	padding:0px 10px 0px 10px;
}

.knweb-gallery-detail-hide-menue
{
	right:4px;	
}

div.knweb-gallery-detail-image-list-wrapper
{
	height:100px;
	padding:8px 0px 6px 0px;
	overflow:hidden;
	position:relative;
	background-color: #858584;
}

div.knweb-gallery-detail-image-list
{
	position: relative; 
	left: 0; 
	top: 0;
}

/* image menue style  ------------------------------------------------------ end */

/* buttons & icons style  ------------------------------------------------------ start */

.knweb-gallery-button
{	
	cursor:pointer;
	border:0;
	position:absolute;
	display:block;
	overflow: visible;
	background: none repeat scroll 0 0 transparent;
}
.knweb-gallery-button::-moz-focus-inner 
{
	border: 0;
  	padding: 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		/*margin-top: -1px;*/
	}
}

div.knweb-gallery-detail-center .knweb-gallery-button,
a.knweb-gallery-footer-link
{
	z-index: 1110;
}

.knweb-gallery-detail-close
{
	top: -10px;
	right: -10px;	
}

.knweb-gallery-detail-next,
.knweb-gallery-detail-prev
{			
	width:40%;	
	height:95%;
	top:5%;	
}

.knweb-gallery-detail-prev
{
	left:-15px;
}
.knweb-gallery-detail-next
{
	right:-15px;	
}
.knweb-gallery-detail-next .knweb-gallery-icon
{	
	right:0px;	
	margin-top:-15px;
	position:absolute;
}
.knweb-gallery-detail-prev .knweb-gallery-icon
{	
	left:0px;	
	margin-top:-15px;
	position:absolute;
}

.knweb-gallery-icon
{	
	height:30px;
	width:30px;	
	display:block;
	position: relative;
	white-space: nowrap;		
}
.knweb-gallery-icon-title
{
	padding-left:32px;
	padding-top:5px;
}

.knweb-gallery-icon-close
{
	background-position: 0px -60px;
}
.knweb-gallery-button:hover .knweb-gallery-icon-close
{
	background-position: -30px -60px;
}

.knweb-gallery-icon-next
{
	background-position: 0px 0px;
}
.knweb-gallery-button:hover .knweb-gallery-icon-next
{
	background-position: -30px -0px;
}

.knweb-gallery-icon-prev
{
	background-position: 0px -30px;
}
.knweb-gallery-button:hover .knweb-gallery-icon-prev
{
	background-position: -30px -30px;
}

.knweb-gallery-icon-cat
{
	background-position: -60px -0px;
}
.knweb-gallery-icon-image
{
	background-position: -60px -30px;
}

.knweb-gallery-detail-hide-menue-active .knweb-gallery-icon,
.knweb-gallery-icon-show
{
	background-position: -90px -0px;
}

.knweb-gallery-icon-hide
{
	background-position: -90px -30px;
}

/* buttons & icons style  ------------------------------------------------------ end */

/* paging style  ------------------------------------------------------ start */

div.knweb-gallery-paging
{	
	margin:10px 0px 10px 0px;
	position:relative;
}

ul.knweb-gallery-pages
{
	text-align: center;
	height:28px;  	
	padding-top:2px;
}

ul.knweb-gallery-pages li
{	
	display:inline-block;
	margin:0px 4px 0px 4px;
}

div.knweb-gallery-paging .knweb-gallery-button
{
	width:30px;
	height:30px;	
}

.knweb-gallery-paging-next
{	
	right:0px;
}
.knweb-gallery-paging-prev
{
	left:0px;	
}

.knweb-gallery-paging-prev-disabled,
.knweb-gallery-paging-next-disabled
{
	display:none;
}

.knweb-gallery-page-entry
{
	color:#000000;	
	background-color: #a68500;
	background-image: -moz-linear-gradient(top, #a68500, #bfa330); /* FF3.6 */
	background-image: -o-linear-gradient(top, #a68500, #bfa330); /* Opera 11.10+ */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #a68500),color-stop(1, #bfa330)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#a68500, #bfa330); /* Chrome 10+, Saf5.1+ */
	background-image: linear-gradient(top, #a68500, #bfa330);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#a68500', EndColorStr='#bfa330'); /* IE6–IE9 */
	border:1px solid #755f05;	
	-moz-box-shadow: inset 0px 0px 1px #ffcc00;
	-webkit-box-shadow: inset 0px 0px 1px #ffcc00;
	box-shadow: inset 0px 0px 1px #ffcc00;
	text-decoration:none;
	padding:3px 6px 3px 6px;
	cursor:pointer;
}
.knweb-gallery-page-entry:hover,
.knweb-gallery-page-entry-active
{
	background-color: #bfa330;	
	background-image: -moz-linear-gradient(top, #bfa330, #a68500); /* FF3.6 */
	background-image: -o-linear-gradient(top, #bfa330, #a68500); /* Opera 11.10+ */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #bfa330),color-stop(1, #a68500)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#bfa330, #a68500); /* Chrome 10+, Saf5.1+ */
	background-image: linear-gradient(top, #bfa330, #a68500);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#bfa330', EndColorStr='#a68500'); /* IE6–IE9 */	
	-moz-box-shadow: inset 0px 0px 1px #ffcc00, 0px 0px 2px #784b2b;
	-webkit-box-shadow: inset 0px 0px 1px #ffcc00, 0px 0px 2px #784b2b;
	box-shadow: inset 0px 0px 1px #ffcc00, 0px 0px 2px #784b2b;
	color:#ffffff;
	text-shadow: 0px 1px 0px #4b6581;
}

/* paging style  ------------------------------------------------------ end */

/* helper  ------------------------------------------------------ start */

div.knweb-gallery-spacer
{
	clear:both;
}

/* helper  ------------------------------------------------------ end */