/* Hintergrundfarben der verschiedenen Bildschirmbereiche */
body              { background-color:#303030; }
td.frame          { background-color:#000000; }
td.header         { background-color:#000000; }


/* Allgemeine Vorgaben fuer die Textformatierung */
td,th,p,ul,ol,li  { color:#DDDDDD; font-family:verdana,arial,helvetica,sans-serif; }
ul                { margin-bottom:0.5em; margin-top:0.5em }
li                { margin-bottom:0.3em }
h1,h2,h3,h4,h5,h6 { color:#7B7FB7; margin-top:2px; margin-bottom:2px; font-family:verdana,arial,helvetica,sans-serif; }

a                 { color:#FFFFFF; }
a:visited         { color:#BBBBBB; }
a:hover,
a:active,
a:focus           { color:#FFFF00; }

em                { color:#7B7FB7; font-style:normal; font-weight: bold; }  /* blau, nicht kursiv, fett */
strong            { color:#FFFF00; font-weight: bold; }                     /* gelb, fett */

/* Formatierung des Headers */
tr.header         { height:70; }
td.header         { background-image: url('graphic/header.gif'); background-repeat:no-repeat; text-align:right; }


/* Formatierung der Menuspalte links */
table.menu         { border-top-width: 1pt; border-top-style:solid; border-bottom-width: 1pt; border-bottom-style:solid; border-color:#000000; }
td.menu0, 
td.menu1, 
td.menu2           { border-top-width: 1pt; border-top-style:solid; border-bottom-width: 1pt; border-bottom-style:solid; border-color:#000000; }

td.menu0           { background-color:#000000; padding:0px; }
td.menu1           { background-color:#404040; padding:4px 15px 4px 10px; }
td.menu2           { background-color:#202020; padding:1px 15px 1px 24px; }

.menu1             { color:#FFFF00; font-weight: bold; font-size:80%; }
.menu1 a           { color:#7B7FB7; text-decoration:none; }
.menu1 a:visited   { color:#7B7FB7; }
.menu1 a:hover,
.menu1 a:active,
.menu1 a:focus     { color:#FFFF00; text-decoration:underline; }

.menu2             { color:#FFFF00; font-size:80%;}
.menu2 a           { color:#7B7FB7; text-decoration:none; }
.menu2 a:visited   { color:#7B7FB7; }
.menu2 a:hover,
.menu2 a:active,
.menu2 a:focus     { color:#FFFF00; text-decoration:underline; }

/* Seiten mit Kinder-Fotos in 3:2 */
table.kind         { border-style:none; border-width:0px; }
.kind th.monat     { text-align:left; padding-left:20px; }
.kind th.titel     { text-align:right; padding-right:20px; }
.kind td           { border-style:none; width:364px; padding:10px 20px; vertical-align:top; text-align:left; }
.kind img          { width:360px; height:240px; border-style:solid; border-color:#ccc; border-width:2px; }
.kind p            { margin:10px 0px; }

/* Seiten mit Jan-Fotos */
table.jan          { border-style:none; border-width:0px; }
.jan th.monat      { text-align:left; padding-left:20px; }
.jan th.titel      { text-align:right; padding-right:20px; }
.jan td            { border-style:none; width:364px; padding:10px 20px; vertical-align:top; text-align:left; }
.jan img           { width:360px; height:270px; border-style:solid; border-color:#ccc; border-width:2px; }
.jan p             { margin:10px 0px; }

/* Seiten mit Jens-Fotos */
table.jens         { border-style:none; border-width:0px; width:100%; height:100%; }
.jens td           { text-align: center; vertical-align:center; padding:20px 25px; }
.jens img          { width:200px; height:200px; border-style:solid; border-color:#ccc; border-width:2px; }
.jens a img        { border-color:#7B7FB7; }
.jens a:hover img  { border-color:#FFFF00; }
.jens p            { margin: 5px 0px; font-size:70%; color:#bbb; }

/* Seiten mit Web-Screenshots */
table.web          { border-style:none; border-width:0px; }
.web td            { border-style:none; width:364px; padding:10px 20px; vertical-align:top; text-align:left; }
.web img           { width:360px; border-style:solid; border-color:#ccc; border-width:2px; }
.web a img         { border-color:#ccc; }
.web a:hover img   { border-color:#FFFF00; }
.web p             { margin:10px 0px; }

/* Seiten mit Link-Tipps */
table.link         { border-style:none; border-width:0px; width:100%; margin-top:20px; }
.link th           { background-color:#666; color:#FF0; text-align: left; vertical-align:center; padding:4px; }
.link td           { background-color:#555; text-align: left; vertical-align:top; padding:2px 10px; }
.link p            { margin: 4px 0px; font-size:90%; }
.link p.rubrik     { color:#7B7FB7; font-weight:bold; }
.link img          { border-style:none; }


/* 01.03.2008 jm */