/* Joomgallery CSS
CSS Styles generated by settings in the Joomgallery backend.
DO NOT EDIT - this file will be overwritten every time the config is saved.
Adjust your styles in joom_local.css instead.

CSS Styles, die ueber die Speicherung der Konfiguration im Backend erzeugt werden.
BITTE NICHT VERAENDERN - diese Datei wird  mit dem naechsten Speichern ueberschrieben.
Bitte nehmen Sie Aenderungen in der Datei joom_local.css in diesem
Verzeichnis vor. Sie koennen sie neu erstellen oder die schon vorhandene
joom_local.css.README umbenennen und anpassen
*/

/* Gallery view */
.jg_element_gal, .jg_element_gal_r {
  float:left;
  width:24%;
}
.jg_element_txt {
  text-align:center !important;
}
.jg_photo_container {
  text-align:center !important;
}

/* Category view */
.jg_element_cat {
  width:24%;
  float:left;
  text-align:center !important;
}
.jg_catelem_cat a{
  height:100px;
}
.jg_catelem_photo {
  text-align:center !important;
}
.jg_catelem_txt {
  text-align:center !important;
}

/* Subcategory view */
.jg_subcatelem_cat {
  width:49%;
  float:left;
  text-align:center !important;
}
.jg_subcatelem_cat a{
  height:100px;
}
.jg_subcatelem_photo {
  text-align:center !important;

}
.jg_subcatelem_txt {
  clear:both;
  text-align:center !important;
}

/* Detail view */
.jg_minipic {
  height:100px;
}
#motioncontainer {
  width:626px; /* Set to gallery width, in px or percentage */
  height:105px;/* Set to gallery height */
}

/* Special view - Toplists*/
.jg_topelement, .jg_favelement {
  width:24%;
  height:auto;
  float:left;
  height:100%;
  text-align:center !important;
}
.jg_topelem_photo, .jg_favelem_photo {

}
.jg_topelem_txt, .jg_favelem_txt {
  text-align: center !important;
}











/**
 * Joomgallery CSS Style 
 *
 * - Detail view
 *
 * Please adjust the CSS to your needs in the file joom_local.css 
 * in this directory. You can either create it yourself, or 
 * rename joom_local.css.README.
 *
 * - Detailansicht
 *
 * Bitte nehmen Sie Ã?derungen in der Datei joom_local.css in diesem 
 * Verzeichnis vor. Sie kÃœnnen diese Datei erstellen oder die 
 * joom_local.css.README umbenennen
 **/

.jg_imgtitle {
  text-align:center;
  font-weight:bold;
  padding-bottom: 1px;
}

div.jg_details, div.jg_voting, div.jg_commentsarea, div.jg_send2friend, div.jg_bbcode, div.jg_exif, div.jg_panemodule {
  width:100%;
  margin-bottom: 1px;
}

.jg_send2friend .sectiontableentry1, .jg_voting .sectiontableentry1{
  text-align:center;
  padding: 1px;
}

.jg_photo_entry {
  overflow:hidden;
}

div.jg_photo_left, div.jg_bbcode_left {
  width:29%;
  font-weight:normal;
  padding:0.3em;
  float:left;
}

div.jg_photo_right, div.jg_bbcode_right {
  width:69%;
  padding:0.3em 0;
  overflow:hidden;
}

/* Exif-Data cells */
div.jg_exif_left {
  width:39%;
  padding:0.3em;
  float:left;
}

div.jg_exif_right{
  width:59%;
  padding:0.3em 0;
  overflow:hidden;
}


/* Comments and send2friend cells */
td.jg_cmtl, td.jg_s2fl {
  width: 30%;
  padding:0.2em 0 0 0.2em;
  font-weight:normal;
  text-align:left;
}

td.jg_cmtr, .jg_s2fr {
  padding:0.2em 0;
  vertical-align:top;
  text-align:left;
}

/* Comment delete */
div.jg_cmtronly {
  clear:both;
  padding:0.5em 0;
}
div.jg_cmtl {
  float:left;
  width:20%;	
}
div.jg_cmtr {
  float:left;
  width:70%;  
}

