@charset "utf-8";
/**
 * @site          betze-stuermer-steinweiler.de
 * @media         screen
 * @section       Layout
 * @author        Thorsten Walk | Mediendesign <thorsten@walk-steinweiler.de>
 * @lastmodified  $LastChangedDate: 2009-11-19 19:38:44 +0100 (Do, 19. Nov 2009) $
 * @todo          -
 *
 *  Inhalt:
 *
 *  1.     Allgemeine Formatierungen
 *  1.1    Dokumentweite bzw. allgemeine Klassen
 *  2.     Layout
 *  2.1    Kopf
 *  2.2    Navigation
 *  2.3    Mitte
 *  2.3.1  Inhalt
 *  2.3.2  Seitenleiste
 *  2.4    Fuss
 *  3.     Layout Unterseiten
 *  4.     Plugins
 *
 */

@media screen, projection {

/**
 * 1. Allgemeine Formatierungen
 */

  body {
    background: #000 url('../images/bg_body.png') repeat-y;
    color: #000;
  }

  /* Schriftgröße */
  #navigation {
    font-size: 0.7em;
  }

  #mitte {
    font-size: 0.8em;
  }

  #seitenleiste {
    font-size: 0.9em;
  }

  #fuss {
    font-size: 0.7em;
  }

  /* Überschriften */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
  }

  h2 {
    color: #666;
    display: none;
  }

  h3 {
    color: #000;
    border-bottom: 1px solid #ddd;
  }

  /* Links */
  a {
    text-decoration: none;
  }

  a:link {
    color: #9d1c0f;
  }

  a:visited {
    color: #000;
  }

  a:focus,
  a:hover {
    text-decoration: underline;
  }

  a:active {
    background: #000;
    color: #fff;
  }

  /* Formulare */
  label {
    display: block;
    margin-bottom: 0.5em;
    cursor: pointer;
  }

  input,
  textarea {
    font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #000;
    background: #fff;
    padding: 5px;
    width: 97%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
  }

  input:hover,
  input:focus,
  textarea:hover,
  textarea:focus {
    background: #ededed;
  }

  .button {
    cursor: pointer;
    background-color: #c32718;
    color: #fff;
    border: 1px solid #000;
    padding: 4px;
    margin: 0;
    width: auto;
  }

  .button:hover,
  .button:active {
    background: #e81400;
    color: #fff;
    border: 1px solid #000;
  }

  .required {
    font-size: 0.8em;
    color: red;
  }

  /* Code */
  code {
    font-size: 1.2em;
  }

  /* Tabellen */
  caption {
    font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    text-align: center;
  }

  table {
    width: 100%;
    margin: 1em 0 1em 0;
  }

  th,
  td {
    background-color: #ededed;
    padding: 0.4em;
    text-align: left;
    vertical-align: top;
    border-bottom: 2px solid #ddd;
  }

  th {
    width: 22%;
  }

  td.zweiteSpalte {
    width: 15%;
  }

  .markiert {
    background-color: #ededed;
  }

/**
 * 1.1  Dokumentweite bzw. allgemeine Klassen
 */

  /* Info-Box */
  .info {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    margin-bottom: 1em;
    padding: 8px 8px 8px 40px;
    background: #f1f1f1 url(../images/info.png) no-repeat left top;
    color: #000;
    text-align: justify;
    min-height: 28px;
    border: 1px solid #f1f1f1;
  }

  .info.links {
    margin-right: 1em;
    width: 200px;
    text-align: left;
  }

  .info.rechts {
    margin-left: 1em;
    width: 200px;
    text-align: left;
  }

  .info a:link,
  .info a:visited {
    color: #666;
  }

  /* Ausrichten */
  .links {
    float: left;
    width: auto;
  }

  .rechts {
    float: right;
    width: auto;
  }

  .unten {
    position: absolute;
    bottom: 0;
  }

  .oben {
    position: absolute;
    top: 0;
  }

  .mitte {
    display: block;
    margin: 0 auto;
    text-align: center;
  }

  /* Keine Listenpunkte */
  .ohnepunkte {
    list-style: none;
  }

  /* Easy-Clearing: http://www.jassesnee.de/easyclear/ */
  .clearfix:after,
  ul#navigation:after,
  #mitte:after,
  .navigation:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  .clearfix,
  ul#navigation,
  #mitte,
  .navigation {
    display: inline-block;
  }

  /* Hides from IE-mac \*/
  * html .clearfix,
  * html ul#navigation,
  * html #mitte,
  * html .navigation {
    height: 1%;
  }

  .clearfix,
  ul#navigation,
  #mitte,
  .navigation {
    display: block;
  }
  /* End hide from IE-mac */

  /* Skiplinks */
  .hide-skip {
    display: inline;
    height: 0;
    left: -9999px;
    position: absolute;
    top: -9999px;
    width: 0;
  }

  .tab-skip:focus,
  .tab-skip:active {
    position: absolute;
    top: 9999px;
    left: 9999px;
    display: inline;
    width: 8em;
    height: auto;
    background: #fff;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 0.3em;
    border: 0.0833em solid #000;
  }

