/* CSS fuer Intranet / Internet; (c) Jan Trippler; Version: 2004 - 2008 */

/* generelle Einstellungen */
body
{
  margin:           0px;
  border:           0px;
  background-color: #F0F8FF;
  color:            black;
  font-family:      sans-serif;
  top:              10px;
}

/* Aufteilung des body: oben und unten Hauptmenue */
div.mainmenu
{
  width:            85%;
  left:             0;
  margin:           10px;
  padding:          5px;
  background-color: #E0E0E0;
  border-width:     1px;
  border-style:     solid;
  border-color:     silver;
  text-align:       center;
}
/* Links im Hauptmenue */
div.mainmenu a.image
{
  padding-left:     50px;
}
div.mainmenu a.image img
{
  vertical-align:   middle;
  display:          inline;
  border:           0px;
}
div.mainmenu a
{
  padding-left:     10px;
  padding-right:    10px;
  font-size:        80%;
  vertical-align:   middle;
  display:          inline;
}
div.mainmenu a:hover
{
  color:            maroon;
}

/* Untermenue im Content */
div.submenu
{
  margin:           10px;
  padding:          5px;
  text-align:       right;
}
/* Ueberschriften im Untermenue */
div.submenu span.header
{
  font-size:        120%;
  font-weight:      bolder;
  color:            #004488;
  padding-right:    50px;
}
/* Links in Untermenues */
div.submenu a.image
{
  padding-left:     5px;
  padding-right:    5px;
}
div.submenu a.image img
{
  vertical-align:   middle;
  display:          inline;
  border:           0;
}
div.submenu a
{
  padding-left:     5px;
  padding-right:    5px;
  font-size:        80%;
  vertical-align:   middle;
  display:          inline;
}
div.submenu a:hover
{
  color:            maroon;
}

/* Aufteilung des body: linke Seite Content */
div.content
{
  width:            85%;
  left:             0;
  margin:           10px;
  text-align:       left;
}
div.content div.center
{
  margin:           0px;
  text-align:       center;
}

/* Index-Seiten */
div.index
{
/*  background-image:     url(background.jpg);
  background-repeat:    repeat-x;
  background-position:  center top; */
  margin:               0px;
  text-align:           center;
}
div.index a
{
  color:                #8B0000;
  font-style:           italic;
  font-family:          serif;
}
div.index a:visited
{
  color:                #4B0000;
}
div.index a:hover
{
  color:                maroon;
}

/* Erlaeuterungen zum Hintergrund-Foto */
p.bgcomment
{
  padding-bottom:       10px;
  color:                #00008B;
  font-size:            80%;
  text-align:           center;
}

/* News */
p.news
{
  padding-top:          5px;
  padding-bottom:       5px;
  color:                #00008B;
  font-size:            80%;
  text-align:           center;
  border-width:         1px;
  border-color:         #00008B;
  border-style:         solid;
}
p.news span.header
{
  text-decoration:      underline;
}

/* rechte Seite: Menue */
div.sidebar
{
  width:            10%;
  right:            0;
  position:         absolute;
  top:              0px;
  background-color: #E0E0E0;
  text-align:       right;
  margin:           10px;
  padding:          5px;
  border-width:     1px;
  border-style:     solid;
  border-color:     silver;
}
/* fuer alle Browser ausser IE: Menue festnageln (Hack aus ix 04/2003) */
div.endmatter>div.sidebar
{
  position:         fixed;
}
/* Links in der Navigationsleiste */
div.sidebar a
{
  padding-right:    10px;
  display:          block;
  background-color: #E0E0E0;
  font-size:        80%;
}
/* Text in der Navigationsleiste */
div.sidebar div.text
{
  font-size:        80%;
  display:          block;
  text-align:       center;
  background-color: #F8F8F8;
}
div.sidebar div.navigation
{
  text-align:       center;
  padding-right:    0px;
}
div.sidebar div.navigation a
{
  vertical-align:   middle;
  display:          inline;
  padding-right:    0px;
}
div.sidebar div.navigation a:hover
{
  color:            maroon;
}
div.sidebar div.navigation a img
{
  border:           0;
}

