/* Globals */
.tags     { border-top: 1px solid gray;}  
body      { font: 1em Arial, Tahoma, Times New Roman black; position: relative; background-color:#eee; padding: 0; margin: 0;
            width:100%;
            height:100%;}
table     { border:0px solid black;margin:0px;padding:0px; outline-width:0px;border-collapse: collapse;}
table tr  { margin:0px;padding:0px;border-width:0px; outline-width:0px;}
table td  { margin:0px;padding:0px;border-width:0px; outline-width:0px; padding-left: 0.5em;}
a:visited { text-decoration:none; color:blue;}
a:link    { text-decoration:none; color:blue;}
input     { height:1.5em; border:solid 1px #333; background-color:#fff; margin:0px;}
code      { border: 1px solid #ccc; display: block; background-color: #fff; padding: 0.5em; overflow-x: auto; font-size: 0.9em; margin: 0px 0.9px; }
.twoSide  { text-align: right; border-bottom: 1px solid gray; overflow:hidden;}
.clear    { clear:both;}
.center   { text-align:center; width:100%;}
.information { color: gray; float:right;}
iframe { border-width: 0px;}
iframe.video { width:400px; height:320px; margin:auto; }

textarea.edit { box-sizing: border-box; resize: none; border: solid 1px #000; width:100%; }

.table_colored td { padding: 0.3em;}

/***** Frame Load Style */
.nav_modul         { width: 100%;}
.nav_modul input   { margin-left: -1px;}
.nav_modul .border { border: 1px solid #ccc; position:relative;}
.nav_modul .button { height:2em; width:90%; border:solid 1px #f1f1f1; margin:1px;}
.nav_modul .field  { height:2em; width:90%; border:solid 1px #f1f1f1; margin:1px;}
.nav_modul .cbox   { height:1.2em; vertical-align: bottom;}
.nav_modul .top    { font: bold 1.1em Arial, Tahoma, Times New Roman; text-align:center; margin:0px; width:100%; margin-top: 5px; border-top-right-radius: 10px; border-top-left-radius: 10px;background-color: #ccc;}
.nav_modul  a       { display:block; width: 100%; padding-bottom: 2px; text-align: left; overflow:hidden;}
.nav_modul .border a:hover { background-color: white; color: blue;}
.nav_modul a:link  { background-color: #f1f1f1; color: black;}
.nav_modul a:visited  { background-color: #f1f1f1; color: black;}
/* Oben*/
.header    { margin: auto; width:100%; height: 3em; background-color: #f1f1f1; border-bottom: 1px solid #ccc;}
.header_a  { text-decoration:none; display:block; height:100%; line-height: 3em; padding-left: 1em; padding-right: 1em; border-right: 1px solid #ccc; text-align: center; float: left; color: black; vertical-align: middle;}
.header_a:hover{ background-color: white; color: blue;}
/* HauptFeld*/
.main    { width: 100%; overflow: hidden;}

/* Links*/
.left               { float: left; width: 162px;}
.nav_left_padding   { padding-top: 1em;}
/* Rechts*/
.right              { float: right; width: 162px;}
.nav_right_padding  { padding-top: 0.8em;}
/* Mitte */
article             { margin-left:162px; margin-right: 162px; overflow: auto;}
.content_padding    { padding: 0.8em;}
/* Unten*/
.footer         { margin-top:2em; background-color: #ddd; width: 100%; text-align:center;}
.footer a       { color: black;}
.footer a:hover { color: blue;}

/* Blog  */  
.blog           {}
.blog header    { border-bottom: 1px solid gray; text-align:left; padding: 4px;}
.blog header h1 { display:inline; margin:0px;}
.blog header a  { display:block;  top:0px;}
.blog h1        { margin:0px; padding:0px; color:black;}
.blog .img      { padding: 5px; text-align:center; font-size: 0.8em;}
.blog .img img  { margin:auto;}
/* Preview */  
.preview          { margin: 10px; border: 1px solid gray; border-bottom: 2px solid gray;}
.preview .pvtitle { text-align:left; padding: 4px; margin: 0px;}
.preview .prolog  { font-weight: bold;}
/* Gallerie */
.gal          { margin: auto; color:white; width:500px; margin: auto;}
.gal  input   {border:0px solid black; margin:0px; padding:0px; height:20px; color:#f00; background-color:#555; font-weight:bold; width:20px;}

/* Magic TG      */
.magic              { margin: 10px; font-size: 0.8em; }
.magic  .database   {  }
.magic  .cardBorder { border-radius: 10px; width:214px; height:300px; overflow:hidden; background-color:black; font: 0.8em Verdana; padding:5px;}
.magic  .cardBody   { background-color:#ffffa0; padding:5px; width:204px;}
.magic  .cardName   { background-color:white; height:15px;}
.magic  .cardMana   { text-align: right; background-color:white; float:right;}
.magic  .cardInPic  { margin: 2px; height:130px; border:1px solid black; background-color:white;}
.magic  .cardType   { float:left;}
.magic  .cardSymbol { text-align: right; height:15px;}
.magic  .cardAbility{ margin: 2px; height:102px; border:1px solid black; background-color:white;}
.magic  .cardInfo   { background-color:white; height:15px;}
.magic  .cardPower  { text-align: right; background-color:white; float:right;}

/* Overlay      */
.OverlayContainer { width:100%; height:100%; background-color:rgba(0,0,0,.5); top:0; left:0; position:fixed; z-index:10; overflow: auto; }
.OverlayContent 
{
  padding: 0.5em;
  opacity:1;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin:0 auto;
  background-color:white;
  border-color:white;
  border: 2px solid #e7e3e3;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}

.centered_parent{position:relative;}
.centered {margin:auto;position:absolute;bottom:0;left:0;right:0;top:0;}

.tabs { border-bottom: 0.1em solid black;}
.tab { display:block; float:left; border: 0.1em solid black; padding:0.5em;}
.tab_active { display:block; float:left; border: 0.1em solid black; padding:0.5em; background-color: white;}