/* 
##################################################################################################
# K R E I S - S T A D E : D R O C H T E R S E N - BRANCHENBUCH #
##################################################################################################
 
Version      : 1.1
Dateiversion : 18.08.06   
Datei        : jork.css
Funktion     : bindet die zentralen Stylesheet-Elemente ein und das Layout fuer Jork
               hier koennen Schriften, Schriftgroessen und Farben geaendert werden
*/


/* Fuer alle Ausgabemedien */
@media all
{


/* 
##################################################################################################
## allgemeine Klassen ##
##################################################################################################
*/

/* Schriftart */
* { 
	font-family: Arial, Verdana, Helvetica, sans-serif;  
} 


/* Allgemeine Hintergrundfarbe und Schriftfarbe */
body {
	background: #F0FFF0;
	color: #000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}


/* Ueberschriften */
h1 {
	font-size: 0.9em;
	background: transparent;
	color: #000;
	text-align: center;
}

h2 {
	font-size: 0.9em;
	background: transparent;
	color: #000;
}


/* Links */
a {
	background: transparent;
	color: #000;
	text-decoration: underline;
}

/* Hover-Effekt von Links */
a:hover {
	background: #519274;
	color: #fff;
}

/* Link um Praesentiert von Ueberschrift */
a.praesentiert_von, a.praesentiert_von:hover {
	background: transparent;
	color: #000;
	text-decoration: none;
}




/* 
##################################################################################################
## DIV-Boxen ##
##################################################################################################
*/

/* Box aussen mit Rahmen und Hintergrundfarbe 
div.box_hintergrund {
	background: #a4cdff;
	color: #000000;
	border: 1px solid #3399ff;
}
*/


/* Konfiguration des Banners */
div.banner {
	margin-bottom: 20px;
}

/* Tabelle umd den Banner */
table.banner {
	margin-left: auto;
	margin-right: auto;	
}


/* 
##################################################################################################
## Suchmaske ##
##################################################################################################
*/

/* Tabelle um die Suchmaske */
table.suchmaske {
	background: #cee7dc;
	color: #000;
}



/* 
##################################################################################################
## Listenansicht der Veranstaltungen ##
##################################################################################################
*/

/* Tabelle um Veranstaltungsdetails */
table.veranstaltung {
	font-size: 0.8em;
}


/* Trennlinie */
hr.trennlinie {
	background: #519274;
}

/* hr im IE wie im Mozilla  */
* html hr.trennlinie {
    color: #519274;
}
/* Ende hr im IE wie im Mozilla  */


/* Text mittlerer groesse */
p.text_mittel {
	font-size: 0.8em;
	text-decoration: none;
	background: transparent;	
	color: #000;
}

/* Text kleiner groesse */
p.text_klein {
	font-size: 0.7em;
	text-decoration: none;
	background: transparent;	
	color: #000;
}



/* 
##################################################################################################
## MoreResults ##
##################################################################################################
*/

/* Block um MoreResults */
p.moreres {
	font-size: 0.8em;
	font-weight: bold;
}

/* Links */
p.moreres a {
	text-decoration: none;
}

/* Aktive Links und Hover Effekte */
p.moreres a:hover, p.moreres span.aktiv {
	background: #519274;
	color: #fff;
}



/* 
##################################################################################################
## Klassen der Formulare ##
##################################################################################################
*/

/* Textfeld im Eingabeformular */
input.textfeld, textarea, select {
	border: 1px solid #fff;
	background: #d9ece4;
	color: #000000;
	font-size: 0.8em;
}

/* Textfeld im Eingabeformular - angewaehlt */
input.textfeld:focus, textarea:focus {
	background: #fff;
	color: #000000;
}

/* Textfeld im Eingabeformular - IE-Hack fuer gleiche Hoehe und weissen Hintergrund */
* html input.textfeld, * html textarea {
	background: #fff;
	color: #000000;	
}


/* Beschriftung von Textfeldern */
label {
	font-size: 0.8em;
	font-weight: bold;
}


/* Button im Eingabeformular */
input.button  {
	border: 1px solid #fff;
	background: #519274;
	color: #fff;
	font-size: 0.8em;
	font-weight: bold;
}


/* Zeitraum in der Suchmaske */
select.zeitraum {
	width: 12em;
}


/* Rubriken in der Suchmaske */
select.rubriken {
	width:25em; 
	height:8em
}


/* Hintergrundfarbe jeder 2. Reihe in der Selectbox */
select option.bg {
	background: #519274;
	color: #fff;
}


/* Absenden des Formulars fehlerhaft */
p.eingabefehler {
	background: transparent;
	color: red;
	font-weight: bold;
}

/* Absenden des Formulars erfolgreich */
p.erfolgreich {
	background: transparent;
	color: green;
	font-weight: bold;
}


/* Ende alle Ausgabemedien */
}