/**
 * @version $Id: layout.css 2009-Heinäkuu 11:33:15Z pasamio $
 * @author Design & Coding (CCR)
 * @package Joomla
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 * debi: 		distancia entre buttons izquierdos
 * adb:		anchura de buttons
 * dhadceeb: 	distancia hacia arriba del contenido en el button 
 * dhbdceeb:	distancia hacia (a)bajo del contenido en el button 
 * leb:		letra en button
 * demiyleb:	distancia entre marco izquierdo y letra en button
 * dda		distancia de área
 * cfbl:		color de fond de los buttons al lado
 * lqsb:		línea que separa los buttons
 * cdl:		Color de letra
 * cdf:		color de fondo
 * cdm:		color de marco
 * clf:         cambia la forma
 * tdl:		tipo de letra
 * tdll:		tamaño de la letra
 * dum:		defenir un marco
 * 
 * font-family:ATRotisSemiserif;
 * FFFF00	amarillo
 * FF0000	rojo
 * 7FFF00	verde chillón
 * 143560	azul oscuro
 * EFDEEA       rosado claro
 * 93246F       morado
 * leererbutton.jpg
 */
a:link,a:visited
{

/* Di, 14.07.2009  Änderung von "color:#000;" el color de los links para aumentar, decrementar y ajustar el tamaño de la letra */
	color:#888888;
         /*  04.09.2009*/
            text-decoration:none;
}

a:hover,a:active,a:focus
{
/* muutos tänään on sunnuntai kahdeskymmeneskuudes päivä heinäkuuta kaksituhattayhdeksän alkuperäinen: "background:#000;" taka-ala väri asentaa */
/* edellä musta, entä nyt vaaleaihoinen/valkea background:#FFFFFF; */
	background:#FFFFFF;
/* muutos tänään on sunnuntai kahdeskymmeneskuudes päivä heinäkuuta kaksituhattayhdeksän alkuperäinen: "color:#000;" teksti väri asentaa */
/* edellä musta, entä nyt sininen */
	color:#074171;
}

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:0;
}

ol.list li {
/* Di, 14.07.2009  Änderung von "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 grueso  */
/* ursprünglich #EFDEEA = eher rosa;  Jetzt #63B8FF; = helles blau */
	border-bottom:solid 1px #63B8FF;
/* Di, 14.07.2009  Änderung von "margin:10px 0;" px es la distancia de cada resultado   */
	margin:10px 0;
/* Di, 14.07.2009  Änderung von "padding:10px;" px es la distancia de las líneas de resultado y entre el texto y el marco */
	padding:20px;
/* Di, 14.07.2009  Änderung von "background:#FBF7FA;"  */
/* antes #FBF7FA; casi como blanco, ahora #B0E2FF; azul muy claro FFFF00=amarillo   */
	background:#B0E2FF;
}

ol.list li h4 {
	border-bottom:solid 0 #CCC;
	color:#099;
	display:inline;
	margin:0 0 10px;
}

p {
/** Di, 14.07.2009  Änderung von "line-height:1.4em;" la vigueta (alm. balken) blanca donde se puede cambiar el tamaño de letra 
 pero también la interlínea que tiene p cambian*/
	line-height:1.0em;
/* Di, 14.07.2009  Änderung von "margin:5px 0;" la distancia de todo lo que está iniciado con p aumenta o baja de los demás objetos */
	margin:5px 0;
}

ul li a.u2:focus,p a.u2:active
{
	padding:0.5em;
	background-color:#000;
	color:#FFF;
	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:5px;
}

p.buttonheading {
	text-align:right;
}

.buttonheading img
{
	border:0;
}

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

.leading p.buttonheading a:link,.leading p.buttonheading a:visited
{
/* Mo, 20.07.2009 Original="border:solid 2px #EFDEEA;" ??? */ 
	border:solid 2px #FFFF00;
}

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
{
/* Mo, 13.07.2009  Änderung von "font-size:1em !important;"no hay distancia entre arriba y la imagen del header */
	font-size:0em !important;
	font-weight:bold !important;
	position:relative;
/* Mo, 13.07.2009  Änderung von "text-align:left;" der Name des Templates, hier "Maria Gailer Template" wird nach links, zentriert oder nach rechts positioniert. */
	text-align:left;
	text-transform:none !important;
	z-index:0;
/* Di, 14.07.2009  Änderung von "margin-top:1em;"  no tengo la menor idea */
	margin-top:1em;
}

#logo img
{
	display:block;
}

