/***************************************************
 * Links
 ***************************************************/
a:link, a:visited
{
  color: #A52A2A;
  text-decoration: none;
} 

a:hover
{
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

div.content a:link, div.content a:visited {
    text-decoration: underline;
}

/***************************************************
 * oberste Ebene, default-Definition
 ***************************************************/
body
{
  color: #000000;
  background: #B8860B url(/b/BG1-matt.jpg) repeat;
  font-size: 10pt;
  font-family: 'DejaVu Sans Book','Trebuchet MS','Lucida Grande',Helvetica,Arial,Sans-Serif;
  text-align: center;
  line-height: 140%;
}

h1, h2, h3, h4
{
  text-align: left; 
  padding-bottom: 1ex;
}

.icon
{
}


/***************************************************
 * Aussehen der Trennlinie
 ***************************************************/
.seperator
{
  width: 450px;
  height: 10px;
  background: url(/b/trenner.png);
  border: none;
}


/***************************************************
 * Aussehen der statischen Webseiten
 ***************************************************/
.webcontent
{
  text-align: left;
  background: #DAA520 url(/b/Bg-Text.jpg) repeat;
}


/***************************************************
 * 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
{
}

/***************************************************
 * Seitenkopf
 * wird noch vor dem Kategorien-Menü angegeben
 ***************************************************/
.pagehead
{
  text-align: center;
}

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

.menu .menuname
{
  text-align: left;
  background: #FFD700 url(/b/Bg-Navi.jpg) repeat;
  font-size: 110%;
  display: block;
}

.menu .menuname.active
{
  background: #FFD700 url(/b/Bg-NaviAuswahl.jpg) repeat;
}

.menu .categoryname
{
  text-align: left;
  background: #FFD700 url(/b/Bg-Navi.jpg) repeat;
  font-size: 90%;
  display: block;
}

.menu .categoryname.active
{
  background: #FFD700 url(/b/Bg-NaviAuswahl.jpg) repeat;
}

.partMain .menu
{
  display: none;
}

/****************************************************/

.categorymenu
{
  top: 109px;
}

.categorymenu .categoryname
{
  text-align: left;
  background: #FFD700 url(/b/Bg-Navi.jpg) repeat;
  font-size: 100%;
  display: block;
}

.categorymenu .categoryname.active
{
  background: #FFD700 url(/b/Bg-NaviAuswahl.jpg) repeat;
}

.partMain .categorymenu
{
  display: none;
}

.categorydescription
{
  text-align: left;
  background: #B8860B url(/b/BG1-matt.jpg) repeat;
  border: 3px ridge #FFD700;
}

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

.topiclist
{
  list-style-type: none;
  vertical-align: middle;
}

.topiclist .normaltopic
{
  background: #FFD700 url(/b/Bg-Navi.jpg) repeat;
  text-align: left;
}

.topiclist .stickytopic
{
  background: #FFD700 url(/b/Bg-NaviAuswahl.jpg) repeat;
  text-align: left;
}

.topiclist .lastposting
{
  text-align: right;
  border: 1px solid;
  -moz-border-radius: 10px;
}

.topiclist .firstposting
{
}

.topiclist .catname
{
  font-weight: bold;
  font-style: italic;
}

.topiclist .topic
{
  font-weight: bold;
}

.topiclist .pages
{
  font-size: 80%
}

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

.postinglist .normalposting
{
  text-align: left;
  background: #DAA520 url(/b/Bg-Text.jpg) repeat;
}

.postinglist .pi
{
  border: 1px solid;
  -moz-border-radius: 10px;
  background: #DAA520 url(/b/Bg-Text.jpg) repeat;
  line-height: 1.2em;
}

.postinglist .pi .pip
{
}

.postinglist .pi .pipz
{
}

.postinglist .poster
{
  border-bottom: thin solid;
  font-weight: bold;
  min-height: 2ex;
}

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

/* Formatierungen innerhalb des Postings */
/* Listen fehlen noch */
.postinglist .content h1
{
  font-size: 133%;
  text-align: left;
  font-weight: bold;
}

.postinglist .content h2
{
  font-size: 121%;
  text-align: left;
  font-weight: bold;
}

.postinglist .content h3
{
  font-size: 110%;
  text-align: left;
  font-weight: normal;
  font-style: italic;
}

.postinglist .content h4
{
  font-size: 100%;
  text-align: left;
  font-weight: bold;
  font-style: normal;
}

.postinglist .content .quote
{
  font-size: 90%;
  border: 2px groove #B8860B;
  -moz-border-radius: 10px;
}

.postinglist .content .spoiler
{
}

.postinglist .content .meisterinfos
{
  font-size: 90%;
  border: 1px inset #B8860B;
  color: #FFD700;
  background: #976B08 url(/b/Bg-Eingabe.jpg) repeat;
}

.postinglist .content .block
{
  font-size: 90%;
  border: 2px groove #B8860B;
  -moz-border-radius: 10px;
}

.postinglist .content .rot13
{
  border-bottom: 1px dotted;
  cursor: pointer;
}

.postinglist .content ul
{
  line-height: 1ex;
}

.postinglist .content ul li
{
  line-height: 2.3ex;
}

.postinglist .content ol
{
  line-height: 1ex;
}

.postinglist .content ol li
{
  line-height: 2.3ex;
}

/* Anmerkungen zum Posting, momentan nicht benutzt */
.postinglist .note
{
  border-top: thin solid;
  font-size: 80%;
}

.postinglist .lastedited
{
  border-top: thin solid;
  font-size: 80%;
}

/***************************************************
 * Shout-Box unten auf der Index-Seite
 ***************************************************/
.shoutbox
{
  font-size: 80%;
  text-align: left;
  background: #DAA520 url(/b/Bg-Text.jpg) repeat;
}

.shoutbox .shouts .shout .shouter
{
  font-weight: bold;
}

/***************************************************
 * Eingabe-Formular und zugehörige Hilfe
 ***************************************************/
.inputandhelp
{
  background: #DAA520 url(/b/Bg-Text.jpg) repeat;
  text-align: left;
}

.inputandhelp form
{
}

.inputandhelp form h1
{
  font-size: 120%;
  font-weight: bold;
  text-align: left;
}

.inputandhelp .help
{
}

.inputandhelp .help dl
{
}

.inputandhelp .help dt
{
  font-family: monospace;
}

.inputandhelp .help dd
{
}

.inputandhelp input
{
  border: 0.2ex inset #fff; 
  color: #FFD700;
  background: #976B08 url(/b/Bg-Eingabe.jpg) repeat;
  font-weight: bold;
}

#savecookie
{
  border: none;
  color: none;
  background: none;
}

.inputandhelp .spamabfrage
{
  font-weight: bold;
  background: #FFD700 url(/b/Bg-Navi.jpg) repeat;
  border: 0.2ex outset #B8860B;
}

.inputandhelp .button
{
  border: 0.2ex outset #B8860B;
  background: #FFD700 url(/b/Bg-Navi.jpg) repeat;
  color: #000;
  font-weight: normal;
  text-align: center;
}

.inputandhelp .button:active
{
  background: #FFD700 url(/b/Bg-NaviAuswahl.jpg) repeat;
  border: 0.2ex inset #B8860B;
}

.inputandhelp textarea
{
  border: 0.2ex inset #B8860B;
  color: #FFD700;
  background: #976B08 url(/b/Bg-Eingabe.jpg) repeat;
}

.inputandhelp select
{
  border: 0.2ex inset #B8860B;
  color: #FFD700;
  background: #976B08 url(/b/Bg-Eingabe.jpg) repeat;
  font-weight: bold;
}