/*
   CSS-Formate Homepage OSA Stuttgart Redesign 2004 StD Martin Rausch
   Datei: http://www.oberschulamt-stuttgart.de/!!neue56d4/css/haupt.css
   Letzte Aenderungen:
   h6 {} font-weight:normal. 22.03.04 Rausch
   tr.grau {} eingefuegt. 18.03.04 Rausch
   td.grau {} heller. 18.03.04 Rausch
   grau so eingerichtet, dass man damit sowohl td als auch tr formatieren kann. 01.04.04 Rausch
   4. menueebene eingerichtet 01.04.04 Rausch
   h6 veraendert 03.04.04 Rausch
   table fuer netscape und opera angepasst 03.04.04 Rausch
   body.banner fuer netscape und opera angepasst 03.04.04 Rausch
   hintergrundfarbe fuer naviCell0 / 0. Menueebene korrigiert 22.04.04
   p.fussnote schriftgroesse auf 9px hochgesetzt 23.04.04
*/

* {
  font-family:Verdana,Arial, Helvetica, sans-serif;
  font-size:11px;
  color: #000000;
  }

body
  {
  background-color:#FFFFFF;
  margin-left:10px;
  margin-right:3%;
  margin-top:20px;
  border-right:5px solid #FFFFCC;
  scrollbar-base-color: #FFFFFF;
  scrollbar-arrow-color: #305E76;
  scrollbar-darkshadow-color: #CDCDCD;
  scrollbar-3dlight-color: #CDCDCD;
  scrollbar-track-color: #FFFFFF;
  }

body.banner
  {
  background-color:#FFFFCC;
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  }

body.navigation
  {
  background-color:#FFFFCC;
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  }

h1,h2,h3
   {
   font-weight:bold;
   color:#9B6D17;
   line-height:15px;
   vertical-align: bottom;
   margin-bottom:5px;
   }

h1
   {
   font-size:14px;
   }

h2
   {
   font-size:12px;
   }

h3,h4,h5,h6
   {
   font-size: 11px;
   }

h6
   {
   font-weight:bold;
   color:#777777;
   line-height:10px;
   }

table
   {
   margin-bottom: 5px;
   border-spacing:3px;
   padding:0px;
   }

table.teaser
   {
   background-color: #e7e7e7;
   }

tr.head
   {
   font-weight:bold;
   color: #ffffff;
   background-color: #e7e7e7;
   }

.grau
   {
   background-color: #f7f7f7;
   }

p.news
   {
   border-bottom: #777777 1px dashed;
   padding-bottom:10px;
   }

p.fussnote
   {
   font-size:9px;
   text-align:center;
   }

.ueberschrift
   {
   color:#9B6D17;
   font-weight:bold;
   }

.warnung
   {
   color:#FF3333;
   font-weight: bold;
   }

a
   {
   text-decoration: none;
   color: #CC9933;
   }

a:hover
   {
   color: #9B6d17;
   }

/*
a.innerhalb_seite:link
   {
   color:# FF6633;
   text-decoration: none;
   }

a.innerhalb_seite:visited
   {
   color:# FF9966;
   text-decoration: none;
   }

a.innerhalb_seite:hover
   {
   color=#000000;
   text-decoration: none;
   }

a.innerhalb_seite:active
   {
   color:#000000;
   text-decoration: none;
   }
*/

/* Beginn STYLES für BANNER-FRAME */

#bw_wappen
   {
   position:relative;
   top:0px;
   left:50px;
   }

#osas_schriftzug
   {
   position:relative;
   top:0px;
   left:25px;
; clip:    rect(   )
   }

a.topindex
   {
   font-size: 9px;
   color: #000000;
   }

a.topindex:hover
   {
   color: #000000;
   }

/* Ende STYLES für BANNER-FRAME */

/* Beginn STYLES für NAVIGATIONS-FRAME */

/* Formatierungen der Tabelle für die Navigation */

.naviTable
   {
   background-color: #ffffff;
   }

/* Formatierungen der Tabellenzelle für die Navigationsebene 0 */
.naviCell0
   {
   background-color: #c9d4e9;
   }

/* Formatierungen der Tabellenzelle für die Navigationsebene 1 */
.naviCell1
   {
   background-color: #cccccc;
   }

/* Formatierungen der Tabellenzelle für die Navigationsebene 2 */
.naviCell2
   {
   background-color: #e7e7e7;
   }

/* Formatierungen der Tabellenzelle für die Navigationsebene 3 */
.naviCell3
   {
   background-color: #ffffff;
   }

/* Formatierungen für die Links in der Navigationsebene 0, 1, 2, 3 */
a.naviLink0, a.naviLink1, a.naviLink2, a.naviLink3
   {
   font-size: 12px;
   color: #000000;
   font-weight:bold;
   line-height: 20px;
   }

a.naviLink0:hover
   {
   color: #000000;
   }

a.naviLink1:hover
   {
   color: #000000;
   }

a.naviLink2:hover
   {
   color: #000000;
   }

a.naviLink3:hover
   {
   color: #000000;
   }


/* Formatierungen für die Links in der Navigationsebene 2 und 3 */
a.naviLink2, a.naviLink3
   {
   font-size: 11px;
   font-weight:normal;
   }

#icon_menuepunkt_ebene_0
   {
   position:relative;
   top:1px;
   left:5px;
   }

#text_menuepunkt_ebene_0
   {
   position:relative;
   top:1px;
   left:3px;
   }

#icon_erster_menuepunkt_ebene_1_einzeilig
   {
   position:relative;
   top:1px;
   left:5px;
   }

