html, body {
  width            : 100%;
}

#canvas {
  overflow         : auto;   
}

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

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

div#canvas {
  overflow          : auto;
}


div#kopf {
  background-color : inherit;
  color            : #ffffff;
  min-height       : 170px;
  margin           : .1em 0 0 0;
}

#kopf h1, #kopf h3 {
  text-align       : center;
  vertical-align   : middle;
  font-family      : ITC Zapf Chancery, URW Chancery L, Apple Chancery, cursive, sans-serif;
}

#kopf h1 {
  font-size        : 250%;
  padding          : 10px 0 .5em 0;
}

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

#kopf p.imp {
  margin           : 2.5em 0 1em 0;
  padding          : 1em 1em 1em 1em;
  background-color : #2266aa;
  color            : #ffffff;
  text-align       : right;
}

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

#kopf a:hover,#kopf a:active {
  color            : #88bb99;
  background-color : #ffffff;
  text-decoration  : none;
}


div#content {
  background-color : #ccffcc;
  color            : #000000;
  margin           : .5em 1em .5em 1em;
  padding          : .5em 2em .5em 2em;
  width            : 60%;
}

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

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

#content h2 a:hover, #content h2 a:active {
  text-decoration  : none;
  background-color : #225522;
  color            : #ccffcc;
}

#content h3, #content h4 {
  background-color : transparent;
  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 {
  text-align       : center;
  margin           : 0 3em 0 3em;
  text-indent      : 0;
}

#content p.strongright {
  text-align       : right;
  font-style       : italic;
  font-weight      : bold;
}

#content p.shortline {
  width            : 60%;
}

#content div.navigation {
  display          : block;
  margin           : 0 -2em 0 -2em;
  padding          : .5em 0 0 0;
  height           : 1.5em;
  background-color : #88bb99;
  color            : #ffffff;
  font-weight      : bolder;
}

#content div.navigation div.navileft {
  float            : left;
}

#content div.navigation div.naviright {
  float            : right;
} 

#content div.navigation a, #content div.navigation a:visited {
  text-decoration  : none;
  color            : #ffffff;
  background-color : inherit;
}

#content div.navigation a:hover, #content div.navigation a:active {
  text-decoration  : none;
  color            : #88bb99;
  background-color : #ffffff;
}

#content div.posting {
  margin           : 0 0 1em 0;
  text-align       : justify;
}

#content div.posting hr {
  margin           : 1em 0 1em 0;
  border           : 2px #88bb99 solid;
}

#content p.postmetadata {
  background-color : #2266aa;
  color            : #ffffff;
  margin           : 0;
  padding          : .5em;
  text-indent      : 0;
  text-align       : left;
  font-size        : 90%;
}

#content p.postmetadata a, #content p.postmetadata a:visited {
  background-color : inherit;
  color            : #ccffcc;
}

#content p.postmetadata a:hover {
  background-color : #ccffcc;
  color            : #2266aa;
}

#content p.doai {
  margin           : 0;
  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.break {
  clear            : both;
}

#content li {
  margin           : 0;
  padding          : .1em 0 0 0;
  text-align       : justify;
  font-weight      : normal;
  line-height      : 130%;
}

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

#content ol.commentlist, #content #commentform input, #content #commentform textarea {
  text-indent      : 0;
}

#content #commentform textarea {
  width: 80%;
}

#content ol.commentlist li {
  text-indent      : 0;
  text-align       : left;
  font-weight      : bold;
}

#content ol.commentlist cite, #content ol.commentlist cite a {
  font-weight      : bold;
  font-style       : normal;
  font-size        : 1.1em;
} 

#content ol.commentlist p {
  font-weight      : normal;
  line-height      : 1.5em;
  text-transform   : none;
  text-indent      : 0;
}

#content ol.commentlist ul li, #content ol.commentlist ol li {
  font-weight      : normal;
}

#content ol.commentmetadata {
  font-weight      : normal;
} 

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

