/*************************************************
** Homepage der TG Roemerstadt e.V.             **
** Frankfurt am Main                            **
**                                              **
** Cascading Style Sheets (Alle)                **
** Autor: Christoph Schneider                   **
** Thanx: Oliver Fochler, JuNetz-Team (v1),     **
**        Detlev Wichmann und Triaton GmbH (v3) **
*************************************************/



/*************************************************
** Hauptlayout: Body Definition                 **
************************************************/

body { background-color:#ffffff;
       color:#000000;
     /*  TEXT-ALIGN: left; */
     }



/*************************************************
** Hauptlayout: Main-Spalte                     **
*************************************************/

div.main table
           { background-color: #FFFFFF; /*#0000FF; */
             width: 100%; }
div.main th
         { font-family: Arial, sans-serif;
           background-color: #ffffcc;
         }


td
   .top  { background-color: #ffffcc;
           text-align: left;
           vertical-align: top;
        	  font-weight: bold;
         }
   .one  { background-color: #dfdfdf;
           text-align: left;
         }
   .two  { background-color: #efefef;
           text-align: left;
         }
   .empty{ background-color: #ffffff;
           text-align: left;
         }
tr
   .top  { background-color: #ffffcc;
           text-align: left;
         }
   .one  { background-color: #dfdfdf;
           text-align: left;
         }
   .two  { background-color: #efefef;
           text-align: left;
         }
   .empty{ background-color: #ffffff;
           text-align: left;
         }
   .klone{ background-color: #dfdfdf;
           font-size: 14px;
           text-align: left;
         }
   .kltwo{ background-color: #efefef;
           font-size: 14px;
           text-align: left;
         }

