html, body {
  width            : 100%;
}

#canvas {
  overflow         : auto;
}

body {
  color            : #000000;
  background-color : #88bb99;
  font-family      : sans-serif;
}

body, #canvas, #kopf, #kopf h1, #menu {
  margin           : 0;
  padding          : 0;
}


div#kopf {
  background-color : inherit;
  color            : #ffffff;
  min-height       : 170px;
  line-height      : 170px;
  width            : 66em;
  margin           : 0;
  padding          : .2em 0 .5em 0;
}

#kopf div#logo {
  margin           : 5px 0 0 20px;
  padding          : 10px;
  border           : 0;
  border-radius    : 90px;
  width            : 140px;
  height           : 140px;
  float            : left;
  background-color : #ffffff;
  color            : #ffffff;
}

div#menu {
  float            : left;
  width            : 16em;
  margin           : 0;
  background-color : #ccffcc;
  color            : #225522;
}

#menu li {
  font-weight      : bolder;
  text-align       : left;
  background-color : inherit;
  color            : #2266aa;
  padding-top      : .3em;
}

#menu li.home {
  margin           : 0 1em 0 0;
  padding          : 0;
  list-style-image : url(/bilder/datei.png)
}

#menu li.file {
  margin           : 0 1em 0 0;
  text-align       : left;
  list-style-image : url(/bilder/datei.png)
}

#menu li.file1 {
  margin           : 0 1em 0 1em;
  list-style-image : url(/bilder/datei.png)
}

#menu li.file2 {
  margin           : 0 1em 0 2em;
  list-style-image : url(/bilder/datei.png)
}

#menu li.file3 {
  margin           : 0 1em 0 3em;
  list-style-image : url(/bilder/datei.png)
}

#menu li.close {
  margin           : 0 1em 0 0;
  list-style-image : url(/bilder/ordnerzu.png)
}

#menu li.close1 {
  margin           : 0 0 0 1em;
  list-style-image : url(/bilder/ordnerzu.png)
}

#menu li.close2 {
  margin           : 0 0 0 2em;
  list-style-image : url(/bilder/ordnerzu.png)
}

#menu li.open {
  list-style-type  : none;
  margin           : 0;
  list-style-image : url(/bilder/ordnerauf.png)
}

#menu li.open1 {
  list-style-type  : none;
  margin           : 0 0 0 1em;
  list-style-image : url(/bilder/ordnerauf.png)
}

#menu li.open2 {
  margin           : 0 0 0 2em;
  list-style-image : url(/bilder/ordnerauf.png)
}

#menu hr {
  border           : 2px #88bb99 solid;
  margin           : .5em 0 .5em 0;
}

#menu a:link, #menu a:visited {
  color            : #225522;
  background-color : inherit;
  text-decoration  : none;
}

#menu a:hover, #menu a:active {
  color            : #ccffcc;
  background-color : #225522;
}

#menu a.graflink, a.graflink:hover {
  border           : 0;
  color            : #eeeeee;
  background-color : transparent;
}

#menu p.center {
  width            : 13.5em;
  margin           : 0 1em .5em 1em;
  text-align       : center;
  text-indent      : 0;
}

#menu p.support {
  background-color : inherit;
  color            : #000000;
  font-size        : 110%;
  margin           : 0 0 1em 2em;
}

div#content {
  width            : 50em;
  background-color : #ccffcc;
  color            : #000000;
  margin           : -100px 2em 0 17em;
  padding          : .5em 1em .5em 2em;
}

#content h1 {
  text-align       : center;
  vertical-align   : middle;
  font-family      : ITC Zapf Chancery, URW Chancery, Apple Chancery, sans-serif;
  font-size        : 250%;
  background-color : inherit;
  color            : #225522;
}

#content h2,#content h3,#content h4 {
  padding          : .2em 0 0 0;
  background-color : inherit;
  color            : #2266aa;
  text-align       : center;
}

#content p {
  text-indent      : 3em;
  text-align       : justify;
  line-height      : 130%;
}

#content p.back {
  text-align       : right;
  text-indent      : 0;
  font-size        : 80%;
}

#content p.small {
  font-size        : 80%;
}

#content p.center {
  font-style       : italic;
  text-align       : center;
  margin           : 0 3em 0 3em;
  text-indent      : 0;
}

#content p.doai {
  font-family      : Times, serif;
  font-style       : italic;
  text-align       : left;
  text-indent      : 0;
}  

#content p.list {
  text-align       : justify;
  text-indent      : 0;
}

#content p.noindent {
  text-indent      : 0;
}

#content p.cite {
  margin           : 0 3em 0 3em;
  font-family      : Times, serif;
  font-style       : italic;
  text-indent      : 0;
}

#content p.break {
  clear            : both;
}

