/*--------------------------------------------------------
      http://www.tiwag.at/
      autor: holzweg ecommerce solutions, www.holzweg.com
      beginn: 2007-02-27
      ende: 2007-02-
      inhalt: layoutaufbau fuer 1024
--------------------------------------------------------*/
* html body{
      overflow: hidden;
      }

div#logo{
  position: absolute;
  top: 7px;
  left: 35px;
  height: 90px;
  width: 94px;
  z-index: 500;
  border: 0px solid green;
}

/* AUSSENDIV - BESTIMMT DIE GRýSSE DES AUSSENRASTERS
-----------------------------------------------------*/
#mastergrid{
  width: 1000px; 
  border: 0px solid red; 
  background-image: url("/www_tiwag_lib/images/background_head_3.gif");
  background-repeat: repeat-x;
  background-position: top left;
}

/* HEADER
-----------------------------------------------------*/
#headerContainer{
  width: 1000px;
  height: 347px;  
  clear: both;
  background: url("/www_tiwag_lib/images/logo.gif");
  background-position: 0px 0px;
  background-repeat: no-repeat;
/*  border: 1px solid red;*/
  border-bottom: 4px solid #0D4C8D;
}
    /* beinhaltet die funktionale navigation, aaa */
    #funkNavColumn{     
      padding-top: 45px;
      padding-left: 203px;
      height: 49px;
      width: 789px; 
      border: 0px solid orange;    
    }
        #funkNavLeft{
          width: 175px;
          height: 30px;    
          text-align: left; 
          float: left;
        }
        #funkNavRight{
          width: 560px;
          height: 30px;
          float: right;    
          text-align: right;   
          border: 0px solid orange;           
        }
       .zwischenlinie{
                          color: #D5E6ED;
                          font-size: 13px;
                          padding-left: 4px;
                          padding-right: 2px;
                          padding-top: 0;
                          padding-bottom: 0;
       }   
       div#aaa{
               position: absolute;
               left: 950px;
               top: 15px;
               z-index: 500;               
               
               width: 50px;
               border: 0px solid red;

       }
    /* beinhaltet das 3-spalten system im header = hauptnavigation - transparentes bild - 1 pushbox */
    #headerColumn{
      position: relative;
      height: 253px;
      width: 1000px; 
      border: 0px solid red;     
    }
        /* headerLeftColumn, hier befindet sich das Logo -----------------------------------------------------*/
        #headerLeftColumn{
          width: 201px;
          height: 210px;
          float: left;
          z-index: 3;  
          padding-top: 43px; 
        }
        /* headerRightColumn, hier befindet sich das Logo -----------------------------------------------------*/
        #headerCenterColumn{
          width: auto;
          height: 253px;
        }
        /* headerRightColumn, hier befindet sich das Logo -----------------------------------------------------*/
        #headerRightColumn{
          border: 0px solid red;               
        }
        #pushboxContainer1280{
          float: right;
          width: 434px;                    
          height: 254px;           
        }
          #pushboxen1024{
            float: right;
            padding-top: 12px;           
            width: 217px;            
            height: 240px;                         
                       
            background-image: url("/www_tiwag_lib/images/background-pushboxen_003_re.gif");
            background-repeat: no-repeat;
            background-position: 0 0; 
        
          }                         
                /* hier werden die pushboxen eingefuegt*/
                #pushbox1{            
                  height: 120px;
                  width: 216px;                  
                  border-left: 1px solid #ffffff;                                                                                                                       
                  border-bottom: 1px solid #ffffff;                                                     
                }                          
                #pushbox2{            
                  height: 120px;
                  width: 216px;      
                  border-left: 1px solid #ffffff;                                                                                                                                                              
                }                     
                      
                      
                      /*puhsbox1Inhalt*/
                      /* nur text, titel, subtitel, anriss */
                      #content1{
                        height: 120px; /* orignal 120px; */
                        width: 216px;                                    
                        background-color: #ffffff;                       
                        /* background-image: url("");
                        background-position: top left;
                        background-repeat: no-repeat; */                          
                      }                
                      /*puhsbox1Inhalt*/
                      /* bild rechts, content/inhalt links, title und anriss */
                      #content2{
                        height: 120px;
                        width: 216px;                                     
                        /* background-color: #EE0000; */ 
                        background-image: url("/www_tiwag_lib/images/pushbox2.jpg");
                        background-position: top left;
                        background-repeat: no-repeat;            
                      }
                      /*puhsbox3Inhalt*/
                      /* bild links, content/inhalt rechts, title und anriss */
                      #content3{                                                        
                        height: 120px; 
                        width: 216px;                     
                        /* background-color: violet;*/ 
                        background-image: url("/www_tiwag_lib/images/pushbox3.jpg");
                        background-position: top left;
                        background-repeat: no-repeat;                       
                      }         
                      /*puhsbox4Inhalt*/
                      /* nur text, titel, subtitel, anriss */
                      #content4{
                        height: 120px; /* orignal 120px; */
                        width: 216px;                                    
                        background-color: #ffffff;                       
                        /* background-image: url("");
                        background-position: top left;
                        background-repeat: no-repeat;*/                          
                      }                
    
