﻿/* Joomgallery local Style - wont be overwritten by updates etc.
 * Rename this file to "joom_local.css" to have it included in
 * Joomgallery.
 * You can override any Style Definition of Joomgallery
 * Be sure to place !important behind each definition that could be
 * defined elsewhere. 
 * 
 * A basic sample style is included below. Feel free to edit or 
 * comment to your liking.
 *
 * 
 * Diese Datei wird nicht von Updates o.ä. überschrieben.
 * Benennen Sie diese in "joom_local.css" um, damit sie von der Joomgallery 
 * erkannt und eingebunden wird.
 *
 * Sie können jede Style-Definition 'überschreiben', die von der Joomgallery
 * standardmäßig in den anderen CSS-Dateien vergeben wird.
 *
 * Bitte fügen Sie ein '!important' in jeder Definition ein, die schon an
 * anderer Stelle definiert ist.
 *
 * Ein grundlegendes Beispiel für geänderte Styles finden Sie untenstehend.
 * Sie können diese nach Ihren Vorstellungen ändern.
 * 
 */
 
 
/* Main style / Background of whole gallery 
.gallery {
  background:#fff;
  color:#333;
  padding: 5px;
}

/* Heading of the component 
.gallery .componentheading {
  text-align:center;
  background-color:#FFF;
  color:#333;
  padding:0.8em 0;
}

.gallery .li {
    font: italic 0.9em/90% Nunito !important;
}


.jg_pathway {
  background-color:#F0F0F0;
  color:#000;
  border: #BBB solid 1px !important;
}

*/

/* Links in pathway 
.jg_pathway a,.jg_pathway a:visited, .jg_pathway a:link {
  color:#c64934;
}
.jg_pathway a:hover {
  color:#900;
}


div.gallery .sectiontableheader {
  padding:0.3em !important;
}
div.gallery .sectiontableentry {
  color:#fff !important;
}
*/

div.gallery, .sectiontableentry1 a {
 font-size: 1em;
 font-style: normal;
 font-variant: normal;	
 font-size: 0.7em/100%;
 letter-spacing: 0.04em; 
 line-height: 1.2;
 word-wrap: break-word;
 color: #FF7F7F;
 text-decoration: none;
}

div.gallery,.sectiontableentry1 a:hover {
	color: #7C7C7C;
	text-decoration: none;
}


div.gallery .sectiontableentry2 a {
 font-size: 1em;
 font-style: normal;
 font-variant: normal;	
 font-size: 0.7em/100%;
 letter-spacing: 0.07em; 
 line-height: 1.2;
 word-wrap: break-word;
 color: #FF7F7F;
 text-decoration: none;
}

div.gallery .sectiontableentry2 a:hover {
	color: #7C7C7C;
	text-decoration: none;
}

div.gallery .sectiontableentry1 {
   padding-left: 8px !important;
   margin-left: 8px !important;
}

div.gallery .sectiontableentry2 {
   padding-left: 8px !important;
   margin-left: 8px !important;
}



/*
.gallery {
    padding-left: 50px !important;
}


div.gallery .sectiontableentry2  {
  padding: 1% 1% 1%;
  background-color:#EEE !important;
  background-image:none !important;
}

 box elements in detailed view 
div.jg_details, div.jg_voting, div.jg_send2friend, div.jg_commentsarea{
  border: 1px solid #999;  
}

/* Images displayed in the category overview   */
/* Uncomment below e.g. to align the text left */
.jg_catelem, .jg_imgalign_catimgs a img {

  text-align:center !important;
  border-color: #EDEDED !important; 
  border-style: dashed !important; 
  border-width: 2px !important; 
  padding: 10px 6px 4px 6px !important; 
  margin: 0px 0px 16px 0px !important;
  -moz-border-radius-topleft: 4px !important;
  -moz-border-radius-topright: 4px !important;
  -moz-border-radius-bottomleft: 4px !important;
  -moz-border-radius-bottomright: 4px !important;
  -webkit-border-top-left-radius: 4px !important;
  -webkit-border-top-right-radius: 4px !important;
  -webkit-border-bottom-left-radius: 4px !important;
  -webkit-border-bottom-right-radius: 4px !important;
   border-top-left-radius: 4px !important;
   border-top-right-radius: 4px !important;
   box-shadow: 0px 0px 1px 1px #EDEDED !important; 
}

