/**
  * @file core.css
  */

/* Spezielle Angaben zum body */
body    {
	margin:0px;
	padding:0px;
	background-color:#000000;
	background-image:url(../img/bg_wasserspeier.jpg);
	background-repeat:no-repeat;
}



/*erstmal für alle tags die schriftart und die farbe festlegen, um code zu sparen */
body, p, h1, h2, h3, h4, h5, h6, tr, th, td, ol, ul, li, dl, dt, dd, caption, cite, div, span, address  { color: silver; font-family: Verdana, Arial, sans-serif }

/* jetzt kommt die schriftgroessen dran, auch hier gleiches wieder zusammenfassen; * evtl. müssen bei angaben zu schriftgroessen die unterschiedlichen browser beruecksichtigt * werden. besonders netscape 4.x ist da gelegentlich zickig bei krummen groessen. */
body, p, div, span, table, tr, th, td, ol, ul, li, dl, dt, dd   { color: silver; font-size: 8pt }

/* Voreinstellung für td und tr auf valign="top" */
tr,td {vertical-align:top}

/* Überschriften und Absätze */
h1 {font-size:15pt;font-weight:normal;margin-bottom:0px;margin-top:0px;}
h2 {font-weight: normal; font-size: 13pt}
p {margin-top:0.5em;margin-bottom:0.5em;}
p.afterh1 {	margin-top:1em;}