#content .strike {
  text-decoration  : line-through;
}

#content code p {
  text-indent      : 0;
}

#content hr {
  border           : 1px #88bb99 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   : central;
}

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

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

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

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

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

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

#content table.chatlog { 
  border            : 0;
  margin            : 0;
  padding           : 0;
}

#content td.chatlog {
  border-right     : 2px #88bb99 solid;
  border-left      : 2px #88bb99 solid;
  border-bottom    : 0;
  margin           : 0;
  padding          : .2em .1em 0 .1em;
}

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

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

#content div.avatar {
  margin           : 0 0 .5em 0;
  padding          : 0;
  float            : right;
}

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

#content div.console p {
  text-align       : left;
  text-indent      : 0;
  font-family      : FreeMono, Nimbus Mono L, Courier New, monospace;
  font-weight      : bold;
  margin           : .5em 0 0 .5em;
  padding          : .5em;
}

#content div.console pre {
  background-color : inherit;
  color            : inherit;
  margin-left     : .5em;
}

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

#content div.kacke {
  float            : left;
  width            : 7em;
  margin           : 0 1em 0 0;
  padding          : 0;
  color            : #ffffff;
  background-color : #ff0000;
  font-size        : 1.5em;
  font-weight      : bold;
}

#content div.kacke p {
  text-indent      : .3em;
  text-align       : left;
  margin           : 0;
  padding          : 0;
}

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

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

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

#content dt {
  padding          : 1em 0 .5em 0;
  font-weight      : bold;
  font-style       : italic;
  font-size        : 120%;
  background-color : inherit;
  color            : #2266aa;
}

#content dd {
  padding-top      : 0.5em;
  line-height      : 130%;
  text-align       : justify;
}

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

#content blockquote p {
  text-indent      : 0;
}

#content blockquote twitter-tweet {
  margin           : 0 10% 0 10%;
  width            : 80%;
  border           : 1px #225522 solid;
}

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

#content blockquote.tweet img.avatar {
  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 : transparent;
  text-decoration  : none;
}

#content a:hover,#content a:active {
  color            : #ffffff;
  background-color : #225522;
  text-decoration  : none;
}

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


div#sidebar {
  float            : right;
  width            : 28%;
  margin           : 0 1em 0 1em;
  padding          : 0 .5em 0 .5em;
  background-color : #ccffcc;
  color            : #000000;
  text-align       : left;
}

#sidebar div#kofi {
  background-color : inherit;
  color            : #000000;
  margin           : .2em 0 .2em 0;
  padding          : 0 .5em 0 .5em;
  list-style-type  : none;
}

#sidebar ul.menu {
  list-style-type  : none;
  padding          : 0 0 0 1em;
  color            : #225522;
}

#sidebar ul.menu li {
  font-size        : 120%;
  margin           : 1em 0 0 0;
} 

#sidebar ul.menu li ul {
  list-style-type  : disc;
}

#sidebar ul.menu li ul li {
  margin           : 0;
  font-size        : 80%;
}

#sidebar a {
  text-decoration  : none;
  background-color : transparent;
  color            : #225522;
} 

#sidebar a:hover {
  background-color : #225522;
  color            : #ccffcc;
}

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

#sidebar h4 {
  margin-left      : 1em;
  background-color : transparent;
  color            : #2266aa;
}

#sidebar p.tagcloud {
  text-align       : center;
  margin           : 0 1em 0 1em;
}

#sidebar hr {
  border           : 2px #88bb99 solid;
  width            : auto;
  margin           : 0;
} 


div#footer {
  clear            : both;
  margin           : 0;   
  background-color : #2266aa;
  color            : #ffffff;
  padding          : 10px;
}
 
#footer p {
  text-align       : center;
  font-size        : 80%;   
  text-indent      : 0;     
}

#footer a, #footer a:visited {
  background-color : transparent;
  color            : #ccffcc;
}

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