/**
 * 2. Layout
 */

  #seite {
    width: 780px;
  }

/**
 * 2.1 Kopf
 */

  h1 {
    background: transparent url('../images/kopf.png') repeat-x;
    height: 172px;
    text-indent: -9999px;
    line-height: 0;
    text-align: center;
    margin: 0.2em 0 0 0;
  }

/**
 * 2.2 Navigation
 */

  div#navigation {
    height: 40px;
    margin-top: 1em;
  }

  div#navigation ul {
    margin: 0;
    padding: 0;
  }

  div#navigation li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 10px 0 0;
    overflow: hidden;
    text-indent: -9999px;
    line-height: 0;
  }

  div#navigation li a {
    display: block;
    height: 40px;
    padding: 0;
    color: #fff;
    text-align: center;
  }

  div#navigation li.neuigkeiten a {
    background: url(../images/nav_neuigkeiten.png) 0 0 repeat-x;
    width: 90px;
  }

  div#navigation li.vorstand a {
    background: url(../images/nav_vorstand.png) 0 0 repeat-x;
    width: 80px;
  }

  div#navigation li.mitgliedschaft a {
    background: url(../images/nav_mitgliedschaft.png) 0 0 repeat-x;
    width: 115px;
  }

  div#navigation li.satzung a {
    background: url(../images/nav_satzung.png) 0 0 repeat-x;
    width: 70px;
  }

  div#navigation li.galerie a {
    background: url(../images/nav_galerie.png) 0 0 repeat-x;
    width: 65px;
  }

  div#navigation li.gaestebuch a {
    background: url(../images/nav_gaestebuch.png) 0 0 repeat-x;
    width: 80px;
  }

  div#navigation li.archiv a {
    background: url(../images/nav_archiv.png) 0 0 repeat-x;
    width: 60px;
  }

  div#navigation li.suchen a {
    background: url(../images/nav_suchen.png) 0 0 repeat-x;
    width: 60px;
  }

  div#navigation li a:hover {
    background-position: 0 -40px;
  }

  div#navigation li.suchen {
    float: right;
    padding-right: 0;
  }

  body#neuigkeiten div#navigation li.neuigkeiten a,
  body#vorstand div#navigation li.vorstand a,
  body#mitgliedschaft div#navigation li.mitgliedschaft a,
  body#satzung div#navigation li.satzung a,
  body#galerie div#navigation li.galerie a,
  body#gaestebuch div#navigation li.gaestebuch a,
  body#archiv div#navigation li.archiv a,
  body#suchen div#navigation li.suchen a,
  .aktiv,
  body.single div#navigation li.neuigkeiten a {
    background-position: 0 -40px !important;
  }

/**
 * 2.3 Mitte
 */

  #mitte {
    position: relative; /* fürs ausrichten: .open + .unten */
    background: #fff url(../images/bg_mitte.png) repeat-y;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    border-bottom: 3px solid #000;
  }