a:link  	  { color: #f4a460; text-decoration: none }
a:visited   { color: #bc8f8f; text-decoration: none }
/*a:visited   { color: #F7BB8A; text-decoration: none }*/
a:active    { color: #f00; text-decoration: none }
a:hover     { color: #ffffff; text-decoration: none; background-color: #696969 }


/* Block für die speziellen Buttons wie home, news etc */
div.menuSpecial {
	position:absolute;
	top:70px;
	left:280px;
	width:480px;
	height:25px;
	text-align:right;
	padding:0px;
}

/* Linkklasse für die speziellen Buttons im inaktiven Zustand */
a.menuSpecial {
	font-weight:bold;
	text-decoration:none;
	background-color:#696969;
}
@media screen {
	a.menuSpecial {
		padding-left:4px;
		padding-right:4px;
		padding-top:1px;
		padding-bottom:2px;
		margin-left:4px
	}
}
a.menuSpecial:link  	 { color: #f4a460;}
a.menuSpecial:visited  { color: #f4a460;}
a.menuSpecial:active   { color: #f4a460;}
a.menuSpecial:hover    { color: #000000; background-color:#f4a460}


/* Linkklasse für die speziellen Buttons im aktiven Zustand */
a.menuSpecialOn {
	font-weight:bold;
	text-decoration:none;
	background-color:#696969;
}
@media screen {
a.menuSpecialOn {
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:2px;
	margin-left:4px
}
}
a.menuSpecialOn:link  	 { color: #e4e4e4;}
a.menuSpecialOn:visited  { color: #e4e4e4;}
a.menuSpecialOn:active   { color: #e4e4e4;}
a.menuSpecialOn:hover    { color: #e4e4e4; background-color:#696969}


/* Block für die eigentliche navi Hauptnavi */
div.menubar {

	position:absolute;
	top:95px;
	left:290px;
	width:470px;
	height:70px;
}

/* Format für die Tabelle innerhalb des Blocks für die Hauptnavi */
div.menubar table {
	float:right;
	border:none;
}

/* Tabellenzellen der Hauptnavi-table */
div.menubar table td {
	padding:4px;
	border-left:1px solid #696969;
}

/* Linkklasse für die Hauptnavi im inaktiven Zustand */
a.menubar {text-decoration:none}
a.menubar:link  	 	{ color: #f4a460;}
a.menubar:visited   { color: #f4a460;}
a.menubar:active    { color: #ffffff; background-color:#696969}
a.menubar:hover     { color: #ffffff; background-color:#696969}


/*	Linkklasse für die Hauptnavi im aktiven Zustand */
a.menubarOn: {text-decoration:none;}
a.menubarOn:link  	 { color: #ffffff;background-color:#696969}
a.menubarOn:visited  { color: #ffffff;background-color:#696969}
a.menubarOn:active   { color: #ffffff;background-color:#696969}
a.menubarOn:hover    { color: #ffffff;background-color:#696969}


/* Rahmen-div für den Content und den Footer $$$*/
div.main {
	position:absolute;
	top:170px;
	left:80px;
	padding-bottom:10px;
}


/*
	Klasse für den eigentlichen Content-Bereich
*/
div.ct {
	width:680px;
}

/*
	Standardtabelle innerhalb des Content-Blocks;
*/
div.ct table {
	width:100%;
	border:none;
	margin:0px;
	border:0px;
}

div.ct table td {
	padding:0px 0px 0px 0px;
}





/*
 * Registrierte Blöcke für Beitragsseiten, also z.B. schindluder und geschichten
 ************************************************************************************/

/*
	Illustrationen zum Content
*/
img.illu {
	display:block;
	float:right;
	margin-right:0px;
}

/**
  * id=blockArticle, umrahmt den gesamten Textteil eines Beitrags
  * wird automatisch vom PHP-Template erzeugt
  */
div.article {
  display:inline-block;
	width: 410px;
}

/**
  *	id=preTitle, also daß was Beiträger so vor den eigentlichen Titel zu schreiben können wollten
	*/
div.preTitle {
	font-weight:bold;
	color:#696969;
}

/**
  * id="subTitle", Untertitel unter h1
  */
div.subTitle {
	font-size:10pt;
	color:#a9a9a9;
	font-style:italic;
}

/**
  *  id="author" Autor und evtl Publikationsdatum
  */
div.author {
	text-align:right;
	font-size:9pt;
	margin-bottom:10px;
}


p.prolog {
	font-weight:bold;
	color:silver;
	border-left:1px solid #696969;
	border-right:1px solid #696969;
	padding-left:10px;
	margin-bottom:1em;
}

div.txt {
	width:100%;
}

div.epilog {
	width:100%;
	text-align:right;
	background-color:blue;
}


div.copyright {
	background-color:#990000;
}

/**
  * Block für die Links auf Profil, Mail und HP.
  */
div.authorInfo {
	width:100%;
	background-color:#0000a0;
}



/**
  * Das Geraffel für die Profile
  ************************************************************************************/
/*
	Tabelle für die Profile
*/
table.profile {
	width:100%;
	padding-right:50px;
}

table.profile td {
	width:100%;
	padding-right:50px;
	margin-right:50px;

}

table.profile td.lbl {
	width:30%;
	text-align:right;
	padding-right:20px;
}

table.profile td ul {
	margin-top:0px;
	margin-left:1ex;
	padding-left:8pt;
}

/*
 * Nun kommt der ganze Krempel nach dem Content
 *******************************************************************************/
div.afterContent {
	position:absolute;
	top:100%;
	width:100%;
	margin-bottom:200px;
}

div.pageTop {
	margin-top:25px;
	width:680px;
	height:21px;
}


div.pageTop img {
	width:21px;
	height:21px;
	float:right;
}

div.foot {
	width:680px;
	text-align:right;
	color:#696969;
	margin-bottom:30px;
}

/**
  * Zwar auch Formulargeraffel, aber andere Baustelle, dont touch brauch ich noch
  ********************************************************************************/
/*
  Die Tabellenzelle, in der die Errormessage steht
*/

td.frmError {
	color:#ff0000;
	font-weight:bold;
}

/*
form table td {
	margin:0px;
	padding-left:0px;
	padding-right:4px;
}
*/


/**
  * Neues Formulargeraffel zum Anpassen für lostcontrol
  */


form {
/*  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;*/
  margin-top:0px;
}


/* wieso zur Hölle frißt er das padding nicht. alles andere frißt er ohne Probleme */
form  table td {
	padding:0px 10px 3px 4px;
	background-image: url(../img/bg_quasischwarz.jpg);

}


/* die Überschrift für einen Formulablock, derzeit dunkelrot, wird angewendet auf ein div */
.frmBlockHeader {
	background-image:none;
	background-color:#000000;
}

/* der hellgelbe block um einen formularblock */
div.frmBlock {
	padding:4px 4px 4px 4px;
	background-color:#404040;
	margin-top:4px;
}

/* Diese eingebetteten Tabellen wie z.B. um URL und Verweistext bei treffpunkt 1*/
table.frmSubContainer {
	border:2px solid #ffffff;
}



/* beschriftung eines pflichtfeldes. gegenstück ist labelOptional */
.labelRequired {
  color:#f4a460;
  font-weight:normal;
}


/* beschriftung eines optionalen feldes, im stammtischformular ist die unterscheidung nicht anwendbar.
   für andere werden wir die unterscheidung allerdings benötigen */
.labelOptional {
  color:silver;
  font-weight:normal;
}

/* brauchste im moment nicht anfassen, ist eigentlich dafür gedacht, der beschriftung eines falsch ausgefüllten formularfeldes
   ne kennzeichnende farbe zu verpassen, machen wir aber bei luders so nicht */
.labelError {
  font-size:13px;
  color:#CC6600;
  font-weight:bold;
}



/* formularbuttons */
.frmButton {
  background-color:#000000;
  border:solid 1px #a9a9a9;
  color:#c0c0c0;
  font-weight:bold;
  font-size:13px;
  text-align:center;
  cursor:pointer;
  cursor:hand;
}


/* alle input-felder */
.frmInput {
  background-color:#c0c0c0;
  border:solid 1px #000000;
  font-size:12px;
  padding-left:4px;
  padding-top:3px;
  height:20px;
}

.codeField {
	font-family:"Lucida Console","Andale Mono", "Courier New";
	font-size:10pt;
	color:navy;
}


/* textarea */
.frmArea {
 background-color:#c0c0c0;
 border:solid 1px #000000;
 padding-left:4px;


 	scrollbar-base-color:#a9a9a9;
 	scrollbar-face-color:#a9a9a9;
 	scrollbar-highlight-color:#c0c0c0;
 	scrollbar-shadow-color:#000000;
 	scrollbar-arrow-color:#000000;
	scrollbar-track-color:#a9a9a9;
}


/* spielerei, damit könnte man falsch ausgefüllte inputs anders einfärben, machen wir aber nicht, also einfach so lassen, falls wirs doch mal brauchen */
.frmInputError {
  background-color:#EACC94;
  border:solid 1px #e6cc75;
  border-top:solid 2px #e6cc75;
  border-left:solid 2px #e6cc75;
}


/* Klassen zum Rausblasen der Fehlermeldungen bei Fehleingaben in Formularen */
.errMsg {
	color:silver;
	background-color: #800000;
	font-weight:bold;
	font-size:11px;
}
p.errMsg {

}

div.errMsg {
	padding-bottom:0px;
}
ul.errMsg {
	margin-top:0px;
	padding-bottom:4px;
}
ul.errMsg li {
	color:silver;
	font-weight:normal;
	font-size:8pt;
}

ul.errMsg li a:link {color:silver;}
ul.errMsg li a:active {color:silver;}
ul.errMsg li a:visited {color:silver;}
ul.errMsg li a:hover {color:#800000;background-color:silver;text-decoration:underline}


/* was der hier eigentlich soll, weiss ich leider auch nicht mehr */
p.gaga {color:orange;border:1px solid red}
/* freie Klassen für den Terminkalender, Stammtische und Linkliste */
.wochenende   { background-image: url(../img/bg_quasischwarz.jpg); padding: 10px }
.monat   { font-weight: bold; font-size: 8pt; background-color: #696969; padding: 10px; border: #c0c0c0 }
.plz { font-weight: bold; font-size: 8pt; background-color: #696969; padding: 10px; border: #c0c0c0 }
.linkkategorie { font-weight: bold; font-size: 8pt; background-color: #696969; padding: 10px; border: #c0c0c0 }

/*_______________________________________________
Klassen zum ausklappbare Bäume malen */

/* scrollbares div, in dem der Baum gemalt wird */
div.tree {
	width:300px;
	height:400px;
	overflow:auto;
	clip:1px 298px 398px 1px;
	border: 1px solid silver;

	scrollbar-base-color:#a9a9a9;
	scrollbar-face-color:#a9a9a9;
	scrollbar-highlight-color:#c0c0c0;
	scrollbar-shadow-color:#000000;
	scrollbar-arrow-color:#000000;
	scrollbar-track-color:#a9a9a9;
}



/* DIV für einen Knoten */
div.nodeContainer {
	font-size:10pt;
	margin-bottom:4px;
	min-width:298px;
}

/* Icons für die verschiedenen Zustände */
img.icon_ropen, img.icon_fopen, img.icon_rempty,img.icon_rclosed   {
	width:9px;
	height:9px;
	margin-right:10px;
	cursor:pointer;
	cursor:hand;
}

img.icon_fclosed {
	width:9px;
	height:9px;
	margin-right:10px;
	cursor:pointer;
	cursor:hand;
}

img.icon_fempty, img.icon_item {
	width:9px;
	height:9px;
	margin-right:10px;
}

/* SPAN fürs Label */
span.nodeLabel {
	color:#f4a460;
	cursor:pointer;
	cursor:hand;
}

span.nodeLabelDisable {
	color:silver;
}

/*________________________________
	Context-Menues */

div.contextMenu {
	background-color:silver;color:black;border:1px solid white;cursor:pointer;cursor:hand;
}

div.contextMenu span {
	cursor:pointer;
	cursor:hand;
}

div.contextMenuToolbar {
	background-color:#606060;
	text-align:right;
	padding:2px;
}

div.contextMenuItem {
	padding:2px;
	border-top:1px solid #606060;
	cursor:pointer;
	cursor:hand;
	color:black;
}


/*___________________________________
Toolbars */
div.tBar {
	background-color:#D4D0C8;
	border-bottom:1px solid #999999;
}

div.tBar table {
	width:100%
}

table.tBar {
	width:100%
}

td.tBarTitle {
	padding-left:4px;
	color:#000000;
	font-weight:bold;
}

td.tBarTools {
	text-align:right;
}

img.tBarIcon {
	margin-right:4px;
	width:16px;
	height:16px;
	cursor:pointer;
	cursor:hand;
}

/*__________________________________
Vorschau und Vollansicht von foldern und Items */
div.viewFull {
	background-color:#D4D0C8;
	border:1px solid #999999;
	width:400px;
}

div.viewFullData {
	background-color:#1F1F1F;
	margin-left:2px;
	margin-right:2px;
	padding-bottom:2px;
}

div.viewFullTitle {
	font-size:10pt;
	font-weight:bold;
	color:#f4a460;
	padding-top:10px;
	margin-left:4px;
	margin-right:4px;
}

div.viewFullDescr {
	margin-left:4px;
	margin-right:4px;
}

div.viewFullDT {
	margin-top:10px;
	margin-left:4px;
	margin-right:4px;
	border-top:1px solid #f4a460;
	padding-top:2px;
	color:#f4a460;
}