#logo span
{
/* Di, 14.07.2009  Änderung von "display:block;"  no tengo la menor idea  */
	display:block;
/* Mo, 13.07.2009  Änderung von "margin:0 0 2px 100px !important;" Ein Abstand zwischen Headergraphik und dem unteren Bereich, wo der Name des Templates steht */
	margin:0 0 0 0 !important;
/* Mo, 13.07.2009  Änderung von "border-bottom:solid 1px #666;" unter dem Template wird mit px eine Linie gezogen. */
	border-bottom:solid 0 #666;
}

/*  Search box  */
#header form
{
/* Di, 14.07.2009  Änderung von "background:#C39;"  El fondo de la casilla al rededor de la búsqueda */
	background:#FFFFFF;
/* Di, 14.07.2009  Änderung von "border:solid 0 #000;" al definier px crea un ramo al rededor de la casilla de búsqueda, el color también se puede cambiar */
	border:solid 0 #000;
/* Di, 14.07.2009  Änderung von "float:right;" la casilla de búsqueda se puede posicionar al extremo derecho a al extremo izquierdo */
	float:right;
/* Di, 14.07.2009  Änderung von "height:5em;" aquí se puede cambiar el tamaño de la casilla de búsqueda */
	height:0;
/* Di, 14.07.2009  Änderung von "min-width:240px;" la anchura de la casilla de búsqueda se puede cambiar aca */
	min-width:0;
/* Di, 14.07.2009  Änderung von "text-align:left;" la casillillta de búsqueda a la derecha o a la izquierda entre la casilla de búsqueda */
	text-align:left;
/* Di, 14.07.2009  Änderung von "padding:0 0 0 20px;"  el espacia entre la casilla de búsqueda. Se puede hacer más grande la casilla de búsqueda */
	padding:10px 0 21px 0;
}

* html #header form
{
/* Mo, 13.07.2009  Änderung von "height:65px;" d. */
	height:65px;
}

#header form fieldset
{
/* Mo, 13.07.2009 Änderung von "border:0 solid #000;" no tengo la menor idea */
	border:0 solid #000;
	display:inline;
	float:left;
/* Mo, 13.07.2009 Änderung von "padding:19px;" no tengo la menor idea */
	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;
/* Di, 14.07.2009  Änderung von "border:0;" no tengo la menor idea */
	border:0;
	color:#fff;
	font-weight:bold;
/* Mo, 13.07.2009 Änderung von "margin:20px 10px 0 0;" no tengo la menor idea */
	margin:20px 10px 0 0;
	padding:0px 5px 0px 30px;
	cursor:pointer;
}

#header form .inputbox
{
/* Di, 14.07.2009  Änderung von "background:#fff;" el color de fondo de la casillita de búsqueda B4DCD3= verde claro */
	background:#FFFFFF;
/* Di, 14.07.2009  Änderung von "border:solid 2px #93246F;" el color del marco de la casillita de búsqueda px= el grueso  */
/* anterior #93246F; = rosado ahora #00008B; = azul oscuro B4DCD3 resch = verde claro jjj */
	border:solid 2px #B4DCD3;
	font-weight:bold;
/* Di, 14.07.2009  Änderung von "padding:0 0 0 2px;" el tamaño de la casillita de búsqueda se puede cambiar aca con padding */
	padding:0 0 0 2px;
/* Di, 14.07.2009  Änderung von "margin:20px 10px 0 0 !important" cambia la posición de la casillita de búsqueda 1.) hacia abajo y 4.) a la derecha  */
/* margin:20px 10px 0 70px !important; */
	margin:40px 30px 20 20 !important;
/* Di, 14.07.2009  Änderung von "width:6em;"  la anchura/tamaño de la casillita de búsqueda */
	width:12em;
}

#header form .inputbox:focus
{
/* Di, 14.07.2009  Änderung von "border:solid 2px #000;"  no tengo la menor idea */
	border:solid 2px #000;
}

/* header Top-nav */
#header #active_menu-nav
{
/* Di, 14.07.2009  Änderung von "background:#000;" de los buttons de arriba, el color de fondo, cuando se trata del button activado */
/* ahora 005B9A = azul oscuro FFFF00= amarillo E2D1E5= rosado */
	background:#E2D1E5;
/* Di, 14.07.2009  Änderung von "color:#fff;"  de los buttons de arriba, el color de fondo, cuando se trata del button activado */
/* ahora FFFF00 = amarillo EE2C2C = rojo alterno blanco*/
	color:#FFFFFF;
}

