﻿/* 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:#3d3d3d;
  color:#fff;
  padding: 5px;
}

/* Heading of the component */
.gallery .componentheading {
  font:12pt normal Tahoma, Verdana, Arial, Century Gothic;
  text-align:center;
  background-color:#838383;
  color:#fff;
  padding:0.8em 0;


}

.jg_pathway {
  background-color:#3d3d3d;
  color:#fff;
  border: #777777 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 {
  font-size:1em !important;
  font-weight:bold !important;
  text-align:center !important;
  background-color:#838383 !important;
  background-image:none !important;
  color:#f4f4f4 !important;
  border: #777777 solid 1px !important;
  padding:0.3em !important;
}
div.gallery .sectiontableentry {
  background-color:#636363 !important;
  background-image:none !important;
  color:#ffffff !important;
}
div.gallery .sectiontableentry1 {
  background-color:#636363 !important;
  background-image:none !important;


}
div.gallery .sectiontableentry2 {
  background-color:#474747 !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{
text-align:left;
padding-left:0px;

}

/* Category elements in gallery overview */
.jg_element_gal {
text-align:left;
padding-left:10px;

}

/* 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_subcatelem_txt
{
padding-left:10px;
padding-top:40px;
}
/* Gallery view */
.jg_element_gal, .jg_element_gal_r {
  float:left;
  width:200px;


}
.jg_element_txt {
  float:left;
  padding-left: 10px;
 }
.jg_element_txt_subs {
  float:left;
  font-size: 0.9em;
  padding-left: 20px;

  }

/* Category view */
.jg_element_cat {
  width:200px;
  float:left;
  padding-left:10px;
}
.jg_catelem_cat a{
  height:100px;
  padding-left:0px;
}
.jg_catelem_photo {
  float:left;
  padding-left:0px;

}
.jg_catelem_txt {
  text-align:left !important;
  padding-left:8px;

}
/* Images displayed in the category overview   */
/* Uncomment below e.g. to align the text left */

/* Subcategory view */
.jg_subcatelem_cat {
  width:200px;
  float:left;
  padding-left:29px;
  text-indent:-27px;
}
.jg_subcatelem_cat a{
  height:100px;
  padding-left:5px;
}
.jg_subcatelem_photo {
  float:left;
  padding-left:0px;
}
.jg_subcatelem_txt {
  text-align:left !important;
  padding-left:10px;
}

/* Detail view */

/* Special view - Toplists*/
.jg_topelement, .jg_favelement {
  width:99%;
  height:auto;
}
.jg_topelem_photo, .jg_favelem_photo {
padding-left:0px;

}
.jg_topelem_txt, .jg_favelem_txt {

}
