/* CSS Style-Sheet zur Vorlage zur Gestaltung von Diplomacy-Partie-Seiten bei Ludomaniac */
/* von Arne Senftleben */
/* Bei Rückfragen: arne@xnot.net */

/*
Diese Seite verwendet außer der Textfarbe schwarz drei Farben:
1. weiß #ffffff
2. blau #0000af
3. rot #ff0000

Das Aussehen der SEite kann am einfachsten verändert werden, indem die drei Farben über die ERsetzen-Funktion des Editors durch andere ersetzt werden.
*/

* {
    font-family:sans-serif;
}

body {
    background-color:#dfdfdf;
    padding:0px;
    margin:0px;
}

h1, h2, h3, h4, h5, div.author_info {
    text-align:center;
}

div.author_info {
    font-style:italic;
}

h1 {
    color:#0000af;
    font-weight:bold;
    letter-spacing:2pt;
    font-size:18pt;
}


p, ul, ol, li, td {
    font-size:11pt;
}

h2 {
  color:#0000af;
}

/* Für ZAT-Ankündigung */
h3 {
    padding:0;
    margin:0;
    font-weight:bold;
    font-size:14pt;
    letter-spacing:1pt;
    color:#ff0000;
}

table {
  margin-top:3pt;
  margin-bottom:8pt;
}

th {
  font-size:10pt;
  font-weight:bold;
  text-align:left;
  letter-spacing:0pt;
  color:#0000af;
  background-color:#ffffff;
  border-style:solid;
  border-width:1px;
  border-color:#0000af;
  padding-top:2pt;
  padding-bottom:2pt;
  padding-left:4pt;
}

td {
  font-size:10pt;
  border-style:solid;
  text-align:left;
  border-width:1px;
  background-color:#ffffff;
  border-color:#0000af;
  padding-top:2pt;
  padding-bottom:2pt;
  padding-left:4pt;
}

td p {
  font-size:10pt;
  vertical-align:bottom;
  margin-top:4pt;
  margin-bottom:4pt;
}

td ol {
  list-style-type:decimal;
  font-size:10pt;
  vertical-align:bottom;
  margin-top:1pt;
  margin-bottom:1pt;
  margin-left:0pt;
  padding-left:20pt;
}

td li {
  font-size:10pt;
  vertical-align:bottom;
  margin-top:0pt;
  margin-bottom:0pt;
  margin-left:0pt;
}

td em {
	font-weight:bold;
	font-decoration:italic;
}

a:link, a:visited, a:active {
  text-decoration:underline;
  color:#0000af;
}

a:hover {
  text-decoration:none;
  color:#ffffff;
  background-color:#0000af;
}

#main {
    padding-left:15%;
    padding-top:55pt;
    padding-right:1%;
}
 
#headline {
    position:fixed;
    top:0;
    background-color:#0000af;
    text-align:center;
    font-size:22pt;
    font-weight:bold;
    color:#ffffff;
    letter-spacing:3pt;
    width:100%;
    padding:4pt;
    padding-left:7%;
    margin:0;
    margin-bottom:6pt;
}

#leftbar {
    border-style:solid;
    border-width:1px;
    border-color:#0000af;
    position:fixed;
    top:50pt;
    left:5pt;
    width:10%;
    padding:0;
    background-color:#ffffff;
    text-align:center;
}

#leftbar h5 {
    margin:0;
    margin:bottom:4pt;
    padding:1px;
    padding-right:4px;
    padding-left:4px;
    font-size:12pt;
    letter-spacing:1pt;
    color:#ffffff;
    background-color:#0000AF;
}

#leftbar p {
    margin:0;
    margin-bottom:4pt;
    font-size:10pt;
    margin-left:2px;
    margin-right:2px;
}

#leftbar em {
    text-decoration:none;
    font-style:normal;
    font-weight:normal;
    color:#ff0000;
}

#leftbar small {
    font-size:8.5pt;
}

#leftbar a:link, .leftbar a:visited, .leftbar a:active {
    text-decoration:underline;
    color:#0000af;
}

#leftbar a:hover {
    text-decoration:none;
    color:#ffffff;
    background-color:#0000af;
}