#header ul
{
/* Di, 14.07.2009  Änderung von "background:#fff;" 005B9A=azul El fondo que está atrás del menú de botones de arriba jjj */
	background:#fff;
/* Di, 14.07.2009  Änderung von "display:block;"  al cambiar a inline desaparece el color dado anteriormente */
	display:block;
/* Di, 14.07.2009  Änderung von "margin:-7px 0 -2px;" 1.px= distancia del menú al header 2.px= distancia menú al borde derecho 3.px= del menú hacia abajo */
	margin:-7px 0 -2px;
/* Di, 14.07.2009  Änderung von "padding:5px 0;" 1.px= mueve la parte donde están los button de arriba hacia abajo 2.px=mueve los buttons hacia la derecha */
	padding:5px 0;
/* Di, 14.07.2009  Änderung von "text-align:right;"  cambia el menú de arriba a la derecha o a la izquierda. Aca el menú está centralizado */
	text-align:left;
}

#header ul li
{
/* Di, 14.07.2009  Änderung von "background:#000;" ??? */
	background:#000;
/* Di, 14.07.2009  Änderung von "color:#fff;" ??? */
	color:#fff;
	display:inline;
/* Di, 14.07.2009  Änderung von "text-align:center;" ??? */
	text-align:center;
}

#header ul li a:link,#header ul li a:visited
{
/* Di, 14.07.2009  Änderung von "background:#fff;" el color de fondo de los buttons de arriba */
/* IMPORTANTE:background:#B4DCD3; verde claro */
	background:#B4DCD3;
/* Di, 14.07.2009  Änderung von "color:#000;" el color de la letra de los buttons del menú de arriba */
	color:#000;
/* Di, 14.07.2009  Änderung von "font-weight:bold;" existe: normal, light, bold, lighter */
	font-weight:light;
/* Di, 14.07.2009  Änderung von "text-decoration:none;" existe: none, underline, overline, line-through, blink y overline underline */
	text-decoration:none;
/* Di, 14.07.2009  Änderung von "border-right:solid 1px #666;" px=la separación entre los puntos de buttons del menú */
/* solid = línea recta; inset = línea con efecto 3 dimensional; dashed = rayado NYT 58 */
	border-right:solid 45px #FFFFFF;
/* Di, 14.07.2009  Änderung von "padding:5px 10px;" 1.px= aumenta hacia abajo 2.px= aumenta en la anchura de los bottones del menú de arriba */
	padding:5px 25px;
/* Di, 14.07.2009  Änderung von "line-height:1.5em;" crea una distancia entre el header y la parte que se encuentra abajo*/
	line-height:1.5em;
}

#header ul li a:hover,#header ul li a:active,#header ul li a:focus
{
/* Di, 14.07.2009  Änderung von "background:#000;" el fondo de los botones cunado se pasa con el Curser encima E2D1E5=rosado ggg */
	background:#E2D1E5;
/* Di, 14.07.2009  Änderung von "color:#fff;" color de la letra al pasar con el curser encima Alterno */
	color:#FFFFFF;
/* Di, 14.07.2009  Änderung von "font-weight:bold;" puede ser normal, light o bold */
	font-weight:light;
}

/*  fontsize  */
#fontsize
{
/* Di, 14.07.2009  Änderung von "z-index:100;" ???*/
	z-index:300;
/* Di, 14.07.2009  Änderung von "position:absolute;" */
/* absolute = queda igual LA vigueta para cambiar el tamaño de letra */
/* fixed= al scrollen queda fijo la vigueta para cambiar el tamaño de la letra*/
/* relative= la vigueta de cambiar el tamaño de letra se coloca entre header y el menú de arriba */
/* static = semejante a relative, con la diferencia que no estorba tanto */
	position:absolute;
/* Di, 14.07.2009  Änderung von "top:0;" ??? */
	top:0;
/* Di, 14.07.2009  Änderung von "right:0;" ???  */
	right:0;
/* Di, 14.07.2009  Änderung von "background:#fff;" el color de fondo que surgen atrás de los símbolos para combiar el tamaño de las letras */
	background:#fff;
/* Di, 14.07.2009  Änderung von "color:#000;" */
	color:#143560;
}

#fontsize h3,#fontsize p
{
/* Di, 14.07.2009  Änderung von "border:0;"  ??? */
	border:0;
/* Di, 14.07.2009  Änderung von "display:inline;" en block la parte donde se cambia el tamaño de letra se vuelve de forma de tabla */
	display:inline;
/* Di, 14.07.2009  Änderung von "font-size:1em;"  aquí se cambia sólo el tamaño de la letra de la letra que cambia el tamaño de las demás letras */
	font-size:1em;
}

