/*** Seitenlayout für die SGAG-Webseite www.sgag.ch 
     GRAD GIS Specker, Zürich. 
     Stand: 21. 05. 2007
***/

body
{
  padding: 0 0 0 0;
  margin: 10px 10px 10px 10px;
  border-width: 0;
  border-style: none;
}


/* Titelblock oben mit Bild: schwarze Schriftfarbe, transparenter Hintergrund */
#titel    {  
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 5px;
  position: absolute;
  left: 190px;
  top: 0px;
  height: 210px;
  overflow: auto;
  width: 80%;
  background: transparent;
  color black;
}

/*  width: 80%; veranlasst Internetexplorer zu richtiger Darstellung auto;
/** Inhalt mit Lead-Text. Positionen absolute und fixed geht mit Netscape 7.0, static, relative gehen nicht.**/
/** top und left = 0 stören nicht mit fixed und absolute. Dann wird einfach unter die vorhergehende gesetzt 
   (was nicht korrekt ist gemäss Spezifikation). Margin (oben, rechts, unten, links) überschreibt allerdings position! **/

#content      {
  margin: 195px 0px 0px 190px;  /*oben, rechts, unten, links */
  padding: 10px 0px 10px 5px;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 80%;
}

#content #Leadtext {
  font-weight: bold;
}

/** Fusszeile im Inhalt position: fixed; SOLL ERSETZT WERDEN DURCH FUSSBLOCK LINKS!**/
#Fusszeile {
  top: auto;
  font-size: 80%;
}
    

/* Block für eine grössere Tabelle mit Scrollleisten. Position absolute ist einzige, die geht. left wird offenbar,
   genauso wie top, relativ interpretiert statt absolut! overflow auto erzeugt Scrollleisten.*/
#Listentabelle  {
  margin: 300px 0 0 190px;
  padding: 2px 2px 2px 2px;      /*oben, rechts, unten, links ohne Padding schneidet Firefox die Randlinien ab.*/
  position: absolute;
  left: 10px;
  top: 0px;
  width: 80%;
  height: 500px;
  overflow: auto;
}

/* Für die eigentliche Tabelle im Tabellenblock. Offenbar notwendig, damit die Tabelle selber formatiert werden kann*/
#Grosstabelle  {
  font-size: 80%;
  border: solid 1px #888;
/*  padding-left: 5px;
  padding-right: 5px; */
  border-collapse: collapse;
  width: auto;
}


#navigation, #newsblock, #fussblock {
  margin: 0 0 0 0;
  position: absolute;
  left: 0px;
  background: #CCFFCC;       /*blasses Oliv-Blau*/
}


/* Navigation links: Blassgrüner Block, schwarze Schriftfarbe */
#navigation    {
  padding: 0px 10px 10px 10px; 
  top: 0px;
  width: 170px;
  height: 610px;
  color black;  
}

/* Newsblock links unterhalb Navigation ohne Ränder, daher 20 Pixel breiter als eff. Platz !*/
#newsblock {
  padding: 0px 0px 0px 0px; 
  top: 370px;
  width: 190px; 
  height: 250px;
  overflow: hidden;
  color black;  
}

#fussblock {
  top: 620px;
  width: 190px; 
  height: 200px;
  text-align: top;
}
/***   background: #efeff1;   background: rgb(255,255,255);***/

.navigation-level-1          {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
}

.navigation-level-2           {
  list-style-type: none;
  padding-left: 10px;
  margin-left: 1em;
  font-size: 100%;
}

/* ........, schwarze Schriftfarbe, blassgrüner Block */
.agg          {
  background: #CC0000;
  color black;               
}

/*** Tabellen ***/


table, table td, table th    {
  border: solid 1px #888;
  padding-left: 5px;
  padding-right: 5px;
  border-collapse: collapse;
  width: auto;
}

table td, table th           {
  text-align: left;
  vertical-align: top;
}

table th                {
  font-weight: bold;
  font-size: 80%;
}



/*** Text ***/

em              {
  font-style: italic;
}

p.nosp              {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}



/*** Überschriften ***/

h1           {
  font-weight: bold;
  font-size: 145%;
}

h2           {
  font-weight: bold;
  font-size: 130%;
  margin-top: 4ex;
}

h3, h4         {
  font-weight: bold;
  font-size: 100%;
  margin-top: 2ex;
  margin-bottom: 2ex;
}


/*** Hyperlinks ***/

a              {
  font-weight: bold;
  text-decoration: none;
  color: #CC3300;         /* Rot satt */
}

a:link, a:visited               {
  color: #CC3300;         /* Rosarot satt */
}
	/*color: #FF33CC;         /* Rosarot satt */

a.current         {            /*, a:link.current    , a:visited.current  */
  text-decoration: underline;
  font-weight: bold;
}

a:hover         {
  text-decoration: underline;
}


/*** Schriftwahl ***/

body, p, table            {
  font: normal 10pt/133% "Verdana", sansserif;
}

li              {
  padding-top: 0.5ex;
  padding-bottom: 0.5ex;
}