/**
 * 2.3.1 Inhalt
 */

  #inhalt {
    float: left;
    width: 500px;
    padding: 10px 12px 30px 15px; /* rechts 12px wegen 3px border bei #mitte */
    min-height: 400px;
  }

  /* Suchenbox unterhalb des Kopfes */
  #suchenbox {
    background: #000;
    padding: 8px 0 8px 8px;
    height: 45px;
    width: 780px;
  }

  #suchenbox input {
    width: 495px;
    padding: 10px;
    background-color: #3a3a3a;
    color: #fff;
    font-size: 1.2em;
  }

  #suchenbox input:hover {
    background-color: #4b4b4b;
  }

  #suchenbox input.button {
    width: 240px;
    padding: 9px;
    background-color: #800000;
  }

  #suchenbox input.button:hover {
    background: #e81400;
  }

  /* In den Beiträgen blättern */
  #inhalt .navigation {
    margin: 0 0 1em 0;
    text-align: center;
    font-size: 0.8em;
  }

  /* Box um Beitrag */
  .post {
    margin-bottom: 1em;
  }

  /* Sticky Post */
  .sticky {
  }

  /* Überschrift des Beitrags */
  .post h3 {
    margin-bottom: 0.3em;
    font-size: 1.4em;
  }

  .post h3 a:link,
  .post h3 a:visited {
    color: #830F10;
  }

  .post h3 a:active {
    color: #fff;
  }

  .post h3:first-letter {
    font-size: 1.3em;
  }

  /* Autor */
  p.autor {
    font-size: 0.8em;
    display: block;
    margin-bottom: 0.2em;
  }

  /* Metadaten (Kategorien, Tags) */
  p.metadaten {
    font-size: 0.7em;
  }

  /* Beitrag */
  .beitrag {
    padding: 0.6em;
    text-align: justify;
  }

  .beitrag img {
    padding: 0.2em;
    border: 2px solid #000;
  }

  /* Weiterlesen */
  .more-link {
    display: block;
    margin-top: 1em;
  }

  /* Bearbeiten-Link */
  p.bearbeiten {
    font-size: 0.8em;
    float: right;
    width: auto;
  }

  p.bearbeiten a {
    color: #666;
  }

  /* Kommentar-Link */
  p.feedback {
    border-top: 0.0833em solid #ddd;
    font-size: 0.8em;
    text-align: right;
  }

  p.feedback a {
    color: #666;
  }

  /* RSS und Trackback-URL (Bei der Detailansicht eines Beitrags) */
  ul#rss_and_trackbackurl {
    margin: 2em 0 0 0;
    padding: 0;
  }

  ul#rss_and_trackbackurl li {
    padding: 0 0 3px 23px;
    list-style: none;
    margin-bottom: 0.3em;
  }

  ul#rss_and_trackbackurl li.rss {
    background: url(../images/rss.png) no-repeat;
  }

  ul#rss_and_trackbackurl li.trackback {
    background: url(../images/world_link.png) no-repeat;
  }

  /* WordPress Klassen fuer Bilder */
  .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .alignleft {
    float: left;
    width: auto;
    margin-right: 1em;
    margin-bottom: 0.5em;
  }

  .alignright {
    float: right;
    width: auto;
    margin-left: 1em;
    margin-bottom: 0.5em;
  }

  .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .wp-caption {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 5px 5px 0 5px;
    text-align: center;
  }

  .wp-caption img {}

  .wp-caption-dd {}

  .wp-caption p.wp-caption-text {
    font-size: 0.8em;
    padding-top: 3px;
  }

  /* Kommentare */
  #inhalt div#comments,
  #inhalt div#respond {
    margin-bottom: 1em;
  }

  #inhalt ol#kommentarliste,
  #inhalt ol#kommentarliste li {
    list-style: none;
    margin-left: 0;
  }

  #inhalt ol#kommentarliste li div.kommentar {
    border-bottom: 1px dotted #666;
    margin-bottom: 1em;
    font-size: 0.8em;
  }

  #inhalt ol#kommentarliste li div.kommentar span.wer {
    display: block;
    font-size: 1.2em;
    margin-bottom: 0.5em;
  }

  #inhalt ol#kommentarliste li div.kommentar span.wer img.avatar {
    padding: 3px;
    border: 1px solid #666;
    float: left;
    margin: 0 1em 1em 1em;
  }

  #inhalt ol#kommentarliste li div.kommentar div.text {
    display: block;
    margin-left: 10em;
  }

  #inhalt div#respond fieldset#kommentar-daten,
  #inhalt div#respond fieldset#kommentar-text  {
    border: 1px dotted #666;
    padding: 0.3em;
  }

  #inhalt div#respond fieldset#kommentar-text code {
    font-size: 1.1em;
  }

  #inhalt div#respond fieldset legend {
    font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
  }

  #inhalt div#respond fieldset#kommentar-daten label,
  #inhalt div#respond fieldset#kommentar-text label {
    font-size: 0.8em;
  }

  #inhalt div#respond fieldset#kommentar-daten input {
  }

  /* Nav-Link - Naechste Seite / Vorherige Seite */
  #nav-link {
    text-align: center;
    padding: 0.5em;
  }

