/* Content und Sidebar-Elemente */

#content h1 { /* Angaben zur Größe der Überschriften die aus dem Ordner- bzw. Titelnamen der Seite  erzeugt werden */
	font-size: 200%;  /* Die Größe der Schrift wird hier in Prozent angegeben, und richtet sich nach der eingestellten Schriftart und der daraus resultiertenden Grundgröße */
	font-weight : normal; /* Festlegung ob die Buchstaben besondere Breite haben sollen*/
	margin: 0px;
	padding: 5px 0px 2px 0px;	
	text-transform: uppercase; /* hier wird die Anzeigeform der Buchstaben festgelegt und zwar Großbuchstaben */
	color: #ededed;
}

#content h2 {  /* Angaben zur Größe der Überschriften die aus den Absatztüberschriften erzeugt werden */
	font-size: 120%;
	font-weight : non;
	margin: 0px;
	color: #3C475D;
}

#sidebar h1 { /* Angaben zur Größe der Überschriften für die Kontextspalte */
	padding: 9px 20px 9px 20px;
	background-color: #ffffff;
	font-size: 150%;
	font-weight : bold;
	margin: 0px;
	color: #a29d9e;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#sidebar h2 { /* Angaben zur Größe der Überschriften in der Kontextspalte, die aus den Absatztüberschriften erzeugt werden */
	font-size: 100%;
	font-weight : bold;
	margin: 0px;
	color: #ffffff;
	padding: 4px 0px 2px 0px;
}


.sb { /* Beschriftungsfarbe und Position für Button die bei aktiver Shop-Funktion eingesetzt werden*/
	padding: 9px 20px 9px 20px;
	color: #ffffff !important;
}

#content h2 { /* hier wird der Abstand der Absatzüberschriften von den Ränder festgelegt*/
	padding: 10px 0px 2px 0px;	
}

#content h3 {
	font-size: 100%;
	font-weigth: bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;	
	color: #3C475D;
}

#content p, #sidebar p {
	margin: 0px;
	padding: 2px 0px 4px 0px;	
	line-height: 160%;
}

#content a { /*hier wird die Farbe und der Unterstrich für aktive Links im Hauptfenster der Seite  zugewiesen*/
	text-decoration: none;  /* es wird kein Unterstrich erzeugt */
	font-weight : bold; /* Text eines Links wird fett geschrieben */
	color: #ededed; /* Farbe der aktiven Links wird aus der voreinstellung Farbgebung und Design übernommen */
}

#sidebar a { /*hier wird die Farbe und der Unterstrich für aktive Links im Kontextfenster zugewiesen*/
	font-weight : bold;
	color: #C1CBD7;
	text-decoration: none;
}

#content a:hover, #sidebar a:hover { /* Verhalten eines Links beim Überfahren mit der Maus, gilt für Hauptseite und Kontextspalte */
	text-decoration: underline;
}

#content .sidepicture { /* Hier wird der Textausgabebereich definiert für Bildunterschriften im Seiten und Aufmacherbereich */
	float: right;
	padding: 0px 0px 0px 10px;
	margin: 5px 0px 10px 10px;
	width: 160px;
}

#content .clearer { /* Löscht Eingaben in Eingabefelder wie z.B: Suche, Kontaktformular oder Gästebuch*/
	clear: both;
}

#more {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-align: right;
}

#more a {
	text-decoration : none;
	background : url(../images/pbull.gif) no-repeat;
	padding: 2px 0px 4px 15px;
}

/* Definition zum Aussehen von Listen aus der Absatzauswahl */

#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;
}

/* Definition zum Aussehen von Tabellen aus der Absatzauswahl */

#content table.cells {
}

#content td.cell {
	background-color: #a29e9f; /* Farbe der Zellen in einer Tabelle*/
}

#content td.headercell {
	background-color: #3C475D;
	color: #ffffff;  /* Farbe der Kopfzeilen-Beschriftung in einer Tabelle*/
	font-weight: bold;
}

/* Definition zum Aussehen von Aufmachern aus der Absatzauswahl */

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: 5px 0px 8px 5px;
	border: none;
}

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 {
	width: 300px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
	border : 1px solid #cdcdcd;
	color: #333333;
	background: url(../images/pmt.gif) repeat-x;
	font-size: 10px;
}

form.formular textarea  {
	background: url(../images/pmt.gif) repeat-x;
	border : 1px solid #cdcdcd;
	width: 300px;
	height: 200px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
}

form.formular .formcaption {
	width: 140px;
	line-height: 200%;
	float: left;
	clear: left;
}

form.formular .formnote {
	color: #3C475D;
	line-height: 160%;
	padding: 2px 0px 10px 142px !important;
}

.buttoncaption {
	line-height: 200%;
}


/* Plugin-Styles */

P.s2d  {
	font-size: 180%;
	color: #3C475D;
	font-weight : bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	line-height: 200%;
}

P.s2dsmall  {
	font-size: 80%;
}

#sidebar p {
	color: #ffffff !important;
}

a.s2dsmall, a.s2dinfo  {
	text-decoration:underline !important;
}

