/* CSS fuer OSZ Teltow */

/* CSS fuer Highslide importieren */
@import url("highslide.css");

/* CSS fuer Vertretungstabelle importieren */
@import url("vertretungsplan.css");

/* CSS fuer Formulare importieren */
@import url("formulare.css");

/* Allgemeine Formate */
html {  /* erzwingt im Firefox den Scrollbalken */
  height: 100%;
  margin-bottom: 1px;
  overflow-y: scroll;
}
* { /* der Stern ist der CSS-Selektor fuer ALLE HTML-Elemente */
  margin: 0;
  padding: 0;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 85%;
  color: #000000;
  margin: 10px 0 10px 0;
  line-height: 1.2em;
}
.unsichtbar, #kontaktinfo { /* der Punkt vor dem Namen bezieht sich auf Klassen in der HTML-Syntax */
  display: none;
}
p {
  margin-bottom: 0.65em;
}
.abstand {
  margin-top: 1.6em;
}
.clear {
 clear: both;
}
.clear-left {
  clear: left;
}
/* Wichtiger Hinweis */
#inhalt div.wichtiger-hinweis {
	border: 2px solid #f00;
	margin: 1em 0;
	padding: 1em;
	width: auto;
}
#inhalt div.wichtiger-hinweis h2 {
	color: #f00;
	font-size: 1.4em;
	margin: 0.8em 0;
}
#inhalt div.wichtiger-hinweis p {
	font-size: 1.2em;
}

/* Layout-Formate */
#seite { /* die Raute vor dem Namen bezieht sich auf IDs in der HTML-Syntax */
  width: 990px;
  border: 1px solid #666666;
  margin: 0 auto 0 auto;
  background: url("bilder/bg_seite.gif") left repeat-y;
}
#kopfzeile {
  width: auto;
  height: 175px;
  background: url("bilder/osz-panorama.jpg") top right no-repeat #ffffff;
}
#hauptnavi {
  width: auto;
  height: 23px;
  background: url("bilder/bg_navigation.jpg") bottom repeat-x #0000e1;
  text-align: right;
  padding: 7px 10px 0 0;
}
#unternavi {
  width: 220px;
  float: left;
  padding: 20px 10px 20px 10px;
  font-size: 0.9em;
}
#inhalt {
  width: 714px;
  margin-left: 240px;
  padding: 0 18px 20px 18px;
  font-size: 0.9em;
}
#fusszeile {
  clear: both; /* Clear löscht die Floatumgebung; both für beide Seiten (links und rechts) */
  width: auto;
  height: 23px;
  background: url("bilder/bg_fusszeile.jpg") top repeat-x #0000e1;
  padding: 7px 10px 0 0;
  font-size: 0.9em;
}

/* Elemente in der Kopfzeile */
#kopfzeile h1 {
  width: 240px;
  height: 175px;
  background: url("bilder/osz-logo.png") 50% no-repeat;
  text-indent: -10000px;
}
#kopfzeile h2 {
  display: none;
}

/* Elemente der Hauptnavigation */
#hauptnavi ul {
  list-style: none;
}
#hauptnavi li {
  display: inline;
  padding-left: 17px;
  padding-right: 17px;
  border-left: 2px solid #ffffff;
}
#hauptnavi a {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}
#hauptnavi li.home { /* die Klasse home steht in direktem Zusammenhang mit dem Element li in dem Container hauptnavi*/
  border-left: none;
  padding-left: 0;
}
#hauptnavi a:hover { /* hover ist eine Pseudoklasse (wird mit Doppelpunkt definiert), die den Zustand eines Elementes bei einer Interaktion bestimmt (in diesem Fall mit der Maus über den Link)*/
  color: #d5d5d5;
}
#hauptnavi a.aktiv {
  color: #d5d5d5;
}

/* Elemente in der Unternavigation*/
#unternavi img {
  border: 0px solid #999999;
}
#unternavi h3 {
  font-size: 1em;
  margin-bottom: 0.65em;
  color: #000080;
}
#unternavi a {
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}
#unternavi a:hover {
  color: #0000ff;
}
#unternavi ul {
  padding: 1.3em 0 0;
  margin: 1.3em 0 0;
  list-style: none;
}
#unternavi ul a {
  background: url("bilder/pfeil8_blau.gif") left no-repeat;
  padding-left: 1.4em;
}
#unternavi ul a:hover {
  background: url("bilder/pfeil8_rot.gif") left no-repeat;
  color: #000080;
}
#unternavi a.aktiv {
  background: url("bilder/pfeil8_rot.gif") left no-repeat;  
}

