/* Zusatz-Stylesheet-Datei "extra-standard" für die Homepage des Peutinger Gymnasiums auf http://www.peutinger-gymnasium.de/ */


/* Klassendefinitionen für die Geschäftsverteilung */

#geschaeftsverteilung { margin: 0; }
#geschaeftsverteilung h2 { clear: both; margin: 2em 0 0.5em 6%; }

#geschaeftsverteilung #top { text-align: center; margin: 1em auto; width: 75%; }
#geschaeftsverteilung #top h3 { font-size: 100%; font-weight: bold; margin: 0; padding: 0; }
#geschaeftsverteilung #top p { margin: 0; padding: 0; }
#geschaeftsverteilung #top .box-links { float: left; width: 9em; margin: 0 0 0 20px; padding: 5px 10px; border: 1px solid #000000; border-top: none; background: #dfdfdf; }
#geschaeftsverteilung #top .box-links h3 { font-size: 75%; }
#geschaeftsverteilung #top .box-rechts { float: right; width: 9em; margin: 0 20px 0 0; padding: 5px 10px; border: 1px solid #000000; border-top: none; background: #dfdfdf; }
#geschaeftsverteilung #top .box-rechts h3 { font-size: 75%; }

#geschaeftsverteilung #schulleitung { border: 1px solid #000000; background: #ffffff; }
#geschaeftsverteilung #schulleitung h2 { border: none; float: none; width: auto; text-align: left; margin: 0 0 0 6%; }
#geschaeftsverteilung #schulleitung ul { text-align: left; list-style: none; }

#geschaeftsverteilung #zentrale-aufgaben { float: left; list-style: none; padding: 0; margin: 0; }
#geschaeftsverteilung #zentrale-aufgaben li { float: left; margin: 0 5px 10px 5px; padding: 5px; width: 200px; border: 1px solid black; background: #f8fff8; }

#geschaeftsverteilung .abteilung { float: left; width: auto; margin: 0 0 10px 0; padding: 5px 0 0 5px; background: #efefef; }
#geschaeftsverteilung .abteilung .abteilungsbox { float: left; width: 150px; margin: 0 2px 5px 0; padding: 5px; border: 1px solid red; background: white; }
#geschaeftsverteilung .abteilung .abteilungsbox h3 { margin: 0 auto; padding: 10px; font-size: 105%; font-weight: bold; text-align: center; }
#geschaeftsverteilung .abteilung .abteilungsbox p { margin: 0; padding: 0; text-align: center; }
#geschaeftsverteilung .abteilung .abteilungsbox ul { margin: 5px 0 0 0; padding: 0; list-style: none; }
#geschaeftsverteilung .abteilung .abteilungsbox li { margin: 0; padding: 0; }
#geschaeftsverteilung .abteilung .abteilungsbox .abteilungsleiter { font-weight: bold; margin: 0 0 10px 0; }
#geschaeftsverteilung .abteilung .aufgaben { float: left; width: 180px; margin: 0 2px; list-style: none; }
#geschaeftsverteilung .abteilung .aufgaben li {margin: 0 2px 10px 2px; padding: 0 5px; border: 1px solid black; background: #f8fff8; }
#geschaeftsverteilung .abteilung .faecher { float: left; width: 335px; margin: 0; list-style: none; }
#geschaeftsverteilung .abteilung .faecher li { float: left; width: 150px; margin: 0 2px 10px 2px; padding: 0 5px; border: 1px solid black; background: #fffcfc; }