/************************ header  ********************************************/
body {
margin:0; padding:0.5ex 1ex 0 1ex;
margin:0; padding:0 1ex;
background-color:#DFDDDE;
font-family: "Palatino Linotype", Palatino, "Hoefler Text",
 "Bitstream Charter", "URW Palladio L", Georgia, serif;
}

/************************ normal things *************************************/

img {border:0;}

table { margin-left:0px } /* ? was 20 */
.j { text-align:justify; }
.c { text-align:center; }
.r { text-align:right; }
.l { text-align:left; }
.larger {font-size:larger;}

h2.ce { text-align:center;margin:1ex; }
a.nound { text-decoration:none }
.quote { background-color:#FFFFEE;border-style:solid; border-width:thin;padding:5px }
.censored {background-color:#000000;}

#graytop { border-top:1px solid gray; }
*.greener{ background-color:#BBFFBB; }
div.hr {
  margin-left:2%;margin-right:4%;
  border-top:3px double #224499;
  margin-top:1em;margin-bottom:1em;
}

/*********************** links (non-menu) ************************************/
a { text-decoration:none;}
a:link { color:#003399;} /* any difference to just "a"? */
a:visited {
  color:#555555; /* to vague ?*/
  color:#551A8B; /* back to the default...but... */
  text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:blue;
  text-decoration:blue dashed underline; /* ...waiting for these (CSS3) to work in the browsers */
}
a:hover { text-decoration:underline; }
a:active {}

/* keep the newsitem headers black even when they are links */
.ni h3 a, .ni h3 a:link,.ni h4 a, .ni h4 a:link
{color:#000000;}

a.nderlined {text-decoration:underline} /*a temp thingy*/
p > a {text-decoration:underline;font-weight:bold; }


/* or work with a hint of background-color for the links? */

/******************* layout ********************************************************/

#coltainer{ /* overflow:auto; */ margin-bottom:1em; }
#htainer{ }
#menu , #logo {
  float:left;
  width:26ex;
}
#logo {
  padding:2px 0;
}
#main , #header {
  margin-left:26.5ex;
}
#main {
  padding:16px 1em 0.2em 32px;
  background-color:white;
  max-width:1024px;
}
#header {
  text-align:center;
  background-color:transparent; /* könnte aber. genau wie logo und menu.*/
  max-width:1072px; /* main width + padding :-( */
}
#main:after, #header:after{ content:"clear"; clear:both; display:block; height:0; overflow:hidden; visibility:hidden; }
#main *:first-child {margin-top:0;}

#header h2 { padding-top:1ex;margin:0;}
.noMaxWidth {max-width:none !important;}


/******************* menu links **********************************************/
a.alone, a.submenu, a.sub2menu {
display:block; white-space:nowrap; text-decoration:none; 
/*background-color:#F8FFF8;*/
background-color:#DDE3FF;
font-weight:bold;
border:1px solid gray; border-top:0px none transparent;
margin: 0;
padding: 0.2em 6px 0.2em 0;
font-family: "Times New Roman", Times, serif;
}
a.alone { padding-left: 8px; font-size:1.12em; font-size:1.08em; }
a.submenu { padding-left: 16px; padding-top:0.1em; padding-bottom:0.1em; }
a.sub2menu { padding-left:32px; font-weight:normal; padding-top:1px; padding-bottom:1px; }