/* Unterliste erste Ebene (verschachtelte Listen) */
#unternavi ul ul {
  margin: 0 0 0 1.4em;
}

/* Kontaktnavigation und Navigation mit Social Icons */
#kontaktnavi,
#sponsorennavi,
#schultraegernavi,
#netzwerknavi {
  border-top: 2px solid #ffffff;
}
#netzwerknavi a {
  padding-left: 0 !important;
  outline: none;
}

/* Link zu YouTube mit Icon */
/* FC Webicons by Fairhead Creative http://fairheadcreative.com */
#netzwerknavi .fc-webicon { display: inline-block; background-size: 100%; width: 30px; height: 30px; text-indent: -999em; text-align: left; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; }
#netzwerknavi .fc-webicon:hover { margin: -1px 0 1px; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); }
#netzwerknavi .fc-webicon.small { width: 20px; height: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#netzwerknavi .fc-webicon.large { width: 48px; height: 48px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#netzwerknavi .no-svg .fc-webicon.youtube { background: url("bilder/social-icons/fc-webicon-youtube-m.png") no-repeat; }
#netzwerknavi .no-svg .fc-webicon.youtube.large { background: url("bilder/social-icons/fc-webicon-youtube.png") no-repeat; }
#netzwerknavi .no-svg .fc-webicon.youtube.small { background: url("bilder/social-icons/fc-webicon-youtube-s.png") no-repeat; }
#netzwerknavi .fc-webicon.youtube { background: url("bilder/social-icons/fc-webicon-youtube.svg") no-repeat; }


/* Elemente im Inhalt-Bereich */

/* Elemente im Brotkrümel-Menü */
#brotkruemel {
  font-size: 0.9em;
  margin: 5px 0 10px 0;
}
#inhalt #brotkruemel ol {
  list-style: none;
  margin: 0;
}
#brotkruemel ol li {
  display: inline;
}
#inhalt #brotkruemel a {
  font-weight: normal;
}
#inhalt #brotkruemel a:before {
  content: '» ';
}

/* Textelemente im Inhaltsbereich */
#inhalt h2 {
  color: #000080;
  margin: 1.2em 0 1.4em 0;
}
#inhalt h3 {
  margin: 1.6em 0 1em 0;
}
#inhalt h4 {
  margin: 1.3em 0 0.5em 0;
  font-size: 1em;
}
#inhalt h5 {
  font-size: 1em;
}
#inhalt ul {
  margin: 0 0 0.65em 1.1em;
}
#inhalt ul ul {
  margin: 0.65em 0 0.65em 1.1em;
}
#inhalt ol {
  margin: 0 0 0.65em 1.1em;
}
#inhalt a {
  text-decoration: none;
  font-weight: bold;
  color: #0000ff;
}
#inhalt a.lernfeld {
  text-decoration: none;
  font-weight: bold;
  color: #606060;
}
#inhalt a:hover {
  color: #000080;
}
#inhalt a.lernfeld:hover {
  color: #000000;
}
#inhalt span.lernfeld {
  font-weight: bold;
  cursor: help;
  color: #606060;
  width: 6em;
  display: block;
  float: left;
}
#inhalt a.auto-lkw {
  border: 1px solid #999999;
  display: block;
  float: left;
  width: 50px;
  height: 10px;
  margin-right: 0.7em;
  margin-top: 0.1em;
  background: url("bildungsangebote/kfz-berufe/mechatroniker/bilder/auto+lkw-icon.jpg") left no-repeat;
}
#inhalt a.auto {
  border: 1px solid #999999;
  display: block;
  float: left;
  width: 18px;
  height: 10px;
  margin-right: 0.6em;
  margin-top: 0.2em;
  background: url("bildungsangebote/kfz-berufe/mechatroniker/bilder/auto-icon.jpg") left no-repeat;
}
#inhalt a.lkw {
  border: 1px solid #999999;
  display: block;
  float: left;
  width: 24px;
  height: 10px;
  margin-right: 0.7em;
  margin-top: 0.2em;
  background: url("bildungsangebote/kfz-berufe/mechatroniker/bilder/lkw-icon.jpg") left no-repeat;
}
#inhalt a.auto-lkw span, #inhalt a.auto span, #inhalt a.lkw span {
  display: none;
}
#inhalt div.einruecken {
  padding: 0 0 0 3em;
}
#inhalt p.einruecken {
  padding: 0 0 0 3em;
}

/* Container fuer rechte Spalte auf der Startseite */
div.rechts {
  float: right;
  width: 390px;
  margin-left: 15px;
}

/* Container fuer rechte Spalte auf der Seite Schulsozialarbeit */
div.sozialarbeit {
  float: right;
  width: 200px;
  margin-left: 25px;
}

