/* ---------- ---------- ---------- ---------- ---------- */
/* Allgemein: Font fur h1 */
h1, h2 {
    font-family:'Lato Regular' !important;
}
/* Allgemein: Uberschriften h1 */
h1 {
    padding-top:7px;
    padding-bottom:7px;
    font-size:2.0em;
}
/* Allgemein: Uberschriften h2 */
h2 {
    margin-top:15px;
    margin-bottom:5px;
    font-size:1.8em;
}
/* Allgemein: Uberschriften h3 */
h3 {
    margin-top:10px;
    margin-bottom:5px;
    font-size:1.5em;
}
/* Allgemein: Uberschriften h4 */
h4 {
    margin-top:10px;
    margin-bottom:5px;
    font-size:1.3em;
}
/* Allgemein: Schrift */
p,
td {
    font:98%/133% 'Lato Regular';
}
/* Allgemein: Rander fur Galerien */
.ce_gallery .image_container {
    margin-right:10px;
    margin-bottom:10px;
    line-height:0;
}
/* ---------- ---------- ---------- ---------- ---------- */
/* Header: Anpassungen Block oben */
.sectionTop {
    height:60px;
}
.sectionTop .inside {
    height:60px;
}
/* Header: Positionieren */
#header .mod_mateNavbar {
    top:60px;
}
/* Header: Logo Figcaption */
#logo_w figcaption {
    max-width:150px;
    float:right;
    margin-top:20px;
    font-size:.4em;
    line-height:.8em;
}
/* Header: Link auf Dauer Weiss */
#logo_w figure:hover {
    color:#fff;
}
/* Header: */
#fcon-header {
    margin-right:auto;
    margin-left:auto;
    padding-right:20px;
    padding-left:20px;
    text-align:center;
    font:2.0em 'Lato Regular';
}
/* Header: Navigation */
#nav379dropdown167 a {
    padding-top: 4px !important; 
    padding-bottom: 4px !important; 
    font-size: 90 !important; 
    line-height: 20px
}
/* ---------- ---------- ---------- ---------- ---------- */
/* Seiteninhalt */
.container {
    width:1440px;
    max-width:90%;
}
/* Seiteninhalt: Abstand der Seite nach oben verringern */
.container {
    padding-top:10px;
}
/* Seiteninhalt: Abstand der Seite nach oben verringern */
#main {
    margin-top:15px;
    padding-top:10px;
}
/* ---------- ---------- ---------- ---------- ---------- */
/* Startseite Ruckblende: Positionierung */
#rueckblende_e {
    max-width:800px;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:30px;
}
/* Startseite Ruckblende: Titel zentrieren */
#rueckblende_e h2 {
    text-align:center;
}
/* Startseite Ruckblende: Ruckblende */
#rueckblende_e figure {
    max-width:800px;
    margin-right:auto;
    margin-bottom:30px;
    margin-left:auto;
    text-align:center;
}
/* Startseite Ruckblende: Tabelle */
#rueckblende_e table tr.odd,
#rueckblende_e table tr.even {
    background-color:#fff;
}
/* Startseite Ruckblende: Tabelle */
#rueckblende_e table td, 
#rueckblende_e table tr {
    padding-top:0;
    padding-bottom:0;
    border: none;
}
/* Startseite Ruckblende: Tabelle */
#rueckblende_e .col_0 {
	min-width: 300px 
}
/* Startseite Ruckblende: Rand unten */
#rueckblende_b {
    border-bottom:2px solid #3565a2;
}
#rb-link {
    text-align:center;
    background: #3565a2;
    font-size:1.5em;
    max-width: 800px;
    padding:10px;
    margin-right:auto;
    margin-left:auto;
}
#rb-link a {
    color:#fff;
}
#dig_rb {
    max-width:600px;
   margin-left:auto;
   margin-right:auto;
   margin-top:15px;
   margin-bottom:10px;
}
#dig_rb figcaption{
	text-align:center;
	margin-top: 10px;
}
#digitale_rueckblende {
    padding-bottom:10px;
    border-bottom:2px solid #3565a2;
}
/* Startseite Neuigkeiten: Hintergrund von Neuigkeiten */
#neuigkeiten {
    margin-right:auto;
    margin-left:auto;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:2px solid #3565a2;
}
/* Startseite Neuigkeiten: Abstand von Neuigkeiten */
#neuigkeiten p {
    margin-top:4px;
    margin-bottom:4px;
    padding-right:15px;
    padding-left:15px;
}
/* Startseite Neuigkeiten: Abstand von Neuigkeiten */
#neuigkeiten h2 {
    margin-top:4px;
    margin-bottom:4px;
    text-align:center;
}
/* Startseite Zufallsbild: Abstand von Zufallsbild zu Neuigkeiten */
#zufall {
    margin-top:30px;
}
/* Startseite Zufallsbild: Zufallsbild zentrieren */
.mod_randomImage figure,
.mod_randomImage figcaption,
.mod_randomImage h2 {
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}
/* Startseite Trauer: Formatierung der Traueranzeige */
#Trauer {
    max-width:750px;
    margin:0 auto 30px;
    padding:10px 10px 0;
    border:2px solid #555;
    border-radius:10px;
    border-spacing:5;
}
/* ---------- ---------- ---------- ---------- ---------- */
/* Club Uber uns: 2 Drittel */
.Drittel2 {
    width:60%;
    min-width:310px;
    float:left;
    clear:none;
    margin-right:20px;
}
/* Club Uber uns: Wegweiser */
.Wegweiser {
    height:400px;
    min-width:300px;
    max-width:450px;
    overflow:hidden;
    float:left;
    clear:none;
    margin-bottom:20px;
}
/* Club Uber uns: Ganze Breite */
.GanzeBreite {
    clear:both;
}
/* Club Uber uns: Galerie unten */
#CGalerie li {
    width:30%;
}
/* Club Kontakte: Abstande der Zeilen in der Tabelle */
#kontakte .ce_table p,
#links p {
    margin:6px 0;
}
/* Club Weiteres: Zuruck bei Unterseiten von Club rechtsbundig */
.zurueck {
    text-align:right;
}
/* ---------- ---------- ---------- ---------- ---------- */
/* Mitglieder: Einzelne Eintrage Float */
#mitglieder div {
    float:left;
}
/* Mitglieder: Texte fur Mitglieder */
#mitglieder .ce_text {
    width:240px;
    min-height:150px;
    clear:none;
}
/* Mitglieder: Texte fur Mitglieder */
#mitglieder .flrow div {
    padding-left:0;
}
/* Mitglieder: Download fur Verzeichnis */
#mitglieder .verzeichnis {
    clear: both;
    width: auto;
   	min-height: 1px;
	margin-top: 20px;
}
/* ---------- ---------- ---------- ---------- ---------- */
/* Galerien: Hebt den Umbruch nach 12 Elementen auf. Gilt fur alle Galerien */
.ce_gallery > ul li.col_first {
    clear:none;
}
/* ---------- ---------- ---------- ---------- ---------- */
/* Portfolio: Seite mit allen Bildern */
#portfolio_s h3 {
    height:0px;
    font-size:0px;
}
/* Portfolio: Seite mit einzelnem Bildern */
#portfolio_e {
    padding-bottom:.75rem;
}
/* ---------- ---------- ---------- ---------- ---------- */
/* Galerien: Formatierung Uberschriften */
#dvfwettbewerbe h2,
#intwettbewerbe h2,
#rueckblende_g h2,
#clubreisen h2 {
    margin-top:1.2rem;
    margin-bottom:1.6rem;
}
/* Galerien: */
#dvfwettbewerbe .block,
#intwettbewerbe .block,
#rueckblende_g .block,
#clubreisen .block {
    padding-bottom:12px;
    border-bottom:1px solid #3565a2;
}
/* Galerien: */
#dvfwettbewerbe .block,
#intwettbewerbe .block,
#rueckblende_g .block,
#clubreisen .block {
    padding-bottom:12px;
    border-bottom:1px solid #3565a2;
}
/* Galerien: */
.ce_gallery_nobottom,
#dvfwettbewerbe .last,
#intwettbewerbe .last,
#rueckblende_g .last,
#clubreisen .last {
    border-bottom: 0 !important;
}
/* Galerien: Unterschriften */
#rueckblende_g figcaption,
#clubreisen figcaption {
    padding:0 4px;
    font:12px "Lato Regular";
}
#portfolio_s li {
	min-height:200px;
}
/* Galerien: Anpassung an lange Unterschriften */
#rueckblende_g li {
    min-height:230px;
}
/* Galerien: Anpassung an lange Unterschriften */
#clubreisen li {
    min-height:230px;
}
/* ---------- ---------- ---------- ---------- ---------- */
/* Footer: Navigation zwischen Portfolios und Galerien */
.portfolio_nav a:hover,
.galerie_nav a:hover {
    color:#fff;
}
.portfolio_nav i.material-icons,
.galerie_nav i.material-icons {
	font-size:18px;
    color:#fff;
	height:20px;
}
#portfolio_p i,
#galerie_p i {
    float:left;
    clear:both;
}
#portfolio_p,
#galerie_p {
    text-align:left;
}
#portfolio_n,
#galerie_n {
    text-align:right;
}
#portfolio_p,
#galerie_p,
#portfolio_n,
#galerie_n {
	vertical-align:middle;
	padding-top:10px;
}
.mod_navigation {
    background-color:#204060;
}
/* ---------- ---------- ---------- ---------- ---------- */
/* Lightcase Hintergrundfarbe 27% Grau */
#lightcase-overlay {
    background: #494949;
}
/* Lightcase Text fur Caption */
#lightcase-case {
	line-height: 1.1;
	font-size: 10px;
}
/* ---------- ---------- ---------- ---------- ---------- */
/* Jurierungseite int. Wettbewerb: Kasten fur einzelne Bilder */
#wettbewerb_jury li {
    width:640px;
    height:660px;
    margin:20px;
    padding:20px;
    border:1px solid #dfdfdf;
    border-radius:20px;
    display: flex;
}
/* Jurierungseite int. Wettbewerb: Bilder */
#wettbewerb_jury figure {
    display:inline;
    margin:auto;
    vertical-align:middle;
}
/* Jurierungseite int. Wettbewerb: Text unter Bilder */
#wettbewerb_jury figcaption {
    margin-top:12px;
    text-align:center;
    font-size:100%;
    font-weight:bold;
}