#text_menuepunkt_ebene_1_einzeilig
   {
   position:relative;
   top:1px;
   left:4px;
   }

#icon_zweiter_menuepunkt_ebene_1_einzeilig
   {
   position:relative;
   top:1px;
   left:5px;
   }

#icon_dritter_menuepunkt_ebene_1_einzeilig
   {
   position:relative;
   top:1px;
   left:5px;
   }

#icon_vierter_menuepunkt_ebene_1_einzeilig
   {
   position:relative;
   top:1px;
   left:5px;
   }

#icon_fuenfter_menuepunkt_ebene_1_einzeilig
   {
   position:relative;
   top:1px;
   left:5px;
   }

#icon_sechster_menuepunkt_ebene_1_einzeilig
   {
   position:relative;
   top:1px;
   left:5px;
   }

#icon_siebter_menuepunkt_ebene_1_einzeilig
   {
   position:relative;
   top:1px;
   left:5px;
   }

#icon_achter_menuepunkt_ebene_1_einzeilig
   {
   position:relative;
   top:1px;
   left:5px;
   }

#icon_neunter_menuepunkt_ebene_1_einzeilig
   {
   position:relative;
   top:1px;
   left:5px;
   }

#icon_zehnter_menuepunkt_ebene_1_einzeilig
   {
   position:relative;
   top:1px;
   left:5px;
   }

#icon_elfter_menuepunkt_ebene_1_einzeilig
   {
   position:relative;
   top:1px;
   left:5px;
   }

#icon_zwoelfter_menuepunkt_ebene_1_einzeilig
   {
   position:relative;
   top:1px;
   left:5px;
   }

#icon_dreizehnter_menuepunkt_ebene_1_einzeilig
   {
   position:relative;
   top:1px;
   left:5px;
   }

#icon_erster_menuepunkt_ebene_2_einzeilig
   {
   position:relative;
   top:1px;
   left:12px;
   }

#text_menuepunkt_ebene_2_einzeilig
   {
   position:relative;
   top:0px;
   left:15px;
   }

#icon_zweiter_menuepunkt_ebene_2_einzeilig
   {
   position:relative;
   top:1px;
   left:12px;
   }

#icon_dritter_menuepunkt_ebene_2_einzeilig
   {
   position:relative;
   top:1px;
   left:12px;
   }
#icon_vierter_menuepunkt_ebene_2_einzeilig
   {
   position:relative;
   top:1px;
   left:12px;
   }
#icon_fuenfter_menuepunkt_ebene_2_einzeilig
   {
   position:relative;
   top:1px;
   left:12px;
   }
#icon_sechster_menuepunkt_ebene_2_einzeilig
   {
   position:relative;
   top:1px;
   left:12px;
   }
#icon_siebter_menuepunkt_ebene_2_einzeilig
   {
   position:relative;
   top:1px;
   left:12px;
   }
#icon_achter_menuepunkt_ebene_2_einzeilig
   {
   position:relative;
   top:1px;
   left:12px;
   }

#icon_neunter_menuepunkt_ebene_2_einzeilig
   {
   position:relative;
   top:1px;
   left:12px;
   }

#icon_erster_menuepunkt_ebene_3_einzeilig
   {
   position:relative;
   top:1px;
   left:19px;
   }

#text_menuepunkt_ebene_3_einzeilig
   {
   position:relative;
   top:0px;
   left:22px;
   }

#icon_zweiter_menuepunkt_ebene_3_einzeilig
   {
   position:relative;
   top:1px;
   left:19px;
   }

#icon_dritter_menuepunkt_ebene_3_einzeilig
   {
   position:relative;
   top:1px;
   left:19px;
   }

#icon_vierter_menuepunkt_ebene_3_einzeilig
   {
   position:relative;
   top:1px;
   left:19px;
   }

#icon_fuenfter_menuepunkt_ebene_3_einzeilig
   {
   position:relative;
   top:1px;
   left:19px;
   }

#icon_sechster_menuepunkt_ebene_3_einzeilig
   {
   position:relative;
   top:1px;
   left:19px;
   }

#icon_siebter_menuepunkt_ebene_3_einzeilig
   {
   position:relative;
   top:1px;
   left:19px;
   }

#icon_achter_menuepunkt_ebene_3_einzeilig
   {
   position:relative;
   top:1px;
   left:19px;
   }

/* Ende STYLES für NAVIGATIONS-FRAME */

select, input, textarea
   {
   font-size: 10px;
   color: #333333;
   background-color: #EFEFEF;
   }

textarea
   {
   scrollbar-track-color: #EFEFEF;
   }

ul, ul.navigation, ul.externer_link, url.interner_link, ul.pdf, ul.zip
   {
   list-style-position:outside;
   margin-left: 17px;
   list-style-image:url(http://www.oberschulamt-stuttgart.de/bilder/bullet_grey.gif);
   }

ul.navigation
   {
   list-style-image:url(http://www.oberschulamt-stuttgart.de/bilder/navigation_bullet_blau.gif);
   }

ul.externer_link
   {
   list-style-image:url(http://www.oberschulamt-stuttgart.de/bilder/externerlink.gif);
   }

ul.interner_link
   {
   list-style-image:url(http://www.oberschulamt-stuttgart.de/bilder/internerlink.gif);
   }

ul.pdf
   {
   list-style-image:url(http://www.oberschulamt-stuttgart.de/bilder/pdf.gif);
   }

ul.zip
   {
   list-style-image:url(http://www.oberschulamt-stuttgart.de/bilder/zip.gif);
   }

ol
   {
   list-style-position:outside;
   margin-left: 30px;
   }

img
   {
   border: 0px;
   }