div.main a:link
         { color:#0000FF; }
div.main a:visited
         { color:#0000A0; }
div.main a:hover
         { color:#afafaf; }
div.main a:active
         { color:#afafaf; }

div.main p
         { color:#000000;
           text-align: left; }
div.main ul
         { color:#000000;
           text-align: left; }
div.main li
         { color:#000000;
           text-align: left; }
div.main h3
         { color:#000000;
           text-align: left; }


div.error table
           { background-color:#ff0000;
           }
div.error th
           { font-family:verdana, arial, helvetica, sans-serif;
             font-size: 14px;
             TEXT-ALIGN: center;
             color:#FFFFFF;
             background-color:#ff0000; }
div.error td
           { font-family: 'Times New Roman', Times, serif;
             font-size: 13px;
             TEXT-ALIGN: left;
             background-color:#ffffcc; }
div.error li
           { list-style-type:disc; }


div.warn table
           { background-color:#ff9f00;
           }
div.warn th
           { font-family:verdana, arial, helvetica, sans-serif;
             font-size: 14px;
             TEXT-ALIGN: center;
             color:#000000;
             background-color:#ff9f00; }
div.warn td
           { font-family: 'Times New Roman', Times, serif;
             font-size: 13px;
             TEXT-ALIGN: left;
             background-color:#ffffcc; }
div.warn li
           { list-style-type:disc; }


div.erldg table
           { background-color:#00df00;
           }
div.erldg th
           { font-family:verdana, arial, helvetica, sans-serif;
             font-size: 14px;
             TEXT-ALIGN: center;
             color:#FFFFFF;
             background-color:#00df00; }
div.erldg td
           { font-family: 'Times New Roman', Times, serif;
             font-size: 13px;
             TEXT-ALIGN: left;
             background-color:#ffffcc; }
div.erldg li
           { list-style-type:disc; }

/************************************************
** Hauptlayout: Direct-Spalte                  **
************************************************/

div.direct table
           {	background-color:#0000ff;
		margin: 1px;
		margin-top: 7px;
        width: 180px; }
div.direct th
           { font-family:verdana, arial, helvetica, sans-serif;
             font-size: 14px;
             width: 180px;
             TEXT-ALIGN: center;
             color:#FFFFFF;
             background-color:#0000ff; }
div.direct td
           { font-family: 'Times New Roman', Times, serif;
             font-size: 13px;
             width: 180px;
             TEXT-ALIGN: left;
			 padding: 2px;
             background-color:#ffffcc; }
div.direct li
           { list-style-type:disc; 
		margin-left: 14px; }
div.direct a
           { margin: 1px; }


div.box table
           { background-color:#0000ff;
           }
div.box th
           { font-family:verdana, arial, helvetica, sans-serif;
             font-size: 14px;
             TEXT-ALIGN: center;
             color:#FFFFFF;
             background-color:#0000ff; }
div.box td
           { font-family: 'Times New Roman', Times, serif;
             font-size: 13px;
             TEXT-ALIGN: left;
             background-color:#ffffcc; }
div.box li
           { list-style-type:disc; }


/************************************************
** Hauptlayout: Direct1-Spalte                 **
************************************************/

div.direct1 table
           {	background-color:#0000ff;
        width: 120px;
		border: 1px; 
        MARGIN: 1Px;
		margin-bottom: 9px;}
div.direct1 th
           { font-family:verdana, arial, helvetica, sans-serif;
             font-size: 14px;
             width: 120px;
             color:#FFFFFF;
             TEXT-ALIGN: center;
             background-color:#0000ff; }
div.direct1 td
           { font-family: 'Times New Roman', Times, serif;
             font-size: 13px;
             width: 120px;
             TEXT-ALIGN: left;
             background-color:#ffffcc; }
div.direct1 li
           { list-style-type:disc; }

div.direct1 select
	  { width:124px;
	    background-color: #ffffcc;
	    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	    font-size: 11px; }

div.direct1 select option
	  { width:175px;
	    background-color: #688EE8;
             color:#FFFFFF;
	    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	    font-size: 11px; }

div.direct1 a:link
         { color:#0000FF; }
div.direct1 a:visited
         { color:#0000A0; }
div.direct1 a:hover
         { color:#afafaf; }
div.direct1 a:active
         { color:#afafaf; }

/************************************************
** Hauptlayout: Copyright                      **
************************************************/

p.copy { text-align:right;
         text-decoration: overline;
         font-size:smaller; }

p.title1 { text-align:left;
           font-size:32px;
           font-weight:bold;
           color:#FFFFFF; }

p.title1print {  text-align:left;
           	font-size:32px;
           	font-weight:bold;
           	color:#000000; }

p.title2 { text-align:left;
           font-size:20px;
           font-weight:bold;
           color:#FFFFFF;
		   margin-top: -10px; }

p.title2print { 	text-align:left;
           	font-size:20px;
           	font-weight:bold;
           	color:#000000; }


/************************************************
** Menue-Layout: First_Level                   **
************************************************/

div.fstLevel a
             { TEXT-DECORATION: none;
               DISPLAY: block;
               WIDTH: 120px;
               BORDER: 1px solid #000000;
               PADDING: 3px;
               MARGIN: 1Px;
               FONT-FAMILY: verdana, arial, helvetica, sans-serif;
               FONT-SIZE: 12px;
               FONT-WEIGHT: bold;
               TEXT-ALIGN: left;
               COLOR: #ffffff;
               BACKGROUND-COLOR: #0000FF; /*#3366ff;*/ }
div.fstLevel a:hover
             { COLOR: #0000FF; /*#3366ff;*/
               BACKGROUND-COLOR: #FFFFFF; }

/*Style-Definition für die First-Level-Navigation bei aktivem Link*/
div.fstLevelActive a
                   { TEXT-DECORATION: none;
                     DISPLAY: block;
                     WIDTH: 120px;
                     BORDER: 1px solid #0000FF;  /*#FF0000;*/
                     PADDING: 3px;
                     MARGIN: 1Px;
                     FONT-FAMILY: verdana, arial, helvetica, sans-serif;
                     FONT-SIZE: 12px;
                     FONT-WEIGHT: bold;
                     TEXT-ALIGN: left;
                     COLOR: #000000;
                     BACKGROUND-COLOR: #FFFFCC; /*#FFFFFF;*/ }


/************************************************
** Menue-Layout: Second_Level                  **
************************************************/

div.secLevel a
             { TEXT-DECORATION: none;
               DISPLAY: block;
               WIDTH: 120px;
               BORDER: 1px solid #3366ff;
               PADDING: 3px;
               MARGIN: 1Px;
               FONT-FAMILY: verdana, arial, helvetica, sans-serif;
               FONT-SIZE: 10px;
               FONT-WEIGHT: normal;
               TEXT-ALIGN: right;
               COLOR: #ffffff;
               BACKGROUND-COLOR: #688EE8; }
div.secLevel a:hover
             { COLOR: #0000FF;  /*#3366ff;*/
               BACKGROUND-COLOR: #FFFFFF; }

/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
div.secLevelActive a
                   { TEXT-DECORATION: none;
                     DISPLAY: block;
                     WIDTH: 120px;
                     BORDER: 1px solid #0000FF;  /*#FF0000;*/
                     PADDING: 3px;
                     MARGIN: 1Px;
                     FONT-FAMILY: verdana, arial, helvetica, sans-serif;
                     FONT-SIZE: 10px;
                     FONT-WEIGHT: normal;
                     TEXT-ALIGN: right;
                     COLOR: #000000;
                     BACKGROUND-COLOR: #FFFFCC;  /*#FFFFFF;*/ }