html, body {
    scrollbar-base-color:  #C3E0FE;
    scrollbar-track-color: #dddddd;

    /* für den Internet-Explorer <=6 müssen die Scrollbar-Angaben in HTML{} */
    /* Anleitung (siehe Selfhtml ... scrollbar) 
    scrollbar-base-color       = Basisfarbe der Scroll-Leiste
    scrollbar-3dlight-color    = Farbe für 3D-Effekte
    scrollbar-arrow-color      = Farbe für Verschiebepfeile
    scrollbar-darkshadow-color = Farbe für Schatten
    scrollbar-face-color       = Farbe für Oberfläche
    scrollbar-highlight-color  = Farbe für oberen und linken Rand
    scrollbar-shadow-color     = Farbe für unteren und rechten Rand
    scrollbar-track-color      = Farbe für freibleibenden Verschiebeweg
    */
    }


BODY{FONT-FAMILY:Verdana,Arial,Times,Helvetica,Sans-Serif; 
     FONT-SIZE:11pt; 
     text-decoration:none;
    }


/* ----- Hintergrundbilder und -farben - hier auf einen Blick ----- */

/*
  Idee für Neugesteltung: 

  Body: background-color:#FBFBF4; oder etwas dunkler; kein Bildhintergrund

  h1 bis h3 eventuell in Georgia FONT-FAMILY:Georgia,Times,Helvetica,Sans-Serif; 

  Inhalt: #fff oder ganz helles grau 

  Ringbuch-Design vorläufig weiter, aber in passender Farbe

*/

BODY{background-image:url(bilder/bluemix3d.jpg);  /* vorher: bluemix3c.gif  davor: bluemix2.gif */ 
     background-color:#bbddff;
     COLOR:#000000;
     }

.codeboxuni{ 
    /* nur in excel-tipps.php */ 
    background-color: #f6f6f6;
    }

.codebox{
    background-color: #eee; 
    background-image:url(bilder/bg_kariert_hell.gif);
    }

.ring_kl_home, .ring_kl2{
    background:url(bilder/bluebuchmini_15x25.gif) repeat-y;
    background-color: #ffffef;      /* gleiche Farbe wie bluebuchmini....gif */
    border-right:  1px solid #ddd;  /* Kontrasterhöhung */ 
    }

.ring_klg{ /* nicht mehr genutzt */ 
    background:url(bilder/bluebuch4_tr_gitter.gif) repeat-y; 
    }

#inhalt{
    background:url(bilder/bluebuchmini_25x80d.gif) repeat-y; 
    background-color: #ffffef; 
    border-right:  1px solid #bbb; 
    }


/* ----- sonstige Angaben ----- */
#header { 
/* 
    border: 1px solid red;  */
    }

#header-right { 
    position: absolute;
    top:      20px; 
    right:    10px;
    width:    265px;  
/*  
    width:    235px;   
    border:   1px dotted #0f0;   */
    }

#header_buchtipps{
    }

