/**
 * @author CCR
 * @package Joomla
 * @subpackage Accessible-Template-ppf
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 */
a:link,a:visited
{
	color:#000;
/**
 *ORIGINAL: #000; angeklicke Links erhalten die angegebene Farbe. In meinem Fall wurden nur die Links vergrößern, verkleinern und zurücksetzen dieser Farbe.
 */
}

a:hover,a:active,a:focus#0990CF;
{
	background:#000;
	color:#FFF;
}

h3 {
	font-size:1.1em;
	font-weight:bold;
	margin:10px 0;
}

h4 {
	border:solid 0;
	color:#000;
	font-size:1em;
}

input:focus {
	border:solid 2px;
}

fieldset {
	border:0;
}

ol.list {
	list-style-position:inside;
	margin:20px 0;
	padding:10;
}

ol.list li {
	border-bottom:solid 1px #EFDEEA;
/**
 *ORIGINAL: border-bottom:solid 1px #EFDEEA; es el color de la línea que separa los resultados de la búsqueda, mientras que px es lo grozura
 */
	margin:15px 0;
/**
 *ORIGINAL: margin:10px 0; px es la distancia de cada resultado, el otro número cambia algo, pero hast ahora no lo sé
 */
	padding:15px;
/**
 *ORIGINAL: padding:10px; px es la distancia en la líneas de resultado entre el texto y el marco
 */
	background:#0990CF;
/**
 *ORIGINAL: background:#FBF7FA; 
 */
}

ol.list li h4 {
	border-bottom:solid 0 #CCC;
	color:#099;
	display:inline;
/**
 *wenn block eingegeben wird, dann wird im Suchergebnis noch eine Nummerierung oberhabl von den Ergebniskästchen eingeblendet
 */
	margin:0 0 10px;
}

p {
	line-height:1em;
/**
 *ORIGINAL:line-height:1.4em; alles was mit p initiert wird, z.B. der weiße Balken für Schriftgröße und die beiden roten Balken ändern sich in der Dicke.
 */
	margin:5px 0;
/**
 *ORIGINAL:margin:5px 0;   la distancia de todo lo que está iniciado con p aumenta o baja de los demás objetos
 */
}

ul li a.u2:focus,p a.u2:active
{
	padding:0.5em;
	background-color:#000;
	color:#000;
	display:inline;
	height:2.5em;
	left:0;
	margin-top:0;
	padding-left:15px;
	position:absolute;
	top:0;
	width:13.8em;
}

p.counter {
	background:#EEE;
	color:#000;
	font-weight:bold;
	margin:10px 0;
	padding:25px;
}

p.buttonheading {
	text-align:right;
/**
 *gibt bekannt, wo die kleinen Piktogramme pdf, Drucker und E-Mail platziert werden, ob links oder rechts  
 */
}

.buttonheading img
{
	border:0;
/**
 *legt einen Rahmen um die drei kleinen Piktogramme an
 */
}

p.buttonheading a:link,p.buttonheading a:visited
{
	border:solid 2px #fff;
/**
 *stellt einen Schattenhintergrund bei den drei Piktogrammen pdf, Drucker und E-Mail
 */
}

.leading p.buttonheading a:link,.leading p.buttonheading a:visited
{
	border:solid 2px #fff;
}

p.buttonheading a:hover
{
	background:none !important;
	color:#000 !important;
}

p.buttonheading a:active,p.buttonheading a:focus
{
	border:solid 2px;
	color:#000;
}

em
{
	font-weight:bold;
}

/* ###########  header content #############  */
#header h1
{
	font-size:1.5em;
	font-weight:normal;
	text-transform:uppercase;
}

#logo
{
	font-size:0em !important;
/**
 *der Abstand von oben bis zum Frame, in diesem Fall, von oben bis zum cabezón. Ursprünglich 1em
 */
	font-weight:bold !important;
	position:relative;
	text-align:left;
	text-transform:none !important;
	z-index:0;
	margin-top:1em;
}

#logo img
{
	display:block;
}

#logo span
{
	display:block;
/**
 *ORIGINAL:display:block;  bei block erscheint die schwarze Linie von den Menüs, während bei inline nicht
 */
	margin:0 0 2px 100px !important;
/**
 *ORIGINAL:margin:0 0 2px 100px beim ersten px ist der Abstand zwischen Menü und dem cabezón gemeint
 */
	border-bottom:solid 1px #666;
/**
 *die Linie zwischen dem oberen Menü und dem Cabezón (durch px) und die dazugehörige Farbe
 */
}

/*  Search box  */
#header form
{
	background:#FFFFFF;
	border:solid 0 #000;
	float:right;
/**
 *donde se encuentra la casilla de búsqueda, si en la derecha, en la izquierda.
 */
	height:0em;
/**
 *der untere Bereich
 */
	min-width:0px;
/**
 *von links nach rechts
 */
	text-align:right;
	padding:0 0 0 0px;
/**
 *von oben nach unten
 */
}

* html #header form
{
	height:65px;
}

#header form fieldset
{
	border:0 solid #000;
	display:inline;
	float:left;
	padding:19px;
	text-align:left;
	width:6em;
}

#header form label
{
	color:#000;
	position:absolute;
	left:-3000px;
	top:-200px;
	width:auto;
}

#header form .button
{
	background:url(../images/pfeil.gif) #000 no-repeat;
	border:0;
	color:#fff;
	font-weight:bold;
	margin:20px 10px 0 0;
	padding:0px 5px 0px 30px;
	cursor:pointer;
}

#header form .inputbox
{
	background:#fff;
/**
 *cambiar el color del fondo de la casilla de búsqueda.
 */
	border:solid 4px #0990CF;
/**
 *el gruezo y el color de marco de la casilla de búsqueda
 */
	font-weight:bold;
	padding:0 0 0 2px;
/**
 *la distancia de lo escrito en la casilla de búsqueda y el marco derecho de la casilla
 */
	margin:40px 30px 20 20 !important;
/**
 *donde posicionar la casilla de búsqueda
 */
	width:12em;
/**
 *la anchura de la casilla de búsqueda.
 */
}

