/* TYPO3 CVS id: $id$ */
/* Template stylesheet für Gymnasium Erding II */
/*

Colorscheme is:

Hintergrundfarbe Menüzeile, 2. Überschriften: #005CAF
Hintergrundfarbe Container               : #B6C9F9
Hintergrundfarbe Textfelder items        : #F4F6FE
Hintergrundfarbe Links- und Borderspalte : #E4EAFF

Hintergrundfarbe H1                      : #DFDFDF

Background Color 1: #E4EAFF;        (Background 1)
Background Color 1-dimmed: ghostwhite;        (Background 1 - dimmed)
Background Color 2: #D1E3F3;        (Background 2)
Background Color 3: #D1D2E4;        (Background 2)

Text, main:        #000000
Text Color 1: #186900;        (red)
Text Color 2: #10007B;        (green)
Text Color 3: #8A0020;        (blue)

Links               : #000077
Link hover      : #770000
Links Menüzeile : #FFFFFF
Links hover Menü: #FFE996

*/


/***************************/
/* General element styles: */
/***************************/
body { text-align: center; }
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family: arial, helvetica; color: #000000; }
PRE { font-family: monospace; }
A { font-family: arial, helvetica; color: #000077; text-decoration: none;}
A:hover { color: #770000;}
FORM { margin: 0px 0px 0px 0px;}
P, PRE { margin: 0px 0px 0px 0px; }
P, TD, UL, OL { font-size: 12px; }
INPUT, TEXTAREA, SELECT { padding-left: 5px; font-size: 12px;}


/********************************/
/* Frames, spacing, link-to-top */
/********************************/
P.csc-linkToTop { text-align: right; }
P.csc-linkToTop A { font-weight: bold; }

DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #333333; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #333333; }
DIV.csc-frame-indent { padding-left: 100px; }
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }
DIV.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
DIV.csc-frame-frame2 { background-color: #D1E3F3; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }

/******************/
/* Headers, plain */
/******************/
H1, H2, H3, H4, H5, H6 { margin: 0px 0px 0px 0px; margin-top: 5px; margin-bottom: 5px; }
H1 { font-size: 16px; background-color: #DFDFDF; padding-left: 3px;}
H2 { font-size: 14px; color: #FFFFFF; background-color: #005CAF; padding-left: 3px; }
H3 { font-size: 14px; background-color: #E4EAFF; padding-left: 3px; }
H4 { font-size: 13px; font-weight:bold;}
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }

/* Headers, with link */
H2 A { color: #FFFFFF; }
H3 A { color: #10007B; }
H4 A { color: #8A0020; }
H1 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration: underline; }
H2 A:hover { color: #FFE996; }

/* Header date */
P.csc-header-date { font-size: 10px; color: #186900; }

/* Subheader, general */
P.csc-subheader { font-style: italic; background-color: #EDEBF1; }

/* Subheader, specific */
P.csc-subheader-0 { font-style: normal; }
P.csc-subheader-1 { color: #186900; }
P.csc-subheader-2 { color: #10007B; }
P.csc-subheader-3 { color: #8A0020; }



/*******************/
/* RTE / Bodytext: */
/*******************/

P.bodytext A { font-weight: bold; }

/* RTE / Bulletlists */
UL { margin-top: 0px;  }
UL UL LI { font-size: 12px; }
OL { margin-top: 0px; }
LI { margin-top: 0px; margin-bottom: 0px; padding-top: 2px; }




/**********/
/* Images */
/**********/

/* Images / Captions */
P.csc-caption { font-size: 12px; font-style: italic; }

/* Images / Tables / Floating text */
TABLE.imgtext-table { border: 0px; }

/* Images / Tables / Wrapped text */
/* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here: */
TABLE.imgtext-nowrap { border: 0px; }
TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 { margin-top: 0px; }



/***************/
/* Bulletlists */
/***************/

/* Bulletlists, general */
UL.csc-bulletlist LI { font-size: 12px; }

/* Bulletlists, specifically */
UL.csc-bulletlist-0 { color: #000000; }
UL.csc-bulletlist-1 { color: #186900; list-style-type : decimal; }
UL.csc-bulletlist-2 { color: #10007B; list-style-position : inside; }
UL.csc-bulletlist-3 { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }
LI A { font-weight: bold; }


/*********************/
/* Tables, generally */
/*********************/
TABLE.contenttable P { font-size: 12px; }
TABLE.contenttable TR TD { vertical-align: top; }

/* Tables, specifically */
TABLE.contenttable-0 P { color: #000000; }

TABLE.contenttable-1 P { color: #10007B; }
TABLE.contenttable-1 TR.tr-0 TD P { font-weight: bold; }
TABLE.contenttable-1 TR.tr-0 TD { background-color: #D1E3F3;}

TABLE.contenttable-2 P { color: #10007B; }
TABLE.contenttable-2 TR TD.td-0 { background-color: #D1E3F3;}
TABLE.contenttable-2 TR TD.td-0 P { font-weight: bold; }

TABLE.contenttable-3 P { color: #10007B; }
TABLE.contenttable-3 TR TD.td-0, TABLE.contenttable-3 TR.tr-0 TD { background-color: #D1E3F3;}
TABLE.contenttable-3 TR TD.td-0 P, TABLE.contenttable-3 TR.tr-0 TD P { font-weight: bold; }



/************************/
/* Filelinks, generally */
/************************/
TABLE.csc-uploads { border: 0px; margin-right: 40%; }
TABLE.csc-uploads TR TD { vertical-align: middle; }
TABLE.csc-uploads TR.tr-even TD.csc-uploads-icon { background-color: #E4EAFF; }
TABLE.csc-uploads TR.tr-odd TD.csc-uploads-icon { background-color: royalblue; }
TABLE.csc-uploads TR TD.csc-uploads-icon { padding: 10px; width: 1%; text-align: center; vertical-align: middle; }
TABLE.csc-uploads TR TD.csc-uploads-fileName { width: 80%; padding-left: 5px; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P A { font-weight: bold; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P.csc-uploads-description { font-style: italic; }
TABLE.csc-uploads TR TD.csc-uploads-fileSize { white-space: nowrap; padding-left: 6px; padding-right: 6px; }

/* Filelinks, specifically */
TABLE.csc-uploads-1 { border-color: #186900; }

TABLE.csc-uploads-2 { border-color: #10007B; }

TABLE.csc-uploads-3 { border-color: #8A0020; }
TABLE.csc-uploads-3 TR TD { vertical-align: middle; }
TABLE.csc-uploads-3 TR.tr-even TD.csc-uploads-icon IMG { border: 2px solid #333333; }
TABLE.csc-uploads-3 TR.tr-odd TD.csc-uploads-icon IMG { border: 2px solid #333333; }



/*************/
/* Debugging */
/*************/
/*
H1, H2, H3, H4, H5, P, UL, OL, LI, BLOCKQUOTE, PRE { border: 1px dotted #999999;}
TD TABLE { border: 1px dotted #000099;}
DIV { border: 1px dotted #990000;}
IMG.spacer-gif { border: 1px solid black; }
*/

/**********************/
/* Kopf- und Fußzeile */
/**********************/
TD#header_1 {
        background-image: url(../images/kopf1_schueler.jpg);
        background-repeat : no-repeat;
         background-position: right;
         height: 77px;
}
TD#header_2, TD#footer { background-color: #005CAF; vertical-align: middle; }

/***************************/
/* Header 2 Zeile mit Menü */
/***************************/

/* Loginbox */
TD#header_2_links { background-color: #005CAF; }

/* MENU_1, level 1 */
TD#header_2 {

        background-image: url(../images/kopf2_schueler.gif);
        background-repeat : no-repeat;
        background-position: right;
        height: 22px;
}

/*  MENU 1, level 2, normal state (NO) */
DIV.menu1-level2 { text-align: left; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top: 5px; background-color: #005CAF; }
DIV.menu1-level2-no { font-size: 12px;}
DIV.menu1-level2-no A { text-decoration: none; color: #FFFFFF; }
DIV.menu1-level2-no A:hover { text-decoration: none; color: #FFE996; }
/*********************************/
/* Header 3 Spalte mit Klickpfad */
/*********************************/
TD#header_3_links {
         background-color: #E4EAFF;
         height: 15px;
}
TD#header_3 {
         background-color: #E4EAFF;
         height: 15px;
}

TD#header_3 A { font-weight: bold; }

TD#footer P { font-size: 10px; text-align: center; color: white; }



/************************************/
/* Spalte Links mit Menüebene 3 + 4 */
/************************************/
TD#links {
         vertical-align: top;
         height: 500px;
         background-image: url(../images/links_geigen.gif);
         background-repeat : no-repeat;
         background-position: bottom;
         padding-top: 10px;
         background-color: #E4EAFF;
}

TD#links DIV A { color: navy; text-decoration: none;}
TD#links DIV A:hover { text-decoration: underline;}

TD#links DIV.menu2-level3-no {
  border-bottom: 1px dotted #999999;
  font-size: 13px;
  padding-top:5px;
  padding-left:10px;
}
TD#links DIV.menu2-level3-act {
  border-bottom: 1px solid #999999;
  font-weight:bold;
  font-size: 14px;
  padding-top:5px;
  padding-left:10px;
  background-color: #C8D5FF;
  filter:alpha(opacity='70', style='0');
}
TD#links DIV.menu2-level3-act A { color: black; }
TD#links DIV.menu2-level4-no { font-size: 12px; padding-left: 25px; }
TD#links DIV.menu2-level4-act {
  font-size: 13px;
  font-weight:bold;
  padding-left:23px;
  background-color: #C8D5FF;
  filter:alpha(opacity='70', style='0');
}
TD#links DIV.menu2-level4-act A { color: black; }

/****************/
/* Inhaltspalte */
/****************/
TD#content {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
         padding-bottom: 10px;
        vertical-align: top;
        width: 630px;
}
TD#content P.bodytext { text-align: justify; }


/****************/
/* Borderspalte */
/****************/
TD#border, TD#links {
        vertical-align: top;
        width: 150px;
        padding-top: 0px;
         padding-left: 10px;
         padding-right: 10px;
         background-color: #E4EAFF;
}


/***********************/
/*  für Terminkalender */
/***********************/
table#calendar {        width: 100%; margin-top: 10px; background-color: #005CAF; }
table#calendar table { width: 100%;}
TD#calendar-date, TD#calendar-time { padding-right: 15px; width: 83px; vertical-align: top;}
TD#calendar-header, TD#calendar-content { padding-right: 5px; }
tr.table-content { padding-bottom: 5px; padding-top: 2px; background-color: ghostwhite;}
tr.table-header { background-color: #E4EAFF;}
tr.table-header TD { font-size: 15px;  font-weight: bold;}

/***********************/
/*  für Suchseite      */
/***********************/
.tx-indexedsearch-secHead P {background-color: #005CAF; color: #FFFFFF; padding-bottom: 1px; padding-right: 3px; }


/****************/
/* Für Aktuelles */
/****************/
hr.clearer { clear: both; }



/****************/
/* Login-Box */
/****************/
form.felogin div             { margin-left: 9px; }
form.felogin div font        { font-size: 10px; color:#E4EAFF; }
form.felogin div.logout font { font-size: 12px; }
input.felogin-eingabe        { font-size: 10px; height: 16px; background-color: #F4F6FE; padding-left: 2px;}
input.felogin-submit         { font-size:8px; margin-left:7px; background-color:#E4EAFF; padding-left: 0px; height: 16px;}


/****************/
/* VCD Archive */
/****************/
div.tx-vcdarchive-pi1 h1 { font-size: 140%; }
div.tx-vcdarchive-pi1 h2 { color: #ffffff; }
div.tx-vcdarchive-pi1 table td.title{   font-size:100%;  margin:0px; padding-left:5px;   padding-top:2px;   padding-bottom:2px; }