<!--
/* Homepage DRK Kreisverband Delmenhorst Typo3-Stylesheet */

/* In diesem Stylesheet werden bewußt keine Fenstergrößen festgelegt.
 * Das geschieht nur in der HTML-Vorlage, damit die Seitenstruktur auch
 * ohne CSS erhalten bleibt. */


/* Test
.tx-sriframe-pi1 {
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}
*/


/* Rahmen um die Gesamtseite als Extra-Table
********************************************/
/* Wird mit border in div-Container im Mozilla nicht vollständig ausgegeben,
 * deswegen Extra-Tabelle mit class um die ganze Seite herum. Außerdem
 * ist damit padding zur Rahmenlinie einstellbar. */

table.box {
	background-color: #FFFFFF;
	border: 2px solid silver;
	margin-bottom: 10px;
}


/* Container für die ganze Seite
 *******************************/
/* border funktioniert hier nicht für Mozilla, deswegen für die Rahmenlinie
 * class table.box eingeführt und dort definiert. */
div#contPage {
	margin-left:auto;
	margin-right:auto;
	padding: 3px;
}


/* Eigenschaften für den DRK-Namen
 *********************************/
/********* kann evt. wieder weg ***********/
/* Container DRK-Name */
#contDrkName {
        margin-top: 10px;
        margin-left: 3px;
}

/* Schrift DRK-Name*/
.drkname {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #000000;
}


/* Eigenschaften für Menü links 1. und 2. Ebene
 **********************************************/
/* IE6 berücksichtigt line-height nicht, wenn nur Links vorhanden sind.
 * Deshalb wird der Zeilenabstand in img.menuLeftImg1/2 festgelegt,
 * also der Abstand der Grafiksymbole, die vor den Links sind. Das hat
 * auch den Vorteil, daß man später Linien vor die Symbole setzen kann. */

/* Container für das Menü */
div#contMenuLeft {
	margin-top: 20px;
	margin-left: 0px; 
}

/* Erste Menüebene normaler Link */
a.menuLeft1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin-left: 7px;
}

/* Erste Menüebene Link Seite aktiv */
a.menuLeft1Act {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
        margin-left: 7px;
}
/* Zweite Menüebene normaler Link */
a.menuLeft2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	margin-left: 7px;
}

/* Zweite Menüebene Link Seite aktiv */
a.menuLeft2Act {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #000000;
        text-decoration: none;
        margin-left: 7px;
}