#header form .inputbox:focus
{
	border:solid 2px #000;
}

/* header Top-nav */
#header #active_menu-nav
{
	background:#C31C0C;
/**
 *ORIGINAL:background:#000; ändert die Hintergundfarbe des aktiven Menülinks
 */
	color:#EFDEEA;
/**
 *ORIGINAL:color:#fff; ändert die Schriftfarbe des aktivierten oberen Menübuttons
 */
}

#header ul
{
	background:#fff;
/**
 *ORIGINAL:background:#fff; ändert die Hintergrundfarbe von jenem Bereich, der von den oberen Menüs gedeckt wird bzw. nicht bedeckt wird
 */
	display:block;
/**
 *ORIGINAL:display:block; bei block ist die Menü-Leiste rechtsgebunden; bei inline ragt die Menüleist über das Suchfeld hinaus und bei table erscheint es linksbündig
 */
	margin:-7px 0 -1px;
/**
 *ORIGINAL: margin:-7px 0 -2px; el primer px es la distancia entre los menús de arriba y la línea fina que da el efecto como se fuese una casilla negra
 *y el segundo px es la distancia entre el menú de arriba y la barra roja. 
 *el valor mediano sin px es con seguridad el tamaño de la barra blanca.
 */
	padding:5px 0; 
/**
 *ORIGINAL: padding:5px 0; es la distancia entre la letra del menú de arriba y el cabezón y la barra roja. El otro valor también cambia la distancia hacia arriba
 */
	text-align:center;
/**
 *ORIGINAL: text-align:right; ajusta el texto con las casillas del menú a la derecha o a la izquierda o cebtral
 */
}

#header ul li
{
	background:#000;
	color:#fff;
	display:inline;
/**
 *ORIGINAL: aquí se puede modificar el orden de los menú, table y block listen die Menü-Punkte auf 
 */
	text-align:center;
}

#header ul li a:link,#header ul li a:visited
{
	background:#0990CF;
/**
 *ORIGINAL: background:#fff; el color del fondo de las casillas del menú de arriba
 */
	color:#FFFFFF;
/**
 *ORIGINAL: color:#000; aquí se puede cambiar el color de las letras del menú de arriba
 */
	font-weight:normal;
/**
 *ORIGINAL: font-weight:bold; Die Schrift im Menü-Button, ob sie normal, fett,... sein soll
 */
	text-decoration:none;
/**
 *ORIGINAL: text-decoration:none; 
 *underline; ist der Text im Menü unterstrichen 
 *overline; über den Text des Menüs ist eine Linie
 *line-through; streit den Text durch
 *blink; lässt den Text im Menü blinken
 */
	border-right:solid 1px #666;
/**
 *ORIGINAL: border-right:solid 1px #666; son las línea que dividen perpedicular los temas del menú de arriba
 */
	padding:5px 10px;
/**
 *ORIGINAL: padding:5px 10px; bei Ändern des ersten px überragt das obere Menü über den roten Balken.Der zweite px ändert die Breite der jeweiligen Menüzelle
 */
	line-height:1.5em;
/**
 *ORIGINAL: line-height:1.5em; aquí se puede determinar la distancia entre las casillas del menú de arriba y la barra roja y del cabezón (uniforme)
 */
}

#header ul li a:hover,#header ul li a:active,#header ul li a:focus
{
	background:#FFFFFF;
/**
 *ORIGINAL: background:#000; cambia el fondo de la casilla del menú cuando se pasa con el ratón encima
 */
	color:#0990CF;
/**
 *ORIGINAL: color:#fff; cambia el color de la letra del menú de arriba, cuando se pasa con el ratón encima
 */
	font-weight:normal;
/**
 *ORIGINAL: font-weight:normal; de que forma es lo que está escrito cuando se pasa con el ratón sobre el menú de arriba
 */
}

/*  fontsize  */
#fontsize
{
	z-index:100;
	position:absolute;
/**
 *ORIGINAL: position:absolute; la posición de donde se puede alterar el tamaño de la página web 
 *absolute; es tal como fue al principio
 *fixed; se declara a la izquierda y además al scrollen hacia a bajo queda fijo. 
 *relative; la barra para alterar el tamaño se pone encima del menú de arriba.
 *static; la barra para alterer el tamaño es arriba del menú, pero está medio cubierto del menú.
 */
	top:0;
/**
 *ORIGINAL: top:0; sólo con el valor de 10 se pone la barra de tamaño a la altura del menú de arriba 
 */
	right:0;
/**
 *ORIGINAL: right:0; con 10 se pone la barra de tamaño a la izquierda 
 */
	background:#FFFFFF;
/**
 *ORIGINAL: background:#fff; Hay un fonde detrás de la barra de tamaña, cuyo color se puede cambiar aca.
 */
	color:#000;
/**
 *ORIGINAL:color:#000; sólo cambia el color de la letra de Schriftgröße 
 */
}

#fontsize h3,#fontsize p
{
	border:0;
	display:inline;
/**
 *ORIGINAL:display:inline; hace la casilla de tamaño en un tabla cuando se cambia a block o table
 */
	font-size:1em;
/**
 *ORIGINAL:font-size:1em; modifica el tamñano de Schriftgröße, größer, kleiner y zurücksetzen
 */
}

#fontsize p
{
	margin:0 0 0 5px;
/**
 *ORIGINAL: margin:0 0 0 5px; el px da la distancia entre Schriftgröße y el símobolo de aumento
 */
}

