/*

Hier sind die Farben des Layouts definiert.
In den letzten Jahren wurde immer eine Farbe in zwei unterschiedlichen Tönen verwendet. 
Diese Farbtöne orientieren sich an dem Kiki-Logo, das jedes Jahr eine andere Hindergrundfarbe hat.


Der helle Farbton findet sich in der Navigation und im Headbereich.

Zum Ändern der Navigationhintergründe muss die Grafik buttonbg.gif angepasst werden und in den 
Ordner upload/layout/ geladen werden (per ftp oder in contenido über content>dateiverwaltung).
Im Ordner DEV (ftp) gibt es ein Photoshopdokument buttonbg.psd, mit dem die Farbe einfach geändert werden kann.
Entsprechend kann auch die Farbe der Pfeile innerhalb der Navigation geändert werden
(navi_pfeil.gif und navi_pfeil_rechts.gif + entsprechende psd-Dateien im DEV-Verzeichnis)

Zum Ändern des Hintergrunds im Headbereich müssen die 4 Dateien headerlinks.gif, headermitte.gif, 
headerrechts.gif und logo.gif angepasst werden und in den Ordner upload/layout/ geladen werden 
(per ftp oder in contenido über content>dateiverwaltung).
Im Ordner DEV (ftp) gibt es ein Photoshopdokument layout.psd, mit dem die Farbe einfach geändert werden kann:
1. Farbe der Ebene header_bg ändern
2. Neues Logo in das psd-Dokument kopieren und an dem alten Logo ausrichten
3. 4 Ausschnitte in ein jeweils neues Dokument kopieren (Maße siehe psd-Dokument)
4. Die 4 neuen .gif-Dateien exportieren und in den Ordner upload/layout/ laden


Der dunkle Farbton wurde für die großen Farbflächen, die Text- und Linkfarben verwendet.
Zum Ändern der Farbe muss der Headezimalwert geändert werden (#??????).

Im Folgenden ist kurz genannt, 
1. welche Elemente jeweils definiert sind und 
2. welcher Wert geändert werden muss

*/


/* Seitenhintergründe - background-color */
.jahresfarbebg {
	background-color: #3A3C3D;
       color:#ffffff;

}


/* normaler Text - color */
td {
	color:#3A3C3D;
	font-size:11px;
	font-family:Verdana, Tahoma, Arial, Helvetica, Sans-serif, sans-serif;
	margin-bottom:8px;
}


/* fetter Text - color */
.textfett {
         color:#3A3C3D;
	font-size:11px;
	font-family:Verdana, Tahoma, Arial, Helvetica, Sans-serif, sans-serif;
	font-weight:bold;
}


/* Überschrift - color */
h1 {
	color:#3A3C3D;
	font-weight:bold;
	font-size:16px;
	margin:0;
	line-height:100%;
}


/* Überschrift - color */
h1.content {
        color:#3A3C3D;
	padding:0;
	margin:0;
}


/* Überschrift - color */
h2  {
        color:#3A3C3D;
	padding:0;
	font-size:24px;
	margin:0;
	font-weight:bold;
	}


/* Überschrift - color */
h3  {
	color:#3A3C3D;
     font-size:11px;
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	margin-bottom:8px;
	font-weight:bold;
	}
	

/* Hauptnavigation, Trennstriche - border-bottom */
.navi{
	border-bottom:1px solid #3A3C3D;
	background:url('../upload/layout/buttonbg.gif');
	width:200px;
}


/* Hauptnavigation, normaler Link - color */
a.navileft_passive {
	color:#3A3C3D;
	background:url('../upload/layout/buttonbg.gif');
	display:block;
	padding-top:4px;
	padding-bottom:4px;
} 

/* Hauptnavigation, aktive Ebene - color */
a.navileft_open {
	color:#3A3C3D;
	background:url("../upload/layout/navi_pfeil.gif") no-repeat;
	padding-left:10px;
	display:block;
	background-position:right;
	padding-top:4px;
	padding-bottom:4px;
	background-color:#ffffff;
} 


/* Hauptnavigation, aktiver Link - color */
a.navileft_active {
	color:#3A3C3D;
	background:url("../upload/layout/navi_pfeil_rechts.gif") no-repeat;
	padding-left:10px;
	display:block;
	background-position:right;
	background-color:#ffffff;
	padding-top:4px;
	padding-bottom:4px;
} 


/* Sitemap, Ebene 1 - color */
a.sitemap_level1 {
	color:#3A3C3D;
	font-weight:bold;
	padding-top:.4em;
}


/* Sitemap, Ebene 2 - color */
a.sitemap_level2 {
	color:#3A3C3D;
}


/* Sitemap, Ebene 1 - color */
a.sitemap_level3 {
	color:#3A3C3D;
}





/* Bei den folgenden Stylesheets müssen keine Anpassungen vorgenommen werden */

.sitemap_level1_container {
	border-top:1px solid #b4a8b4;
	width:100%;
	float:left;
	padding-top:.5em;
	margin-top: .6em;
}
.sitemap_level2_container {
	float:left;
	padding-left:50px;
	padding-top:.3em;
	width:100%;
}

.sitemap_level3_container {
	float:left;
	padding-left:100px;
	padding-top:.3em;
	width:100%;
}

body {
	padding:0;
	text-align:left;
	min-width:780px;
	background-color:#FFFFFF;
	font-size:11px;
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	color:rgb(0,0,0);
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
}


#bottomnavi {
	text-align:center;
	color:rgb(210,210,210);
}


#navipath {
	padding:0;
	padding-bottom:10px;
	background-color:#ffffff;
	color:rgb(99,99,99);
	width:388px;
}


hr { color:rgb(210,210,210); }


/* Navigation Footer */
a.bottomnavi { color:rgb(160,160,160); font-size:9px; } 

/* Navigation Header */
a.additionalnavi { font-size:11px; color: #ffffff; line-height:20px; padding-left:12px; }

/* Verlaufsnavigation */
a.navipath { font-size:10px; color: rgb(160,160,160); } 

a { font-size:11px; color:#e3031c; text-decoration:none; }
a:visited { font-size:11px; text-decoration:none; }
a:active { font-size:11px; text-decoration:none; }
a:hover { text-decoration:underline; }