/* Content und Sidebar-Elemente */

#content .line {
	height: 1px;
	background-color: #828282;
	border: 0;
	padding: 0;
	margin: 10px 0 30px 0;
	overflow: hidden;
}

#content p.emphasize {
	border-left: 16px solid #828282;
	padding-left: 8px;
	margin: 10px 0;
}

#content .w2dptablinks {
	padding: 12px 0 0 0;
	border-bottom: 1px solid #828282;
	margin-bottom: 10px;
	
}
#content .w2dptablinks a {
	font-weight: normal;
	padding: 4px 10px;
	border-left: 1px solid  #828282;
	border-top: 1px solid  #828282;
	border-right: 1px solid #828282;
	display: block;
	float: left;
	margin-right: 3px;
	color: #22227C;
}
#content .w2dptablinks a.w2dptabsel {background-color: #E6E6E6;}
#content .w2dptablinks a:hover {text-decoration: none;}

BODY {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background-color: #ffffff;
}

#frame {
	width: 980px;
	margin: 0px;
	padding: 0px;
}

#content h1 {
	margin: 0;
	padding: 0;
	width: 510px;
	height: 30px;
	background-repeat : no-repeat;
	font-size: 17px;
}

#content h2, #sidebar h2 {
	font-size: 100%;
	font-weight : bold;
	margin: 0px;
	color: #333333;
	text-transform: uppercase;
}

#content h2 {
	padding: 6px 0px 2px 0px;
}

#sidebar h2 {
	padding: 2px 0px 2px 0px;
}

#content h3 {
	font-size: 100%;
	font-weigth: bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	color: #333333;
}

#content p, #sidebar p {
	margin: 0px;
	padding: 2px 0px 10px 0px;
	line-height: 170%;
}

#content a, #sidebar a {
	text-decoration: none;
	font-weight : bold;
	color: #22227C;
}

#content a:hover, #sidebar a:hover {
	text-decoration: none;
}

#content .sidepicture {
	float: right;
	padding: 4px 0px 0px 10px;
	margin: 0px 0px 10px 10px;
	width: 160px;
}

#content .clearer {
	clear: both;
}

#more {
	marging: 0px;
	padding: 20px 0px 0px 0px;
	text-align: right;
}

/* Liste */

#content ul, #sidebar ul {
	list-style: none;
	padding: 0px;
	margin: 6px 0px 6px 10px;
}

#content li, #sidebar li {
	padding: 2px 0px 2px 16px;
	background: url(../images/pbull.gif) no-repeat top left;
}

/* Tabelle */

#content table.cells {
	border: 1px solid #cccccc;
}

#content td.celltel {
	background-color: #E6E6E6;
	font-size: 240%;
}

#content td.cell {
	background-color: #E6E6E6;
}

#content td.headercell {
	background-color: #22227C;
	color: #ffffff;
	font-weight: bold;
}

/* Teaser */

div.teaserelement {
	float: left;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}

div.teaser {
	margin: 0px;
	padding: 2px 0px 2px 0px;
}

div.teaserpicture {
	float: right;
	padding: 0px;
	margin: 4px 0px 10px 10px;
	border: none;
}

#content p.teasertext,
#sidebar p.teasertext {
	margin: 0px;
	padding: 4px 0px 4px 0px;
}

.teasernav {
	clear: both;
	padding: 2px 0px 2px 0px;
	margin: 0px;
	text-align: center;
}

/* Absatztype Formular */

input.box {
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #eeeeee 1px solid;
	border-right: #eeeeee 1px solid;
	color: #22227C;
	background-color: #fcfcfc;
	width: 300px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
}

form.formular textarea  {
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #eeeeee 1px solid;
	border-right: #eeeeee 1px solid;
	color: #22227C;
	background-color: #fcfcfc;
	width: 300px;
	height: 200px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
}

form.formular .formcaption {
	width: 200px;
	line-height: 200%;
	float: left;
	clear: left;
}

form.formular .formnote {
	color: #333333;
	line-height: 160%;
	padding: 2px 0px 10px 202px !important;
}

.buttoncaption {
	line-height: 200%;
}


/* Plugin-Styles */

P.s2d  {
	font-size: 180%;
	color: #22227C;
	font-weight : bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	line-height: 200%;
}

P.s2dsmall {
	font-size: 80%;
}

a.s2dsmall, a.s2dinfo  {
	text-decoration: underline !important;
}

/** Für Formulare und Shopseiten **/

/* Rahmen und Farbe Formularelemente */
table.formtab select.tx,
table.formtab input.tx,
table.formtab textarea.tx {
	border: 1px solid #333333;
	background-color: #E6E6E6;
}

/* Weitere Styledefinitionen für Formularelemente */
/* Rahmen und Farbe Formularelemente Highlight */
table.formtab select.txh,
table.formtab input.txh,
table.formtab textarea.txh,
table.formtab td.txh,
table.formtab table.txh {
	border: 1px solid #A70C0C;
	background-color: #F5E5E5;
}

/* Tabellenbreite */
table.pluginwidth {
	width: 540px;
	margin: auto;
}

table.completewidth, td.completewidth {
	width: 100%;
}

/* Breite der Formularfelder */
table.formtab input.tx,
table.formtab input.txh,
table.formtab textarea.tx,
table.formtab textarea.txh {
	width: 270px;
}

/* Höhe der Formularfelder */
table.formtab textarea.tx,
table.formtab textarea.txh {
	height: 108px;
}

/* Farbeliche Anzeige von Fehlermeldungen, immer identisch */
table.formtab td.h, p.h {
	color: #A70C0C;
	font-weight: bold;
	text-align: center;
}

/* Focus und Mausover von Formularelementen, immer identisch */
/*
table.formtab textarea:focus,
table.formtab textarea:hover,
table.formtab select:focus,
table.formtab select:hover,
table.formtab input:focus,
table.formtab input:hover {
	background-color: #FFFFFF;
} */

/* Innenabstand von Formularelementen und Tabellenzellen, immer identisch */
table.formtab input,
table.formtab textarea,
table.formtab td {
	padding-left: 3px;
	padding-right: 3px;
	margin: 0px;
}














/* Ä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;
	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 */
.artikel_headline {

	}

/* Artikel-Titel (innerhalb von artikel_headline) */
h2.titel,
#content h2.titel{
	font-weight:normal;
	font-size:1.6em;
	margin-bottom:0;
	padding-bottom:0px;
	text-decoration:none;
	color:#4d4d4d;
	}

/* Link-Definitionen (titel) */
.titel a:link, .titel a:visited,
#content .titel a:link, #content .titel a:visited {
	text-decoration:none;
	border:0;
	color:#4d4d4d;
	}

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

div.footline_small {
	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 */
.artikel_textbox {

	}

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

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












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

.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;
	font-family: Arial, Helvetica, sans-serif;
	}
.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 {

	}







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

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

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

.lightbox {

}

/* Werbung */
#werbung {
	float:right;
	position:absolute;
	left:00%;
	right:0px;
	width:120px;
	text-align:center;
	font-size:9px;

	margin-left:1010px;
	padding-top:50px;
	}