CSS des 01-Artikelsystems www.01-scripts.de - Version 3.1.0

style.css

/* CSS des 01-Artikelsystems www.01-scripts.de - Version 3.2.0 */
/* Ä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;
	}

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









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

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