/* Container fuer Berufsangebote auf der Startseite */
.berufsangebote {
  margin-bottom: 2em;
}
.berufsangebote h3 {
  margin-top: 0 !important;
}

/* Container fuer Stundenplaene der Abteilungen */
#abteilung1, #abteilung2 {
  border: 1px solid #999;
  background: #ececec;
  width: 330px;
  padding: 0.6em;
  min-height: 32em;
}
#abteilung1 {
  float: left;
  margin-right: 15px;
}
#abteilung2 {
  margin-left: 362px;
}
#abteilung1 h4, #abteilung2 h4 {
  margin-top: 0;
  font-size: 1.2em;
  color: #666;
}
#inhalt table.stundenplan {
  width: 100%;
  border: none;
}
table.stundenplan tr {
  vertical-align: top;
}
#inhalt table.stundenplan td {
  border: none;
  padding-left: 2.5em;
}
table.stundenplan h5 {
  font-size: 1em;
}
table.stundenplan ul {
  list-style: none;
}

/* Liste mit Links zu verschiedenen Dokumenten (z.B. PDF, Powerpoint, Word, Exel) */
#inhalt ul.dokumentlink {
  list-style: none;
  margin: 0 0 0.8em 0;
  width: 38em;
}
#inhalt ul.dokumentlink li {
 /*display: inline;*/
  margin: 0.3em 0;
}
#inhalt ul.dokumentlink a {
  /*display: block;*/
  padding: 0.1em 0 0.1em 2em;
}
#inhalt ul.dokumentlink a.pdf {
  background: url("bilder/pdf_ico.gif") left no-repeat;
}
#inhalt ul.dokumentlink a.ppt {
  background: url("bilder/ppt_ico.gif") left no-repeat;
}
#inhalt ul.dokumentlink a.pps {
  background: url("bilder/pps_ico.gif") left no-repeat;
}
#inhalt ul.dokumentlink a.doc {
  background: url("bilder/doc_ico.gif") left no-repeat;
}
#inhalt ul.dokumentlink a.xls {
  background: url("bilder/xls_ico.gif") left no-repeat;
}
#inhalt ul.dokumentlink a.txt {
  background: url("bilder/txt_ico.gif") left no-repeat;
}
#inhalt ul.dokumentlink a.zip {
  background: url("bilder/zip_ico.gif") left no-repeat;
}
#inhalt ul.dokumentlink a.bitmap {
  background: url("bilder/bitmap_ico.gif") left no-repeat;
}
#inhalt ul.dokumentlink a.ordner {
  background: url("bilder/ordner_ico.gif") left no-repeat;
}
#inhalt ul.dokumentlink a.mov {
  background: url("bilder/mov_ico.gif") left no-repeat;
}
#inhalt ul.dokumentlink a.mp3 {
  background: url("bilder/mp3_ico.gif") left no-repeat;
}
#inhalt ul.dokumentlink a.avi {
  background: url("bilder/avi_ico.gif") left no-repeat;
}
#inhalt ul.dokumentlink a.achtung {
  background: url("bilder/achtung.gif") left no-repeat;
}
#inhalt ul.dokumentlink a.flash {
  background: url("bilder/flash1_ico.gif") left no-repeat;
}
#inhalt ul.dokumentlink a.mpg {
  background: url("bilder/mpg_icon.png") left no-repeat;
}
/* Aktiv-Zustand der Links definieren (Aussehen bei Klick mit der Maus) */
#inhalt ul.dokumentlink a.pdf:active {
  background: url("bilder/pdf_ico.gif") left no-repeat #ccc;
}
#inhalt ul.dokumentlink a.ppt:active {
  background: url("bilder/ppt_ico.gif") left no-repeat #ccc;
}
#inhalt ul.dokumentlink a.pps:active {
  background: url("bilder/pps_ico.gif") left no-repeat #ccc;
}
#inhalt ul.dokumentlink a.doc:active {
  background: url("bilder/doc_ico.gif") left no-repeat #ccc;
}
#inhalt ul.dokumentlink a.xls:active {
  background: url("bilder/xls_ico.gif") left no-repeat #ccc;
}
#inhalt ul.dokumentlink a.zip:active {
  background: url("bilder/zip_ico.gif") left no-repeat #ccc;
}
#inhalt ul.dokumentlink a.bitmap:active {
  background: url("bilder/bitmap_ico.gif") left no-repeat #ccc;
}
#inhalt ul.dokumentlink a.ordner:active {
  background: url("bilder/ordner_ico.gif") left no-repeat #ccc;
}
#inhalt ul.dokumentlink a.mov:active {
  background: url("bilder/mov_ico.gif") left no-repeat #ccc;
}
#inhalt ul.dokumentlink a.mp3:active {
  background: url("bilder/mp3_ico.gif") left no-repeat #ccc;
}
#inhalt ul.dokumentlink a.avi:active {
  background: url("bilder/avi_ico.gif") left no-repeat #ccc;
}
#inhalt ul.dokumentlink a.flash:active {
  background: url("bilder/flash1_ico.gif") left no-repeat #ccc;
}
#inhalt ul.dokumentlink a.mpg:active {
  background: url("bilder/mpg_icon.png") left no-repeat #ccc;
}
/* Sitemap: Listen mit Links zu den einzelnen Seiten */
#inhalt .menu { 
  list-style: none;
  margin-left: 0;
}
#inhalt .menu ul { 
  list-style: none;
  margin-left: 1.8em;
}
.menu li {
  display: inline;
}
.menu a {
  display: block;
  width: 15em;
  padding: 0.2em 0.2em 0.2em 2em;
  background: url("bilder/seitenicon.png") left no-repeat #ececec;
  border-bottom: 1px solid #fff;
}
.hidden {display:none;}

