/**
 * Projekt:	LeTRa
 * SVN:		$Id: styles.css 13 2007-07-29 13:20:05Z Sarah $
 * Author:	Sarah Kirchner
 * Create:	01.03.2007
 * Copyright:
 * Diese Datei ist ein Bestandteil für die Website von L und darf nur dort
 * verwendet werden.
 * Purpose:
 * Hier sind die Standard Elemente definiert, die sowohl für das Layout, als
 * auch für den Editor, verwendetet werden.
 */

@IMPORT url("editor.css");

/*
	Hintergrund fuer den Administrationsbereich
*/
body.admin {
	background: url('themes/admin_hg.gif') repeat-x top left #fff;
}

/*
	Hintergrund fuer die Öffentlichkeitsarbeit
*/
body.basis {
	background: url('themes/basis_hg.gif') repeat-x top left #fff;
}

/*
	Hintergrund fuer die Öffentlichkeitsarbeit
*/
body.public {
	background: url('themes/public_hg.gif') repeat-x top left #fff;
}

/*
	Hintergrund fuer die Coming Out Arbeit
*/
body.come {
	background: url('themes/come_hg.gif') repeat-x top left #fff;
}

/*
	TODO Hintergrund fuer Beratung
*/
body.help {
	background: url('themes/help_hg.gif') repeat-x top left #fff;
}

/*
	Das Element wird für das Layout-Tabelle verwendet.
*/
#layout {
	table-layout: fixed;
	width: 100%;
}

/*
	Das Zellen Element ist für die Darstellung der Benutzerinformationen
*/
#layout td.userBar {
	font-size: 0.8em;
	height: 29px;
	text-align: left;
	vertical-align: middle;
	padding: 0;
}

#layout td.userBar p {
	padding: 0 20px;
}

/*
	Das Zellen Element ist für die Darstellung der Toolbar
*/
#layout td.toolBar {
	font-size: 0.8em;
	height: 29px;
	text-align: right;
	vertical-align: middle;
	padding: 0 20px;
}

#layout td.header {
	height: 113px;
	padding: 0;
}

#layout td.menuBar {
	padding: 0 0;
	text-align: left;
	vertical-align: top;
}

#layout td.menuBar fieldset {
	margin: 25px 20px;
	border: 1px solid #ccc;
}

#layout td.menuBar fieldset p {
	margin: 10px;
	text-align: center;
}

#layout td.menuBar fieldset legend {
	font-weight: bold;
	color: #000;
}

a.menu:link, a.menu:visited {
	color: #000;
	text-decoration: none;
}

a.menu:hover, a.menu:active, a.menu:focus {
	color: #000;
	text-decoration: underline;
}

/*
	Das Element ist für das Hauptmenü <ul id="mainMenu">...</ul>
*/
#mainMenu {
	list-style: none;
	margin: 0;
	padding: 25px 20px;
}

/*
	Das Element ist ein Eintrag im Hauptmenü
*/
#mainMenu li {
	font-size: 110%;
	font-weight: bold;
	padding: 4px 0;
	margin: 0;
	vertical-align: middle;
}

/*
	Das Element ist für ein Untermenu <ul id="subMenu">...</ul>
*/
#subMenu {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0 0 0 13px;
}

/*
	Das Element ist ein Eintrag im Untermenü
*/
#subMenu li {
	font-size: 100%;
	font-weight: bold;
	padding: 4px 0;
	margin: 0;
	vertical-align: middle;
}

/*
	Das Image Element für ein Menüeintrag
*/
#menuBar img.menuItem {
	width: 8px;
	height: 14px;
	border-style: none;
	text-align: center;
	vertical-align: middle;
}

#menuBar .menuText {
	padding: 25px 20px;
}

/*
	Das Zellen Element für den Inhalt einer Seite
*/
#layout td.content {
	padding: 20px 10px 20px 20px;
	text-align: left;
	vertical-align: top;
}