/* BODY CONAINER, hier befindet sich das 3-Spaltige Layout
-----------------------------------------------------*/
#bodyContainer{
 clear: both;
 width: 1000px;
 border: 0px solid #990000;
 background-image: url("/www_tiwag_lib/images/background_spalten_1024.gif");
 background-repeat: repeat-y;
 background-position: top right; 
}
/* HINTERGRUND LINKE SPALTE */
#bodyContainerBackgroundLeft{
}
/* HINTERGRUND RECHTE SPALTE */
#bodyContainerBackgroundRight{

}

    /* im BODY CONTAINER, hier befindet die Hauptnavigation_2_level + Haupnavigation_3_level -----------------------------------------------------*/   
    #bodyLeftColumn{
      float: left;
      width: 200px;
      z-index: 3;      
    }
            div.newsContainer{                                              
                          width: 201px; 
                          border: 0px solid red;                                                                                                       
            }
            div.newsImage{
                          width: 201px;
                          height: 145px;
                          background-image: url("/www_tiwag_lib/images/news.jpg");
                          background-repeat: no-repeat;
                          background-position: top left;
            }
                  /* NEWS IMAGE */
                  div.newsLeft{
                               float:left;                                             
                               margin-left: 10px;
                               
                               width: 13px;
                               background-image: url("/www_tiwag_lib/images/pfeil_news.gif");
                               background-repeat: no-repeat;
                               background-position: 0px 6px;
                               _background-position: 0px 4px;
                  }
                  /* Linke Spalte - News_1 */
                  div.newsRight{
                                float:right;
                                width: 150px;                                
                                margin-right: 10px;
                                _margin-right: 5px;
                                padding-right: 10px;
                                _padding-right: 0px;
                                padding-bottom: 10px;                                
                                line-height: 13px;                                                                                                                                 
                  }
                  div.newsUnderline{
                                    margin-top: 10px;
                                    margin-bottom: 10px;
                  }
   
    
    /* im BODY CONTAINER, hier befindet sich der Inhaltbereich -----------------------------------------------------*/ 
    #bodyCenterColumn{
      width: 543px;
      z-index: 1; 
      float: left;     
      padding-top: 5px;
      padding-left: 10px;
      padding-right: 5px;
      padding-bottom: 10px;
      border: 0px solid red;
      
    }
    /* im BODY CONTAINER, hier befinden sie die Suche und die Quicklinks -----------------------------------------------------*/
    #bodyRightColumn{
      float: right;
      width: 216px;
      z-index: 5;
      
    }
    /* SUCHE - BEFINDET SICH IN DER RECHTEN SPALTE */
    div#suche{
                       padding: 5px 0px 5px 5px;
                       width: 210px;
                       float: right;
                       text-align:left;
                       background-color: #A8B1B2;                       
                     }                               

          /* TRANSPARTENTER ABSTAND - ZWISCHEN SUCHE UND QUICKLINKS */
          div.abstand{
                      padding: 0;
                      margin: 0;
                      /* FONT SCHRIFTGROESSE MACHT DEN ABSTAND VON DER SUCHE UND DEN QUICKLINKS */
                      font-size: 6px;
                      _font-size: 4px;
          }
          div.quicklinkColumn{                                                    
                              margin-left: 5px;
          }
          div.quicklinkRight{            float:right;
                                         width: 180px;
                                         _margin-top: 2px;
                             }
                             div.quicklinkHeadline{
                                                   line-height: 13px;
                             }
                             div.quicklinkContent{
                                                   line-height: 13px;
                             }
          /* quicklink mit dem bild "letter" */
          div.quicklinkLeftLetter{
                         float:left;
                         padding: 0;
                         margin: 0;
                         _margin-top: 2px;
                         
                         width: 30px;
                         height: 30px;
                         background-repeat: no-repeat;
                         background-position: 0px 0px;
                         _background-position: 0px 1px;
                         }
          /* quicklink - mit dem bidl i */
          div.quicklinkLeftInfo{
                         float:left;
                         margin-top: 0px;

                         width: 30px;
                         height: 30px;
                         background-repeat: no-repeat;
                         background-position: 0px 0px;
                         _background-position: 0px 1px;
                         }
           /* quicklink - mit dem bidl der Sprechblase */
          div.quicklinkLeftSprechblase{
                         float:left;
                         margin-top: 0px;

                         width: 30px;
                         height: 30px;
                         background-repeat: no-repeat;
                         background-position: 0px 0px;
                         _background-position: 0px 1px;
                         }      
          /* quicklink - mit dem bidl i */
          div.quicklinkLeftWeltkugel{
                         float:left;
                         margin-top: 0px;

                         width: 30px;
                         height: 30px;
                         background-repeat: no-repeat;
                         background-position: 0px 0px;
                         _background-position: 0px 1px;
                         }                                                                                       
                         
                         
         div.quicklinkUnderline{
         }
    
    
    
    
    
    #footerColumn{
      clear: both;
      height: 30px;
      background-color:#DCDCDC;
    }
    
                /* FUSSZEILE LINKER BEREICH - IMPRESSUM, SITEMAP ETC.*/
                div#footerLeft{
                                /* top right bottom left */
                                padding:9px 15px 0px 15px;
                                margin:0;
                                float: left;
                                border: 0px solid red;
                               }
                               
                               

                               