#fontsize p a
{
	font-weight:bold;
/**
 *ORIGINAL: font-weight:bold; al cambiar a normal o light se cambia größer, kleiner y zurücksetzen 
 */
	margin:0 5px;
/**
 *ORIGINAL: margin:0 5px; al aumentar px crece la barra de Schriftgröße größe kleiner y zurücksetzen el primer número mueve a la drecha la para, cuando se aumenta a 3 Mario
 */
	display:inline;
/**
 *ORIGINAL: display:inline; wenn man das auf block oder table ändert, dann erscheint Schriftgröße, größer, kleiner und zurücksetzen in einem Kasten untereinander
 */
	padding:2px 0 0px 34px;
/**
 *ORIGINAL: padding:2px 0 2px 24px; ändert man das erste px, so verschieben sich die Ikons rauf 
 *Zahl verschiebt die Kästchen zum Text hinein
 *der zweite px ist jene Hintergrundfläche von größer, kleiner und zurücksetzen. Bei Erhöhen des Wertes wird die Fläche u.a. nach unten größer 
 *el último px es el tamaño de las casillas de größer, kleiner y zurück. Mas bien la anchura. 
 */
}

/* background-images */
#fontsize p a.larger {
background:#fff url(../images/lupe_groesser1.gif) no-repeat;
/**
 *Die große Lupe für vergrößern
 */
}

#fontsize p a.smaller {
background:#fff url(../images/lupe_kleiner1.gif) no-repeat;
/**
 *Die große Lupe für verkleinern
 */
}

#fontsize p a.reset {
background:#fff url(../images/lupe_rueckgaengig.gif) no-repeat;
/**
 *Piktogramm für zurückstellen
 */
}

#fontsize p a.larger:hover,#fontsize p a.larger:active,#fontsize p a.larger:focus {
background:#000 url(../images/lupe_dunkelgroesser1.gif) no-repeat;
color:#0990CF;
/**
 *color:#fff; el color de letra der vergrößern
 */
}

#fontsize p a.smaller:hover,#fontsize p a.smaller:active,#fontsize p a.smaller:focus {
background:#000 url(../images/lupe_dunkelkleiner1.gif) no-repeat;
color:#0990CF;
/**
 *color:#fff; el color de letra der verkleinern
 */
}

#fontsize p a.reset:hover,#fontsize p a.reset:active,#fontsize p a.reset:focus {
background:#000 url(../images/lupe_reset_black.gif) no-repeat;
color:#0990CF;
/**
 *ORIGINAL color:#fff; el color de letra de zurücksetzen 
 */
}

/* ################# breadcrumbs ################ */
#breadcrumbs {
background:url(../images/rote_leiste.png);
/**
 *la barra entre el cabezón y la página principal
 */
min-height:2em;
/**
 *ORIGINAL min-height:2em; der obere rote Balken wird höher, wenn man den Wert inkrementiert
 */
padding-top:0;
text-align:left;
/**
 *ORIGINAL text-align:left; da a conocer donde se encuentra el texto "Sie befinden sich..." en la barra roja de arriba. También se puede emplear "center".
 */
color:#0990CF;
/**
 *ORIGINAL color:#fff; aquí se puede cambiar el color del texto "Sie befinden sich..." pero no del texto de la categoría.
 */
}

#breadcrumbs p {
padding:10px;
/**
 *ORIGINAL padding:5px; verschiebt den Text "Sie befinden sich..." samt Seitenkategorie nach rechts
 */
display:inline;
/**
 *ORIGINAL display:inline;  stellt den Text "Sie befinden.." in der Mitte (Höhe) des Balken, dabei wird aber auch der rote Balken zentriert. Bei table ist es ähnlich, aber übersichtlich! 
 */
}

* html #breadcrumbs {
height:65px;
}

#breadcrumbs a {
text-transform:none;
}

#breadcrumbs a:link,#breadcrumbs a:visited {
background:#0990CF;
/**
 *ORIGINAL #93246F; cambia el fondo de la letra, de la categoria (sólo ese) el que está en la derecha de "Sie befinden sich..." 
 */
color:#fff;
/**
 *ORIGINAL color:#fff; cambia el color de la letra de la categoria (sólo) a la derecha de "Sie befinden sich..." 
 */
}

#breadcrumbs span {
color:#FFFFFF;
/**
 *ORIGINAL color:#fff; cambia el color del sitio en donde se encuentra, es decir a la derecha de "Sie befinden sich..." 
 */
font-size:0.9em;
/**
 *ORIGINAL font-size:0.9em; Die Größe von Kategorie und der aktuellen Seite, rechts vom Text "Sie befinden sich..." kann hier geändert werden 
 */
padding:14px;
/**
 *ORIGINAL padding:7px; hier wird der Abstand zwischen dem Text "Sie befinden sich..." und der Kategroie bestimmt. 
 */
}

#breadcrumbs span a:hover,#breadcrumbs span a:active,#breadcrumbs span a:focus {
background:#000;
color:#fff;
text-decoration:none;
}

/* ################ left ######################## */
#left form {
background:#EFDEEA;
color:#000;
font-size:0.9em;
margin:5px 0 20px 10px;
padding:20px 10px;
}

#left h3,#right h3 {
color:#000;
font-family:trebuchet MS, sans-serif;
font-size:1.2em;
margin:0 0 0 5px;
padding:7px 5px 7px 10px;
border:solid 0;
}

#left ul {
list-style-type:none;
margin:0 0 20px 10px;
}


#left ul li {
border:solid 1px #fff;
margin:0 0 2px;
}

#left ul li a {
display:block;
padding:3px 4px 3px 10px;
text-decoration:none;
}

#left ul li a:link,#left ul li a:visited {
background:#F2E3ED;
border-bottom:solid 1px #E0C1E0;
color:#000;
font-weight:normal;
}

#left ul li a:hover,#left ul li a:active,#left ul li a:focus {
background:#333 !important;
color:#fff !important;
}

/* ################## Main Menue ################## */

#left ul li ul {
background:#fff
border:solid 1px #E0C1E0;
border-bottom:solid 0 #93246F;
border-left:solid 4px #93246F;
border-top:0;
margin:0;
}

#left ul li ul li {
border:solid 1px #fff;
}

#left ul li ul li {
margin:0;
}

#left ul li ul li a:hover,#left ul li ul li a:active,#left ul li ul li a:focus {
background:#93246F;
color:#fff;
}

#left ul li ul li ul {
border:solid 0 #E0C1E0;
padding:10px 0 10px 5px;
}