/**
 * 2.3.2 Seitenleiste
 */

  #seitenleiste {
    float: left;
    width: 230px;
    padding: 10px 10px 0 10px;
  }

  /* Innen/Aussen-Abstaende und Listen-Style in den Listen der Seitenleiste resetten */
  #seitenleiste ul,
  #seitenleiste li {
    margin: 0;
    padding: 0;
  }

  /* Innen/Aussen-Abstaende in den Listen der Seitenleiste neu definieren */
  #seitenleiste li {
    list-style: none;
    padding: 3px 0 3px 0;
  }

  /* Listen-Grafik in der Seitenleiste */
  #seitenleiste ul li ul li {
    list-style-image: url(../images/li-e1.png);
    margin-left: 2em;
  }

  /* Überschriften in der Seitenleiste */
  #seitenleiste h2 {
    display: none;
  }

  #seitenleiste li.infobox h3 {
    background: transparent url(../images/h3_info.png) no-repeat top left;
    width: 230px;
    height: 45px;
    padding: 0;
    margin: 0 0 0.5em 0;
    border: none;
    text-align: left;
    text-indent: -99999px;
    line-height: 0;
  }

  #seitenleiste li.fck-im-internet h3 {
    background: transparent url(../images/h3_fck-im-internet.png) no-repeat top left;
    width: 230px;
    height: 45px;
    padding: 0;
    margin: 0;
    border: none;
    text-align: left;
    text-indent: -99999px;
    line-height: 0;
  }

  #seitenleiste li.termine h3 {
    background: transparent url(../images/h3_termine.png) no-repeat top left;
    width: 230px;
    height: 45px;
    padding: 0;
    margin: 0;
    border: none;
    text-align: left;
    text-indent: -99999px;
    line-height: 0;
  }

  #seitenleiste li.neues-aus-lautern h3 {
    background: transparent url(../images/h3_neues-aus-lautern.png) no-repeat top left;
    width: 230px;
    height: 45px;
    padding: 0;
    margin: 0;
    border: none;
    text-align: left;
    text-indent: -99999px;
    line-height: 0;
  }

  #seitenleiste li.neues-aus-der-liga h3 {
    background: transparent url(../images/h3_neues-aus-der-liga.png) no-repeat top left;
    width: 230px;
    height: 45px;
    padding: 0;
    margin: 0;
    border: none;
    text-align: left;
    text-indent: -99999px;
    line-height: 0;
  }

  #seitenleiste h4 {
    margin-left: 0.6em;
    margin-bottom: 0.2em;
    margin-top: 0.4em;
  }

  /* Formatierungen fuer Termine in der Seitenleiste */
  #seitenleiste li.termine ul li {
    list-style: none;
    margin: 0 0 0 1em;
  }

  #seitenleiste li.termine h4 {
    color: #333;
    font-size: 1.1em;
    border: none;
    margin: 0;
  }

  #seitenleiste li.termine ul li ul li {
    margin-bottom: 0;
  }

  #seitenleiste li.termine ul li ul li.was {
    list-style: none;
    font-weight: bold;
    font-size: 1.2em;
    margin-left: 0;
  }

  #seitenleiste li.termine ul li ul li.datum {
    margin: 0;
  }

  #seitenleiste li.termine ul li ul li.beschreibung {
    margin: 0;
    font-style: italic;
  }

  #seitenleiste li.termine ul li ul li.link {
    list-style-image: url(../images/li-e1.png);
    margin-left: 2em;
  }