/* ############################################### INCLUDES ################################################## */



/* -------------------------- CONTENT / FORMATIERUNGSCONTAINER  --------------------------*/
div#content{           
           color: #5D5D5D;
           margin-bottom: 10px;
           margin-left: 0px;
}
div.contentColumn{   
  _clear: none;
  width: 543px;
  margin-top: 10px;  
}
/* -------------------------- 2-SPALTEN-SYSTEM --------------------------*/
div#contentLeft{
    float:left;
    width: 335px;

}
     div.bigPictureContainer{
      clear: both;
      width: 545px;                                          
     }
     
     img.bigPicture{                                                                           
                   width: 535px;                                                                                                                                                                  
                   border: 4px solid #EBEBE9;
                   padding: 1px;
      }
div#contentRight{
 float: right;
 width: 200px;
}
                div.pictureContainer{
                    width: 200px;
                    margin-bottom: 15px;
                }
                .picture {                                                          
                             border: 4px solid #EBEBE9;  
                             padding: 1px;                                     
                }
/* -------------------------- 1-SPALTENSYSTEM, NUR TEXT  --------------------------*/
div.contentFull{
  padding:0;
  border: 0px solid red;
  
}
/* -------------------------- 2-SPALTEN-SYSTEM, PARTNER, BILDER LINKS - TEXT RECHTS  --------------------------*/


div.partnerColumn{
                 float: left;
                 _float: none;

                 width: 543px;                                                     
}

div#partnerLeft{
                float: left;
                width: 70px;
                margin-top: 10px;
                margin-left: 10px;
                _margin-left: 5px;
                }
                div.partnerPictureContainer{ padding: 0;
                }
                div.partnerFoto{
                   height: 70px;
                   width: 70px;                                                             
                   background-image: url("/www_tiwag_lib/images/background-partner-foto.gif");
                   background-repeat: no-repeat;
                   background-position: top left;
                   padding: 5px 0px 0px 5px;
                                                                                
        }   

div#partnerRight{
                width: auto;
                margin-top: 10px;
                margin-bottom: 10px;
                margin-right: 10px;
                margin-left: 100px;

}
/* -------------------------- 2-SPALTEN-SYSTEM, MELDUNGEN, BILDER LINKS - TEXT RECHTS  --------------------------*/


div.meldungenColumn{
                 float: left;
                 _float: none;

                 width: 543px;

}