#left ul li.active a:link,#left ul li.active a:visited {
background:#93246F;
border-left:solid 4px #BE7CA9;
color:#fff;
border-bottom:solid 1px #93246F;
padding:3px 0 3px 6px;
}

#left ul li.active ul li a:link,#left ul li.active ul li a:visited {
background:#fff;
border-bottom:solid 1px #E0C1E0;
border-left:solid 0 #DD75BB;
color:#000;
font-weight:normal;
padding:3px 4px 3px 20px;
}

#left ul li.active ul li ul li a:link,#left ul li.active ul li ul li a:visited {
background:#fff;
border-bottom:solid 5px #E0C1E0;
color:#000;
font-weight:normal;
margin:0 0 0 10px;
}

#left ul li.active ul li.active a:link,#left ul li.active ul li.active a:visited {
background:#fff;
border-left:solid 0 #DD75BB;
color:#000;
font-weight:bold;
}

#left ul li.active ul li.active ul li a:link,#left ul li.active ul li.active ul li a:visited {
background:url(../images/pfeili.gif) #fff no-repeat top left;
color:#000;
font-weight:normal;
margin:0 0 0 15px;
padding:3px 0 3px 15px;
}

#left ul li.active ul li.active ul li.active span.active_link {
background:url(../images/arrow.gif) #fff no-repeat top left;
border-bottom:solid 1px #E0C1E0;
color:#000;
font-weight:bold;
margin:0 0 0 15px;
padding:3px 0 3px 15px;
}

#left form a:hover,#left form a:active,#left form a:focus {
color:#fff;
}

/* ###############  main * ########################### */
/* position */
.leading_separator {
border-bottom:solid 0 #333;
display:block;
height:10px;
margin:0;
}

#main .leading h2,#main2 .leading h2 {
background:#EFDEEA;
border-bottom:solid 0 #333;
color:#93246F;
font-family:trebuchet MS, sans-serif;
font-size:1.4em;
font-weight:normal;
margin:0 0 10px;
text-transform:uppercase;
}

#main h2 a,#main2 h2 a {
text-decoration:none;
}

#main .leading .readon,#main2 .leading .readon {
background:url(../images/pfeil.gif) #93246F no-repeat;
border:solid 0;
bottom:0;
color:#FFF !important;
display:block !important;
margin-top:20px !important;
position:absolute;
right:0;
text-decoration:none;
padding:2px 2px 0 30px;
}

#main .leading .small,#main .leading .modifydate,#main2 .leading .small,#main2 .leading .modifydate {
background:#EFDEEA;
color:#93246F;
}

.article_column h2 {
background:#fff;
color:#000 !important;
font-family:trebuchet MS;
font-size:1.2em !important;
font-weight:bold !important;
padding:0;
}

.article_row .column1 h2,.article_row .column2 h2 {
background:#fff;
border-bottom:solid 1px #D4A7C5;
color:#000;
margin:0 0 10px;
padding:5px 5px 5px 0;
}

.article_row p.iteminfo {
background:#fff;
line-height:1em;
margin:0 -10px 5px;
padding:10px;
}

#main h3,#main2 h3 {
margin:20px 0 10px;
}

#main .blog_more h2,#main2 .blog_more h2 {
background:#fff;
color:#93246F;
font-family:trebuchet MS, sans-serif;
font-size:1.3em;
font-weight:normal;
margin:0;
}

#main .blog_more li a,#main2 .blog_more li a {
display:inline;
margin:0;
padding:0;
}

#main .blog_more li,#main2 .blog_more li {
padding:4px;
}

#main .blog_more ul li a,#main2 .blog_more ul li a {
background:url(../images/pfeil.gif) no-repeat;
font-weight:bold;
padding:2px 0 4px 30px;
}

#main .blog_more ul li a:hover,#main2 .blog_more ul li a:hover {
background:url(../images/pfeil.gif) #939 no-repeat !important;
color:#fff;
font-weight:bold;
padding:2px 0 2px 30px;
}

#main .blog_more ul li a:active,#main2 .blog_more ul li a:active,#main .blog_more ul li a:focus,#main2 .blog_more ul li a:focus {
padding:background:url(../images/pfeil.gif) #939 no-repeat !important;
color:#fff;
font-weight:bold;
padding:2px 0 2px 30px;
}

#main .blog_more ul,#main2 .blog_more ul {
background:#eee;
border:solid 1px #ccc;
color:#000;
line-height:1.3em;
list-style-type:none;
margin:0;
padding:10px 10px 30px;
}

#main .blog_more,#main2 .blog_more {
padding-top:10px;
}

/* main generell  */
#main a.readon,#main2 a.readon {
background:url(../images/pfeil.gif) no-repeat;
/**
 *ORIGINAL:background:url(../images/pfeil.gif) no-repeat;     
 */
font-weight:bold;

padding:2px 2px 0 30px;
display:inline-block;
}

#main a.readon:hover,#main2 a.readon:hover,#main a.readon:active,#main2 a.readon:active,#main a.readon:focus,#main2 a.readon:focus {
background:url(../images/pfeil.gif) #000 no-repeat;
color:#fff; 
padding:2px 2px 0 30px;
text-decoration:none;
}

#main a:link,#main2 a:link,#main a:visited,#main2 a:visited {
color:#000;
/**
 *ORIGINAL:color:#000;   die Farbe der Links kann man hier bestimmen 
 */
}

#main a:hover,#main2 a:hover,#main a:active,#main2 a:active,#main a:focus,#main2 a:focus {
background:#C31C0C;
/**
 *ORIGINAL:background:#93246F; die Hintergrundfarbe des Links, wenn man mit dem Curser drüberfährt 
 */
color:#fff;
/**
 *ORIGINAL:color:#fff; die Farbe des Links, wenn man mit dem Curser drüberfährt
 */
}

#main h1,#main2 h1 {
color:#0990CF;
/**
 *ORIGINAL:color:#000; ändert die Farbe von Schriften, die mit h1 bestimmt sind. 
 */