/**
 * 2.4 Fuss
 */

  #fuss {
    background: #000 url(../images/bg_fuss.png) repeat-x;
    height: 50px;
    padding: 0.2em;
    color: #fff;
    border-right: 3px solid #000;
  }

  #fuss a {
    color: #fff;
  }

  #fuss li {
    margin: 0;
    padding: 0;
    list-style: none;
  }

/**
 * 3. Layout Unterseiten
 */

  /* Vorstand */
  body#vorstand li {
    list-style: none;
  }
  body#vorstand li strong {
    font-size: 1.1em;
  }

  /* Satzung */
  body#satzung #seitenleiste {
    display: none;
  }

  body#satzung #mitte {
    background-image: none;
  }

  body#satzung #inhalt {
    width: 754px;
    padding-left: 10px;
    padding-right: 10px;
  }

  /* Archiv */
  body#archiv #archiv-listen {
  }

  body#archiv #archiv-liste-monat {
    float: left;
    width: 240px;
    margin-right: 1em;
  }

  body#archiv #archiv-liste-kategorien {
    float: left;
    width: 240px;
  }

  body#archiv #archiv-letzten-artikel {
  }

  /* Impressum */
  body#impressum li {
    list-style: none;
  }

  body#impressum a img {
    border: none;
  }

