/****************************** 
      CSS-Datei für das FBG
         28.06.2009 dani
 ******************************/

/****************************** 
             Seite
 ******************************/

body {
  font-size:100.01%;
  /* margin:16px 0px 16px 16px; */
  margin:0px;
  padding:0px; 
  color:black; 
  background-color: #88d1f4;
}

/* Textbereich */
h1,h2 {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-weight:bold;
  color:black;
}

h1 {
  font-size: 120%;
  margin-bottom:0.75em;
}

h2,h3 {
  text-align:left;
  font-size:100%;
  margin-bottom:0.5em;
}

h3.kursiv {
  font-style:italic;
  text-align:left;
  font-size:100%;
  margin-bottom:0.25em;
}

sup {
  font-size:11px;
}

div {
  margin:0px;
  padding:0px;
}

div.breit {
  width:575px;
}

div.ganzbreit {
  width:590px;
}

input,select {
  font-family: Verdana,Helvetica,Arial,sans-serif;
  font-size:10pt;
}

hr.single {
  height:1px; 
  background:#888; 
  border:0px;
}

/****************************** 
            Bilder
 ******************************/

img {
  border-width:0px;
}

img.links {
  float:left; 
  margin:0px 10px 0px 0px;
}

img.rechts {
  float:right; 
  margin:0px 0px 0px 10px;
}

img.middle {
  vertical-align:middle;
}

/****************************** 
          Inhalt scrollen
 ******************************/
 
#divVerScroll a {
  position:absolute;
  margin:0px;
  z-index:1; 
  outline:0; 
}

#divVerScroll a.top {
  margin-top:124px;
  margin-left:64px;
}

#divVerScroll a.bottom {
  margin-top:428px;
  margin-left:64px;
}

#divVerScroll a.up {
  margin-top:124px;  /* 152 px */
  margin-left:100px;
}

#divVerScroll a.down {
  margin-top:426px;
  margin-left:100px;
}

#divHorScroll a {
  position:absolute;
  margin:0px;
  z-index:10; 
  outline:0; 
}

#divHorScroll a.left {
  margin-left:140px;
  margin-top:390px;
}

#divHorScroll a.back {
  margin-left:140px;
  margin-top:420px;
}

#divHorScroll a.forward {
  margin-left:704px;
  margin-top:420px;
}

/****************************** 
          großes Bild
 ******************************/

#divLogoLeft {
  position:absolute;
  display:none;
  top:16px;
  left:242px;
  width:128px;
  height:590px;
  z-index:410;
  background:url("../fbg/logo-links.gif") top left no-repeat; 
  border:0px solid red;
}
 
#divLogoText {
  position:absolute;
/*   border:1px solid red; */
  top:148px;
  left:47px;
}

#divLogoRight {
  display:none;
  position:absolute; 
  left:367px;  /* 242px*/
  top:28px;
  width:611px;   /* 605 px bzw. 611px */
  height:439px;  /* 440 px */ 
  z-index:400;
}

#divLogoRight a img {
  border-left:1px solid black; 
}

/****************************** 
          Textbereich
 ******************************/

#divLogo {
  position:absolute;
  margin:0px;
  left:242px;
  top:16px; 
  background:url("../fbg/logo.png") top left no-repeat;
  width:748px;
  height:590px;
  /*overflow:hidden;*/
  z-index:1;
}

#divFenster
{
  position:absolute;
  padding:0px;
  margin:0px;
  top:40px;
  left:132px;
  width:590px;
  height:402px;
  border:0px solid red;
  clip:rect(0px 590px 400px 0px); 
  z-index:2; 
/* background:yellow; */   /* test */
}

#divFadeIn {
  position:absolute;
  height:25px;
  width:590px;
  top:0; 
  left:0;
  z-index:10;
}

html>body #divFadeIn { 
  background:url(../fbg/fade_top.png); 
}

#divFadeOut {
  position:absolute;
  height:40px;
  width:590px;
  top:375px; 
  left:0px;
  z-index:10;
}

html>body #divFadeOut {
  background:url(../fbg/fade_bottom.png);
}

#divInhalt {
  font-family: Verdana,Helvetica,Arial,sans-serif;
  font-size:10pt;
  line-height:1.25;
  position:absolute;
  left:0px;
  top:0px;
  padding:0px; 
  color:black;
  color:#333;       /* dani */
  border:0px solid blue; 
  z-index:1; 
  margin-bottom:12px;
}

#divInhalt p {
  margin:0px;
  padding:0px;
  padding-bottom:0.75em; 
}

#divInhalt p.null {
  margin:0px;
  padding:0px;
}

#divInhalt p.frage {
  margin-top:6px;
  font-style:italic;
}

#divInhalt p.antwort {
  margin-top:-5px;
}

#divInhalt p.autor {
  font-size:11px;
}

