/***************************************************
 * Links
 ***************************************************/
a:link, a:visited, a:hover
{
} 

/***************************************************
 * oberste Ebene, default-Definition
 ***************************************************/
body
{
  width: 75%;
  /* max-width: 835px;
  min-width: 685px; */
  margin: 0px auto;
  padding: 10px;
}

h1, h2, h3, h4
{
  margin-top: 12px; 
  margin-bottom: 0ex; 
}

.icon
{
  margin: 0 .25em -.4em;
}


/***************************************************
 * Aussehen der statischen Webseiten
 ***************************************************/
.webcontent
{
  padding: 3px 12px 3px 12px;
  margin: 6px 0pt;
}


/***************************************************
 * Die Seite ist grob in drei Teile unterteilt:
 * 1. partHead: alles, bis das erste Kategorien-Menü vorbei ist
 * 2. partMain: der Rest
 * 3. partFoot: alles, was nach der Input-Form kommt
 * Dadurch können beispielsweise das obere und das untere Kategorien-Menü
 * unterschiedlich dargestellt werden (ersteres ist im partHead, letzteres im
 * PartMain)
 * Das wird allerdings hier in diesem CSS-File nicht benutzt
 *
 * Kopf- und Fußteil sind starr, nur partMain ist dynamisch
 ***************************************************/
.partHead
{
}

.partMain, .partFoot
{
  margin-left: 185px;
}

/***************************************************
 * Seitenkopf
 * wird noch vor dem Kategorien-Menü angegeben
 ***************************************************/
.pagehead
{
  margin-left: 185px;
}

/***************************************************
 * Kategorien-Menü
 * standardmäßig ober- und unterhalb eines Threads
 * bzw. oberhalb der anderen Anzeigen
 ***************************************************/
.menu
{
  position: fixed;
  top: 109px;
  float: left;
  z-index: 1;
}

.menu .menuname
{
  margin: 6px 0pt;
  padding: 3px 12px 3px 12px;
  width: 150px;
  display: block;
  overflow: hidden;
  z-index: 3;
}

.menu .categoryname
{
  margin: 3px 0px 3px 10px;
  padding: 3px 12px 3px 12px;
  width: 140px;
  display: block;
  overflow: hidden;
  z-index: 2;
}

.menu .categoryname.active
{
}

/***************************************************
 * Liste der Topics
 ***************************************************/

.topiclist
{
  list-style-type: none;
  vertical-align: middle;
  margin: 0pt;
  padding: 0pt;
}

.topiclist .normaltopic
{
  margin: 6px 0ex;
  padding: 3px;
}

.topiclist .stickytopic
{
  margin: 6px 0ex;
  padding: 3px;
}

.topiclist .lastposting
{
  padding: 3px 12px 3px 12px;
  margin: 3px;
  float: right;
}

.topiclist .RSS
{
  float: right;
}

.topiclist .firstposting
{
}

.topiclist .catname
{
}

.topiclist .topic
{
}

.topiclist .pages
{
}

/***************************************************
 * Liste der Postings
 ***************************************************/
.postinglist
{
  list-style-type: none;
  margin: 0pt;
  padding: 0pt;
}

.postinglist .normalposting
{
  padding: 3px 12px 3px 12px;
  margin: 6px 0pt;
  /*overflow:auto;*/
  overflow:hidden;
}

.postinglist .pi
{
  float: right;
  width: 9em;
  padding: 6px;
  line-height: 1.2em;
  margin: 3px;
}

.postinglist .pi .pip
{
}

.postinglist .pi .pipz
{
}

.postinglist .poster
{
  margin: 6px;
  min-height: 2ex;
}

.postinglist .content
{
  margin: 6px;
  min-height: 10ex;
}

/* Formatierungen innerhalb des Postings */
/* Listen fehlen noch */
.postinglist .content h1
{
}

.postinglist .content h2
{
}

.postinglist .content h3
{
}

.postinglist .content h4
{
  padding: 0ex;
  margin: 6px 0ex 0ex 0ex;
}

.postinglist .content .quote
{
  width: 95%;
  padding: 6px;
  margin: 0ex 0ex 6px 0ex;
}

.postinglist .content .spoiler
{
  display: none;
}

.postinglist .content .meisterinfos
{
  width: 95%;
  padding: 6px;
  visibility: hidden;
}

.postinglist .content .block
{
  width: 95%;
  padding: 6px;
  margin: 0ex 0ex 6px 0ex;
}

.postinglist .content .rot13
{
  cursor: pointer;
}

.postinglist .content ul li {
    margin-top: 0.5em;
}

.postinglist .content ol li {
    margin-top: 0.5em;
}


/* Anmerkungen zum Posting, momentan nicht benutzt */
.postinglist .note
{
  margin: 6px;
}

.postinglist .lastedited
{
  margin: 6px;
}

/***************************************************
 * Shout-Box unten auf der Index-Seite
 ***************************************************/
#SHOUTBOX
{
    width:100%;
    height:210px;
    border:none;
}

.shoutbox
{
  margin-bottom: 0pt;
  padding: 1ex;
  font-size: 80%;
  text-align: left;
  background: #888;
}

.shoutbox .shouts
{
  overflow:hidden;
}

.shoutbox .shouts .shout
{
  margin-bottom: 1ex;
}

.shoutbox .shouts .shout .shouter
{
  margin-right: 2ex;
  font-weight: bold;
}

/***************************************************
 * Eingabe-Formular und zugehörige Hilfe
 ***************************************************/
.inputandhelp
{
  margin: 0pt;
}

.inputandhelp form
{
  padding: 3px 12px 3px 12px;
  margin: 6px;
}

.inputandhelp form h1
{
}

.inputandhelp .help
{
  padding: 3px 12px 3px 12px;
  margin: 6px;
  min-width: 50%;
}

.inputandhelp .help dl
{
}

.inputandhelp .help dt
{
  min-width: 16em;
  float: left;
}

.inputandhelp .help dd
{
}

.inputandhelp input
{
}

.inputandhelp .spamabfrage
{
  padding: 3px;
}

.inputandhelp .button
{
  width: 15em;
  padding: 1px 5px;
}

.inputandhelp .button:active
{
}

.inputandhelp textarea
{
  width: 100%;
}

.inputandhelp select
{
}