.jg_catelem, .jg_imgalign_catimgs a:hover img {
  border-color: #EDEDED !important; 
  border-style: dashed !important; 
  border-width: 2px !important;
  box-shadow: 0px 0px 5px 5px #EDEDED !important;
  opacity: 0.7 !important;
}

/* Category elements in gallery overview */
.jg_element_gal a img {
  text-align:center;
  border-color: #EDEDED; 
  border-style: dashed; 
  border-width: 2px; 
  padding: 10px 6px 4px 6px !important;
  margin: 2px auto;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   box-shadow: 0px 0px 1px 1px #EDEDED; 
}

.jg_element_gal a:hover img {
  border-color: #EDEDED; 
  border-style: dashed; 
  border-width: 2px;
  box-shadow: 0px 0px 5px 5px #EDEDED;
  opacity: 0.7;
}

.jg_dtl_photo {
   text-align:center !important;
   margin-top: 8px !important; 
   margin-bottom: 12px !important; 
   border-color: #c21c1c !important; 
   border-style: solid !important; 
   border-width: 4px !important; 
   padding: 0px 0px 0px 0px !important;
  -moz-border-radius-topleft: 3px !important;
  -moz-border-radius-topright: 3px !important;
  -moz-border-radius-bottomleft: 3px !important;
  -moz-border-radius-bottomright: 3px !important;
  -webkit-border-top-left-radius: 3px !important;
  -webkit-border-top-right-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
   border-top-left-radius: 3px !important;
   border-top-right-radius: 3px !important;
}

.jg_detailnavi {
  overflow:hidden;
  display: inline-block;
  text-align:center;
  width:96% !important;
  padding: 0% 0% 1% 0% !important;
  margin-bottom: 0px;
}

.jg_detailnaviprev {
  float: left;
}

.jg_detailnaviprev a {
  font-size: 0.9em;
  font-family: Arial, Helvetica, Sans-Serif;
  font-weight: bold !important;
  font-style: normal;
  color: #ffffff !important;
  text-decoration: none;
  display: block;
  padding: 10% 2% 10% 2% !important;
  background: #3498db;
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #b8b2b8;
  -moz-box-shadow: 0px 1px 3px #b8b2b8;
  box-shadow: 0px 1px 3px #b8b2b8;
}

.jg_detailnavinext {
  float:right;
}

.jg_detailnavinext a {
  font-size: 0.9em;
  font-family: Arial, Helvetica, Sans-Serif;
  font-weight: bold !important;
  font-style: normal;
  color: #ffffff !important;
  text-decoration: none;
  display: block;
  padding: 10% 2% 10% 2% !important;
  background: #3498db;
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #b8b2b8;
  -moz-box-shadow: 0px 1px 3px #b8b2b8;
  box-shadow: 0px 1px 3px #b8b2b8;
  margin-left: -6px;
}

.jg_detailnaviprev, .jg_detailnavinext {
  width:29%;
}

.jg_detailnaviprev a:hover, .jg_detailnavinext a:hover {
  background: #3cb0fd;
}

img.jg_icon {
    width: 42px;
    height: 42px;
    border: 0px;
    margin: 0 3px;
    vertical-align: bottom;
}

/* Subcategory elements in category view */
.jg_element_cat {
  /* text-align:left;   */
}

/* Toplists picture elements */
.jg_top_element {
   /* text-align:left; */
   /* uncomment below to have elements ordered vertically 
      instead of horizontally */   
   /*  float:none; */
}

.jg_photo_right{
text-align:left;
}