/*
	Das Zellen element ist für die Information
*/
#layout td.infoBar {
	font-size: 80%;
	height: 20px;
	text-align: left;
	vertical-align: bottom;
	padding: 0;
}

#layout td.infoBar p {
	padding: 0 20px;
}

#layout td.copyBar {
	font-size: 80%;
	height: 20px;
	text-align: right;
	vertical-align: bottom;
	padding: 0 20px;
}

form {
	display: inline;
}

table.form {
	background: #eeeeee;
	border: 1px solid #666;
	margin: 10px 0;
}

table.form td {
	padding: 5px 2px;
}

table.form td.formFooter {
	border-top: 1px solid #666;
	text-align: right;
	padding: 3px 2px;
}

table.list {
	border: 1px solid #999;
	margin: 10px 0;
}

table.list td p {
	margin: 0;
	padding: 0;
}

table.detail {
	border: 1px solid #999;
	margin: 10px 0;
}

table.detail td.detailFooter {
	border-top: 1px solid #666;
	text-align: right;
	padding: 3px 2px;
}

table.detail td p {
	margin: 0;
	padding: 0;
}

table.admin {
	border: 1px solid #999;
}

table.admin td {
	font-size: 90%;
}

table.admin td dl dd {
	margin-left: 15px;
}

table.admin caption {
	font-size: 100%;
	padding-top: 5px;
}

div.fotoPreview {
	background: #eee;
	border: 1px solid #ccc;
	width: 155px;
	float: left;
	padding: 2px;
	margin: 1px;
	text-align: center;
}

div.fotoPreview img {
	border: 1px dotted #ccc;
	margin-left: auto;
	margin-right: auto;
}

div.fotoPart {
	padding: 2px;
}

div.fotoPart p {
	background: #666;
	color: #fff;
	font-weight: bold;
	padding: 2px;
}

/* es ist für die Fotogalerie die Vorschau der Foto's */
#sideBarPreview {
	overflow: auto;
	height: 420px;
}

/*
div.fotoPreview table {
	border: 1px solid #ccc;
	background: #eee;
}
*/

div.fotoPreview table td {
	font-size: 80%;
}

/*
	Das Element für Command Bild
*/
.img16 {
	border-style: none;
	height: 16px;
	width: 16px;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.hint {
	color: red;
}

.menuClose {
	color: red;
	font-weight: bold;
}

.menuVisible {
	color: green;
	font-weight: bold;
}

.menuHidden {
	color: gray;
	font-weight: bold;
}

.themaBasis {
	color: #ff0099;
}

.themaCome {
	color: #ff9400;
}

.themaHelp {
	color: #660033;
}

.themaPublic {
	color: #2d86a2;
}

.themaAdmin {
	color: #a0a0a0;
}


.trBg {
	background: #eee;
}

input, button, select, textarea {
	font: normal 100% Arial, Helvetica;
}

input.readonly {
	border: 1px solid red;
	font-style: italic;
	color: gray;
}

input.title {
	font-size: 140%;
	font-weight: bold;
}

/* Div fuer den Backup- oder als Message-Hintergrund */
#messageBox {
	border: 3px double #cc0000;
	background: #eee;
	width: 600px;
	padding: 5px 20px;
}

/* Ausgabe beim Backup (wie in einer Konsole) */
#outputBox {
	background-color: #000000;
	color: white;
	font: normal 8pt monospace;
	height: 250px;
	width: 560px;
	overflow: auto;
}

#outputBox pre span {
	color: lime;
}

.debug {
	padding: 5px 0;
}

.debug table {
	background: #eaeaea;
	border: 1px solid #a0a0a0;
	width: 100%;
}

.debug table th {
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: left;
	background: #0000aa;
	color: #fff;
	padding: 2px 4px;
}

.debug table td {
	font: normal 10pt Arial, Helvetica, sans-serif;
	color: #000;
	border-top: 1px solid #a0a0a0;
	padding: 2px 4px;
}