/*
CSS Name: New Styles Imp's Universe 
Description: NextGEN Default Gallery Stylesheet
Author: Imagely
Version: 2.13

Changes done by Ulrike Hank for Imp's Theme Tests only Offline
This stylesheet is provided to allow users the ability of overriding the default styles for all display types

Werte Definition nach http://wiki.selfhtml.org/wiki/CSS/Anwendung_und_Praxis/Guter_CSS-Stil#Reihenfolge_der_Regeln
Zuerst display und float, dann weitere Blockeigenschaften, 
dann border-Eigenschaften, dann color- und background-Eigenschaften.

This stylesheet is provided to allow users the ability of overriding the default styles for all display types
Colors:
light grey #c9c9c9  (background-color for thumbnail overview

*/

/*Definiert Aussehen der Thumbnail Galerie*/
/*aus ..\wp-content\plugins\nextgen-gallery\products\photocrati_nextgen\modules\nextgen_basic_gallery\static\thumbnails\nextgen_basic_thumbnails.min.css*/
.ngg-gallery-thumbnail{
	text-align:center;
	max-width:100%!important;
	/*background-color:#FFF;*/
    background-color: #c9c9c9;
	border:1px solid #333;
	margin:5px
}

/* Definiert die Eigenschaften während des Hover in der Thumbnail Ansicht 
opacity, filter und webkit definieren das "ausgrauen" des Bildes beim Hover
*/
.ngg-gallery-thumbnail img:hover {
    opacity: 0.4;
	filter: alpha(opacity=40);
	-webkit-transition: opacity .5s linear;
	background-color: #A9A9A9;
}

/* aus ..\wp-content\plugins\nextgen-gallery\products\photocrati_nextgen\modules\nextgen_pagination\static\style.css */
/* ----------- Gallery navigation -------------*/
.ngg-navigation {
    display: block !important;
    clear: both !important;
    text-align: center;
	font-size: 0.9em !important;
    padding-top: 15px;
    padding-bottom: 3px;
	margin-bottom: 5px;
}
/* Definiert u.a. die Farbe des Hover bei den Seitenzahlen */
.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover,
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
    /*background-color: #0066CC;*/
	background-color: #56aafd;
    color: #FFFFFF !important;
    text-decoration: none !important;
}


/* ---------------- Album Overview ----------------*/
/* aus ..\wp-content\plugins\nextgen-gallery\products\photocrati_nextgen\modules\nextgen_basic_album\static\nextgen_basic_album.css*/
/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
    margin-top: 10px;
    width: 100%;
    clear: both;
    display: block !important;
}

.ngg-album {
    height: 100%;
    overflow: hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
}

.ngg-albumtitle {
    text-align: left;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    font-size: 1.4em;
    margin-bottom: 10px;
}

.ngg-thumbnail {
    float: left;
    margin-right: 12px;
}

.ngg-thumbnail img {
    background-color: #FFFFFF;
    border: 1px solid #A9A9A9;
    margin: 4px 0px 4px 5px;
    padding: 4px;
    position: relative;
}

.ngg-thumbnail img:hover {
    background-color: #A9A9A9;
}

.ngg-description {
    text-align: left;
}

/* ----------- Album Styles Compact -------------*/
.ngg-album-compact {
    float: left;
	padding: 0 12px 4px 0 !important;
    margin: 0px !important;
    text-align: left;
	/*border: 1px dotted #ff0000;*/
}

.ngg-album-compact a {
    border: none;
}

/* Definiert den Rahmen um die Thumbs in der Album Uebersicht */
.ngg-album-compactbox {
    margin: 0 !important;
    padding: 8px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    /*border: 1px solid gray;*/
	border: 1px solid #c9c9c9;
    border-radius: 6px;
    z-index: 1;
}
/* Definiert die mehrfach Rahmen in der Album Uebersicht */
.ngg-album-compactbox:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -7px;
   /*border-bottom: 1px solid gray;*/
	border-bottom: transparent;
    border-radius: 6px;
    z-index: -1;
}
/* Definiert die mehrfach Rahmen in der Album Uebersicht */
.ngg-album-compactbox:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -4px;
    /*border-bottom: 1px solid gray;*/
	border-bottom: transparent;
    border-radius: 6px;
    z-index: -1;
}
/* Definiert Schriftgroesse, -art, -aussehen der Album Titel */
.ngg-album-compact h4 {
	font-family: sans-serif;
    font-size: 15px;
    font-weight: bold;
	margin: 0;
    margin-top: 10px;
}
/* Definiert die Position des Album Titel */
.ngg-album-compact h4 .ngg-album-desc {
    display: block;
	/*padding-left: 5px;*/
	padding-left: 9px;
    overflow: hidden;
    height: 54px;
	/*border: 1px solid #00ff00;*/
}

/*aus ...\wp-content\plugins\nextgen-gallery\products\photocrati_nextgen\modules\nextgen_basic_album\static\nextgen_basic_album.min.css*/

/*bestimmt Schrift und Abstand der gezaehlten Bilder in der Album Ansicht*/
.ngg-album-compact p{
	font-size:11px;
	padding-left: 10px;
	margin:0
}


/* --------------- Fancy Box ----------------------- */
/* Definiert die Farbe die beim Blättern über das Bild gelegt wird */
#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	/*background: #fff;*/
	background: #e3e3e3;
}
/* Definiert den Rand bei der Anzeige des Bildes */
#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	/*border: 0px solid #fff;*/
	border: 0px solid #e3e3e3;
}
/* Definiert das Aussehen der Bildunterschrift Anzeige */
.fancybox-title-inside {
	position: relative;
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	/*background: #fff;*/
	background: #e3e3e3;
	
}