/**
 * Skin design.css f�r die Pizzards GoldieDB
 */
/* Erstmal die Links formatieren.*/
a {
	text-decoration: none;
}

a:link {
	text-decoration: none;
	color: #800000;
}

a:visited {
	text-decoration: none;
	color: #006060;
}

a:hover {
	font-weight: bold;
	background-color: #f0f0f0;
}

a:active {
	text-decoration: none;
	font-weight: bold;
	color: #00a000;
}

/*Link zu eigenem Account, hat schwarzen Hintergrund!*/
a.ownlink {
	text-decoration: none;
}

a.ownlink:link {
	text-decoration: none;
	color: #cfcfcf;
}

a.ownlink:visited {
	text-decoration: none;
	color: #afefef;
}

a.ownlink:hover {
	font-weight: bold;
	background-color: #3a3a3a;
}

a.ownlink:active {
	text-decoration: none;
	font-weight: bold;
	color: #ff0fff;
}

/*Nun f�r die Newsanzeige am unteren Rand den Footer festlegen. */
/* Footer und Header */
/* Angaben f�r alle standardkonformen Browser */
body {
	margin: 0;
	padding: 0;
}

#content_container {
	padding-bottom: 3em;
	padding-left: 0;
	z-index: 0;
}

#footer {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: #efefef;
	text-align: left;
	padding: 2px;
	z-index: 100;
}

#header2 {
	position: fixed;
	top: 0px;
	right: 0px;
	background: #efefef;
	text-align: center;
	width: 70px;
	padding: 0px;
	z-index: 100;
}

/* Angaben nur f�r den Internet Explorer mit Star-HTML-Hack */
* html,* html body {
	height: 100%;
	overflow: auto;
}

* html #header {
	margin: 0;
	height: 0%;
}

* html #content_container {
	padding: 0.5em;
	height: 94%;
	overflow: auto;
}

* html #footer {
	height: 6%;
	padding-top: 1%;
}

/*Standard-Tooltip f�r die K�mpfe */
/* Tooltip */
a.tooltip,a.tooltip:link,a.tooltip:visited,a.tooltip:active {
	position: relative;
	text-decoration: none;
	border-bottom: 0px dotted #4dbcf3;
}

a.tooltip:hover {
	background: transparent;
}

a.tooltip span {
	display: none;
	text-decoration: none;
}

a.tooltip:hover span {
	display: block;
	position: absolute;
	top: 30px;
	left: 0;
	width: 200px;
	z-index: 10;
	color: #000000;
	border: 1px solid;
	border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF;
	border-left: 4px solid #4dbcf3;
	padding: 2px 10px 2px 10px;
	background-color: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-style: Normal;
	text-align: left;
}

/* Tooltip f�r K�mpfe*/
/*Der Original Tooltip geht nach links aus dem Brwoserfenster raus, deswegen ist hier die Formatierung umgekehrt. */
a.tooltip1,a.tooltip1:link,a.tooltip1:visited,a.tooltip1:active {
	position: relative;
	text-decoration: none;
	border-bottom: 0px dotted #4dbcf3;
}

a.tooltip1:hover {
	background: transparent;
}

a.tooltip1 span {
	display: none;
	text-decoration: none;
}

a.tooltip1:hover span {
	display: block;
	position: absolute;
	top: 30px;
	right: 0;
	width: 100px;
	z-index: 10;
	color: #000000;
	border: 1px solid;
	border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF;
	border-left: 4px solid #4dbcf3;
	padding: 2px 10px 2px 10px;
	background: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-style: Normal;
	text-align: right;
}

/* Tooltip f�r Level*/
a.tooltip2,a.tooltip2:link,a.tooltip2:visited,a.tooltip2:active {
	position: relative;
	text-decoration: none;
	border-bottom: 0px dotted #4dbcf3;
}

a.tooltip2:hover {
	background: transparent;
}

a.tooltip2 span {
	display: none;
	text-decoration: none;
}

a.tooltip2:hover span {
	display: inline;
}

/* Jetzt geht das eigentliche Chaos los. */
/* Links oben die Gesamtkampfzahl etwas kleiner, passte sonst nicht. */
span.totalFights {
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.7em;
}

/* R�ckmeldung beim Eintragen von K�mofen auch kleiner */
span.import {
	font-size: 0.7em;
}

/*Der ist f�r das Importfeld, tuts aber irgendwie nicht ganz */
.smaller {
	color: #aFaFaF;
	font-size: 10px;
	width: 150px;
	height: 30px;
	overflow: hidden;
}

/* Hier gehts los mit den Formatierungen f�r die Haupttabelle */
/*Erstmal Rahmen rein */
table.maintable td {
	border: 1px solid black;
	padding: 1px 2px;
}

/* Formatierungen f�r die Haupttabelle, ja sehr einfallslos, ich wei� */
.maintable {
	border: 1px solid black;
	font-family: Arial;
	font-size: 13px;
	padding: 2px;
	border-spacing: 0px;
}

