/*****************************************************************************/
/*  (c) Copyright Stefan Steinegger 2005                                     */
/*---------------------------------------------------------------------------*/
/* Autor: Stefan Steinegger (stefan.syz@bluewin.ch)                          */
/* Datum: 25.08.2006                                                         */
/* Titel: Stylesheet für syz-grüningen.ch                                    */
/*****************************************************************************/

/* Layout  */

/* Fixed positionierung entfernt, Weil sie vom MS Internet Explorer nicht */
/* richtig unterstützt werden. */
#logo {
  /* position:   fixed; */
  display         : block;
  position        : absolute;
  height          : auto;
  top             : 0em;
  right           : auto;
  bottom          : auto;
  left            : 1em;
  width           : auto;
  border          : none;
}

#kopf {
  /*
  position:   fixed;
  display:    block;
  height:     4.5em;
  top:        0em;
  right:      1em;
  bottom:     auto;
  left:       16em;
  width:      80%;
  */
  margin-left     : 16em;
  margin-right    : 1em;
  margin-top      : 0em;
  margin-bottom   : 0em;
  border          : none;
}


#menue {
  /* position:   fixed; */
  display         : block;
  position        : absolute;
  width           : 14em;
  height          : auto;
  top             : 155px;
  right           : auto;
  bottom          : 2em;
  left            : 1em;
  border          : none;
}
#inhalt {
  /* position:   fixed;
  display:    block;
  position:   absolute;
  width:    auto;
  height:   auto;
  top:      4.5em;
  right:    1em;
  bottom:   2em;
  left:     16em;
  overflow: auto;
  */
  display         : block;
  width           : auto;
  margin-left     : 16em;
  margin-right    : 1em;
  margin-top      : 0em;
  margin-bottom   : 0em;
  padding-left    : 3em;
  padding-top     : 1em;
  padding-right   : 1em;
  padding-bottom  : 1em;
  border          : solid #EECC00 1px;
  background-color: white;
}
#fuss {
  /*
  position:   fixed;
  display:    block;
  position:   absolute;
  width:    auto;
  height:   2em;
  top:      auto;
  right:    1em;
  bottom:   0em;
  left:     1em;
  */
  border:   none;
  margin-left     : 16em;
  margin-right    : 1em;
  margin-top      : 0.5em;
  margin-bottom   : 0.5em;
  /* border-top: solid #444422 1px; */
}


/* Formatierung Allgemein */

div.rahmen {
  padding:  0.5em;
}

body {
  font-family         : verdana, sans-serif;
  background          : #ffffcc;
  font-size           : 10pt;
  margin              : 0em;
  padding             : 0em;
}

a:link            {color: blue;        text-decoration: none; }
a:visited         {color: blue;     text-decoration: none;}
a:hover           {color: red;   text-decoration: underline; }


th {
  background-color  : #EEEEEE;
  margin            : 0.4em;
  padding           : 0.1em;
}

img {
  padding           : 0em;
  margin            : 0.8em;
  border            : 0em;
}

img.links {
  float             : left;
  margin-left       : 0em;
}

img.rechts {
  float             : right;
  margin-right      : 0em;
}

img.block {
  display           : block;
  margin-right      : 0em;
  margin-left       : 0em;
}


table.halbe {
  width             : 100%; 
}

table.halbe,
table.halbe tr,
table.halbe tr td {
  padding           : 0em;
  margin            : 0em;
  border            : none;
}

table.layout,
table.layout tr,
table.layout tr td {
  padding           : 0em;
  margin            : 0em;
  border            : none;
}



/* Formatierung im Kopbereich */
#pfad {
  /*
  position          : absolute;
  top               : 1.8em;
  left              : 0em;
  right             : auto;
  bottom            : auto;
  width             : auto;
  height            : auto;
  */
  margin-left       : 0em;
  margin-top        : 1.5em;
  font-size         : 8pt;
  text-align        : left;
  color             : black;
  font-weight       : regular;
}

#titel {
  /*
  position          : absolute;
  top               : 2.5em;
  left              : 0em;
  right             : auto;
  bottom            : auto;
  width             : auto;
  height            : auto;
  */
  margin            : 0em;
  font-size         : 13pt;
  font-weight       : bold;
  text-align        : left;
  color             : #2222EE;
  font-weight       : bold;
}

#helga {
  position          : absolute;
  top               : 0.2em;
  left              : auto;
  right             : 1em;
  bottom            : auto;
  width             : auto;
  height            : auto;
  /*
  margin            : 0em;
  */
  font-size         : 14pt;
  text-align        : right;
  color             : #887766;
  font-weight       : bold;
}

#links {
  display           : block;
  position          : absolute;
  top               : 2.6em;
  left              : auto;
  right             : 1em;
  /* bottom            : auto; */
  width             : auto;
  /* Internetexplorer braucht die paddings hier ... */
  padding-top       : 0.4em;
  padding-bottom    : 0.4em;
  height            : auto;
}

#links a {
  font-size         : 8pt;
  font-weight       : bold;
  border            : solid white 1px;
  padding-top       : 0.4em;
  padding-bottom    : 0.4em;
  padding-left      : 2em;
  padding-right     : 2em;
  margin            : 0.5em 0em 0.5em 1em;
  background-color  : #FFEEAA;
  color             : #222244;
}

#links a:hover {
  background-color  : #1111EE;
  color             : #DDDDFF;
}



/* Formatierung im Inhaltsbereich */

#inhalt * {
  font-size         : 10pt;
}
#inhalt td {
  vertical-align    : top;
  padding           : 0em;
}

#inhalt ul {
  list-style-type   : square;
}

#inhalt p {
  padding           : 0.2em;
  margin-right      : 1em;
}

#inhalt li {
  padding           : 0.1em;
}


#inhalt h1, 
#inhalt h2, 
#inhalt h3, 
#inhalt h4 {
  font-family       : verdana, sans-serif;
  text-align        : left;
  color             : #887766;
  font-weight       : bold;
 }

#inhalt h1 {
  font-size         : 13pt;
  padding-top       : 1.2em;
  padding-bottom    : 0.4em;
  margin-top        : 0em;
  margin-bottom     : 1em;
  width             : 80%;
  border-bottom     : solid #887766 1px;
}

#inhalt h2 {
  font-size         : 12pt;
  padding-top       : 0.6em;
  padding-bottom    : 0.2em;
}

#inhalt h3 {
  font-size         : 11pt;
}

p.nachoben {
  font-size         : 20pt;
  text-align        : right;
}


/* Formatierung im Menü */

#menue ul {
  margin-left       : 0em;
  margin-top        : 0.2em;
  margin-bottom     : 0.2em;
  font-size         : 10pt;
  font-weight       : regular;
  padding           : 0em;
}

#menue ul li ul {
  margin-left       : 1.5em;
}

#menue li {
  list-style-type   : none;
  margin-top        : 0.2em;
  margin-bottom     : 0.2em;
}


/* Formatierung im Fussbereich */

#fuss p  {
  color             : #887766;
  padding           : 0em;
  margin            : 0.2em;
  font-size         : 8pt;
  text-align        : center;
}

#fuss a:link            {color: #887766;      text-decoration: underline; }
#fuss a:visited         {color: #887766;      text-decoration: underline;}
#fuss a:hover           {color: red; text-decoration: underline; }