/**
 * 4. Plugins
 */

  /* Slimbox  */
  #lbOverlay {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    cursor: pointer;
  }

  #lbCenter,
  #lbBottomContainer {
    position: absolute;
    z-index: 9999;
    overflow: hidden;
    background-color: #c32718;
  }

  .lbLoading {
    background: #000 url(../images/slimbox/loading.gif) no-repeat center;
  }

  #lbImage {
    position: absolute;
    left: 0;
    top: 0;
    border: 10px solid #c32718;
    background-repeat: no-repeat;
  }

  #lbPrevLink,
  #lbNextLink {
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    outline: none;
  }

  #lbPrevLink {
    left: 0;
  }

  #lbPrevLink:hover {
    background: transparent url(../images/slimbox/prevlabel.png) no-repeat 0 15%;
  }

  #lbNextLink {
    right: 0;
  }

  #lbNextLink:hover {
    background: transparent url(../images/slimbox/nextlabel.png) no-repeat 100% 15%;
  }

  #lbBottom {
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 10px;
    color: #fff;
    line-height: 1.4;
    text-align: left;
    border: 10px solid #c32718;
    border-top-style: none;
  }

  #lbCloseLink {
    display: block;
    float: right;
    width: 100px;
    height: 30px;
    background: transparent url(../images/slimbox/closelabel.png) no-repeat center;
    margin: 5px 0;
    outline: none;
  }

  #lbCaption,
  #lbNumber {
    margin-right: 71px;
  }

  #lbCaption {
    font-weight: bold;
  }

  /* wp-pagenavi http://wordpress.org/extend/plugins/wp-pagenavi/ */
  .wp-pagenavi {
    text-align: center;
    margin-bottom: 1em;
    font-size: 0.8em;
  }

  .wp-pagenavi a,
  .wp-pagenavi a:link {
    padding: 2px 4px 2px 4px;
    margin: 2px;
  }

  .wp-pagenavi a:visited {
    padding: 2px 4px 2px 4px;
    margin: 2px;
  }

  .wp-pagenavi a:hover {
  }

  .wp-pagenavi a:active {
  }

  .wp-pagenavi span.pages {
    padding: 2px 4px 2px 4px;
    margin: 2px 2px 2px 2px;
    display: block;
  }

  .wp-pagenavi span.current {
    padding: 2px 4px 2px 4px;
    margin: 2px;
    font-weight: bold;
    text-decoration: underline;
  }

  .wp-pagenavi span.extend {
  }

  /* ngg-gallery */
  /* Album Styles Extend */
  .ngg-albumoverview {
  }

  .ngg-album {
    float: left;
    width: 230px;
    padding: 5px;
    margin-bottom: 5px;
    text-align: center;
  }

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

  .ngg-albumcontent {
  }

  .ngg-thumbnail {
  }

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

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

  .ngg-description {
    font-size: 0.8em;
  }

  /* Album Styles Compact */
  .ngg-album-compact {
    float:left;
    height:180px;
    padding-right:6px !important;
    margin:0px !important;
    text-align:left;
    width:120px;
  }

  .ngg-album-compactbox {
    background:transparent url(albumset.gif) no-repeat scroll 0%;
    height:86px;
    margin:0pt 0pt 6px !important;
    padding:12px 0pt 0pt 7px !important;
    width:120px;
  }

  .ngg-album-compactbox .Thumb {
    border:1px solid #000000;
    margin:0px !important;
    padding:0px !important;
    width:91px;
    height:68px;
  }

  .ngg-album-compact h4 {
    font-size:15px;
    font-weight:bold;
    margin-bottom:0px;
    margin-top:0px;
    width:110px;
  }

  .ngg-album-compact p {
    font-size:11px;
    margin-top:2px;
  }

  /* Gallery style */
  .ngg-galleryoverview {
    overflow: hidden;
    margin-top: 10px;
    width: 100%;
    clear:both;
    display:block !important;
  }

  .ngg-galleryoverview .desc {
    /* required for description */
    margin:0px 10px 10px 0px;
    padding:5px;
  }

  .ngg-gallery-thumbnail-box {
    float: left;
  }

  .ngg-gallery-thumbnail {
    float: left;
    margin-right: 5px;
    text-align: center;
  }

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

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

  .ngg-gallery-thumbnail span {
    /* Images description */
    font-size:90%;
    padding-left:5px;
    display:block;
  }

  .ngg-clear {
    clear: both;
  }

  /* Gallery navigation */
  .ngg-navigation {
    font-size:0.9em !important;
    clear:both !important;
    display:block !important;
    padding-top:15px;
    text-align:center;
  }

  .ngg-navigation span {
    font-weight:bold;
    margin:0pt 6px;
  }

  .ngg-navigation a.page-numbers,
  .ngg-navigation a.next,
  .ngg-navigation a.prev,
  .ngg-navigation span.page-numbers,
  .ngg-navigation span.next,
  .ngg-navigation span.prev {
    border:1px solid #DDDDDD;
    margin-right:3px;
    padding:3px 7px;
  }

  .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;
    color: #FFFFFF !important;
    text-decoration: none !important;
  }

  /* Image browser style */
  .ngg-imagebrowser {
  }

  .ngg-imagebrowser h3 {
    text-align:center;
  }

  .ngg-imagebrowser img {
    border:1px solid #A9A9A9;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    display:block !important;
    padding:5px;
  }

  .ngg-imagebrowser-nav {
    padding:5px;
    margin-left:10px;
  }

  .ngg-imagebrowser-nav .back {
    float:left;
    border:1px solid #DDDDDD;
    margin-right:3px;
    padding:3px 7px;
  }

  .ngg-imagebrowser-nav .next {
    float:right;
    border:1px solid #DDDDDD;
    margin-right:3px;
    padding:3px 7px;
  }

  .ngg-imagebrowser-nav .counter {
    text-align:center;
    font-size:0.9em !important;
  }

  .exif-data {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Slideshow */
  .slideshow {
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    outline: none;
  }

  .slideshowlink {
  }

  /* Single picture */
  .ngg-singlepic {
    background-color:#FFFFFF;
    display:block;
    padding:4px;
  }

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

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

  .ngg-center {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Sidebar widget */
  .ngg-widget,
  .ngg-widget-slideshow {
    overflow: hidden;
    margin:0pt;
    padding:5px 0px 0px 0pt;
  }

  .ngg-widget img {
    border:2px solid #A9A9A9;
    margin:0pt 2px 2px 0px;
    padding:1px;
  }

  /* Related images */
  .ngg-related-gallery {
    background:#F9F9F9;
    border:1px solid #E0E0E0;
    overflow:hidden;
    margin-bottom:1em;
    margin-top:1em;
    padding:5px;
  }

  .ngg-related-gallery img {
    border: 1px solid #DDDDDD;
    float: left;
    margin: 0pt 3px;
    padding: 2px;
    height: 50px;
    width:  50px;
  }

  .ngg-related-gallery img:hover {
    border: 1px solid #000000;
  }

} /* Ende @media screen, projection */