/***************************************
              **        CSS Stylesheet 2.0         **
              **              Layout               **
              **      für Bildschirmanzeige        **
              ***************************************
              **    Kooperation der Energologie    **
              **     http://www.energoloie.de      **
              ***************************************
              **     Author: Nebojsa Racanin       **
              ***************************************
              **      Last Update: 20.03.2005      **
              ***************************************/



body,table { margin:0; padding:0; font-family: arial; font-size: 12px; }

#haupt     { width: 942px;
             height: 100%;
             margin-bottom:0; }





      /***********************************
       **     Bereich Kooperation       **
       ***********************************/




#kooperation { width: 246px;
               text-align: center;
               background-color: #D6D6EE;
               vertical-align: top;
               padding: 0;
               border-top: solid 6px #3030AA;
               border-right: solid 2px #BEB6E1;
               color: #3030AA;
               }

#logo-hintergrund { background-color: #ffffff; }

#logo        { margin-top: 13px;
               margin-bottom: 12px;
               margin-left: 0;
               margin-right: 0;
               }

#koop-content { background-color: #D6D6EE;
                padding-top: 9px;
                padding-left: 6px;
                padding-right: 6px;
                border-left: solid 1px #BFB7E2;
                height: 100%;
                }






/* Kooperation Navigation */


.koop-navi-button { width:233;
                    height:23px;
                    background-image: URL(gfx/koop-navi-button.gif);
                    background-color: #E0E7F8;
                   }

.koop-navi-button-hoch { width:233;
                    height:36px;
                    background-image: URL(gfx/koop-navi-button-hoch.gif);
                    background-color: #E0E7F8;
                   }

a.koop-navi:link   { color: #3030AA;
                     font-weight: bold;
                     text-decoration: none;
                     padding-left: 2px;
                     padding-top: 4px;
                     padding-bottom: 3px;
                     width:100%;
                     height:100%;
                    }

a.koop-navi:visited { color: #3030AA;
                      font-weight: bold;
                      text-decoration: none;
                      padding-left:   2px;
                      padding-top:    4px;
                      padding-bottom: 3px;
                      width:100%;
                      height:100%;
                     }

a.koop-navi:hover  { color: #9FAAF4;
                     font-weight: bold;
                     text-decoration: none;
                     padding-left: 2px;
                     padding-top: 4px;
                     padding-bottom: 3px;
                     width:100%;
                     height:100%;
                    }

a.koop-navi:active { color: #3030AA;
                     font-weight: bold;
                     text-decoration: none;
                     padding-left: 2px;
                     padding-top: 4px;
                     padding-bottom: 3px;
                     width:100%;
                     height:100%;
                    }


.infolayer    { background-color: #ffffff;
                border: dashed 1px #C0C0C0;
                font-size: 11px;
                line-height: 11px;
                padding: 2px;
                color: #3030AA; }


/* Kooperation Info */


#koop-infobox { margin-top: 7px;
                background-color: #DCE2EF;
                border: solid 1px #C1C1C6;
                padding: 5px;
                text-align: left;
                font-size: 11px;
               }


#drehlogo {  margin-top:-3px;
             margin-right:-8px
            }


/* Energologie News */


#kde-news    { margin-top: 7px;
                background-color: #DCE2EF;
                border: solid 1px #C1C1C6;
                text-align: left;
                font-size: 11px;
                color: #3030AA;
                width: 100%;
               }


.kde-news-headline  { text-align: left;
                      font-size: 14px;
                      padding-left: 7px;
                      padding-top: 3px;
                      padding-bottom: 3px;
                      font-weight: bold;
                      background-color:#EEF3FD;
                      background-image: URL(gfx/koop-headline2.gif);
                      border-bottom: solid 1px #C1C1C6;
                     }


.kde-news-inhalte   { padding:6px;
                      background-color: #DFE7F9; }

.kde-news-headline2 { font-size: 12px;
                      font-weight: bold;
                      padding-left: 6px;
                      padding-top: 2px;
                      padding-bottom: 2px;
                      background-color:#EEF3FD;
                      background-image: URL(gfx/koop-headline2.gif);
                      border-top: solid 1px #C1C1C6;
                      border-bottom: solid 1px #C1C1C6;
                     }




      /***********************************
       **     Bereich Institution       **
       ***********************************/




#header     { vertical-align:  top;
              height: 9%; }


/* Navigation */


#navi      { height: 16px; }


div.navi     {
               height: 16px;
               color: #ffffff;
               font-weight: bold;
               background-color: #F59C20;
               padding-left: 5px;
               vertical-align: top;
              }

a.navi:link    { text-decoration: none;
                 padding-left: 5px;
                 padding-right: 5px;
                }

a.navi:visited { text-decoration: none;
                 padding-left: 5px;
                 padding-right: 5px;
                }

a.navi:hover   { text-decoration: none;
                 padding-left: 5px;
                 padding-right: 5px;
                }

a.navi:active  { text-decoration: none;
                 padding-left: 5px;
                 padding-right: 5px;
                }



#subnavi  { background-image: URL(gfx/schatten.gif);
               background-repeat: repeat-y;
               height: 30px;
               padding-left: 20px;
               padding-top: 10px;
               vertical-align: middle;
               font-weight: bold;
               font-size: 10px;
              }



/* Inhalt */


#content       { height: 1250px;
                 background-image: URL(gfx/schatten.gif);
                 background-repeat: repeat-y;
                 padding-top: 20px;
                 padding-left:20px;
                 padding-right: 20px;
                 padding-bottom: 30px;
                 vertical-align: top; }


#newsleiste    {
        width: 182;
        vertical-align: top;
        padding-top: 20px;
                }



/* Kasten mit Knick in der Ecke */


.kasten { width: 182px; margin-top: -20; }

.kasten-top    { background-image: URL(gfx/kasten-top.gif);
                 background-repeat: no-repeat;
                 padding-top: 6px;
                 padding-left: 6px;
                 padding-right: 6px;
                 vertical-align: top;
                 height: 40px;
                }

.kasten-middle    { background-image: URL(gfx/kasten-middle.gif);
                    background-repeat: repeat;
                    padding-bottom: 6px;
                    padding-left: 6px;
                    padding-right: 6px;
                    border-bottom: solid 1px #C7C7C7;
                    font-size: 11px;
                   }


#abschluss     { /* background-image: URL(gfx/schatten-navi.gif);
                 background-repeat: repeat-y; */
                 height: 8px;
                }

#copyright     { text-align: center;
                 padding:4px;
                 background-image: URL(gfx/schatten.gif);
                 background-repeat: repeat-y;
                 font-size: 11px; }

.schriftzug-klein { margin-bottom:-2px; margin-right: 3px; }




/* Allgemeine Formatierungen */


h1 { font-size: 15px; }

h2 { font-size: 13px; }

h3 { font-size: 12px; }

h4 { font-size: 11px; }

h5 { font-size: 10px; }

h6 { font-size: 9px; }




a:link         { text-decoration: underline; }

a:visited      { text-decoration: underline; }

a:hover        { text-decoration: underline; }

a:active       { text-decoration: underline; }




p { text-align: justify; }


img { border: none; }


/* Farbige Überschriften mit Grafiken */


.headline { margin-bottom: 3px;
            background-image: URL(gfx/pfeil.gif);
            background-repeat: no-repeat;
            padding-left: 17px;
           }

.underheadline { margin-bottom: 3px;
                 margin-top: -2px;
                 font-size: 12px;
                }