font-family:trebuchet MS, sans-serif;
font-size:1.6em;
/**
 *ORIGINAL:Bestimmt die Größe, die der Schriftzug, der mit h1 bestimmt ist, erhalten soll.
 */
font-weight:normal;
/**
 *ORIGINAL:Setzt den Schriftzug, der mit h1 bestimmt ist fett-, normal- oder kursivgeschrieben 
 */
margin:0;
}

#main h2,#main2 h2 {
color:#C31C0C;
/**
 *ORIGINAL:color:#93246F; Andert die Farbe des Schriftszug mit der Einstellunng h2, das ist u.a. die Kategorienbezeichnung 
 */
font-family:trebuchet MS, sans-serif;
font-size:1.6em;
/**
 *ORIGINAL:ändert die Schriftgröße von dem, was mit h1 bestimmt ist 
 */
font-weight:normal;
/**
 *ORIGINAL:Was mit h2 bestimmt ist, wird entweder fett-, normal- oder kursivgeschrieben. 
 */
}

#main ul li,#main2 ul li {
padding:0 0 0 10px;
line-height:1.4em;
margin:10px 0;
}

#main ul,#main2 ul {
list-style-position:inside;
/**
 *ORIGNIAL: list-style-position:outside; 
 */
list-style-type:ring;
/**
 *ORIGINAL:list-style-type:square; Die Art der Aufzülung von u1-Einstellungen. Hier einige Möglichkeiten:
 *square: Kästenchmäßig
 *circle: Ringe
 *disc: gefüllte Kreise
 *lower-greek: Auflistung erfolgt mit griechischen Zeichen
 *lower-latin: Kleingeschriebene Lateinzeichen
 *upper-roman: Römische Nummern 
 *decimal-leading-zero: setzt bei der nummerischen Aufzählung noch eine Null davor. 
 *decimal: Setzt nur eine Nummer voran. 
 *armenian: Für die Aufzählung werden armenische Zeichen verwendet 
 *georgian: Das georgische Alphabet 
 *hebrew: Hebräische Aufzählung 
 *hiragana: Japanische Aufzählung 
 *hiragana-iroha: Eine andere, simplere Variante von hiranga 
 *cjk-ideographic: Sind komische Strichlierungen 
 *katakana: Japanische Schriftzeichen 
 */
/* padding:0 0 0 10px; */
padding:0 0 0 10px;
/* margin:0 0 0 20px; */
margin:0 0 0 20px
}

#main ul,#main ol {
list-style-position:inside;
/**
 *ORIGNIAL: list-style-position:inside; bei outside ändert es die Auflistung so, dass die Nummerierung außerhalb des markierten Feldes bei der Suche erfolgt  
 */
margin:40px 0 70px -10px;
/**
 *ORIGNIAL: margin:10px 0 10px 20px; erstes px abstand von Liste (z.B. Suchergebnis und Referenzen) zum oberen Teil, zweites px ändern mit Textfeld von Suchergebnis
 *drittes px Abstand nach untern, viertes px verschieb die Auflistung nach rechts. margin:40px 0 70px -50px;
 */
padding:0 0 0 10px;
/**
 *ORIGNIAL: padding:0 0 0 10px; letzter px verschiebt Auflistung nach rechts 3. nach unten Platz machen 1. wie drei, bloß nach oben 
 */
}

.small {
border:solid 0;
color:#C31C0C;
/**
 *ORIGNIAL: color:#932467; ändert die Farbe vom Schriftzug z.B. der die Anzahl von Einträge/Webdesign bekannt gibt oder im Suchergebnis Die Kategorie anzeigt. 
 */
font-size:0.8em;
/**
 *ORIGNIAL: font-size:0.85em; ändert die Größe dieser Schrift 
 */
margin:0 10px 20px;
/**
 *ORIGNIAL:margin:0 0 20px; der mittlere px-Wert ist die Distanz von Text.small zum linken Schriftzug 
 */
}

.contentdescription {
padding:10px 0;
overflow:hidden;
}

.image_left {
float:left;
border:solid 0 #ccc;
margin:0 10px 10px 0;
}

.image_right {
float:right;
border:solid 1px #ccc;
margin:0 0 10px 10px;
}

.wrap_image {
clear:left;
}

.createdate {
color:#C31C0C;
/**
 *ORIGNIAL: color:#932467; el color del autor que modificó es escribió algo 
 */
display:block;
font-size:0.75em;
/**
 *ORIGNIAL: font-size:0.85em; Schriftzugsgröße von Autorennamen 
 */
}

.createdby {
color:#C31C0C;
/**
 *ORIGNIAL: color:#932467; el color de la letra de: "Geschrieben von" 
 */
display:block;
font-size:0.75em;
/**
 *ORIGNIAL: font-size:0.85em; cambia el tamañde la letra de "Geschrieben von" 
 */
padding:0 0 0 2px;
/**
 *ORIGNIAL: padding:0 0 0 2px; 
 */
}

.modifydate {
color:#C31C0C;
/**
 *ORIGNIAL: color:#932467; Farbe von der Farbe des Modifikationsdatum 
 */
display:block;
font-size:0.75em;
/**
 *ORIGNIAL: font-size:0.85em; Schriftgrpöße von Modifikationsdatum 
 */
padding:0;
/**
 *ORIGNIAL: padding:0; Abstand rund um das Modifikationsdatum
 */
}

span.content_rating,.leading span.content_rating {
margin:10px 0 0;
/**
 *ORIGNIAL: margin:10px 0 0; Änderung der Position des Bewertungsbalken 
 */
display:block;
/**
 *ORIGNIAL: display:block; Ordnung des Bewertungsbalken 
 */
}

.content_vote {
margin:0 0 10px;
/**
 *ORIGNIAL: margin:0 0 10px; Jener Bereich des Bewertungsbalken, in dem man die Skale anklickt, 1. nach unten, 2 nach rechts & 3. Abstand nach unten 
 */
display:block;
/**
 *ORIGNIAL: display:block; mit table, inline zu ändern möglich
 */
}

