/* Formatierung aller Tabellen */
/* unser offizielles blau: #0066cc; */
/* das i.d.r. verwendete blau:
/* generell */
table{
  border-collapse: collapse;
  /* sets wether cells with no visible content should have borders or not */
  empty-cells: show;
}
tr{
  vertical-align: top;
}
th {
   font-weight: bold;
   font-size : x-small;
}
td {
   font-size : x-small;
   font : sans-serif;
   font-family : sans-serif;
   vertical-align: top;
}
/* Tabelle zur Formatierung der gesamten Seitenaufteilung */
table#page{
   width:800px;
   border: 10px solid white;
   /* TODO: Remove!!! just 4 debug */
   /* border: 1pt solid black; */
}
/* Tiles "menu" */
td#menu{
   border: 10px solid white;
   width:150px;
}
/* Tiles "body" */
td#body{
  border: 10px solid white;
  width:100%;
}
/* Spezielle Tabellen, default Formatierung */
table#next-courses,table#guaranty,table#news {
   /* standardformat fuer die beiden Tabellen definieren */
   border-collapse: collapse;
   /* entfaellt bei "collapse" border-spacing:0px; */
   padding: 0px;
	/* default rahmen fuer alle diese tabellen: orange */
   border-width: 3px;
 	border-style: solid;
	border-color: #f5a83d;
}
table#next-courses th, table#guaranty th,table#news th, table.orange th{
  text-align: center;
  border: 0px inset silver;
}
/* Tabelle "news"  abweichend vom default formatieren */
table#news {
   width:200px;
   border-color: #B9CBFF;
}
table#news th{
	 background-color:#B9CBFF;
}
table#next-courses th, table#guaranty th, table.orange th{
  background-color: #f5a83d;
  /* background-color: #FF8C00; */
}
table#next-courses td, table#guaranty td, table#news td, table.orange td{
  border: 1px inset silver;
}
/* Tabelle "guaranty" abweichend vom default formatieren */
table#guaranty{
   /* gesamte Breite des Body-Tiles einnehmen */
   width:100%;
}
table#next-courses td, table#guaranty td{
  /* background-color: #FF8C00; */
  border: 0px inset black;
}
table.orange{
  border-collapse: collapse;
  /* entfaellt bei collapse: border-spacing: 0pt; */
  border:1pt solid black;
  width:100%;
}

/* Profile */
table.profile th{
  width : 150px;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  font-size : x-small;
}
td.group {
  font : bold;
}

/* Formatierung sichtbarer Tabellen!!! */
table.visible td, table.reference td{
  border:1pt solid black;
  padding:2pt;
}

table.publication{
  border-collapse: collapse;
  /* border:2px solid black; */
  border:0px solid black;
  width:100%;
}

table.publication thead{
   border: 2px solid black;
}

table.publication tbody{
   border: 2px solid black;
}

table.publication thead th{
   border: 1px solid black;
   background-color: orange;
   text-align: left;
   font-weight: bold;
}

table.publication tbody th{
   border: 1px solid black;
   background-color: orange;
   text-align: left;
   font-weight: bold;
}
table.publication tbody td{
   border: 1px solid black;
}
/* ###################################################### */
/* Verschiedene Tabellen- und Zellenklassen */
/* ###################################################### */
table.visible{
  border:1pt solid black;
  width:100%;
}
table.visible th{
  border:1pt solid black;
}
table.blue{
   width: 100%;
   empty-cells: show;
   border:1px solid black;
   border-collapse: collapse;
   /* entfaellt bei collapse: border-spacing: 0pt; */
}
table#J2eeTT1,table#J2eeTT2{
   width: 1000px;
   empty-cells: show;
   border:1px solid black;
   border-collapse: separate;
   border-spacing: 0px;
}
table.blue thead th, table.blue thead td, table.hint th, table#J2eeTT1 th, table#J2eeTT2 th{
   text-align: center;
   border:1px inset black;
   padding:5px;
   background-color:#b9cbff;
}
table.blue tbody th{
   text-align: left;
   border:1px inset black;
   background-color: #b9cbff;
}
table#J2eeTT1 th, table#J2eeTT2 th{
   text-align: left;
}
table#J2eeTT1 tr.L1 th,table#J2eeTT2 tr.L1 th{
   border:1px inset black;
   padding:5px;
   background-color:silver;
}
table#J2eeTT1 td,table#J2eeTT2 td{
   border: 1px inset black;
   text-align: center;
   vertical-align: middle;
}
table#J2eeTT1 tr.L2,table#J2eeTT2 tr.L2{
   text-align: left;
}
table#J2eeTT1 tr.L1,table#J2eeTT2 tr.L1{
   background-color: silver;
   text-align: left;
}
table.blue td{
   border:1px inset silver;
}
table.hint{
   width: 100%;
   margin-top: 20px;
   border-collapse: separate;
   border-spacing: 0px;
   border:2px solid #b9cbff;
}
/* Tabellen ausschließlich zur Veröffentlichung von Referenzen etc. */
table.reference{
  border:1pt solid black;
  font-size: 8pt;
  font-family: "Courier New", Courier, monospace;
  width:1200px;
}
td.h1{
  background-color:#0066cc;
  border:1pt solid black;
  padding: 2pt;
  color: white;
  font-size: 14pt;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}
td.h2{
  border:1pt solid black;
  padding: 2pt;
  background-color:#FF8C00;
  font-size: 12pt;
  font-weight:bold;  
  font-family: Arial, Helvetica, sans-serif;
}
td.h3{
  border:1pt solid black;
  padding: 2pt;
  background-color:#FF8C00;
  font-size: 10pt;
  font-weight:bold;
}
/* ################################################## */
/* Versuch einer kompletten Neudefinition des Layouts */
/* ################################################## */
table.test{
   width: 100%;
   empty-cells: show;
   border:1px solid silver;
   border-collapse: collapse;
   /* egal bei collapse: border-spacing: 10px; */
}
table.test thead, table.test tfoot, table.test tbody{
   border: 2px solid black;
}
table.test thead tr.blue, table.test tfoot tr.blue, table.test tbody tr.blue{
   background-color: #0066cc;
}
table.test thead tr.orange, table.test tfoot tr.orange, table.test tbody tr.orange{
   background-color: darkorange;
}
table.test thead tr.silver, table.test tfoot tr.silver, table.test tbody tr.silver{
   background-color: silver;
}
table.test thead th, table.test tfoot th, table.test thead td, table.test tfoot td{
   border:1px inset silver;
   font-size: 14pt;
}
table.test tbody th, table.test tbody td{
   border:1px inset silver;
}
table.test thead th, table.test tfoot th, table.test thead td, table.test tfoot td{
    font-family: Arial, Helvetica, sans-serif;
}
/* ################################################## */
/* Versuch einer kompletten Neudefinition des Layouts */
/* ################################################## */
th.orange{
   background-color: orange;
}
tbody th{
   text-align: left;
}
table.test tbody.code td{
   font-family: "Courier New", Courier, monospace;
}