/* formate.css - Copyright Mario Haßler */
/* Stand: 16.01.2012 */


/* Allgemeine Formate: ============================================= */


/* Farben ---------------------------------------------------------- */

.textbutton,
.smalltextbutton	{ color:#000; }

.fehler			{ color:#E50000; }

.suchbegriff		{ color:#600; }
.E			{ color:#666; }

.ausgeblendet		{ color:#888; }
.geloeschter_kommentar	{ color:#664; }


/* Rahmen ---------------------------------------------------------- */

.grafikbutton,
.tabelle_allgemein td td,
.tabelle_uebersicht td td,
.tabelle_uebersicht .abstand td,
.tabelle_uebersicht td.zusammenfassung_suche,
.tabelle_navigation td td,
.decklisten_eingabe td td,
.decklisten_eingabe .editcodes td,
img,
iframe			{ border:0 none transparent; }

.rfarbe0		{ border:1px solid #FFFFE5; }
.rfarbe1		{ border:1px solid #FFFFDD; }
.rfarbe2		{ border:1px solid #E5E5C3; }
.rfarbe3,
.werbung iframe		{ border:1px solid #D5D5B3; }

.textbutton,
.smalltextbutton	{ border:2px solid #998; border-left-color:#FFE; border-top-color:#FFE; }

.textbutton_gedrueckt,
.smalltextbutton_gedrueckt	{ border:2px solid #998; border-right-color:#FFE; border-bottom-color:#FFE; }

.regeln			{ border:1px solid #E5E5C3; }

.tabelle_allgemein td,
.tabelle_navigation,
.decklisten_kommentar,
.oldversion_button,
.decklisten_eingabe td,
.navigation_leseecke,
.rahmen,
.fatalerror		{ border:1px solid #600; }

.deckliste		{ border:2px solid #600;  }

.tabelle_uebersicht td,
.tabelle_navigation td,
.tabelle_uebersicht td.zusammenfassung_deck,
.tabelle_uebersicht td.zusammenfassung_kombo,
.tabelle_uebersicht td.zusammenfassung_kommentar,
.decklisten_kommentar td	{ border:0px solid #600; }

#login div.werbung	{ border-bottom:1px solid #D5D5B3; }

#preisliste		{ border-collapse:collapse; }
#preisliste td,
#preisliste th		{ border-width:1px; border-style:solid hidden; border-color:#DDD; }


/* Schriftarten ---------------------------------------------------- */

body, table,
input, textarea,
.textbutton,
.smalltextbutton,
#fusszeile,
#menuebereich,
#login div		{ font-family:Arial,Helvetica,sans-serif; }

.ticker			{ font-family:monospace; }


/* Schriftgrößen und Zeilenabstand --------------------------------- */

body			{ font-size:100%; }

input,
textarea,
.beispiel,
.erlaeuterung,
.kleineschrift,
.sprache,
.kartentext,
.zusammenfassung_suche	{ font-size:0.9em; }

.hinweis_klein,
.hinweis_klein input,
.sehrkleineschrift,
.textbutton,
.topsites		{ font-size:0.8em; }


.winzigeschrift,
.navigation_leseecke	{ font-size:0.75em; }

.smalltextbutton	{ font-size:0.6em; }

.groessererzeilenabstand
			{ line-height:2.5ex; }


/* Textformatierung ------------------------------------------------ */

.besucher		{ font-style:italic; text-align:right; }

.fehler			{ font-weight:bold; }

.karte			{ font-style:italic; }
.kartenliste		{ font-style:normal; }
.karte,
.kartenliste		{ text-decoration:none; }

.suchbegriff		{ font-weight:bold; font-style:italic; }

.nowrap			{ white-space:nowrap; }


/* noch unsortiert ------------------------------------------------- */

.topsites		{ float:left; margin-left:0; text-align:left; vertical-align:bottom; white-space:nowrap; }
.beispiel		{ margin-left:2em; margin-right:2em; }
.fehlerhaft		{ padding:0 2px; }
.korrigiert		{ padding:0 2px; }
.fatalerror		{ margin-top:2px; padding:10px 10px 2px 10px; }

.extlink		{ background:url("pics/extlink.gif") center left no-repeat; padding:0 2px 0 16px; }

.grafikbutton		{ cursor:pointer; padding:0; }
.textbutton		{ cursor:pointer; padding:0 4px; }
.smalltextbutton	{ cursor:pointer; }

li			{ margin-bottom:0.4ex; margin-top:0.4ex; }

form			{ margin:0; }

.h_common		{ border:1px solid #999; background-color:#BBB; color:#111; float:right; margin-left:2px; font-size:80%; }
.h_uncommon		{ border:1px solid #DDD; background-color:#EEE; color:#555; float:right; margin-left:2px; font-size:80%; }
.h_mythicrare		{ border:1px solid #EB6; background-color:#FC7; color:#842; float:right; margin-left:2px; font-size:80%; }
.h_rare			{ border:1px solid #CC7; background-color:#DD8; color:#663; float:right; margin-left:2px; font-size:80%; }
.h_special		{ border:1px solid #C6B; background-color:#D7C; color:#514; float:right; margin-left:2px; font-size:80%; }
.h_land			{ border:1px solid #666; background-color:#777; color:#EEE; float:right; margin-left:2px; font-size:80%; padding:0 1px; }

.such_begriff		{ background-color:#9F9; border:1px solid #6A6; padding:0 2px; }
.such_ausschluss	{ background-color:#F99; border:1px solid #A66; padding:0 2px; }

.regeln_level1		{ padding-left:2em; }
.regeln_level2		{ padding-left:4em; }
.regeln_beispiel	{ padding-left:4em; font-style:italic; font-size:0.9em; }

.tabelle_allgemein,
.tabelle_uebersicht,
.tabelle_navigation,
.decklisten_eingabe		{ border-collapse:collapse; empty-cells:show; }

.tabelle_allgemein td		{ padding:5px 10px; }
.tabelle_allgemein td td	{ padding:2px; }

.tabelle_uebersicht td		{ padding:0px 10px; }
.tabelle_uebersicht td td	{ padding:0; }
.tabelle_uebersicht .abstand td	{ padding:0; height:10px; }

.tabelle_navigation td		{ padding:5px 10px; }
.tabelle_navigation td td	{ padding:0; }

.tabelle_uebersicht td.zusammenfassung_deck,
.tabelle_uebersicht td.zusammenfassung_kombo,
.tabelle_uebersicht td.zusammenfassung_kommentar	{ padding:0px 10px; }
.tabelle_uebersicht td.zusammenfassung_suche		{ padding:5px 5px 10px 5px; }

.deckliste			{ margin-top:25px; padding:10px; }
.decklisten_kommentar		{ border-collapse:collapse; margin-top:25px; empty-cells:show; }
.decklisten_kommentar td	{ padding:10px; }

.decklisten_eingabe td		{ padding:10px; }
.decklisten_eingabe td td	{ padding:0; }
.editcodes td			{ padding:10px; }

.geloeschter_kommentar	{ text-decoration:line-through; }

.navigation_leseecke	{ float:right; margin-bottom:1ex; margin-left:3ex; padding:2px; white-space:nowrap; }
.navigation_leseecke td	{ padding:0 2px; text-align:center; }

.smalltextbutton	{ padding:0; margin:1px 0 0 0; vertical-align:top; }
.ausgeblendet		{ opacity:0.5; }

#t_main			{ border-spacing:0px; }


/* Bildschirm: ===================================================== */

@media screen, handheld, projection {


	/* Farben ---------------------------------------------------------- */

	body			{ color:#000; }

	a:link			{ color:#600; }
	a:visited		{ color:#500; }

	#login div#online,
	.ticker,
	.sonderinfo		{ color:#757553; }

	#online a		{ color:#646442; }

	.buy_floating_card,
	.buy_floating_card A	{ color:#F00; }

	/* Hintergrundfarben ----------------------------------------------- */

	body,
	#menue .activ		{ background-color:#FFFFE5; }

	#copyright,
	#menue div,
	.ticker,
	.titelzeile td		{ background-color:#FFD; }

	#navigation,
	#zurueck,
	#login div.login,
	.leseeckenkommentare,
	#leseeckenmenue.entwuerfe a	{ background-color:#E5E5C3; }

	#login div.werbung	{ background-color:#E5E5C3; }

	#menue a:hover		{ background-color:#F3F3D1; }

	#login div#online,
	#menue div div		{ background-color:transparent; }

	.floating_card,
	.floating_cardtext	{ background-color:white; }
	.floating_cardimage	{ background-color:#EEE; }
	.floating_cardunknown	{ background-color:#FCB; }

	.tabelle_uebersicht td.zusammenfassung_deck,
	.tabelle_uebersicht td.zusammenfassung_kombo,
	.deckliste		{ background-color:#FFFFEF; }

	.farbe0,
	.rfarbe0,
	.zeile0			{ background-color:#FFFFE5; }
	.decklisten_eingabe td,
	.regeln,
	.farbe1,
	.rfarbe1		{ background-color:#FFFFDD; }
	.tabelle_uebersicht td,
	.farbe2,
	.rfarbe2		{ background-color:#E5E5C3; }
	.mitglieder_entwicklung,
	.tabelle_navigation td,
	.decklisten_kommentar td,
	.geloeschter_kommentar,
	.rfarbe3		{ background-color:#D5D5B3; }

	.tabelle_allgemein td,
	.tabelle_uebersicht td.zusammenfassung_kommentar,
	.decklisten_kommentar td.inhalt,
	.navigation_leseecke
				{ background-color:#F5F5D3; }
	.zeile1			{ background-color:#F3F3D1; }

	/* .extlink		{ background-color:#EEEEE1; } */

	.manaW			{ background-color:#FFFFFE; }
	.manaB			{ background-color:#AACCFF; }
	.manaS			{ background-color:#BBBBBB; }
	.manaR			{ background-color:#FFAAAA; }
	.manaG			{ background-color:#AAEEBB; }
	.manaF			{ background-color:#EEEECC; }

	.grafikbutton,
	.tabelle_allgemein td td,
	.tabelle_navigation td td,
	.tabelle_uebersicht td td,
	.tabelle_uebersicht .abstand td,
	.tabelle_uebersicht td.zusammenfassung_suche,
	.decklisten_eingabe .editcodes td	{ background-color:transparent; }

	.textbutton,
	.smalltextbutton	{ background-color:#DDC; }

	.fehlerhaft		{ background-color:#FCC; padding:0 2px; }
	.korrigiert		{ background-color:#CFC; padding:0 2px; }

	.fatalerror		{ background-color:#FFD; }

	.umzug			{ background-color:#DEF; }

	.benutzer_online	{ background-color:#AFA; }
	.benutzer_aktiv		{ background-color:#DFD; }
	.benutzer_nicht_online,
	benutzer_nicht_aktiv	{ background-color:#DDD; }

	/* Rahmen ---------------------------------------------------------- */

	#menue div,
	#menue .trenner		{ border:1px solid #B5B593; }
	#menue hr		{ border-top:1px dashed #600; }
	#menue div div		{ border:none; }

	#inhalt,
	#login			{ border-right:10px solid #E5E5C3; }

	#leseeckenmenue hr	{ border:none; border-bottom:4px solid #E5E5C3; }

	.ticker,
	#login input		{ border:1px solid #D5D5B3; }

	#leseeckenmenue div,
	.leseeckeneingabe	{ border-left:4px solid #E5E5C3; }

	.floating_card		{ border:1px dotted black; }
	.floating_cardtext .floating_cardtext_typecost	{ border-color:#CCC; border-style:solid; border-width:1px 0; }
	.floating_cardtext .floating_cardtext_value	{ border-color:#CCC; border-style:solid; border-width:1px 0 0 0; }


	/* noch unsortiert ------------------------------------------------- */

	body {
		background-image:url(pics/bg.jpg);
		margin:0;
		padding:0;
	}

	#t_main {
		border-top:3.0ex solid #E5E5C3;
	}

	table {
		border-spacing:0;
		font-size:1.0em;
		margin:0;
		padding:0;
	}

	#navigation {
		padding:0;
		vertical-align:top;
	}

	#inhalt {
		font-size:1.0em;
		height:auto;
		padding:1.1em 1.1em 2.2em 2.2em;
		vertical-align:top;
		width:100%;
	}

	#fusszeile {
		padding:0;
	}

	#copyright {
		padding:0.5em;
		text-align:center;
		vertical-align:middle;
		white-space:nowrap;		/* kein automatischer Zeilenumbruch */
	}

	#copyright,
	#copyright TD {
		font-size:0.75em;
	}

	#zurueck {
		font-size:0.9em;
		padding:0.4em 0.8em 0.4em 2.4em;
		text-align:right;
		vertical-align:middle;
	}

	#logo {
		/* position:fixed; (funktioniert nicht, da kein Platz reserviert wird) */
		margin:0.5em 0.1em;
		text-align:center;
	}

	#menuebereich {
		/* position:fixed; (funktioniert nicht, da kein Platz reserviert wird) */
		font-size:0.8em;
		margin:2.2em 0.1em;	/*	margin:18pt 1pt;	*/
		padding:0 0.4em;	/*	padding:0 3pt;		*/
		white-space:nowrap;	/* kein automatischer Zeilenumbruch */
	}

	#menue {
		font-weight:normal;
		margin:0 0 1.5em 0;	/* 	margin:0 0 12pt 0;		*/
		padding:0;
	}

	#menue div {
		margin:3px 0;
		padding:0;
		border-radius:3px;
	}

	#menue a {
		display:block;			/* ganze Zeile zählt als Link */
		padding:2px 5px;
		text-decoration:none;
	}

	#aktuell {
		display:block;
		font-weight:bold;
		padding:2px 5px;
	}

	#menue hr {
		height:1px;
		margin:3px 0;
		padding:0;
	}

	#menue div div {
		margin:0;
		padding:0;
	}

	#menue .trenner {
		margin:1.5ex 0;
	}

	#nomenue {
		font-size:0.8em;
		margin:2.8em 0.1em;	/*	margin:22pt 1pt;	*/
		padding:0.6em;		/*	padding:5pt;		*/
		text-align:center;
		width:auto;
	}

	.floating_cardimage,
	.suche		{ text-align:center; }
	.suche table	{ margin:0 auto; }

	#login {
		height:0;
		padding:0;
		vertical-align:top;
		width:100%;
	}

	#login div {
		font-size:0.8em;
		margin:0;
		padding:0.3em 0 0.3em 2.8em;
	}

	#login form {
		display:inline;
		margin:0;
	}

	#login input {
		padding:0 2px;
	}

	#login button.textbutton {
		font-size:8pt;
		margin-left:1em;
	}

	#anmeldebereich {
		position:absolute;
		right:0;
		top:0;
	}

	#login div#online {
		padding-right:1.2em;
	}

	#online div {
		padding-left:6.4em;
		text-indent:-6.4em;
	}

	#online a {
		white-space:nowrap;
	}

	#leseeckenmenue {
		font-size:0.8em;
		width:24ex;
		padding-left:3ex;
	}

	#leseeckenmenue div {
		padding:0 0 2ex 2ex;
	}

	#leseeckenmenue p {
		margin:0 0 0.9ex 0;
	}

	#leseeckenmenue span {
		font-size:0.9em;
	}

	.leseeckenkommentare {
		padding:0.2ex 1ex;
		white-space:nowrap;
	}

	.leseeckeneingabe {
		padding-left:3ex;
	}

	.noscreen {			/* bei Bildschirmdarstellung ausgeblendet */
		display:none;
	}

	.cursor {
		cursor:pointer;
		padding:0;
	}

	.oldversion_button {
		cursor:pointer;
		white-space:nowrap;
	}

	.ticker {
		cursor:default;
		font-size:0.9em;
		margin-top:2ex;
	}

	.deckliste {
		border-spacing:0;
	}

	.deckliste td {
		padding:2px 6px 10px 6px;
	}

	.titelzeile td {
		padding-bottom:2px;
		vertical-align:top;
	}

	.ueberschrift th {
		padding:12px 6px 6px 6px;
	}

	.floating_card {
		position:absolute;
		display:none;
		width:330px;
		z-index:99;
	}

	.floating_cardtext,
	.floating_cardunknown {
		width:200px;
		padding:0 4px;
	}

	.floating_cardtext P,
	.floating_cardunknown P {
		font-size:8pt;
		margin:4px 0;
	}

	.floating_cardtext .floating_cardtext_typecost {
		padding:5px 0;
	}

	.floating_cardtext .floating_cardtext_rules {
		font-size:7pt;
	}

	.floating_cardtext .floating_cardtext_value {
		font-size:6pt;
		margin-top:12px;
		text-align:center;
	}

	.buy_floating_card	{
		font-size:6pt;
		margin:5px 0;
	}

	.buy_floating_card A	{
		border:1px solid #F00;
		font-weight:bold;
		padding:0 2px;
	}

	#ad-top		{ position:fixed; top:0; left:0; border-bottom:2px solid #888; }
	* html #ad-top	{ position:absolute; }
}


/* Drucken: ======================================================== */

@media print {


	/* Farben ---------------------------------------------------------- */

	a:link,
	a:visited		{ color:#005; }

	body			{ color:#000; }

	#copyright,
	#copyright a		{ color:#AFAF8F; }


	/* Hintergrundfarben ----------------------------------------------- */

	#copyright,
	.farbe0,
	.rfarbe0,
	.regeln,
	.farbe1,
	.rfarbe1,
	.farbe2,
	.rfarbe2,
	.rfarbe3	{ background-color:transparent; }

	/* noch unsortiert ------------------------------------------------- */

	body {
		margin:85px 0 0 0;	/* Platz für das Logo lassen */
		padding:0;
		background-color:#FFF;
		background-image:none;
	}

	table {
		margin:0;
		padding:0;
		border-spacing:0;
	}

	#inhalt {
		width:100%;
		padding:2.2em 0;
		border-top:2px solid #000;	/* Trennlinie ober- und unterhalb des Textes */
		border-bottom:2px solid #000;
	}


	#copyright {
		position:absolute;		/* Copyright-Information in den Kopf, oben rechts */
		top:0;
		font-size:0.8em;
		right:0;
		width:100%;
		text-align:right;
		white-space:nowrap;
		height:80px;			/* soll den Text mittig zum Logo ausrichten, funktioniert jedoch nicht */
		vertical-align:middle;
		padding:0.6em 1.4em;		/*	padding:5pt 11pt;	*/
	}

	#logo {
		display:block;			/* Logo in den Kopf, oben links */
		position:absolute;
		top:0;
		left:0;
	}

	#zurueck, #menuebereich, #menue, #login, #leseeckenmenue, #aktuell, #ad-top, .ticker, .geloeschter_kommentar, .navigation_leseecke {
		display:none;
	}

	.noprint {
		display:none;
	}

	.deckliste {
		border-spacing:0;
	}

	.deckliste td {
		padding:0.5ex 1ex 2ex 1ex;
	}

	.titelzeile {
		page-break-after:avoid;
	}

	.titelzeile td {
		vertical-align:top;
		padding-bottom:0.3ex;
		border-width:1px;
		border-color:#000;
		border-style:solid none;
	}

	.ueberschrift {
		page-break-after:avoid;
	}

	.ueberschrift th {
		padding:3ex 1ex 1ex 1ex;
		background-color:#CCC;
	}

}