a.alone:link , a.submenu:link , a.sub2menu:link { color:#000000 }
a.alone:visited, a.submenu:visited, a.sub2menu:visited { color:#000000 }
a.alone:hover, a.submenu:hover, a.sub2menu:hover {
text-decoration:none;
background-color:#CCCCDD;
background-color:#9BA5DD;
border:1px solid black; border-top:0px none transparent;
}
a.alone:active, a.submenu:active, a.sub2menu:active {}

/************************ more about the news items **************************/
div.ni { margin-top:1.5em; margin-bottom:1.5em; }
div.ni p, div.ni h2, div.ni h3, div.ni h4 { margin-top:0.5ex; margin-bottom:0.5ex }

.box {
  border:1px solid black;
  padding:2px 5px 3px 10px;
  /*background-color:#FFFFFF;*/ background-color:#FFF9CF;
}
.greenish {background-color:#E8FFD5 !important}
.box > *:first-child { margin-top:1ex; }
.box > *:last-child { margin-bottom:1em; }
/* or separate color, resulting in things like class="ni greenish box" ? */

/**************************** for true tables ********************************/
	/* New using nesting */ /* class colors too?*/

table.tt, table.ttm { border-spacing:0px; border:1px solid black; }
table.bc { border-collapse:collapse; border:0px; }
table.bs { border-collapse:separate; border:1px; }
table.nob { border:0; }

table.tt  td, table.tt th, table.ttm  td, table.ttm  th
{
  border:thin solid gray;
  vertical-align:top;
}
table.tt td, table.tt th {
  padding-left:1ex; padding-right:3px;
}
table.ttm  td, table.ttm  th {
  padding:3px 1ex;
}
table.tt td.c, table.tt  td.r, table.tt th {
  padding-left:3px;
}
table.tt th.l {
  padding-left:1ex;
}
table.nob td, table.nob th {
  border:0;
  padding-left:2px;padding-right:2px;
}
/*
NOPE. Glaube das sollte nur table.tt modifizieren, nicht ttm ?
 oder ttm bekommt eine eigene nob version.
*/

/* true but 'outer' tables. Get own border classes to minimize inheritence effects. */
table.outer { border-spacing:0; }
table.ob { border:1px solid gray; }
table.outerb { border:1px solid gray;border-spacing:0; }

table.ob > tbody > tr > td, table.ob > tbody > tr > th,
table.ob > tr > td, table.ob > tr > th
{
  border:1px solid gray;
}
table.outerb > tbody > tr > td, table.outerb > tbody > tr > th,
table.outerb > tr > td, table.outerb > tr > th
{
  border:1px solid gray;
  padding:0.5ex 0.8ex 1ex 1ex;
  vertical-align:top;
}
table.outerb > tbody > tr > td.caption, table.outerb > tbody > tr > th.caption,
table.outerb > tr > td.caption, table.outerb > tr > th.caption,
table.outer > tbody > tr > td.caption, table.outer > tbody > tr > th.caption,
table.outer > tr > td.caption, table.outer > tr > th.caption
{
  padding-top:0.7em;
  padding-bottom:0.5ex;
}

table.outer > tbody > tr > td, table.outer > tbody > tr > th, table.outer > tr > td, table.outer > tr > th {
  padding-left:1em;
  padding-bottom:1em;
  vertical-align:top;
}
table.outer > tbody > tr > td:first-child, table.outer > tbody > tr > th:first-child,
table.outer > tr > td:first-child, table.outer > tr > th:first-child {
  padding-left:0;
}
/*table.ob table {margin:0.5ex 0.8ex 0 1ex;}*/


/* other ideas: odd /even
   modify default border 3d effect
   the return of the cellspacing (use as boder via background-color) */


/* old version */
table.tt > caption, table.ttm > caption { font-weight:bold;margin-bottom:6px; }
th.caption { padding-top:1em;padding-bottom:0.5ex }
table.tt + table.tt , table.ttm + table.tt , table.ttm + table.tt, table.ttm + table.ttm  { margin-top:1em; }

/*table.rt, table.rt1 { margin-left:40px;margin-bottom:30px }*/
table.rt1 { border-collapse:collapse;border-spacing:0px; }
caption.rt { font-weight:bold;font-variant:small-caps }

td.rt, td.rt-c, td.rt-c-bolrb, td.rt-r, td.rt-b, td.rt2, td.rt2-c, td.rt2-b, th.rt, th.rt-l
{ border-style:solid;border-width:thin;border-color:gray;padding-left:1ex;padding-right:3px; }

td.rt-c { padding-left:3px;text-align:center }
td.rt-c-bolrb { border-bottom:none;border-top:solid thin gray;padding-left:3px;text-align:center } /*hm check on this*/
td.rt-r { padding-left:3px;padding-right:3px;text-align:right }
td.rt-b { font-weight:bold; }
th.rt-l { text-align:left; } /* hm effect same as td.rt-b ? */

td.rt2, td.rt2-c, td.rt2-b { padding-right:1ex;padding-top:3px;padding-bottom:3px; }
td.rt2-c { text-align:center; } td.rt2-b { font-weight:bold; }

/* hm no style for colored tables :-( so far */
table.striped {background-color:#EEFFEE;}
table.striped tr:nth-of-type(odd) {background-color:#EEFFEE;}
table.striped tr:nth-of-type(2n) {background-color:#D0FFD0;}