/* Stylesheet für Wisdom of Ages */

* { padding: 0; margin: 0; }


body { 
   color: #333333; /* Schriftfarbe */
   background-color: #efefef;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
}

#wrapper {
   color: #333333 /* Schriftfarbe */
   background-color: #111111;
   width: 900px;
   margin-top: 0px;
   margin-right: auto;
   margin-bottom: 10px;
   margin-left: auto;
}

#header {
   position: relative;
   color: white
   background-color: #111111;
   padding-top: 0;
   padding-right: 20px;
   padding-bottom: 0;
   padding-left: 20;
}

#lspalte {
   position: absolute;
   top: 10px;
   right: 750px;
   width: 160px;
   background-color: black;
   padding-top: 5px;
   padding-right: 20px;
   padding-bottom: 5px;
   padding-left: 20px;
   
}


#main {
   position: absolute;
   top: 0px;
   right: 250px;
   width: 500px;
   padding-top: 10px;
   padding-right: 10px;
   padding-bottom: 20px;
   padding-left: 20px;
}



#rspalte {
   position: absolute;
   top: 10px;
   right: -205px;
   width: 160px;
   background-color: black;
   padding-top: 5px;
   padding-right: 20px;
   padding-bottom: 5px;
   padding-left: 40px;
}


#footer {
   padding-top: 5px;
   padding-right: 20px;
   padding-bottom: 20px;
   padding-left: 20px;	
   border-top: 1px solid #333333;
   margin-top: 20px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
}


h1 { font-size: 150%; }
h2 { font-size: 130%; color: #EA000F;}
h3 { font-size: 120%; color: #333333;}


a { text-decoration: none; }
a:link { color: #111111; }
a:visited { color: #111111; } 
a:hover { color: #010101; background-color: #eeeeee; }
a:focus { color: #EEAAAA; }
a:active {color: #DDDDDD; }


/* Abstand nach unten */
h2, p, ul, ol { margin-bottom: 1em; }


/* Verschachtelte Listen ohne Abstand */
ul ul { margin-bottom: 0; }


/* Abstand von links */
li { margin-left: 1em; }


/*Commentator-CSS */

#comments_list pre,
#comments_list code,
#commentator_form code {
  font-family:Consolas, monospace;
}
#commentator_form fieldset {
  border:1px solid #999;
  background-color:#EFEFEF;
  padding:1.2em;
  margin:1.4em 0;

}
#commentator_form legend {
  margin-left:1em;
  padding:0.2em 0.5em;
  border:1px solid #999;
  font-weight:bold
}
#comments_list cite {
  display:block;
  font-style:normal;
  font-weight:bold
}
#commentator_form input,
#commentator_form textarea {
  width:60%;
  float:left;
}
#comments_list cite + a {
  font-size:0.85em
}
#dud {
  display:none
}
#commentator_form textarea {
  height:14em;
  min-width:14em
}
#commentator_form label {
  margin-bottom:0.8em;
  font-weight:bold;
  font-size:0.8em;
  vertical-align:top;
  width:8em;
  float:left;
  clear:left
} 
#commentator_form small {
  margin-left:1.8em;
  color:#FF7D33;
  float:left
}
#commentator_form ul ~ input {
  clear:left;
  width:auto;
  margin:1.2em 0 0 8em;
}
#commentator_form ul + input + label {
  width:auto;
  clear:none;
  margin:1em 0 0 0.4em;
}
#comments_list li {
  list-style:none;
  border-bottom:1px solid #999;
  clear:left
}
#comments_list li img {
  float:right;
  border:0
}
#comments_list input {
  float:left;
  margin:0.4em 0 0 -2em
}
#commentator_form ul {
  margin-top:1.5em;
  float:left
}
#commentator_form li {
  list-style:none;
  font-size:0.8em;
  border:0
}
#commentator_form li code {
  font-weight:bold;
  font-size:1.1em
}
.commentator_message {
  border:2px solid black;
  overflow:auto;
  background:#EFEFEF;
  padding:0.4em 1em;
  margin:1em 4em;
}
.commentator_message fieldset {
  border:0;
  margin:1.4em  0 0.8em 0.8em;
  padding:0;
      text-align:right;
}
.commentator_message fieldset * {
  float:none;
  margin:0;
  vertical-align:middle
}
.commentator_message legend,
#comments_list label {
  display:none;
}
.commentator_message input {
  width:auto;
}