/*** BASICS */
/*** Grundeinstellung der Site, *="gilt für alle Tags */
/*  Links in der Navigation müssen untereinander stehen */
*{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 140%;
 	text-decoration:none;
	text-align:center;
 	background-color:transparent;
 	padding:0px;
 	border-collapse:collapse;
 	border:0px solid transparent;
	/* vertical-align:middle; */ gibt Komplikationen beim Ausrichten
}

/* body background  */
body {   background-color: #555; }

/* Schriftgröße in span vom Elternelement übernehmen  */
span {   font-size: 100%; vertical-align:inherit; }   /* vertical-align wg. Opera. Weiß auch nicht, warum das sein muss */
a{  vertical-align:inherit; } /* vertical-align wg. Opera. Weiß auch nicht, warum das sein muss */

/* Ränder und padding auf 0 */
body,table,tr,td,th,p,form,input{margin:0; padding:0;}

/* Tabellentags  (margin: 0 auto; zentriert Blockelemente) */
table {
	table-layout: fixed;
	margin: 0px auto;
} 

/*** Besonderheit: Haupttabelle
	table-layout: auto, Breite 98%, Höhe 100%: füllt den verfügbaren Platz am Bildschirm
	mit der Content-Spalte aus. Die rechte Spalte ist fix fast am rechten Bildrand. 
	(Breite 100% ist wg IE problematisch 
***/
table.main {
	table-layout: auto;
	width:98%; height:100%;
	padding:0; margin:0;
}

/* Text + Links in Tabellenheads fett  */
th, th a {   font-weight: bold; }

/* Scrolltabellen (bei Bedarf erscheint Scrollbalken */
div.scroll{
  height:  100%;
  overflow:  auto;
  text-align:  left;
}
td.scroll table{  margin-left: 0px; }

/* Elementbreiten für diese Site  */
.w-xlarge {   width: 400px; }
.w-large {   width: 260px; }
.w-normal {   width: 130px; }
.w-medium {   width: 100px; }
.w-small {   width: 60px; }
.w-xsmall {   width: 40px; }
.w-xxsmall {
  width: 20px !important;
  font-size: 80% !important;
  margin: 0px auto !important;
  padding: 0px 1px !important;
}
.w-xxxsmall {
  padding: 0px !important;
	border-width: 1px !important;
  height: inherit% !important;
  font-size: 80% !important;
  margin: 0px auto !important;
  padding: 0px 1px !important;
}

div.nav a, div.nav a:link, div.nav a:visited, div.nav a:hover{
 display:block !important;
}

/* Logos (gilt für alle logos) */
/* Mindestbreite für den div-Tag, damit der Scrollbalken kommt,
	wenn die Bildbreite <600px wird. Sonst würden die Elemente
	verstümmelt oder ineinander laufen */
div.logo{
	width:600px;
	margin:0px auto;
	background-position:center top; /* horizontal mittig, vertikal: oben */
	background-repeat: no-repeat;
}

/* inputs */
.submit, .submit a { cursor:pointer !important; } /* funktioniert nicht bei Opera */
.noclick { cursor: default !important; } /*  Cursorkorrektur bei "SchmuckButtons", die keine Action auslösen */
option {   border-width: 0px !important; }

/* Hier stehen Styles die für direkte Formatierung verwendet werden und in allen Projekten verwendet werden können */
/* Schrift */
.no-deco {   text-decoration: none !important; }
.italic, a.italic a:hover {   font-style: italic !important; }
.bold, a.bold a:hover {   font-weight: bold !important; }
.normal { font-weight: normal !important; }
.underline { text-decoration: underline !important; }
.caps, .caps a:link, .caps a:visited, .caps a:hover, .caps a:active { font-variant: small-caps !important; }

/* Schriftfarben  */
.white {   color: #fff !important; }
.black {   color: #000 !important; }
.red {   color: #f00 !important; }
.green {   color: #0f0 !important; }
.blue {   color: #00f !important; }

/* Ausrichtung  */
.inline {   display: inline !important; }
.block {   display: block !important; }
.left {   text-align: left !important; }
.center { text-align: center !important;   margin: 0px auto !important;}
.right {   text-align: right !important; }
.top { vertical-align:top !important; }
.middle {   vertical-align: middle !important; }
.bottom {   vertical-align: bottom  !important; }
.blocksatz {   text-align: justify !important; }

/* Hintergrundfarben  */
.bg-white {   background-color: #fff !important; }
.bg-black {   background-color: #000 !important; }
.bg-red {   background-color: #f00 !important; }
.bg-green {   background-color: #0f0 !important; }
.bg-blue {   background-color: #00f !important; }
.bg-transparent {   background-color: transparent !important; }

/* Zellhintergründe */
.no-bg, .no-bg td, .no-bg th, .no-bg tr, .no-bg table, td.no-bg {
  background-color: transparent !important;
}

/* Rahmenlose Tabelle, Doppelrahmen vermeiden  */
.blind {   border-width: 0px !important;  padding: 0px !important;}

/* Setzt die Ränder und das padding auf 0, minimale line-height */
.no-margin, .no-margin tr, .no-margin th, .no-margin td {
  margin: 0px auto !important;
  padding: 0px auto !important;
  line-height: 100% !important;
}

/* Elementbreiten  */
/* Breite in % vom übergeordneten Container  */
.w-100proz {  width: 100%; }
.w-95proz {   width: 95%; }
.w-80proz {   width: 80%; }
.w-50proz {   width: 50%; }
.w-45proz {   width: 45%; }
.w-40proz {   width: 40%; }
.w-20proz {   width: 20%; }

/* ÜBERBLEIBSEL aus externen Dateien (z.B. Anleitung */
/* Hier gibt’s noch ein paar Reste aus alten JF-Versionen und externen Dateien (Anleitung, Regeln, Hilfe etc.),  */
/* die nur dort und auf der Index-Seite, also außerhalb des eigentlichen Spiels verwendet werden. */
.jamaica
{
 font-family: 'Courier New', Courier, mono;
 font: 14px/20px;
 color: #99cc00;
 list-style-image: url(../../b/misc/bullet.gif);
}
.jamaica input, .jamaica textarea { background-color: #000; color: #99cc00; }

a.jamaica:link { color: #99cc00; text-decoration: underline; }
a.jamaica:visited { color: #99cc00; }
a.jamaica:hover { color: #C1D301; text-decoration: none; }
a.jamaica:active { color:  #8E6E01 }


/* ************************************* nur zum Testen!!! ******************
table, div{
border-collapse:collapse;
border: 1px solid red;}

div{
border: 1px solid green;}
**************************************************************************/