.content_vote input {
margin:0 5px;
/**
 *ORIGNIAL: margin:0 5px; Wo man die Stimme abgibt, 1. der Abstand zu untern und oben, 2. der Abstand zwischen den Disc / Scheiben
 */
}

.content_vote .button {
background:url(../images/flecha.gif) #0990CF no-repeat;
/**
 *ORIGNIAL: background:url(../images/pfeil.gif) #000 no-repeat; Es el botón en donde se puede dar el voto
 */
border:2;
/**
 *ORIGNIAL: border:0; setzt einen Rahmen um den Abstimmungsknopf 
 */
color:#fff;
/**
 *ORIGNIAL: color:#fff; die Farbe innerhalb des Abstimmungsknopfs
 */
font-weight:normal;
/**
 *ORIGNIAL: font-weight:bold; Text innerhalb des Abstimmungsknopf fett, normal oder normal 
 */
margin:20px 10px 0 0;
/**
 *ORIGNIAL: margin:20px 10px 0 0; Positionierung vom Abstimmungsknopfs; 1.Abstand nach ob. 3. Abstand nach untern 4. Abstand nach rechts 
 */
padding:0 0 0 30px;
/**
 *ORIGNIAL: padding:0 0 0 30px; 1. von Text nach oben 2. nach rechts 3. nach unten & 4. nach links. Von der Text ist, wird es in diese Richtung größer
 */
cursor: crosshair;
/**
 *ORIGNIAL: cursor:pointer; ändert den Curser zu crosshair;
 * auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress 
 */
}

/* ############# pagination ###################### */
#main2 .pagination,#main .pagination {
border-top:solid 1px #CCC;
margin:10px 0 0;
padding:10px 0;
}

ul.pagination {
list-style-type:none;
margin:0;
padding:0;
text-align:left;
}

ul.pagination li {
display:inline;
padding:2px 5px 0;
text-align:left;
}

ul.pagination li a {
padding:2px;
}

/* ###############  right #################  */
#right .moduletable {
background:#fff;
color:#000;
margin:10px 0;
padding:10px;
}

#right h3 {
background:#fff;
border-bottom:solid 1px #D4A7C5;
color:#333;
margin:0 0 3px;
padding:0 5px 0 0;
}

#right h4 {
color:#000;
font-size:1em;
padding:10px 5px 0 0;
margin:0;
border:solid 0;
}

#right ul {
border:solid 0 #ccc;
color:#000;
line-height:1.4em;
list-style-type:none;
margin:0;
padding:10px 10px 10px 0;
position:relative;
}

#right ul li {
margin-bottom:4px;
}

#right ul li a {
color:#000
font-weight:normal;
padding:2px;
}

#right ul li a:link,#right ul li a:visited {
color:#000;
}

#right ul li a:hover,#right ul li a:active,#right ul li a:focus {
background:#000;
color:#fff;
}

#right form.poll {
padding:10px 0 0;
}

#right form.poll fieldset {
line-height:1.6em;
}

#right form.poll fieldset label {
padding:0 0 0 4px;
}

#right form.poll .button {
border:outset 1px #C39;
background:#F2E3ED;
cursor:pointer;
float:left;
width:auto;
line-height:0.9em;
display:inline;
height:1.55em;
font-size:1em;
overflow:visible;
margin:0 10px 0 0; 
padding:0 2px !important;
}

#right form.poll .button:focus {
border:outset 1px #C39;
}

#right form.poll a {
text-decoration:none;
color:#000 !important;
padding:1px 2px !important;
border:outset 1px #C39;
background:#F2E3ED;
cursor:pointer;
float:left;
}

#right form.poll a:hover,#right form.poll a:active,#right form.poll a:focus,#right form.poll .button:hover,#right form.poll .button:active,#right form.poll .button:focus {
border:2px outset #C39;
}

#right form.poll:after {
/* Inhalt pseudo-Element :after;
			 * somit [clear] moeglich
			 */
content:".";
/* [content] verbergen;
			 */
visibility:hidden;
height:0;
/* Block-Level fuer [clear];
			 */
display:block;
/* [float] clearing;
			 * einbeziehen der Float-Container;
			 */
clear:both;
}

dl.poll {
}

dl.poll dt {
border-bottom:solid 1px #ccc;
}

dl.poll dd {
padding:6px 0;
font-weight:bold;
}

.polls_color_1 {
background:#000;
}

.polls_color_2 {
background:#999;
}

.polls_color_3 {
background:#93246F;
}

.polls_color_4 {
background:#000;
}

.polls_color_5 {
background:#ccc;
}

.polls_color_6 {
background:#93246F;
}

/*  ####################   Formulare   #####################  */
form.limit {
}

form.login {
background:#93246F; 
color:#000;
font-size:0.9em;
margin:5px 0 20px;
padding:10px 10px 20px 15px;
text-align:left;
}

form.login .inputbox:focus {
border:solid 2px #000;
}

form.login p {
clear:both;
border:solid 0 #000;
font-size:1em;
}

form.login .button {
background:url(../images/pfeil.gif) #C39 no-repeat;
clear:left;
color:#fff;
display:block;
font-weight:bold;
margin:0 0 10px !important;
padding:0 0 0 30px !important;
cursor:pointer;
border:solid 0;
}

form.login fieldset {
border:solid 0 #000;
margin:0;
padding:0;
text-align:left;
}

form.login input {
background:#fff;
border:solid 2px #C39;
color:#000;
padding:2px 2px 0;
width:90%;
}

form.login input.checkbox {
background:none;
border:solid 0 #000;
float:left;
margin:11px 0 0;
padding:5px;
width:20px;
}

form.login label {
color:#000;
display:block;
font-weight:bold;
margin:5px 0 0;
padding:2px 2px 0;
}

form.login label.remember {
float:left;
margin:5px 0 20px;
padding:5px 0 0;
width:11em;
}

form.login p {
color:#000;
}

form.login p a {
color:#000;
}

form.login p a:hover,form.login p a:active,form.login p a:focus {
color:#000;
text-decoration:none;
}