#wettbewerb_jury_2 li {
    width:420px;
    height:440px;
    margin:20px;
    padding:10px;
    border:1px solid #dfdfdf;
    border-radius:20px;
    display: flex;
}
#wettbewerb_jury_2 figure {
    display:inline;
    margin:auto;
    vertical-align:middle;
}
#wettbewerb_jury_2 figcaption {
    margin-top:12px;
    text-align:center;
    font-size:100%;
    font-weight:bold;
}
/* MooTools Korrektur der Breite und Hohe */
/* ??? */
#mbCenter {
    width:auto !important;
    height:auto !important;
}

.upl10 { 
    margin: 1px 0;
    padding: 0;
}
.widget {
    margin: 1px 0;
    padding: 0;
}
.widget.widget-text {
    margin: 2px 0;
    padding: 0;
}
.widget.widget-text.Initialen {
    margin: 10px 0 30px 0 ;
}
.widget.widget-explanation {
    margin: 1px 0;
    padding: 0;
}
.widget.widget-submit {
    margin: 30px 0 0 0;
}
.widget.widget-explanation  p {
    margin: 1px 0;
    padding: 0;
}

#toolbarviewer div {
    visibility: hidden
}

/* Login Seite */
.mod_login {
    width: 400px;
    padding: 0px
}

.cl_nav_intern {text-transform: uppercase; color:#000 !important}
.cl_nav_intern ul {color: #000 !important;}
.cl_nav_intern ul li a.active {color: #3565a2 !important; font-weight: normal !important;}
.cl_nav_intern ul li a {color:#000 !important;}
.cl_nav_intern nav {width: 100%;}
#id_nav_intern {float: left;}