/* Aktiv-Zustand der Links in der Sitemap (Aussehen bei Klick mit der Maus) */
.menu a:active {
  background: url("bilder/seitenicon.png") left no-repeat #ccc;
}
#inhalt .menu h4 {
  width: 15em;
  padding: 0.2em 0.2em 0.2em 2em;
  background: #ececec;
  border-bottom: 1px solid #fff;
  margin: 0;
}

/* Newseinträge im Archiv */
#inhalt div.newseintrag {
  border-top: 2px solid #ececec;
  padding: 0.65em 0 1.6em 0;
  width: auto;
  min-height: 15em;
}
p.datum {
  font-weight: bold;
  font-size: 0.9em;
  color: #666666;
}
#inhalt div.newseintrag h3 {
  margin-top: 0.65em;
}
#inhalt div.newseintrag img {
  float: left;
  margin-right: 1em;
}
#inhalt div.newseintrag p.zusammenfassung {
  margin-left: 14em;
}
#inhalt table.auszeichnung {
  border: none;
  margin-left: 14em;
}
table.auszeichnung tr {
  vertical-align: top;
}
#inhalt table.auszeichnung td {
  border: none;
}
#inhalt table.auszeichnung td.spalte1 {
  width: 14em;
}
#inhalt table.auszeichnung td.spalte2 {
  width: 3em;
}
#inhalt table.auszeichnung td.spalte3 {
  width: 14em;
}
#inhalt table.auszeichnung td.spalte4 {
  width: 3em;
}
#inhalt table.auszeichnung ul {
  list-style: none;
}

/* Mehr-Link für News auf der Startseite und im Magazin */
a.mehrlink {
  text-decoration: none;
  color: #0000ff;
}
a.mehrlink:before { /* Pseudoklasse, mit der Zeichen vor ein Element eingefügt werden können */
  content: '» ';
}
a.mehrlink:hover {
  color: #000080;
  font-weight: bold;
}

/* Bilder im Inhalt-Bereich */
#inhalt img {
  border: 1px solid #999999;
}
#inhalt img.rechts {
  float: right;
}
#inhalt img.links {
  float: left;
  margin: 0 1em 0.65em 0;
}
#inhalt img.schueler {
  border: none;
  margin: 0 0 1em 0;
}
#inhalt img.sommerfest {
  border: none;
  margin: 0 0 0 0;
}
#inhalt img.tagebuch {
  border: none;
  margin: 4em 0 1em 0;
}
#inhalt img.flyer {
  border: none;
  margin: 2.5em 0 1em 0;
}
#inhalt img.live-in-concert {
  border: none;
  margin: 0 0 2em 0;
}
#inhalt img.medientag {
  border: none;
  margin: 0 0 2em 0;
}
#inhalt.mathe img,  #inhalt.vw_logo img {
  border: 0px solid #fff;
}
#inhalt img.foewettbew {
  border: none;
  margin: 1em 0 1em 8em;
}

/* Bilderliste auf der rechten Seite */
#inhalt ul.bilderliste {
  list-style: none;
  float: right;
}

/* Bilderliste zweispaltig */
#inhalt ul.zweispaltig {
  width: 320px;
}
#inhalt ul.zweispaltig li {
  display: inline;
  padding: 0 0 5px 5px;
  line-height: 2.2em;
}