#divInhalt p.anmerkungen {
  font-size:11px;
}

#divInhalt p.small {
  font-size:11px;
}

#divInhalt p.smallskip {
  padding-bottom:0.5em; 
}

#divInhalt p.medskip {
  padding-bottom:1.0em; 
}

#divInhalt p.bigskip {
  padding-bottom:1.5em; 
}

#divInhalt p.topsmall {
  margin:0px;
  padding:0px;
  padding-top:3px; 
}

#divInhalt p.vvvspace {
  padding-top:1.5em; 
}

#divInhalt p.vvspace {
  padding-top:1.0em; 
}

#divInhalt p.vspace {
  padding-top:0.5em; 
}

#divInhalt p.block {
  text-align:justify;
}

#divInhalt p.center {
  text-align:center;
}

#divInhalt p.clearleft {
  clear:left;
}

#divInhalt ol, #divInhalt ul { margin-top:4px; }

#divInhalt ol li.medskip, #divInhalt ul li.medskip { margin-bottom:0.5em; }

#divInhalt span.small {
  font-size:11px;
}

#divInhalt span.bold {
  font-weight:bold;
}

#divInhalt span.spacer2 {
  padding-left:50px;
}

#divInhalt span.spacer3 {
  padding-left:25px;
}

#divInhalt span.fehler {
  color:red;
}

#divInhalt a:link, a:visited {
  text-decoration:underline;
  color:#48c;
}

#divInhalt a:hover {
  text-decoration:none;
  color:#88d1f4;
  padding:0px;
  background-color:#48c;
}

#divInhalt a:active {
  text-decoration:none;
  color:black;
}

#divInhalt #inhalt a:focus {
  text-decoration:underline;
  color:#48c;
}

#divInhalt a:link.nodeco, a:visited.nodeco {
  text-decoration:none;
  color:#48c;
}

#divInhalt a:hover.nodeco {
  text-decoration:none;
  color:#88d1f4;
  padding:0px;
  background-color:#48c;
}

#divInhalt a:active.nodeco {
  text-decoration:none;
  color:black;
}

#divInhalt a:focus.nodeco {
  text-decoration:none;
  color:green;
}


#divInhalt a.img:hover {
  text-decoration:none;
  color:white;
  padding:0px;
  background-color:white;
}

#divInhalt a:focus.imagelink {
  outline: none; 
}

#divInhalt a:hover.imagelink {
  background-color:white;
}

#divInhalt a:hover.imagehref {
  background-color:#48c;
}


/****************************** 
          Header/Footer
 ******************************/

.headerfooter {
  margin:0px;
  font-family: Verdana,Helvetica,Arial,sans-serif;
  font-size:10pt;
  color:#888;
  z-index:2;
}

.js {
  color:#ee0000;
}

#divLheader {
  position:absolute;
  top:15px;
  left:132px;
  width:400px;
  text-align:left;
}

#divRheader {
  position:absolute;
  top:15px;
  left:532px;
  width:190px;
  text-align:right;
}

#divRheader img.gray {
  vertical-align:middle; 
  display:inline;
}

#divRheader img.green {
  vertical-align:middle; 
  display:none;
}

#divRheader a:hover img.gray {
  display:none;
}

#divRheader a:hover img.green {
  display:inline;
}

#divFooter {
  position:absolute;
  top:470px; 
  left:132px; 
  width:616px;
  text-align:right;
}

#divNoScript {
  position:absolute;
  top:470px; 
  left:132px; 
  width:200px;
  text-align:left;
  z-index:3;
}

.headerfooter a:link, .headerfooter a:visited, .headerfooter a:focus {
  text-decoration:none;
  color:#888;
}

.headerfooter a:hover {
  color:#48c;
}

.headerfooter a:active {
  text-decoration:none;
  color:#888;
}

/****************************** 
          Navigation
 ******************************/
 
#divNavigation {
  position:absolute;
  top:16px;
  left:16px;
  width:210px;
  z-index:500;
}

#divSchulname {
  position:absolute;
  left:-10px;
  top:0px;
  width:210px;
  font: normal 150% Verdana,Helvetica,Arial,sans-serif;
  font-weight:bold;
  text-align:right;  
}

/****************************** 
          Menu
 ******************************/

#fbgmenu {
  position:absolute;
  left:0px;
  top:124px;
  float:left;
  margin:0px;
  padding:0px;
  border:0px;
  width:200px;          /* --> width:210px; */
  text-align:right; 
  line-height:11px; 
/*  background:red;  */
}

#fbgmenu ul,li,a {
  /*width:200px; */
  margin:0px;
  padding:0px;
  border:0px;
}


/****************************** 
          1. Ebene 
 ******************************/


#fbgmenu ul {
  display:none;
  top:0px;
  left:0px;
/*  background:red;  */
}