#content li {
  margin           : 0;
  padding          : .1em 0 0 0;
  text-align       : justify;
}

#content li.text {
  padding-top      : 0.5em;
}  

#content li.frosch {
  list-style-image : url("/bilder/but_green.jpg");
}

#content li.comp {
  list-style-image : url("/bilder/minicomp.png");
  margin           : .7em 0 0 0;
  padding-top      : 0.5em;
}

#content .invers {
  padding-top      : 0;
  background-color : #000000;
  color            : #ccffcc;
  text-align       : center;
}

#content hr {
  border           : 2px #2266aa solid;
}  

#content table {
  margin           : 0;  
  border           : 1px #000000 solid;
  padding          : 0;
}

#content table.left {
  float            : left;
  margin           : 0 1em 0 0;
}

#content tr {
  margin           : 0;
  padding          : 0;
}

#content th {
  border-right     : 1px #000000 solid;
  border-bottom    : 1px #000000 solid;
  margin           : 0;
  padding          : 0 .2em 0 .2em;
  font-weight      : bold;
  text-align       : center;
  vertical-align   : middle;
}

#content td {
  border-right     : 1px #000000 solid;
  border-bottom    : 1px #000000 solid;
  margin           : 0;
  padding          : 0 .2em 0 .2em;
  vertical-align   : top;
}

#content td.greycol {
  background-color : #cccccc;
  color            : #000000;
}

#content td.right {
  text-align       : right;
}

#content td p {
  vertical-align   : top;
  margin           : 0;
  text-indent      : 0;
}  

#content td.sub {
  font-size        : 80%;
  letter-spacing   : -.1em;
}

#content div.picleft {
  margin           : 0;
  padding          : 0 2em 0 0;
  float            : left;
}

#content div.picright {
  margin           : 0;
  padding          : 0 0 0 2em;
  float            : right;
}

#content div.console {
  padding          : .5em 0 .5em 0;
  background-color : #000000;
  color            : #00ff00;
  text-indent      : 0;
}

#content .console p {
  text-align       : left;
  text-indent      : 0;
  margin           : 0;
  padding          : 0;
  font-family      : Courier, monospace;
  font-weight      : bold;
}

#content div.today {
  margin           : 1em;
  padding          : .1em;
  border           : 5px #2266aa solid;
  font-size        : 110%;
}

#content pre {
  color            : #000000;
  background-color : inherit;
  font-family      : Lucida Console, Courier New, Courier, monospace;
}

#content img.links {
  padding-right    : 1em;
}

#content .write {
  font-family      : Times, serif;
  font-style       : italic;
}

#content .unprop {
  font-family      : Lucida Console, Courier New, Courier, monospace;
  font-style       : normal;
  font-weight      : bold;
}

#content span.strike {
  font-style       : normal;
  text-decoration  : line-through;
}

#content dt {
  padding          : 1em 0 .5em 0;
  font-weight      : bold;
  font-style       : italic;
}

#content dd {
  padding-top      : 0.5em;
  text-align       : justify;
}

#content blockquote {
  margin           : 1em .5em 1em .5em;
  padding          : .2em .5em .2em .5em;
  text-align       : justify;
  background-color : #ffffff;
}

#content blockquote.tweet {
  width            : 545px;
  background-color : #ffffff;
  color            : #000000;
  border           : 1px #000000 solid;
}

#content blockquote.tweet img {
  float            : left;
  margin           : 0 1em .5em 0;
  border           : 0;  
}

#content blockquote.tweet div.tweetcontent {
  margin           : 0 .5em 0 60px;
}

#content blockquote.tweet p {
  margin           : .2em 0 0 0;
  text-align       : left;
  text-indent      : 0;
}

#content blockquote.tweet a.permlink {
  background-color : inherit;
  color            : #666666;
  text-decoration  : none;
  font-size        : 80%;
  font-style       : italic;
}

#content a:link, #content a:visited {
  color            : #225522;
  background-color : #ccffcc;
  text-decoration  : none;
}

#content a:hover,#content a:active {
  color            : #ccffcc;
  background-color : #225522;
}

#content a.graflink,#content a.graflink:hover {
  border           : 0;
  color            : #ffffff;
  background-color : transparent;
}


div#footer {
  clear            : both;
  margin           : 0;
  background-color : #2266aa;
  color            : #ffffff;
  padding          : .2em .2em .5em .5em;
  margin           : 0 0 1em 0;
}

#footer p {
  margin           : .2em 0 0 0;
  padding          : 0;
  text-align       : left;
  font-size        : 90%;
  text-indent      : 0;
}

#footer a.graflink,#footer a.graflink:hover {
  border           : 0;
  background-color : transparent;
  margin           : .2em 0 .2em 0;
  float            : right;
}