/** ### Grundlegende Einstellungen ###################################### **/
/* ### Ausrichtung und Format des gesamten Textes #######################  */
body {
 font: normal 14px Tahoma, Verdana, Helvetica, sans-serif;
 text-align: left;
}

/* ### Eigenschaften aller Hyperlinks ###################################  */
a:link, a:active, a:visited {
 color: #ffffff;
 text-decoration: underline;
}

a:hover {
 color: #ffffff;
 text-decoration: none;
}

/* ### Format des kleinen Textes ########################################  */
label, small { font: 12px Tahoma, Verdana, Helvetica, sans-serif; }

/** ### Einstellungen des Seitenlayoutes ################################ **/
/* ### Ausrichtung von Elementen wie neuer Eintrag(Button) nach rechts ##  */
.right { text-align: right; }

/* ### Farbeinstellungen der Seitennavigation  ##########################  */
.pagelink, .pagelink a:link, .pagelink a:active, .pagelink a:hover, .pagelink a:visited { color: #ffffff; }

/* ### Definition des Hintergrundes der Titelleiste #####################  */
.tabletitle { background: #0B6295 url('../../../../images/cellpic.gif'); }

/* ### Definition der Hintergründe der Spalten ##########################  */
.tablea { background: #0B6295; }

.tableb { background: #3972A6; }

/* ### Definition der Hintergründe bei gemeldeten Einträgen #############  */
.reportet { background: #FF9F9F; }

/* ### Eigenschaften der Copyright Box ##################################  */
#footer {
 padding-top: 15px;
 clear: both;
}

#footer div {
 text-align: center;
 margin: auto auto;
 background: #3972A6;
 color: #ffffff;
 border: 1px solid #ffffff;
 width: 400px;
}

/* ### Eigenschaften der linken Spalte, mit Avatar, Nutzernamen oder ##### */
/* ### auch dem Datum des Eintrages ###################################### */
.postbit_infobox {
 width: 190px;
 text-align: center;
 white-space: nowrap;
}

.postbit_infobox td { width: 100%; }

.space {
 clear: both;
 border: 0 none;
 width: 190px;
 height: 1px;
}

/* ### Box zum Sperren und Löschen ######################################  */
div.del {
 background: #3972A6;
 border: 1px solid #3972A6;
 padding: 2px;
 width: 130px;
 text-align: center;
 float: right;
 margin-right: 5%;
}

/** ### Eingabefeld für das Bearbeiten von Einträgen und Kommentaren #### **/
.edit fieldset {
 text-align: left;
 margin: auto auto;
}

.edit textarea {
 background: #3972A6;
 border: 1px solid #000;
 padding: 2px;
 cursor: text;
 width: 450px;
}

.edit textarea:hover {
 border: 1px solid #000;
 background: #3972A6;
 padding: 2px;
}

.edit input:hover { background: #3972A6; }

/** ### Eigenschaften des Eingabefeldes ################################### **/
div.require {
 text-align: right;
 margin-right: 10px;
 color: #FFF;
}

/******************* Extra ************************************************ */
/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
 display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
*/
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg {
 display: block;
 background: #3972A6;
 border: 1px solid #F00;
 margin: 4px;
 padding: 6px;
 width: 330px;
 font-weight: bold;
}

/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
*/
 
 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {
 background: #3972A6;
 text-indent: 2px;
}

/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
 background: #3972A6;
}

/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
 background: ##3972A6;
}