form.lost_password .button,.login_form .button {
background:url(../images/pfeil.gif) #000 no-repeat;
border:0;
color:#fff;
font-weight:bold;
margin:0;
padding:0 0 0 30px;
cursor:pointer;
}

/* ################# poll ################ */
.poll {
padding:20px 20px 20px 0;
}

form.poll fieldset {
border:0 solid #000;
margin:0 0 10px;
padding:0;
}

form.registration input,form.lost_password input,.login_form input {
border:solid 2px #93246F;
}

form.registration label,form.lost_password label,.login_form label {
display:block;
float:left;
font-weight:normal;
width:12em;
}

/* #####################  form.registration ################ */
form.search_result,form.registration,form.lost_password,.login_form {
background:#fff;
/**
 *ORIGNIAL: background:#fff; ändert die Farbe in dem Bereich bei der Suche, wo Weiter Suche steht und Suchparameters 
 */
border:solid 0 #93246F;
/**
 *ORIGNIAL: border:solid 0 #93246F; setzt einen Rahmen um diesen erwähnten Bereich
 */
margin:15px 10px 0;
/**
 *ORIGNIAL: padding:0; berechnet den Abstand von diesem erwähnten Bereich
 */
padding:0;
/**
 *ORIGNIAL: padding:0; Änderung der selben Art (natürlich anders) wie margin 
 */
position:relative;
}

.search_result .button,form.registration .button {
background:url(../images/pfeili.gif) #0990CF no-repeat;
/**
 *ORIGNIAL: background:url(../images/pfeil.gif) #000 no-repeat; der Pfeil zum Weitersuchen und auch die Hintergrundfarbe agora
 */
border:0;
color:#fff;
font-weight:bold;
margin:10px 0 0;
padding:0 5px 0 30px;
cursor:pointer;
}

.registration fieldset p {
margin:10px 0;
}

.registration div,.login_form div,.lost_password div {
margin:5px 0;
}

/* ########################## search ############################ */
.searchintro {
font-weight:normal;
margin:0 0 20px;
/**
 *Distancia entre weitersuchen y Suchergebnis
 */
}

.searchintro img {
display:inline; border:0px
}

.display {
margin:20px 0 0;
/**
 *al aumentar el px se meueve Anzahl an Seiten más abajo.
 */
text-align:right;
/**
 *posición de donde dice Anzahl an Seiten.
 */
}

.filter {
margin:10px 0 0;
}

.inputbox:focus {
border:solid 4px #000;
/**
 * el color del marco de Suchwort, cuando se quiere activar la area.
 */
}

.highlight {
font-weight:bold;
}

fieldset.word,fieldset.only {
border:solid 0px #ccc;
/**
 * el color y el gruezo del marco de Nur suchen:
 */
}

.only {
border:solid 0;
margin:5px 0 0 10px;
/**
 * Wenn der erste px-Wert erhöht wird, dann verschiebt sich "Nur suchen" weiter nach unten.
 */
padding:5px 10px;
/**
 *lla casilla en donde dice nur suchen, al aumentar px se hace la casilla más grande
 */
line-height:1.3em;
/**
 *la casilla en donde dice nur suchen
 */
}

.word {
background: #FFFFFF;
/**
 *toda la línea de donde dice Suchwort con casilla de buscar se vuele del color dado.
 */
padding:10px 0px 20px 0;
/**
 *aca se puede modificar la distancia entre Suchwort y el título Weiter suchen y Suchparameters.
 *el primero px es la distancia entre Suchwort y Weiter suchen.
 *el segundo es desconocido
 *el tercero es la distancia entre Suchwort y Suchparameters
 */
border:solid 0 !important;
/**
 *pone un marco en la aerea de Suchwort, cuando se altera el número en solid
 */
}

.word input {
background:#fff;
/**
 *color del fondo de la casilla de búsqueda en la página principal
 */
border:solid 2px #C31C0C;
/**
 *color del marco de la casilla de búsqueda
 */
color:#0990CF;
/**
 *color de la letra en la búsqueda de palabras
 */
font-weight:bold;
margin:0 0 0 10px;
/**
 *la distancia entre Suchwort y la casilla de búsqueda en la página principal.
 */
padding:2px;
/**
 *la casilla de búsqueda que aparece en la ventanilla principal: padding es el tamaño de esta casilla
 */
}

.phrase {
color:#0990CF;
/**
 *El color de la letra de Suchparameters
 */
margin:10px 10px 10px 0;
/**
 *La distancia de la casilla de parametros y Suchwort.
 *segundo px la distancia entre casilla de Suchparameters y Nur suchen
 *tercer px la distancia entre la casilla de Suchparameters y La barra roja de abajo
 */
padding:10px;
/**
 *la casilla en donde se encuentra alle Wörter Irgendein Wort y Genaue
 */
width:50%;
/**
 *cuanto por ciento la casilla Suchparameters abarca en la línea dentro de la ventana principal.
 */
border:solid 3px #C31C0C;
/**
 *Lo gruezo en px y el color del marco de Suchparameters
 */
float:left;
/**
 *da la posición de la casilla Suchparameters. Se puede escoger entre "derecha" o "izquierda"
 */
}

/*Selects*/
.phrase .inputbox {
background:#fff;
/**
 *el color del fondo de la primera casilla del pull down en Rangfolge.
 */
color:#0990CF;
/**
 *El color de la letra del pulldown, es decir de Aktuellere zuerst, Ältere zuerst,...
 */
display:inline;
/**
 *display:block; significa que Rangfolge y el pulldown están en una columna.
 *display:inline; significa que Rangfolge y el pulldown están en una línea.
 *display:none; desaparece el pulldown, sólo queda Rangfolge
 *display:inline-block en ese caso no hay diferencia con display:inline; 
 *display:list-item en ese caso no hay diferencia con display:block; 
 *display:run-in en ese caso no hay diferencia con display:line;
 *display:inline-table en ese caso no hay diferencia con display:line;
 *display:table en ese caso no hay diferencia con display:block; 
 *display:table-caption en ese caso no hay diferencia con display:block; 
 *display:table-row en ese caso no hay diferencia con display:inline; 
 */
height:1.8em;
/**
 *la altura del pull-down en Rangfolge 
 */
margin-top:10px;
/**
 *la distancia entre el pull-down y Alle Wörter, Irgendein Wort y Genaue Angabe
 */
width:17em;
/**
 *la anchura del pulldown de Rangfolge
 */
}