#fbgmenu li {
  list-style:none;
  position: static;  /* oder relative        */
  top:0px;           /* unwichtig bei static */
  left:0px;          /* unwichtig bei static */
/*  background:green;  */
}

#fbgmenu a {
  display:block;
  text-decoration:none;
  left:0px;         /* unwichtig bei static */
  top:0px;          /* unwichtig bei static */
/*  background:red;  */
  height:28px;
}

#fbgmenu a:focus, a:active { 
  -moz-outline-style:none; 
  outline:0; 
}

#fbgmenu ul a {
  height:22px;
}

#fbgmenu ul ul  a {
  height:19px;
}

/*
#fbgmenu span {
  color:#48c;
  color:black;   
} 
*/

#fbgmenu li#aktuell {
  position:static;
}

/****************************** 
      1. Ebene / hover
 ******************************/

/*
#fbgmenu a:hover {
  color:#48c;
  color:black;
}
*/

/****************************** 
          2. Ebene 
 ******************************/
 
#fbgmenu li#aktuell ul {
  display:block;
/*  background-color:#48c;  */  /* test */
/* border:1px solid red; */
/*  background:red;  */
}

/* wichtig */
#fbgmenu li#aktuell ul li {
  position:relative;
/* border:1px solid blue; */
/*  background-color:yellow;  */       /* Kontrolle */
  background:transparent; 
}

/* überflüssig */
#fbgmenu li#aktuell ul a {
/*  background-color:yellow; */        /* Kontrolle */
  background:transparent; 
}

/****************************** 
       2. Ebene / hover
 ******************************/

/* überflüssig */
 #fbgmenu li#aktuell ul a:hover { 
  /* background:green; */
  color:black;
}

/****************************** 
          3. Ebene 
 ******************************/

#fbgmenu li#aktuell * ul {
  display:none;
  text-align:left;
}

#fbgmenu li#aktuell ul li:hover ul, #fbgmenu li#aktuell ul li.hover ul  {
  display:block; 
  position:absolute;
  top:-28px;
  top:-12px;
  left:200px;
/*  background-color:green; */           /* Kontrolle */
  background-color:transparent;       /* statt transparent */
}

#fbgmenu li#aktuell ul li ul a {
  top:0px;            /* überflüssig s.o. */
  left:0px;           /* überflüssig s.o. */
/*  padding-left:26px; */ /* links bis zum Rahmen nichts ausgeben */
}

/* überflüssig s.o. */
#fbgmenu li#aktuell ul li ul li {
  left:0px;
}

#fbgmenu li#aktuell ul li ul li.bottom {
  background:url("../fbg/bottom.gif") top left no-repeat;
}


/****************************** 
        Termine-Footer
 ******************************/

#divInhalt div.terminefooter {
  font-size:11px; 
  width:390px;
  color:#888888; 
}

#divInhalt div.terminefooter hr {
  background:#888; 
  border:0px;
  width:150px;
  height:1px; 
  margin-right:240px;
 }

#divInhalt p.terminefooter {
  padding:0px;
  margin:0px;
  margin-top:-6px; 
}

/****************************** 
        Liste mit Links
 ******************************/

#divInhalt dl.linkliste dt a { text-decoration:none; width:500px;}

#divInhalt dl.linkliste dt { padding: 0px; border-top: 1px solid #bbb; clear: both; width:500px;}
#divInhalt dl.linkliste dt.last { border-bottom:solid 1px #bbb; }

#divInhalt dl.linkliste dt a.icon       { float: left; padding:5px 10px 0px 6px;}
#divInhalt dl.linkliste dt a.name       { display: block; margin-top:0px;  padding:4px 0 3px 0; font-size:10pt}
#divInhalt dl.linkliste dt a.name:hover { margin-top: 0px;  padding: 4px 0 3px 0; }
#divInhalt dl.linkliste dt img.linkicon { float: left; padding:1px 10px 0px 6px;}
dl.linkliste dd.fileicon	             { float:right; margin: -26px 0px 0px 0;}

/****************************** 
             W3C
 ******************************/

#w3c {
  position:absolute;
  left:16px;
  top:575px;
}

/****************************** 
           Infobox
 ******************************/

#divInhalt a.infobox { border-bottom: 1px dashed #48c; color:#48c; text-decoration:none; }
#divInhalt a.infobox:hover { cursor:help; color:#48c; background:white; text-decoration:none; }
#divInhalt a.infobox span { visibility:hidden; position:absolute; left:2em; margin-left:0px;
                            margin-top:1.5em; padding:0.75em; text-decoration:none; width:500px; z-index:1000;}
#divInhalt a.infobox:hover span { visibility:visible; border:1px solid #48c;
                                  color:#48c; background:#f8f8f8; }
#divInhalt a.ohne { border-bottom:0px;}