a:link    { color:#0000ff; text-decoration:underline;}
a:visited { color:#800080; text-decoration:underline;}
a:hover   { color:#ff0000; text-decoration:underline;}
a:active  { color:#ff0000; text-decoration:underline;}


/* Links dünn und bunt bei Berührung */
a.duenn:link   { text-decoration:none; }
a.duenn:visited{ text-decoration:none; }
a.duenn:hover  { text-decoration:none; }
a.duenn:active { text-decoration:none; }

/* Links dünn und immer schwarz */
a.duennsw:link   { color:#000000; text-decoration:none; }
a.duennsw:visited{ color:#000000; text-decoration:none; }
a.duennsw:hover  { color:#000000; text-decoration:none; }
a.duennsw:active { color:#000000; text-decoration:none; }

/* Links dicker und bunt bei Berührung */ 
a.dick:link   { font-weight:bold;text-decoration:none; }
a.dick:visited{ font-weight:bold;text-decoration:none; }
a.dick:hover  { font-weight:bold;text-decoration:none; font-style:italic;}
a.dick:active { font-weight:bold;text-decoration:none; }

/* Links dicker und bunt bei Berührung; kleinere Version */
a.dick-kl:link   { font-weight:normal; text-decoration:none;}
a.dick-kl:visited{ font-weight:normal; text-decoration:none;}
a.dick-kl:hover  { font-weight:normal; text-decoration:none; /*text-decoration:underline;*/ font-style:italic;}
a.dick-kl:active { font-weight:normal; text-decoration:none;}

/* Links dicker und schwarz */
a.dick_b:link   { color:#000000; font-weight:bold; text-decoration:none;}
a.dick_b:visited{ color:#000000; font-weight:bold; text-decoration:none;}
a.dick_b:hover  { color:#000000; font-weight:bold; text-decoration:none; font-style:italic;}
a.dick_b:active { color:#000000; font-weight:bold; text-decoration:none;}


ul.navilinks2 a{color:#0000cc;  text-decoration:none;}
ul.navilinks2 a:hover{color:#ff0000;  font-style:italic;}


/* ----- Überschriften und Texte ----- */
h1,h2,h3,h4,h1.dick,#ueberschrift2{
     font-weight:bold; text-decoration:none; }
h1{     FONT-SIZE:20pt; }
h1.dick{FONT-SIZE:24pt; }
h2{     FONT-SIZE:16pt; }
#ueberschrift2{
        FONT-SIZE:14pt; }
h3{     FONT-SIZE:12pt; }
h4{     FONT-SIZE:11pt; }

td,th,p,ul,ol,li,center{ text-decoration:none;}


/* Aufzählung ohne zuviel Platz drum */
ul.ul1,ul.ul2{
    margin:0px 0px 0px 30px;
    padding:0px;
    list-style-type:disc;
    list-style-position:outside;
    }

li.abstand{
    padding-top:10px;
    }

ul.ul1 li{
    padding: 3px 0px 0px 0px;
    }

ul.ul2 li{ /* mehr Abstand als bei .ul1 */
    padding: 3px 0px 3px 0px;
    }


/* Navigationsleiste (2. Ebene) */
ul.navilinks2{
    margin:0px 0px 0px 20px;
    padding:0px;
    list-style-type:none;
    list-style-position:outside;
    list-style-image:url(bilder/list_image1.gif);
    }

/* Listen mit Links */
ul.linkliste{
    margin: 0px 0px 0px 4em;
    padding:0px 0px 0px 0px;
    text-indent:-4em;
    list-style-type:none;
    list-style-position:outside;
    }
ul.linkliste li{
    padding:0px 0px 10px 0px;
    }

ul.linkliste2{
    margin: 0px 0px 0px 1em;
    padding:0px 0px 0px 0px;
    list-style-type:circle;
    text-indent:0em;
    list-style-position:outside;
    }

ul.linkliste2 li{
    padding:5px 0px 0px 0px;
    }

ol.ol1, ol.ol2{
    list-style-position:outside;
    margin: 0px 0px 0px 25px;
    padding:0px 0px 0px 0px;
    }
ol.ol2 li {
    padding-top:   4px;
    padding-bottom:1px;
    }

.co{COLOR:#006600; 
    FONT-FAMILY:"Courier New",Courier,Helvetica,Sans-Serif; 
    FONT-SIZE:12pt;
    text-decoration:none;}

.redstar{
    COLOR:#ff0000;
    font-weight:bold;
    }

/* ----- ----- Hintergründe für Boxen ----- ----- */
/* Text bunt unterlegt */
.rosabox{ 
    background-color: #ffeeee; 
    padding:          6px; margin:0px; 
    border:           1px solid gray;
    }
.rosa{ 
    background-color: #ffeeee; 
    }
.rosa_b{
    background-color: #FFEEEE; 
    font-weight:bold; 
    }
.weiss{
    background-color:#ffffff;
    padding:6px;
    }


/* neu-Button */
    .neu{
        padding:0px 3px 0px 3px ; 
        background-color:#ff7777; 
        font-size:9pt;
        }


/* graue Box mit Rahmen und Schrift Times */
p.grauebox{ background-color:#fafafa; padding:10px; margin:0px; width:90%;
            FONT-FAMILY: Times,"Courier New",Courier,Helvetica,Sans-Serif; FONT-SIZE:12pt;
            border:      1px solid black; }

/* Box für preformatierten Text mit Rahmen */
.codebox, .codeboxuni{ 
    white-space: pre;    /*  funktioniert bis IE 6 nicht */
    width:      98%; 
    margin:      8px 10px  8px  0px; 
    padding:     8px 10px  4px 10px; 
    FONT-FAMILY: 'Courier New','Times New Roman';
    border:      1px solid black; 
    }

/* ----- ----- Hintergründe für HTML-Seiten ----- ----- */
/* Hintergrund als Ringbuch */
.ring{ padding-left: 60px; }

/* Ringbuch klein  */
.ring_kl_home{
    padding-top:12px; padding-bottom:10px; padding-left:35px;padding-right:5px; }

/* Ringbuch klein, mehr Abstand links */
.ring_kl2{
    padding-top:12px; padding-bottom:10px; padding-left:45px; padding-right:5px; }

/* Ringbuch klein, mehr Abstand links mit Gitter bluebuch4_tr_gitter.gif */
.ring_klg{ 
    padding-top:12px; padding-bottom:10px; padding-left:45px; padding-right:5px; }


/* Zeilen in der Adresse */
.adr{ 
     line-height:14pt;
     padding-left:20px;}


/* ----- ----- CSS: Bereiche in Klicktipps ----- ----- */

#header,#headertraurig{
    left: 0px; top: 0px;
    height: 95px;

    padding:10px 0px 0px 208px;

    background-repeat:no-repeat;
    background-position:70px 11px;

    text-align:center;

    /* Border nur zum Test 
    border: 1px dotted green; */
    }
#header{
    background-image: url(bilder/kuhnpc-logo6575-a.gif); 
    }
#headertraurig{
    background-image: url(bilder/kuhnpc-logo6575-t.gif); 
    }

/*
#navigation{
    left:0px; top:0px;
    width: 210px;
    float:left;
    padding:15px 0px 0px 0px;
    }
*/

#navigation{
    position:absolute;
    left:0px; top:135px;
    width: 210px;
    float:left;
    padding:10px 0px 0px 10px;
    /*
    border:1px solid blue; */
    }

#werbung,#werbung2{
    left:0px; top:0px;
    clear:all;
    padding:0px 0px 0px 0px;
    text-align:center;
    /*
    border:1px dotted blue; */
    }

#inhalt{
    top:0px;
    margin:   0px  0px  0px 220px;
    padding: 20px 10px 20px  60px;
    }

#inhaltsverzeichnis{
    padding: 0px 0px 0px  40px;
    /*
    border:1px solid red; */
    }

.buchtipps_rechts{
    float:right;
    margin:  0px 0px 10px 15px; 
    padding: 6px 3px  6px  3px;  
    text-align:center;
    FONT-SIZE:90%;
    border:solid 1px #666;
    }

.bild_rechts{
    float:right;
    margin:  0px 0px 10px 15px; 
    }

.bild_links{ 
    float:left; 
    margin:  0px 10px 10px 0px; 
    border:  1px solid #ccc; 
    }

.please_link_to{
    width:    40em; 
    margin:    1em auto 0em auto; 
    padding: 0.8em; 
    border:    1px solid #aaa;
    }

.please_link_to textarea{
    width:    34em; 
    margin:  0.6em 1em 0.6em 0em ;
    background-color: #f6f6f6;
    }

.please_link_to a{
    text-decoration:none;
    }

.please_link_to .rules{
    margin-top:  3em;  
    FONT-SIZE:  75%; 
    }

#footer{
    clear:both;
    width: 800px;
    margin: 0px auto 0px auto;
    padding:5px 0px 15px 0px;
    text-align:left;
    }

#footerright{
    float:right;
    text-align:right;
    FONT-SIZE:9pt;
    /*
    border:1px dotted red; */
    }

#printhint{display:none;} 


/* Idee aus www.Baummord.de */
@media print
    {
/*
    BODY{   FONT-SIZE:0.9em; }

    h1{     FONT-SIZE:1.4em; }
    h1.dick{FONT-SIZE:1.4em; }
    h2{     FONT-SIZE:1.2em; }
    #ueberschrift2{
            FONT-SIZE:1.25em; }
    h3{     FONT-SIZE:1.1em; }
    h4{     FONT-SIZE:1.0em; }
*/


    BODY{   font-family: Georgia, "Times New Roman", serif;
            FONT-SIZE:10pt; }

    h1{     FONT-SIZE:16pt; }
    h1.dick{FONT-SIZE:16pt;  }
    h2{     FONT-SIZE:14pt; }
    #ueberschrift2{
            FONT-SIZE:12pt; }
    h3{     FONT-SIZE:11pt; }
    h4{     FONT-SIZE:10pt; }


    #inhalt{
        margin:  0px 0px 0px 0px;
        padding:10px 0px 0px 0px;
        }

    #header, #headertraurig, #header_buchtipps, #header-right, 
    .buchtipps_rechts, .toplink,
    .please_link_to,
    #navigation, #werbung, #werbung2, 
    #footer, #footerright,
    .nichtdrucken, .noprint
        {
        display:none;
        }

    #printhint{
        width:100%;
        margin:  0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        display:block;
        text-align: center;
        FONT-SIZE:0.8em;
        } 
    }