div.meldungenLeft{
                float: left;
                width: 105px; 
                margin-left: 10px;
                _margin-left: 5px;                                                    
                }
       div.meldungenFoto{
                         height: 102px;
                         width: 102px;                                                             
                         background-image: url("/www_tiwag_lib/images/background-meldungen.gif");
                         background-repeat: no-repeat;
                         background-position: top left;
                         padding: 5px 0px 0px 5px;                                                             
}

div.meldungenRight{                                                                                                                                                        
                margin-bottom: 10px;
                margin-right: 10px;
                margin-left: 120px;
                border: 0px solid blue;

}
/* -------------------------- 2-SPALTEN-SYSTEM, PARTNER, BILDER LINKS - TEXT RECHTS  --------------------------*/


div.presseContent{
               padding: 10px 10px 0px 10px;
}        


     

/* -------------------------- SITEMAP  --------------------------*/

#sitemapContainer{ width: 543px; float: left; border: 0px solid red;}
#sitemap { float:left; border: 0px; width: 170px; margin-right: 25px; margin-bottom: 20px;  }
/* --------------------------- LEVEL 1 --------------------------- */
  #sitemap ul
  {  
  padding: 0;
  margin: 0;
  list-style-type: none;  
  border: 0px solid red;  
  }
  
  #sitemap li { 
      padding: 0px;      
      margin: 0 0 1px -2px;  
      border-top: 0px;
      border-right: 0px;
      border-bottom: 0px;
      border-left: 0px;
       }
  
  #sitemap a  
  {
  display: block;  
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  margin: 0;
  width: 170px;
  color: #FF0000;
  background-color: #fff;  
  text-decoration: none;  
  }

#sitemap a.level_1{
    padding: 0;
    margin-left: -2px;
    _margin-left: -3px;
    color: #FF0000;
    border: 0px;
    font-weight: bold;  
    font-size: 14px;  
  }
  

  /* HYPERLINK */
  #sitemap a.level_1:link, #sitemap a.level_1:visited {
      padding: 0;
      margin-left: -3px;       
      color: #FF0000;
      border: 0px;
      font-weight: bold;  
      font-size: 14px;  
      text-decoration: none;
    } 
  #sitemap a.level_1:hover {
      color: #0E4A9D;
      text-decoration: none;
    }     
   
/* --------------------------- LEVEL 2 --------------------------- */
  #sitemap ul ul li { 
      padding: 0px;
      margin: 0 0 1px -1px;       
      border-top: 0px solid red;
      border-right: 0px;
      border-bottom: 0px solid red;
      border-left: 0px;
      }
  
  #sitemap ul ul li a
  {
  display: block;
  margin: 0;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-left: 0px;
  width: 155px;
  color: #666666;
  background-color: #fff;
  text-decoration: none;
  }
#sitemap a.level_2{
    padding: 0;
    margin: 0 0 1px -2px;        
    color: #666666;
    border: 0px;          
  }  
  /* HYPERLINKS */
  #sitemap a.level_2:link, #sitemap a.level_2:visited {
    color: #666666;
    border-bottom: 1px solid #E0E0E0;
    font-weight: bold;
    text-decoration: none;
  }  
  #sitemap a.level_2:hover {
    color: #0E4A9D;
    text-decoration: none;
  }      
/* --------------------------- LEVEL 3 ---------------------------*/
  #sitemap ul ul ul li { 
    
    margin: 0 0 1px; 
    }
  
  #sitemap ul ul ul a
  {
  
  display: block;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-left: 20px;
  width: 130px;
  color: #666666;
  background-color: #fff;
  text-decoration: none;
  }
  
  #sitemap a.level_3{
    color: #666666;
    border: 0px;
    background-image: url("/www_tiwag_lib/images/dot_grau.gif");
    background-repeat: no-repeat;
    background-position: 3px 8px;    
  } 
  #sitemap a.level_3:link, #sitemap a.level_3:visited {
    color: #666666;
    border: 0px;
    background-image: url("/www_tiwag_lib/images/dot_grau.gif");
    background-repeat: no-repeat;
    background-position: 3px 8px; 
    text-decoration: none;   
  }                              
#sitemap a.level_3:hover {
    color: #0E4A9D;
    text-decoration: none;
  }  

/* --------------------------- Ausnahme fuer print.css ---------------------------*/
#kopfzeile{display: none;}
#fusszeile{display: none;}
#pfadnavigation{display:none;}
