/* Zentrale Formate, Element-spezifisch */

body
{
 background-color:#99CCFF;
 color:#000000;
 font-family:Arial,sans-serif;
 min-width:30em;
}

body.black
{
 background-color:#000000;
 color:#FFFFFF;
 font-family:Arial,sans-serif;
 min-width:30em;
}

body.classic
{
 background-color:#FFFFFF;
 color:#000000;
 font-family:Arial;
 min-width:30em;
}

body.v3
{
 background-color:#00C4FF;
 color:#000000;
 font-family:Arial,sans-serif;
 min-width:30em;
}

blockquote
{
 font-style:italic;
}

button, input, textarea, select
{
 border:2px solid #000000;
}

div.content
{
 margin-left:10%;
 overflow:hidden;
 padding:5px;
}

div.copyleft
{
 clear:both;
 margin-bottom:5px;
 text-align:center;
 width:99%;
}

div.navbar
{
 clear:both;
 border:1px solid #000000;
 margin:10px 0;
 padding:5px;
 width:99%;
}

div.stats
{
 text-align:center;
 width:99%;
}

em
{
 font-weight:bold;
}

fieldset
{
 padding:5px;
}

h2
{
 font-size:medium;
 margin-bottom:-1em;
 text-decoration:underline;
}

img, input[type=radio], input[type=checkbox]
{
 border:none;
}

input[type=file]
{
 background-color:#FFFFFF; /* IE8 fix */
}

p.banned
{
 background-color:#FFD1D1;
 border:1px #FF0000 solid;
 color:#000000;
 font-size:large;
 font-weight:bold;
 padding:5px;
 text-align:center;
}

q
{
 font-style:italic;
}

sup.ref
{
 /* Für die automatisch-generierten Nachweise per JavaScript */
 font-size:small;
 position:relative;
 top:-0.3em;
 vertical-align:text-top;
 white-space:nowrap;
}

strong
{
 font-weight:bold;
}

table.infobox
{
 border:1px solid #000000;
 float:right;
 margin-left:5px;
 width:238px;
}

/* Pseudoklassen */

a:hover, a:focus
{
 background-color:#FFFF00;
 text-decoration:underline;
}

a:active
{
 background-color:#FFFF00;
 font-weight:bold;
 text-decoration:underline;
}

button:hover, input:hover, textarea:hover, select:hover
{
 border:2px dotted #000000;
}

/*
 * Achtung, Leet: Damit werden alle <blockquote><p>...</p></blockquote> und <q>...</q> Zitate mit deutschen Anführungszeichen formatiert.
 * Zumindet in non-IE Browsern. Für den IE braucht man eine JavaScript Funktion, die über alle Zitatelement iteriert und Anführungszeichen hinzufügt.
 */
blockquote p:before, q:before
{
 content:"\201E";
}

blockquote p:after, q:after
{
 content:"\201C";
}

/* Allgemeine Individualformate */

.red
{
 color:#FF0000;
}
  
.green
{
 color:#008800;
}

.yellow
{
 color:#FFFF00;
}

.blue
{
 color:#0000FF;
}

.b
{
 font-weight:bold;
}

.i
{
 font-style:italic;
}

.u
{
 text-decoration:underline;
}

.top
{
 vertical-align:top;
}

.middle
{
 vertical-align:middle;
}

.bottom
{
 vertical-align:bottom;
}

.center
{
 text-align:center;
}

.right
{
 text-align:right;
}