#fontsize p
{
/* Di, 14.07.2009  Änderung von "margin:0 0 0 5px;"  la distancia entre la letra y el símbolo de aumento */
	margin:0 0 0 5px;
}

#fontsize p a
{
/* Di, 14.07.2009  Änderung von "font-weight:bold;" smaller, bigger y reset cambia en: normal, bold, y light */
	font-weight:bold;
/* Di, 14.07.2009  Änderung von "margin:0 5px;" la distancia entre bigger, smaller y reset */
	margin:0 5px;
/* Di, 14.07.2009  Änderung von "display:inline;" en block se ve muy bien, ya que todo está bien ordenado en una tabla */
	display:block;
/* Di, 14.07.2009  Änderung von "padding:2px 0 2px 24px;" 4.px distancia símbolo letra 3.px distancia hacia arriba y abajo 2. distancia hacia la derecha 1.px hacia abajo */
	padding:2px 0 2px 24px;
}

/* background-images */
#fontsize p a.larger {
background:#fff url(../images/lupe_larger.gif) no-repeat;
}

#fontsize p a.smaller {
background:#fff url(../images/lupe_smaller.gif) no-repeat;
}

#fontsize p a.reset {
background:#fff url(../images/lupe_reset.gif) no-repeat;
}

#fontsize p a.larger:hover,#fontsize p a.larger:active,#fontsize p a.larger:focus {
background:#000 url(../images/lupe_larger_black.gif) no-repeat;
color:#fff;
}

#fontsize p a.smaller:hover,#fontsize p a.smaller:active,#fontsize p a.smaller:focus {
background:#000 url(../images/lupe_smaller_black.gif) no-repeat;
color:#fff;
}

#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:#fff;
}

/* ################# breadcrumbs ################ */
#breadcrumbs {
/* Di, 14.07.2009  Änderung von "background:#93246F;" IMPORTANTE la casilla grande bajo los buttons, a la izquierda'' de la casilla de búsqueda  */
/* antes=> #93246F;= rosado, ahora => #143560; = azul oscuro FFFFFF=blanco */
background:#FFFFFF;
/* Di, 14.07.2009  Änderung von "min-height:5em;" tamaño de la vigueta abajo del menú de buttons */
min-height:1.6em;
/* Di, 14.07.2009  Änderung von "padding-top:0;" weiter nach unten */
padding-top:0;
/* Di, 14.07.2009  Änderung von "text-align:left;" el texto aparece en la derecha o en la izquierda */
text-align:left;
/* Di, 14.07.2009  Änderung von "color:#fff;" el color del texto en esta casilla */
color:#93246F;
}

#breadcrumbs p {
/* Fr, 17.2009  Änderung von "padding:5px;" disloca la parte escrita/letra donde dice la categoría y la fecha más a la izquierda */
padding:5px;
/* Fr, 17.2009  Änderung von "display:inline;" lo habitual inline, block (hace un escpacio al rededor de la categoría y la fecha */
display:inline;
}

* html #breadcrumbs {
/* Fr, 17.2009  Änderung von "height:65px;"   ??? */
height:65px;
}

#breadcrumbs a {
/* Fr, 17.2009  Änderung von "text-transform:none;" existe:capitalize; uppercase, lowercase  ??? */
text-transform: none;
}

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

#breadcrumbs span {
/* Fr, 17.2009  Änderung von "color:#fff;" cambia el color del sitio en donde se encuentra, es decir a la derecha de "Sie befinden sich..." */
color:#000000;
/* Sa, 18.07.2009  Änderung von "font-size:0.9em;" cambia sólo el tamaño de la letra del acutal button */
font-size:0.9em;
/* Sa, 18.07.2009  Änderung von "padding:7px;" */
padding:7px;
}

#breadcrumbs span a:hover,#breadcrumbs span a:active,#breadcrumbs span a:focus {
/* Sa, 18.07.2009  Änderung von "background:#000;"  */
background:#fff;
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;
/* original border-bottom:solid 0 #93246F; */
border-bottom:solid 0 #93246F;
/* original border-bottom:solid 0 #93246F; */
border-bottom:solid 0 #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;*/
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; */
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 1px #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/arrow.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; */
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 {
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;
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 {
/* uusi color:#000; el color de los button en la venta principal */
color:#888888;
}

#main a:hover,#main2 a:hover,#main a:active,#main2 a:active,#main a:focus,#main2 a:focus {
/* background:#93246F; color de fondo cdf cuando se pasa con el cursor sobre un link color ahora E2D1E5= rosado */
background:#E2D1E5; 
/* color:#fff; color de letra cdl cuando se pasa con el cursor sobre un link  */
color:#fff;
/* uusi perjantai kahdeksastoista päivä syyskuuta kaksituhattayhdeksän agora */
text-decoration:none;
}

