/* ============================================================================================= */
/* S T Y L E S : Josef-Durler-Schule Rastatt                                                                                                */
/* ============================================================================================= */
/* -------------------------------------------------------------------------------------------------------------------- ##
   DATEI: 	styles-seite.css
   VERSION 	HELL
   Autor:    	^hg
   angelegt: 	30.12.2008
   geändert: 	09.11.2011

   Bei Änderungen in diesen Formaten müssen folgende Dateien (eventuell) angepasst werden:
   => styles-menue.css  => kopf.htm   => logo.htm
   (Sie haben eigene css-Definitionen und laden diese NICHT !!)
##  ------------------------------------------------------------------------------------------------------------------ */
/* ============================================================================================= */
/* ##### ZENTRALE Definitionen ANFANG ########################################################## */
/* ===== GRUNDEINSTELLUNGEN ==================================================================== */
/* -------------------------------------------------------------------------------------------------------------------------- */
 /* Begrenzung von body durch frame "INHALT" 764px vorgegeben und gesetzt! */
 html, body { background-color:#ffffff;  }
 body {
   top:0px; left:0px; right:0px;
   width:   767px;					   /* Gesamtbreite 1024: 235(mit padding 20)+1+807(mit padding 20 */
   margin:  0px 0px 0px  0px;
   padding: 0px  10px 0px 10px;
   border:  0px solid red;
 }

 body,table,td,tr,div,p,pre,h1,h2,h3,ul,a {
   font-family:verdana,arial,'Trebuchet MS',helvetica,sans-serif;
   font-size:8pt;
   font-weight:normal;
 }

 a { 
   font-size:8pt;
   text-decoration:none;
   font-weight:bold;
 }
 a.spezial7 	{ font-size:7pt; }     /* eingefügt 23.07.2010 */
 a.spezial9 	{ font-size:9pt; }

 a:link         { color:#0000ff; }
 a:visited      { color:#0000ff; }
 a:active       { color:#4B4D7A; }
 a:hover        { color:#ff0000; }

/* -------------------------------------------------------------------------------------------------------------------------- */
/* ===== GRUNDEINSTELLUNGEN ENDE =============================================================== */
/* ===== N E U ======================================================================================= */

/* H=Hintergrund R=Rahmen A=Abstand M=Markierung s=spezial tc=Text-Color tre=Text-rechts */
/* ues=Überschrift */

 .mHe     { background-color:#eeeeee; }
 .mHd     { background-color:#dddddd; }				/* mH = mit Hintergrund ... */
 .mHc     { background-color:#cccccc; }
 .mHb     { background-color:#bbbbbb; }
 .mHa     { background-color:#aaaaaa; } 

 .mR      { padding:5px; border:1px solid blue;     }		/* mit Rahmen (Border) */
 .mRs     { border:1px solid blue; border-bottom:0px; }		/* mit Rahmen spezial  */
 .mRli    { border-left:1px solid blue; }

 .mG      { border-collapse:collapse; border:1px solid blue; }	/* mG = mit Gitter ... */
 .mG td   { border-collapse:collapse; border:1px solid blue; padding:5px; }

 .mMl5    { border-left: 4px solid red; padding-left: 5px; }    /* mM = mit Markierung:border-left  = 5 */
 .mMr5    { border-right:4px solid red; padding-right:5px; }    /* mM = mit Markierung:border-right = 5 */

 .mB100   { width:100px; }					/* mB = mit Breite:width */
 .mB150   { width:150px; }
 .mB180   { width:180px; }
 .mB200   { width:200px; }
 .mB250   { width:250px; }
 .mB300   { width:300px; }
 .mBx     { }	

 .mP3     { padding:3px;   }					/* mP = mit Padding */
 .mP5     { padding:5px;   }					/* mP = mit Padding */
 .mP10    { padding:10px;  }					/* mP = mit Padding */
 .mP15    { padding:15px;  }					/* mP = mit Padding */
 .mP20    { padding:20px;  }					/* mP = mit Padding */

 .mTP5	   { padding:5px;  }					/* mP = mit Padding in Tabellen ohne Gitter */
 .mTP5  td { padding:5px;  }					/* mP = mit Padding in Tabellen ohne Gitter */
 .mTP10	   { padding:10px; }					/* mP = mit Padding in Tabellen ohne Gitter */
 .mTP10 td { padding:10px; }					/* mP = mit Padding in Tabellen ohne Gitter */
 .mTP15	   { padding:15px; }					/* mP = mit Padding in Tabellen ohne Gitter */
 .mTP15 td { padding:15px; }					/* mP = mit Padding in Tabellen ohne Gitter */

 .mTjy    { text-align:justify; }				/* Text im Blocksatz */
 .mTz     { text-align:center;  }				/* Text zentriert    */
 .mTr     { text-align:right;   }				/* Text rechts       */
 .mTu     { text-decoration:underline; }			/* Text unterstrichen  */
 .mTi     { font-style:italic; }				/* Text kursiv  */

 .mFh     { background-color:#eeeeee; }				/* Farbe Hintergrund */
 .mFv     { color:#3A3C69; }					/* Farbe Vordergrund, Schriftfarbe */
 .mF1     { color:#0000EE; }					/* Hervorhebung Text-Farbe 1 */
 .mF2     { color:#BB0000; }					/* Hervorhebung Text-Farbe 2 */

 .mA7b > a { font-weight:bold; font-size:7pt; }			/* Link kleiner */
 .mLh15    { line-height:1.5; }                                 /* Zeilenhöhe anderthalb */

 .fntb    { font-weight:bold; }
 .fnt7    { font-size:7pt;  }  .fnt7b  { font-weight:bold; font-size:7pt;  }
 .fnt8    { font-size:8pt;  }  .fnt8b  { font-weight:bold; font-size:8pt;  }
 .fnt9    { font-size:9pt;  }  .fnt9b  { font-weight:bold; font-size:9pt;  }
 .fnt10   { font-size:10pt; }  .fnt10b { font-weight:bold; font-size:10pt; }
 .fnt11   { font-size:11pt; }  .fnt11b { font-weight:bold; font-size:11pt; }
 .fnt12   { font-size:12pt; }  .fnt12b { font-weight:bold; font-size:12pt; }
 .fnt14   { font-size:14pt; }  .fnt14b { font-weight:bold; font-size:14pt; }
 .fnt16   { font-size:16pt; }  .fnt16b { font-weight:bold; font-size:16pt; }

 .ues     { font-weight:bold; margin:0px 0px 3px 0px; }
 .ues9    { font-weight:bold; margin:0px 0px 4px 0px; font-size:9pt;  }
 .ues10   { font-weight:bold; margin:0px 0px 5px 0px; font-size:10pt; }

 .uess    { font-weight:bold; margin-bottom:0px; }		/* Überschrift spezial = margin-bottom=0    */
 .ues9s   { font-weight:bold; margin-bottom:0px; font-size:9pt;  } /* zum sauberen Anschluss an einen nach- */
 .ues10s  { font-weight:bold; margin-bottom:0px; font-size:10pt; } /* fogenden Block, entspr. mRs           */

 .div_bottom, .div_bottom > a {
    font-size:7pt;
    font-weight:bold;
    /* text-align:left; */
 }

 .subscript {
    margin-top: 0px;
    padding-top:2px;
    font:bold 7pt verdana;
    text-align:right; 
 }

 .tab_container {
    width:100%;
    border-collapse:collapse;
 }
 .tab_container td {
    border-collapse:collapse;
    vertical-align:top;
 }

 .trenner {
    width:15px;
    margin: 0px 0px  0px  0px;
    padding:0px 0px  0px  0px;
    vertical-align:top;
 }

 .uebersicht {
    border-bottom:1px solid red;
    padding:0px 0px  5px  0px;
    font:bold 10pt verdana;
    letter-spacing:2px;
    color:#181a47; 
 }

 .bild_container {
    float:left; width:auto;
    margin:  0px  0px  0px  0px;
    padding: 0px  0px  0px  0px;
    font:bold 7pt verdana;
 }
 .bild_container > a {
    font:bold 7pt verdana;
 }

 .bild_container_links {
    float:left;
    margin: 0px 20px 10px 0px;
    /* padding:0px 0px 0px 0px; */
    font:bold 7pt verdana;
 }
 .bild_container_rechts {
    float:right;
    margin: 0px 0px 10px 20px;
    /* padding:0px 0px 0px 0px; */
    font:bold 7pt verdana;
 }
 .bild_container_rechts > a,
 .bild_container_links > a { font:bold 7pt verdana; }

 h4 {
    margin:0px 0px 15px 0px;
    font-family:verdana,arial;
    font-size:8pt;
    text-transform:uppercase;
    letter-spacing:3px;
 }
 h5 {
    margin:0px 0px 8px 0px;
    font-family:verdana;
    font-size:11pt;
    letter-spacing:2px; 
 }
 h6 {
    margin:0px 0px 10px 0px;
    font-family:verdana;
    font-size:8pt;
    padding:0px 0px 5px 0px;
    border-bottom:3px solid #ee0000;
 }
/* ===== N E U - E N D E ======================================================================= */
/* ############################################################################################# */