/* Äußere Box für den gesamten Artikel-Bereich - DIV selber (id = 01article) */
#_01article{
    text-align:left;
    }

.box_out{
    width: 100%;
    margin: 0 auto;
    text-align:left;	
	background: rgba(230, 230, 230, 1);
    }

/* Aussehen der Artikel-Texte / der Artikel-DIV-Box */
.box_out, .artikel_text, body.mceContentBody {
    font-size:10pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#000;
    }

/* Link-Definitionen (box_out) */
.box_out a:link,.box_out a:visited  {
    text-decoration: underline;
    color: #000;
}
.box_out a:hover  {
    text-decoration: none;
    color: #000;
}


img{
	max-width: 100%;
	max-height: 100%;
}






/* Jedes Element (headline,text,footline) hat zusätzlich diese Klasse */
div.inner_box {
    width:100%;
    display:block;
	background: rgba(230, 230, 230, 1);
    }

/* Klasse für den Headline-Bereich */
div.artikel_headline {

    }

/* Artikel-Titel (innerhalb von artikel_headline) */
h2.titel{
    font-weight:bold;
    font-size:1.4em;
    color:#000;
    margin-bottom:0;
    padding-bottom:0px;
    text-decoration:none;
    }

/* Link-Definitionen (titel) */
.titel a:link, .titel a:visited {
    text-decoration:none;
    color:#000;
    }

/* Informationen zum Artikel unterhalb des Titels */
.headline_small, .footline_small {
    font-size:10px;
    text-decoration:none;
    text-transform: uppercase;
    }

div.artikel_footline {
    border-bottom: 1px dotted #999;
    clear: both;
    }

/* Link-Definitionen (artikel_headline) */
.artikel_headline a:link,.artikel_headline a:visited  {
    text-decoration: underline;
    color: #000;
}
.artikel_headline a:hover  {
    text-decoration: none;
    color: #000;
}












/* Aussehen der Artikel-DIV-Box */
div.artikel_textbox {

    }

/* Link-Definitionen (artikel_text) */
.artikel_text a:link, .artikel_text a:visited, .mceContentBody a  {
    text-decoration: underline;
    color: #000;
}
.artikel_text a:hover  {
    text-decoration: none;
    color: #000;
}

/* CSS-Eigenschaten für das Kategorie-Bild */

.artikel_catimg img {
    text-align:left;
    float:left;
    padding:5px;
    padding-top:15px;
    }

/* Aussehen der Hinweisbox für die Ausgabe von Meldungen */
.meldungen_01 {
    line-height:16pt;
    text-align: left;
    font-size:12px;
    background-color: #DDDDDD;

    margin: 20px 0;
    padding: 5px 20px 5px 20px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    }










/* Definition für TABELLE mit der Seiten-Navigation */
.table_page {
    padding-top:15px;
    width:100%;
    border:0;
    }

/* Textdefinition für Seiten-Navigation (Vor, Zurück etc.) */
.page_text {
    font-size:12px;
    text-decoration:none;
    }

/* Definition für Tabellenabschnitt mit weiteren Feldern (Suchbox, RSS, Archiv, Seiten etc.) */
.table_page_fields {
    padding-top:15px;
    width:auto;
    border:0;
    }

.table_page_fields td {
    padding:5px;
    }






/* Tabelle für Archiv-Ansicht */
.table_archiv {
    width:100%;
    border:0;
    }

.table_archiv td {
    padding:5px;
    }

td.archiv_month { }

td.archiv_year{ }

.table_archiv_headline {
    font-weight:bold;
    }





/* Definition für Kommentar-Box (Anzeige von Kommentaren) */
.commentbitbox {
    width:98%;
    text-align:left;
    border: 1px dotted #999;
    padding:8px;
    }

.comment_text {
    font-size:12px;
    text-decoration:none;
    }

/* Definition für Kommentar-Hinzufügen-Tabelle */
.commentaddbox {
    width:100%;
    text-align:left;
    border: 1px dotted #999;
    padding:8px;
    }





/* Aussehen von kleinem Text */
.small01acp, .small01acp a:link,.small01acp a:visited {
    font-size:10px;
    text-decoration:none;
    text-transform: uppercase;
    }
.small01acp a:link,.small01acp a:visited {
    text-decoration:underline;
    }
.box_out a:hover  {
    text-decoration: none;
}

/* Hervorgehobener, wichtiger Text */
.highlight {
    font-weight:bold;
    color:red;
    }








/* Formular-Elemente */
/* Normales Textfeld */
.input_field {

    }

/* Formular-Buttons */
.input_button {

    }

/* Dropdown-Boxen */
.input_selectfield {

    }







/* SLIMBOX */

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

#lbCenter, #lbBottomContainer {
    position: absolute;
    z-index: 9999;
    overflow: hidden;
    background-color: #fff;             /* Hintergrundfarbe des Untertitel-Bereichs */
}

#lbImage {
    position: absolute;
    left: 0;
    top: 0;
    border: 10px solid #fff;            /* Bildrahmenfarbe um das in der Lightbox geöffnete Bild herum */
    background-repeat: no-repeat;
}

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

#lbPrevLink {
    left: 0;
}
#lbNextLink {
    right: 0;
}

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

#lbCloseLink {
    display: block;
    float: right;
    width: 66px;
    height: 22px;
    margin: 5px 0;
    outline: none;
}

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







/* Rahmen bei Bildern mit Link entfernen */
img {
    border: 0;
    }

.float_left {
    text-align:left;
    float:left;
    }
.float_right {
    text-align:right;
    float:right;
    }

.lightbox {}

/* Formatierte Ausgabe von Galerie-Thumbnails im Artikelsystem */
/* Die Breite muss mit der für die Galerie voreingestellten Thumbnail-Breite übereinstimmen */
.thumbnail_art2gal{
    float: left;
    width: 150px; /* Thumbnail-Breite */
    border: 1px solid #999;
    margin: 0 10px 10px 0; /* Abstand zwischen den einzelnen Thumbnails */
    padding: 5px; /* Abstand zwischen Bild und Rand */
}

/* div um die Thumbnails innerhalb von Artikeln */
div.cssgallery_art2gal {}

/* Copyright-Hinweis */
/* Sichtbare Hinweis darf ohne eine entsprechende Lizenz NICHT entfernt werden! */
.copyright {
    padding-top:15px;
    font-size:11px;
    text-decoration:none;
    }