/* Mausaktivitäten */
a.menuLeft1:hover { color:#000080 }
a.menuLeft2:hover { color:#000080 }
a.menuLeft1:active { color:#EC1E24; }
a.menuLeft2:active { color:#EC1E24; }

a.menuLeft1Act:hover { color:#000080 }
a.menuLeft2Act:hover { color:#000080 }
a.menuLeft1Act:active { color:#EC1E24; }
a.menuLeft2Act:active { color:#EC1E24; }

/* Abstand der Symbole vor den Menüpunkten */
img.menuLeftImg1 { margin-left: 0px; margin-top: 7px;}
img.menuLeftImg2 { margin-left: 11px; margin-top: 5px;}


/* Eigenschaften für den Streifen
*********************************/
/* Für den Stripe Höhenangabe hinzu, damit eine gewisse Mindesthöhe
 * der Seite erreicht wird. */
td.stripe {
	width: 30px;
	height: 600px
}


/* Eigenschaften für Klickpfad
******************************/
/* Für die Links sind link, visited usw. festgelegt, weil im IE sonst
 * die Links als besucht farblich anders markiert werden. */

/* Container für den Klickpfad */
div#contClickPath {
	margin-top: 10px;
	margin-left: 12px;
	margin-bottom: 0px;
}


/* Schrift im Klickpfad */
.clickPath {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	visited;
}

/* Links im Klickpfad */
a.clickPath2:link { color:#0000FF }
a.clickPath2:hover { color:#000080 }
a.clickPath2:visited { color:#0000FF }
a.clickPath2:active { color:#EC1E24; background-color:#FFFFFF; }


/* Eigenschaften für die Hauptseite
***********************************/
/* Container für die Hauptseite, in der Vorlage cellpadding <> 0 wg. IE */
div#contMain {
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* Schriften für die Hauptseite */
#contMain h1     { font: bold   23px Arial, Helvetica, sans-serif; }
#contMain h2     { font: bold   19px Arial, Helvetica, sans-serif; }
#contMain h3     { font: bold   16px Arial, Helvetica, sans-serif; }
#contMain h4     { font: bold   14px Arial, Helvetica, sans-serif; }
#contMain h5     { font: bold   12px Arial, Helvetica, sans-serif; }
#contMain h6     { font: bold   10px Arial, Helvetica, sans-serif; }
#contMain ul     { font: normal 14px Arial, Helvetica, sans-serif; }
#contMain div    { font: normal 14px Arial, Helvetica, sans-serif; }
#contMain p      { font: normal 14px Arial, Helvetica, sans-serif; }
#contMain body   { font: normal 14px Arial, Helvetica, sans-serif; }
#contMain html   { font: normal 14px Arial, Helvetica, sans-serif; }
#contMain input  { font: normal 14px Arial, Helvetica, sans-serif; }
#contMain button { font: normal 14px Arial, Helvetica, sans-serif; }
#contMain td     { font: normal 14px Arial, Helvetica, sans-serif; }

/* Links in der Hauptseite */
#contMain a:link { color:#0000FF }
#contMain a:hover { color:#000080 }
#contMain a::visited { color:#0000FF }
#contMain a:active { color:#EC1E24; background-color:#FFFFFF; }

/* GILT NUR FÜR DIE EINGANGSSEITE!
 * -------------------------------
 * Eigene Klasse für die Content-Elemente (Absätze) der Eingangs-
 * seite, um den Abstand und den Rahmen einstellen zu können.
 * Die Klasse ist im Template der Willkommenseite festgelegt. */
/* asd_do: Schließt Bilder beim Fließtext nicht mit ein, nochmal nachsehen */

#contMain .rahmen1-content-element {
        border: 1px solid silver;
        padding: 5px;
        margin-top: 5px;
}


/* Eigenschaften für die Fußzeile
 ********************************/
/* Zelle Fußzeile */
.mainfoot td {
	padding-top: 10px;
	padding-left: 12px;
	padding-bottom: 5px;	
}

/* Schrift Link "Nach-oben" */
.mainfoot a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
}

/* Links in der Fußzeile */
.mainfoot a:link { color:#0000FF }
.mainfoot a:hover { color:#000080 }
.mainfoot a::visited { color:#0000FF }
.mainfoot a:active { color:#EC1E24; background-color:#FFFFFF; }

/* Schrift Copyright */
.mainfoot-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

/* Eigenschaften für die Infospalte
***********************************/
/* Container für die Infospalte, in der Vorlage cellpadding <> 0 wg. IE */
div#contInfo {
	margin-top: 25px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* Schriften für die Infospalte */
/* alle um 1 vergrößert, 17.01.07 */
#contInfo h1     { font: bold   18px Arial, Helvetica, sans-serif; }
#contInfo h2     { font: bold   15px Arial, Helvetica, sans-serif; }
#contInfo h3     { font: bold   13px Arial, Helvetica, sans-serif; }
#contInfo h4     { font: bold   11px Arial, Helvetica, sans-serif; }
#contInfo h5     { font: bold    9px Arial, Helvetica, sans-serif; }
#contInfo h6     { font: bold    7px Arial, Helvetica, sans-serif; }
#contInfo ul     { font: normal 11px Arial, Helvetica, sans-serif; }
#contInfo div    { font: normal 11px Arial, Helvetica, sans-serif; }
#contInfo p      { font: normal 11px Arial, Helvetica, sans-serif; }
#contInfo body   { font: normal 11px Arial, Helvetica, sans-serif; }
#contInfo html   { font: normal 11px Arial, Helvetica, sans-serif; }
#contInfo input  { font: normal 11px Arial, Helvetica, sans-serif; }
#contInfo button { font: normal 11px Arial, Helvetica, sans-serif; }
#contInfo td     { font: normal 11px Arial, Helvetica, sans-serif; }

/* Links in der Infospalte */
#contInfo a:link { color:#0000FF }
#contInfo a:hover { color:#000080 }
#contInfo a::visited { color:#0000FF }
#contInfo a:active { color:#EC1E24; background-color:#FFFFFF; }


/* Bilder sollen keinen blauen Rahmen haben (bsd. die nicht, die Links sind)
 **************************************************************************/
.img { border: none}
a img { border: none}


/* Bildunterschriften
 ********************/
.csc-textpic-caption {
	font: normal 10px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 2px;
}


/* Tabelle Blutspende 1
 **********************/
table.blutspende1 { border-collapse: collapse; background-color: lightgrey; }
table.blutspende1 td,th { border: 1px solid silver; vertical-align: top; text-align: left; }
table.blutspende1 tr.tr-odd { background-color: #FFFFE3; }
table.blutspende1 tr.tr-even { background-color: #FFFFC8; }
table.blutspende1 tr.tr-0 { background-color: #FFCC66; }
table.blutspende1 th { font-size: 14px; font-weight: bold; }


/* Tabelle Blutspende 2
 **********************/
table.blutspende2 { border-collapse: collapse; background-color: lightgrey; }
table.blutspende2 td,th { border: 1px solid silver; vertical-align: top; text-align: left; }
table.blutspende2 tr.tr-odd { background-color: #FFFFE3; }
table.blutspende2 tr.tr-even { background-color: #FFFFC8; }
table.blutspende2 tr.tr-0 { background-color: #FFCC66; }
table.blutspende2 th { font-size: 14px; font-weight: bold; }


/* Tabelle Nordic-Walking
 ************************/
table.nordicwalking { border-collapse: collapse; background-color: lightgrey; }
table.nordicwalking td,th { border: 1px solid silver; vertical-align: top; text-align: left; }
table.nordicwalking tr.tr-odd { background-color: #FFFFE3; }
table.nordicwalking tr.tr-even { background-color: #FFFFC8; }
table.nordicwalking tr.tr-0 { background-color: #FFCC66; }
table.nordicwalking th { font-size: 14px; font-weight: bold; }


/* Indexed Search Button
 ***********************/
.tx-indexedsearch-searchbox-button {
	/*border: 1px solid black;*/
	/* Button mit 3D-Effekt: */
        border-top: 1px solid lightgrey;
        border-left: 1px solid lightgrey;
        border-right: 1px solid black; 
        border-bottom: 1px solid black; 
	background-color: #7198E7;
	color: #FFFFFF;
	margin-bottom: 1px;
	/*background-image:url(dateiname.gif);*/
}

/* Eigenschaften für die Macina-Searchbox
 ****************************************/
/* Container für die Searchbox */
div#contSearchBox {
        padding-top: 20px;
        padding-left: 5px;
}

/* Schriften für die Searchbox */
#contSearchBox input  { font: normal 14px Arial, Helvetica, sans-serif; }
#contSearchBox button { font: normal 14px Arial, Helvetica, sans-serif; }


/* Button */
.searchbox-button {
        /*border: 1px solid black;*/
	/* Button mit 3D-Effekt: */
        border-top: 1px solid lightgrey;
        border-left: 1px solid lightgrey;
        border-right: 1px solid black; 
        border-bottom: 1px solid black; 
	background-color: #7198E7;
	color: #FFFFFF;
	margin-top: 4px;
	margin-left: 10px;
}

/***********************************************************************
/*                      Kommentare und Hinweise                        *
 ***********************************************************************/

/* Für die Buttons gibt es noch mehr Möglichkeiten, z.B
background-image:url(dateiname.gif);
background-repeat: no-repeat; 
background-position: 3px 2px;
oder
background: transparent;
*/

-->