td.jg_cmtf { 
  text-align:center; 
}

.jg_minipic {
 /* border:1px solid #b40000;*/
  /*padding:1px;*/
}

.jg_detailnavi {
  overflow:hidden;
  text-align:center !important;
  margin-bottom:0.9em;
}

.jg_detailnaviprev, .jg_detailnavinext {
  width:30%;  
}

.jg_detailnaviprev {
  float:left;
}

.jg_detailnavinext {
  float:right;
}

.jg_detailnavislide {
  width:100%;
  padding:0.3em 0;
  text-align:center !important;
}

.jg_iconbar {
  padding: 5px;
  text-align:center !important;
}

/* MotionGallery Styles */
.jg_minis {
  text-align:center;
  padding:0.5em 0;
}

#motiongallery {
  position:absolute;
  left:0;
  top:0;
  white-space:nowrap;
}

#motioncontainer {
  margin:0 auto;  /*centers on page */
  position:relative;
  overflow:hidden;
}

#statusdiv {
  background-color:#FFFFE0;
  border:1px solid #7F7F7F;
  padding:2px;
  position:absolute; /* Stop Editing Gallery Styles */
  left:-300px;
  visibility:hidden;
}

#motioncontainer a:hover {
  color:#F00; /* Dummy definition to overcome IE bug */
}

/* End MotionGallery Styles */

/* Nameshield */
.nameshield {
  font-size:10px;
  color:#4F4F4F;
  background-color:#E5E5E5;
  border:1px solid #888;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  padding-left: 1px;
  padding-right: 1px;
 }
 
/* Accordion */
/* DIVs around accordion headers */
div.gallery div.sectiontableheader{
  padding:0px;	
}
/* deactivated accordion */
.joomgallery-notoggler{
  margin:0px;
  padding:1px;
}

/* common for both togglers */
.joomgallery-toggler, .joomgallery-toggler-down{
  background-repeat:no-repeat;
  background-position:right;
  cursor:pointer;	
  margin:0px;
  padding:1px;
}
/* common for both togglers, on hover */
.joomgallery-toggler:hover, .joomgallery-toggler-down:hover{
}

/* not activated toggler */
.joomgallery-toggler {
  background-image: url(../images/arrow_down.png);
  /*margin-top:1px;
  padding:1px; */
}

/* activated toggler */
.joomgallery-toggler-down {
  background-image: url(../images/arrow_up.png);
  /*margin:0;
  padding:1px; 
  text-align:center; */
}

.joomgallery-slider {
  margin:0;
  padding:1px;
}










/* 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: 0px;
  border: #BBB solid 1px !important;
}

/* Heading of the component */
.gallery .componentheading {
  font:12pt normal Tahoma, Verdana, Arial, Century Gothic;
  text-align:center;
  background-color:#FFF;
  color:#333;
  padding:0.8em 0;
}

.jg_pathway {
  background-color:#EEE;
  color:#000;
  border: #BBB solid 1px !important;
}

/* Links in pathway */
.jg_pathway a,.jg_pathway a:visited, .jg_pathway a:link {
  color:#000000;
}
.jg_pathway a:hover {
  color:#000000;
}
div.gallery .sectiontableheader {
  font-size:1em !important;
  font-weight:bold !important;
  text-align:center !important;
  background-color:#EEE !important;
  background-image:none !important;
  color:#333 !important;
  border: #BBB solid 1px !important;
  padding:0.3em !important;
}
div.gallery .sectiontableentry {
  background-color:#c0c0c0 !important;
  background-image:none !important;
  color:#fff !important;
}
div.gallery .sectiontableentry1 {
  background-color:#FFF !important;
  background-image:none !important;
  border: #EEE solid 1px !important;
}
div.gallery .sectiontableentry2 {
  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{
  /* text-align:left;   */
}

/* Category elements in gallery overview */
.jg_element_gal {
  /* text-align:center; */ 
}

/* 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; */
}