/* Ueberschriften */
h1
{
  color:            #003366;
  font-size:        150%;
  font-weight:      bolder;
  text-align:       center;
}
h1.idx_header
{
  color:            #8B0000;
  font-size:        150%;
  font-weight:      bolder;
  text-align:       center;
}
h2
{
  color:            #004488;
  font-size:        120%;
  text-decoration:  underline;
  font-family:      serif;
  text-align:       center;
}
h3
{
  color:            #004488;
  font-size:        110%;
  text-decoration:  none;
  font-family:      serif;
  text-align:       left;
}

h2.idx_header
{
  color:            #8B0000;
  font-size:        120%;
  text-decoration:  underline;
  font-family:      serif;
  text-align:       center;
}

/* Links */
a
{
  color:            blue;
  font-style:       italic;
  font-family:      serif;
}
a:visited
{
  color:            #00008B;
}
a:hover
{
  color:            maroon;
}

/* Wichtiges im Fliesstext */
span.mark
{
  color:            #002040;
  font-style:       italic;
}

/* Hinweis */
p.note
{
  color:            #F00000;
  font-style:       italic;
}
span.note
{
  color:            #F00000;
  font-style:       italic;
}

/* Kommandos u. ae. im Fliesstext */
span.code
{
  color:            navy;
  font-family:      monospace;
}
/* Die Headerzeile mit einer Kurzcharakteristik (Datum, Thema, Herkunft) */
.codedesc
{
/*
  color:            black;
  font-family:      monospace;
  font-size:        120%;
  background-color: #E0E0F0;
  text-decoration:  underline;
*/
  color:            navy;
  font-weight:      bold;
  margin-left:      5px;
}
/* Code-Bloecke werden preformatted ausgegeben */
pre.code
{
  color:            navy;
  font-family:      monospace;
  background-color: #E0E0F0;
  border-width:     1px;
  border-color:     #8080A0;
  border-style:     solid;
  padding-top:      5px;
  padding-left:     10px;
}
pre.code a
{
  color:            blue;
  background-color: #E8E8F8;
  font-family:      monospace;
}
pre.code a:visited
{
  color:            #00004B;
  background-color: #E8E8F8;
  font-family:      monospace;
}
pre.code span.mark
{
  color:            green;
  background-color: #F0FFF0;
  font-style:       normal;
  font-weight:      bold;
}
/* Data-Bloecke werden preformatted ausgegeben */
pre.data
{
  color:            green;
  font-family:      monospace;
  padding-top:      5px;
  padding-left:     10px;
  font-weight:      bold;
}

/* Begriffserklaerungen */
.definition
{
  color:            navy;
  font-size:        120%;
  font-weight:      bold;
  margin-left:      20px;
  border-width:     2px;
  border-color:     #8080A0;
  border-style:     solid;
}

.defdesc
{
  color:            navy;
  font-size:        100%;
  font-weight:      normal;
  margin-left:      20px;
}

/* Tabellen fuer Bildkommentare */
table.imgdesc
{
  border-width:         1px;
  border-color:         black;
  border-style:         solid;
}
table.imgdesc caption
{
  color:                #002040;
  font-style:           italic;
}
table.imgdesc td.key
{
  font-weight:          bold;
}

/* Tabellen z. B. fuer Changelogs */
table.content
{
  width:            100%;
  margin-left:      10px;
  margin-right:     10px;
}
table.content tr
{
  vertical-align:   top;
}
table.content .left
{
  text-align:       left;
}
table.content .center
{
  text-align:       center;
}
table.content th
{
  color:            #003366;
  background-color: #E0E0E0;
/*  font-weight:      bold; */
  padding-left:     10px;
  padding-right:    10px;
}
table.content td
{
  padding-left:     10px;
  padding-right:    10px;
}

/* Tour-Layer */
.tut_layer
{
  padding-left:         10px;
  padding-right:        10px;
  color:                #00008B;
  border-width:         1px;
  border-color:         #00008B;
  border-style:         solid;
  background-color:     #E8F0FF;
}
p.tut_header
{
  text-decoration:      underline;
}