.phrase .inputbox option {
background:#FFFFFF;
/**
 *el color del las categorias del pulldown, original era background:#EFDEEA; 
 */
border-bottom:solid 2px #C31C0C;
/**
 *ORIGINAL: border-bottom:solid 2px #333; px es la anchura de la líneas que separan la casillas del pull down y # es el color de estos separadores.
 */
padding:6px;
/**
 *ORIGINAL: padding:2px; es el tamaño de las casillas del pulldown
 */
}

.phrase .inputbox option a:hover {
background:#C00;
border-color:#CFD0D6;
color:#fff;
}

.search_result legend {
border-bottom:solid 0 #000;
background:#fff;
/**
 *background:#fff; es el color que tiene Nur suchen y Suchparameters en el fondo 
 */
}

/* ########################### contacts ########################### */
div.contact {
margin:10px 0;
}

address {
font-style:normal;
margin:10px 0;
}

address p {
line-height:1em;
}

.contact label {
float:left;
font-weight:bold;
width:14em;
margin:10px 0 0;
}

span.marker {
margin:0 10px 0 0;
}

.contact_email_checkbox label {
float:none !important;
}

.contact label.copy {
width:90%;
padding:0 0 0 10px;
}

.contact form {
background:#EFDEEA;
color:#000;
padding:20px;
margin:10px 0;
}

.contact input {
background:#fff;
border:solid 2px #C39;
color:#000;
padding:2px 2px 0;
margin:10px 0 0;
}

.contact .button {
background:url(../images/pfeil.gif) #000 no-repeat;
border:0;
color:#fff;
font-weight:bold;
margin:20px 10px 0 0;
padding:0 0 0 30px;
cursor:pointer;
}

label.textarea {
float:none !important;
margin:10px 0;
display:block;
width:100%;
}

#contact_text {
width:80%;
height:150px;
}

.contact input.invalid,.contact textarea.invalid {
border:solid 2px red;
}

.contact label.invalid {
color:red;
}

/*#################### tabellen ############################ */
table.newsfeed {
border:solid 1px;
}

table.newsfeeds td,table.weblinks td,table.category td {
border-right:solid 1px #EEE;
padding:5px;
}

table.newsfeeds th,table.weblinks th,table.category th {
background:#EEE;
padding:5px;
}

table.newsfeeds,table.weblinks,table.category {
border:solid 1px #eee;
font-size:1em;
margin:20px 0;
}

/* category table */
#count {
width:10%;
}

#tableOrdering {
width:70%;
}

#author {
width:20%;
}

/*  polls */
poll .polls_color_1,.poll .polls_color_2,.poll .polls_color_3,.poll .polls_color_4,.poll .polls_color_5 {
border:solid 1px;
position:relative;
}

.poll h3 {
color:#932467;
border:solid 0;
margin:20px 0;
}

.poll .td_2 {
width:100px;
}

.poll .td_3 {
width:300px;
}

.poll form {
margin:20px 0;
}

.poll table {
font-size:1em;
width:auto;
border:solid 0;
position:relative;
}

.poll table .td_1 {
width:30px;
}

.poll table caption {
color:#93246F;
font-size:1em;
font-weight:bold;
margin:10px 0;
text-align:left;
}

.poll td {
border:solid 1px #ddd;
padding:2px;
}

.poll td.line {
width:300px;
}

.poll th {
background:#EEE;
border:solid 1px #ccc;
}

.question {
font-weight:bold;
}

#footer {
background: url(../images/rote_leiste_spv.png);
color:#fff;
padding:1px;
text-align:right;
border-top:solid 4px #ccc;
}
/* completamente nuevo */
p.header {
float:left;
display:block;
text-align:left;
}
/* fin */

p.syndicate {
float:left;
display:block;
text-align:left;
}

#footer a {
color:#fff;
}

/* Error Message contact form */
p.error {
color:#93246F;
background:#F2E3ED;
border-top:3px solid #93246F;
border-bottom:3px solid #93246F;
padding:10px;
}

body.contentpane {
background:#fff;
width:auto;
margin:10px;
line-height:1.4em;
text-align:left;
}

.tool-tip {
font-size:0.8em;
}

.tool-title {
font-weight:bold;
}

/* form validation */
.invalid {
border-color:red !important;
}

label.invalid {
color:red;
}

/* editor */
.contentpaneopen_edit{
	float: left;
}

.contentpaneopen_edit img
{	border:0
}

form.editor legend {
font-size:1.2em;
font-weight:bold;
padding:2px;
}

form.editor fieldset {
border:solid 1px #ccc;
padding:20px;
margin:10px 0;
}

form.editor .publishing label {
float:left;
width:14em;
font-weight:bold;
}

form.editor .publishing div {
margin:5px 0;
}

form.editor .publishing .radio label {
float:none;
width:14em;
}

form.editor .publishing .radio label span {
float:left;
width:14em;
}

form.editor fieldset.metadata label {
float:none !important;
display:block;
font-weight:bold;
}

.save {
text-align:right;
padding:10px 0;
}

/* user */
form.user {
margin:10px 0;
}

form.user label {
width:40%;
float:left;
}

/* article index */
table.contenttoc {
/* Bei der Auflistung der Beiträge von Weiterlesen, wo man weiterhüpfen kann */
/* border:solid 1px #ccc; padding:10px; margin:10px; */
/* nuevo: Ahora no se ve nada */
display: none; 
}

.pagenavcounter {
font-weight:bold;
}



/* Advertisement */

.moduletable_text
{margin:10px}

.banneritem_text
{
margin: 10px 0 10px 0;
background:#f5f5f5;
padding:5px;
border:solid 1px #eee
}