/* Was man so alles an Farben braucht, beziehcner sind recht eindeutig */
td.gruen {
	border: 1px solid black;
	padding: 1px 2px;
	background-color: #00FF00;
}

td.rot {
	border: 1px solid black;
	padding: 1px 2px;
	background-color: red;
}

td.schwarz {
	border: 1px solid gray;
	padding: 1px 2px;
	background-color: black;
	color: white;
}

td.grau {
	border: 1px solid black;
	padding: 1px 2px;
	background-color: gray;
}

/* Durchgestrichene Zeilen f�r Goldies die man schon hatte */
tr.linthr td {
	text-decoration: line-through;
	background-color: #ff4444;
}

tr.line:hover td,tr.linthr:hover td {
	background: #77ffff;
}

tr.line:hover td.rot,tr.linthr:hover td.rot,tr.missi:hover td.rot {
	background-color: maroon;
}

tr.line:hover td.gruen,tr.linthr:hover td.gruen,tr.missi:hover td.gruen
	{
	background-color: #22aa22;
}

/*F�r aus Profilen Berechnete daten, also Sch�tzdaten */
/* Sollen unterscheidbar von normaldaten sein, weil die Profilberechnungen nur etwa 80% trefferchance haben. */
td.angenrow {
	border: 1px solid black;
	padding: 1px 2px;
	font-style: italic;
	color: navy;
	border: 1px solid navy;
}

/*Kennzeichnung mit dem MISSI-Tag bei Missigoldies (hinter dem Namen) */
sub,sup {
	line-height: 0px;
	font-size: 70%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: white;
	color: red;
}

/*Zur einfachen Textausrichtung in Tabellen */
.right {
	text-align: right;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

/*Standardausgabetabelle, gerade in den Optionen und Statistiken mehrfach verwendet */
table.defaulttable {
	font-family: Arial;
	border-spacing: 0px;
	width: 100%;
}

/* Rahmen rein Blindtabelle */
table.defaulttable td { /*border: 1px solid black;*/
	
}

/*Tabelle zur Anzeige der eigenen Skills und Gold, �ber der Haupttabelle */
table.skilltab {
	border: 1px solid black;
	font-family: Arial;
	font-size: 13px;
	width: 100%;
	padding: 2px;
	border-spacing: 0px;
}

/* Tabellle in den Statistiken */
table.stat {
	border: 1px dashed black;
	font-family: Arial;
	padding: 2px;
	border-spacing: 0px;
}

table.stat td {
	text-align: center;
	border: 1px solid black;
}

/*Newsbox, die wird durch JS eingeblendet, wenn man �ber Mehr news unten f�hrt */
.newsright {
	position: absolute;
	background: #EEEEEE;
	bottom: 1.5em;
	padding: 6px;
	right: 0;
	z-index: 200;
	color: #000000;
	visibility: hidden;
}

/*Anzeige der zuletzt aktiven J�ger, JS blendet sie ein */
.onlineanzeige {
	position: absolute;
	background: #EEEEEE;
	padding: 6px;
	z-index: 200;
	color: #000000;
	visibility: hidden;
}

/* nicht formatierter Link, wird in der �berschrift rechts oben verwendet. */
.nflink {
	text-decoration: none;
	color: #000000;
}

/*ja die und die obere Klasse k�nnte man eigentlich zusammenlegen, f�llt mir gerade auf^^ */
.ueberschrift {
	font-size: 30px;
	font-weight: bold;
}

/* Anzeige der eigenen Skills �ber den Kopfzeile der Haupttabelle */
td.ownrow {
	font-weight: bold;
	background-color: black;
	color: white;
}

/* Goldies im Stundenschutz */
td.stdschutz {
	background-color: #bccbbc;
}

/* Der Blinkeffekt, sobald ein Goldie bald frei wird.
Im einsek�ndigen Wechsel wird dem Zeitfeld blinken1 und blinken2 als Klasse zugeodrnet. */
.blinken1 {
	color: #3333aa;
	text-decoration: overline;
	font-weight: bold;
}

.blinken2 {
	color: #880000;
	text-decoration: underline;
	font-weight: bold;
}

/* Klassen zu Highscore-Link Formatierung. */
a.hsgruen,a.hsgruen:link,a.hsgruen:visited,a.hsgruen:hover,a.hsgruen:active
	{
	text-decoration: none;
	font-weight: normal;
	color: #22cb22;
}

a.hsrot,a.hsrot:link,a.hsrot:visited,a.hsrot:hover,a.hsrot:active {
	text-decoration: none;
	font-weight: normal;
	color: #cb2222;
}

a.hsgelb,a.hsgelb:link,a.hsgelb:visited,a.hsgelb:hover,a.hsgelb:active {
	text-decoration: none;
	font-weight: normal;
	color: #abab02;
}
tr.inactive td{
	text-decoration:line-through;
}
.error{
	font-weight: bold;
	color: red;
}
.success{
	font-weight: bold;
	color: green;
}