/* Bilderliste horizontal */
#inhalt ul.bilder-horizontal {
  list-style: none;
  width: auto;
  margin-left: 0;
}
#inhalt ul.bilder-horizontal li {
  display: inline;
  padding: 0 1.8em 0 0;
  line-height: 4em;
}
#inhalt ul.bilder-horizontal li.last {
  display: inline;
  padding: 0;
  line-height: 4em;
}

/* Tabellen im Inhalt-Bereich */

#inhalt table {
  border-collapse: collapse;
  border: 1px solid #000000;
}
#inhalt table th {
  background-color: #cccccc;
  padding: 0.3em;
  border: 1px solid #000000;
}
#inhalt table td {
  padding: 0.3em;
  border: 1px solid #000000;
}


#inhalt table.OhneRahmen {
  border-collapse: collapse;
  border: 0px solid #000000;
}
#inhalt table.OhneRahmen th {
  background-color: #cccccc;
  padding: 0.3em;
  border: 0px solid #000000;
}
#inhalt table.OhneRahmen td {
  padding: 0.3em;
  border: 0px solid #000000;
}


table.engl_zert tr.hellgrau, table.engl_zert td.hellgrau{
  background: #ececec;
}
table.engl_zert td.zentriert {
  text-align: center;
}



#inhalt table.konferenzen td.spalte1 {
  width: 13.5em;
}
#inhalt table.konferenzen td.spalte2 {
  width: 8.3em;
}
#inhalt table.hausordnung td.spalte1 {
  width: 10em;
}
#inhalt table.hausordnung td.spalte2 {
  width: 18em;
}
#inhalt table.hausordnung td.spalte3 {
  width: 28em;
}
#inhalt table.pausenzeiten, #inhalt table.ferien, #inhalt table.konferenzen {
 /* font-weight: bold; */
  padding: 0.2em;
  margin: 0 0 0.8em 0;
}
#inhalt table.pausenzeiten td {
  width: 12em;
}
#inhalt table.pausenzeiten td.zentriert, #inhalt table.ferien td.zentriert {
  text-align: center;
}
#inhalt table.pausenzeiten td.rechts, #inhalt table.ferien td.rechts {
  text-align: right;
}
#inhalt table.pausenzeiten tr.hellgrau,  #inhalt table.ferien tr.hellgrau, #inhalt table.konferenzen tr.hellgrau {
  background: #ececec;
}
#inhalt table a {
  text-decoration: none;
}
#inhalt table a:hover {
  color: #000080;
}
#inhalt.mathe table {
  border: 0px solid #ffffff;
}
#inhalt.mathe table th {
  border: 0px solid #ffffff;
}
#inhalt.mathe table td {
  border: 0px solid #ffffff;
}
#inhalt div.foerder table {
  border: 0px solid #ffffff;
}
#inhalt div.foerder table th {
  border: 0px solid #ffffff;
}
#inhalt div.foerder table td {
  border: 0px solid #ffffff;
}

/* Newseinträge und News-Archiv */
#inhalt h3.schuljahr {
  float: left;
  font-size: 1em;
  font-weight: normal;
  margin: 0 0.6em 0 0;
}
ul.schuljahr {
  list-style: none;
}
ul.schuljahr li {
  display: inline;
  border-left: 1px solid #0000ff;
  padding: 0 0.2em 0 0.5em;
}
ul.schuljahr li.aktiv {
  border-left: none;
}
#inhalt ul.schuljahr li.aktiv a {
  color: #000080;
}

/* Container mit Abbildungen von Kontaktpersonen */
#inhalt div.kontaktperson {
	width: 40em;
	min-height: 11.5em;
	margin-bottom: 0.6em;
}

/*Elemente in der Fußzeile*/
#fusszeile h3 {
  color: #ffffff;
  float: left;
  font-size: 1em;
  width: 230px;
  padding-left: 10px;
}
#fusszeile ul {
  list-style: none;
}
#fusszeile li {
  display: inline;
  padding-left: 1.8em;
  padding-right: 1.8em;
  border-left: 2px solid #ffffff;
}
#fusszeile li.elektro {
  border-left: none;
}
#fusszeile a {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}
#fusszeile a:hover {
  color: #d5d5d5;
}

/* Darstellung von Youtube-Videos */
.video-rechts {
  float: right;
  margin-left: 1.1em;
}
/* einzelnes Video am Ende einer Seite in einem separaten Kasten mit Überschrift (h4) anzeigen (div class="videoplayer") */
.videoplayer {
  margin: 1.5em 0;
  padding: 1.5em;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
}
.videoplayer h4 {
  margin-top: 0 !important;
}
.videoplayer iframe {
  margin-top: 1em;
}

/* Helfer-Klassen zur Begradigung des Layouts */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}