#main h1,#main2 h1 {
color:#000;
font-family:trebuchet MS, sans-serif;
font-size:1.6em;
font-weight:normal;
margin:0;
}

#main h2,#main2 h2 {
color:#93246F;
font-family:trebuchet MS, sans-serif;
font-size:1.6em;
font-weight:normal;
}

#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:outside;
list-style-type:square;
padding:0 0 0 10px;
margin:0 0 0 20px;
}

#main ul,#main ol {
list-style-position:inside;
margin:10px 0 10px 20px;
padding:0 0 0 10px;
}

.small {
border:solid 0;
color:#932467;
font-size:0.85em;
margin:0 0 20px;
}

.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:#932467;
display:block;
font-size:0.85em;
}

.createdby {
color:#932467;
display:block;
font-size:0.85em;
padding:0 0 0 2px;
}

.modifydate {
color:#932467;
display:block;
font-size:0.85em;
padding:0;
}

span.content_rating,.leading span.content_rating {
margin:10px 0 0;
display:block;
}

.content_vote {
margin:0 0 10px;
display:block;
}

.content_vote input {
margin:0 5px;
}

.content_vote .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;
}

/* ############# 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:#93246F;
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;
border:solid 0 #93246F;
margin:15px 10px 0;
padding:0;
position:relative;
}

.search_result .button,form.registration .button {
background:url(../images/pfeil.gif) #000 no-repeat;
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;
}

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

.display {
margin:20px 0 0;
text-align:right;
}

.filter {
margin:10px 0 0;
}

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

.highlight {
font-weight:bold;
}

fieldset.word,fieldset.only {
border:solid 1px #ccc;
}

.only {
border:solid 0;
margin:10px 0 0 10px;
padding:5px 10px;
line-height:1.3em;
}

.word {
background:#fff;
padding:10px 10px 10px 0;
border:solid 0 !important;
}

.word input {
background:#fff;
border:solid 2px #999;
color:#93246F;
font-weight:bold;
margin:0 0 0 10px;
padding:2px;
}

.phrase {
color:#000;
margin:10px 10px 10px 0;
padding:10px;
width:60%;
border:solid 1px #ccc;
float:left;
}

/*Selects*/
.phrase .inputbox {
background:#fff;
color:#000;
display:block;
height:1.5em;
margin-top:10px;
width:12em;
}

.phrase .inputbox option {
background:#EFDEEA;
border-bottom:solid 1px #333;
padding:2px;
}

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

.search_result legend {
border-bottom:solid 0 #000;
background:#fff;
}

/* ########################### 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 {
/* muutos tänään on sunnuntai kahdeskymmeneskuudes päivä heinäkuuta kaksituhattayhdeksän alkuperäinen: "background:#93246F;" taka-ala*/
/* 93246F = purppura entä nyt vaaleaihoinen/valkea */
background:#FFFFFF;
/* muutos tänään on sunnuntai kahdeskymmeneskuudes päivä heinäkuuta kaksituhattayhdeksän alkuperäinen: "color:#fff;" teksti väri*/
/* edellä vaaleaihoinen/valkea, entä nyt musta color:#000;  */
color:#888888;
padding:5px;
text-align:right;
/* muutos tänään on sunnuntai kahedeskymmeneskuudes päivä heinäkuuta kaksituhattayhdeksän alkuperäinen:"border-top:solid 4px #ccc;" alueraja väri */
/* edellä harmaa, entä nyt vaaleaihoinen/valkea */
border-top:solid 1px #FFFFFF;
}

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

#footer a {
/* muutos tänään on sunnuntai kahdeskymmeneskuudes päivä heinäkuuta kaksituhattayhdeksän alkuperäinen: "color:#fff;" teksti väri */
/* edellä vaaleaihoinen/valkea, entä nyt musta #888888 = gris  */
color:#888888;
}

/* 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 {
border:solid 1px #ccc;
padding:10px;
margin:10px;
}

.pagenavcounter {
font-weight:bold;
}



/* Advertisement */

.moduletable_text
{margin:10px}

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