/*--------------------------------------------------------
      http://www.solon.at/
      autor: holzweg ecommerce solutions, www.holzweg.com
      beginn: 2007-02-05
      ende: 2007-
      inhalt: layout
--------------------------------------------------------*/
* html body{
      overflow: hidden;
      text-align: center;      
      }
hr{ margin-top: 10px; margin-bottom: 15px; border: 1px dashed #ccc;}      

/* --------------------- AUSSENRAHMEN, dient zu positionierung des Designs in die Mitte ---------------------*/
#mastergrid{
  margin: 0 auto;
  padding: 0;
  width: 955px; 
  height: 100%;
  border: 0px solid red; 
  background-image: url("../images/logo.gif");
  background-position: right top;
  background-repeat: no-repeat;   
}

  
  /* --------------------- funktionale NAVIGATION ---------------------*/
  #funk_nav_container{
    height: 24px;    
    width: auto;
    border: 0px solid red;
  }
    #funk_nav_column{
      height: 24px;
      width: auto;  
      text-align: left; 
      padding-left: 12px;   
    }
  /* --------------------- globale NAVIGATION ---------------------*/  
  #pfadnavigation { display:none;}
  #globale_nav_container{
    clear: left !important; /* muss gelöscht werden = die funktionale navigation zur horizontalen menüausrichtung - float: left; benögtigt!*/
    width: auto;
    height: 79px; 
    border: 0px solid blue;     
  }
    #globale_nav_column{
      width: auto;
      height: 79px;
      text-align: left; 
      border: 0px solid green;
      padding-left: 7px;
    }
    
    
    
    
  /* --------------------- header BILD ---------------------*/ 
  #header_container{
    clear: both;
    height: 234px; 
    width: auto;
  }
  /* --------------------- sprachen ---------------------*/
  #language_container{  
    clear: both;  
    width: 955px;
    height: 36px;    
    border: 0px solid red;
  }
    #language_column{
      float: right; 
      width: 100px;
      height: 36px;     
    }
  /* --------------------- 2-spaltensystem ---------------------*/ 
  #body_container{
    clear: both;        
    width: 955px;
    height: auto;
    border: 0px solid red;    
  }
  #body_wrapper{        
    float: left;
    width: 955px;       
    background: url("../images/bg_submenue.gif"); 
    background-position: top left;
    background-repeat: repeat-y;
    border: 0px solid violet;
  } 
  #body_left_column{    
    float: left;
    width: 228px;
    height: auto;
    z-index: 3;
    border: 0px solid red;
    text-align: left;
  }
  /* --------------------- sub NAVIGATION ---------------------*/
      #body_leftcolumn_subNavList{
      width: 212px;     
      padding: 0;
      margin-left: 13px; 
      margin-right: 20px;
      border: 0px solid violet;  
      position: relative;
      z-index: 4;
      }
 /* --------------------- Informationsmeldungen ---------------------*/     
    div#info_meldungen{
      width: 184px;
      margin-left: 13px;
      margin-right: 20px; 
      position: relative;
      z-index: 5;           ;
    }      
  /* --------------------- rechte Spalte ---------------------*/  
  #body_right_column{               
   float: right;
   z-index: 1;
   /*width: 695px;*/
   width: 669px;
   height: auto;
   border: 0px solid blue;
   padding-left: 0px;
   padding-top: 10px;
   padding-right: 26px;
   padding-bottom: 10px;
   text-align: left;
   
  }
    .content{
      z-index: 2;
      position: relative;      
      text-align: left;            
    }
    p.content{
    text-align: left;
    }
    /* --------------------- content : flashfilm -------------------*/
    	.background_flashmovie{
	      padding-left: 6px;
	      padding-top: 6px;		    
        height: 191px;
        width: 256px;
        border: 0px solid red;
        background: url("../images/bg_waagrecht.gif");
        background-repeat: no-repeat;	
	  }
    /* --------------------- content : bilder  ---------------------*/ 
    /* ----   bilder 1,2 waagrecht   ---- */ 
    #picture_container_1_2{
      clear: both;
      height: 200px;
      width: 695px;
      _width: 675px;
      padding: 0;
      margin: 0;
      float:left;
      border: 0px solid blue;
    }    
      .picture_column_1{
        float: left;
        height: 191px;
        width: 256px;
        border: 0px solid red;
        background: url("../images/bg_waagrecht.gif");
        background-repeat: no-repeat;
      }
      .picture_column_2{
        float: left;
        height: 191px;
        width: 256px;
        border: 0px solid red;
        background: url("../images/bg_waagrecht.gif");
        background-repeat: no-repeat;
        margin-left: 48px;
      }      
        .picture_bg_1{

          padding-left: 6px; 
          padding-top: 6px;          
          height: 182px; 
          width: 256px;
          border: 0px solid green;
        }
        .picture_bg_2{
          padding-top: 6px;
          padding-left: 6px; 
          height: 182px;
          width: 256px;
          border: 0px solid green;                        
        }
    /* ----   bilder 3,4,5 senkrecht   ---- */ 
    #picture_container_3_4_5{
      clear: both;
      height: 265px;
      width: 695px;
      _width: 675px;
      padding: 0;
      margin: 0;
      float:left;
      border: 0px solid blue;
    }    
      .picture_column_3{
        float: left;
        height: 256px;
        width: 193px;
        border: 0px solid red;
        background: url("../images/bg_senkrecht.gif");
        background-repeat: no-repeat;
      }
      .picture_column_4{
        float: left;
        height: 256px;
        width: 193px;
        border: 0px solid red;
        background: url("../images/bg_senkrecht.gif");
        background-repeat: no-repeat;
        margin-left: 53px;
        _margin-left: 48px;
      }
      .picture_column_5{
        float: left;
        height: 256px;
        width: 193px;
        border: 0px solid red;
        background: url("../images/bg_senkrecht.gif");
        background-repeat: no-repeat;
        margin-left: 53px;
        _margin-left: 48px;
      }            
        .picture_bg_3{
          height: 244px;
          width: 181px;
          border: 0px solid green;
          /*background: url("../images/samplebild4.jpg");
          background-repeat: no-repeat;
          background-position: 6px 6px;*/
          padding-left: 6px;
          padding-top: 6px;
        }
        .picture_bg_4{
          height: 244px;
          width: 181px;
          border: 0px solid green;
          /*background: green;
          background: url("../images/samplebild5.jpg");
          background-repeat: no-repeat;  
          background-position: 6px 6px;*/ 
          padding-top: 6px;
          padding-left: 6px;                 
        }  
        .picture_bg_5{
          height: 244px;
          width: 181px;
          border: 0px solid green;
         /* background: green;
          background: url("../images/samplebild4.jpg");
          background-repeat: no-repeat;  
          background-position: 6px 6px; */
          padding-top: 6px;
          padding-left: 6px;                 
        } 
    /* ----   bilder 6,7 waagrecht   ---- */ 
    #picture_container_6_7{
      clear: both;
      height: 200px;
      width: 695px;
      _width: 675px;
      padding: 0;
      margin: 0;
      float:left;
      border: 0px solid blue;
    }    
      .picture_column_6{
        float: left;
        height: 191px;
        width: 256px;
        border: 0px solid red;
        background: url("../images/bg_waagrecht.gif");
        background-repeat: no-repeat;
      }
      .picture_column_7{
        float: left;
        height: 191px;
        width: 256px;
        border: 0px solid red;
        background: url("../images/bg_waagrecht.gif");
        background-repeat: no-repeat;
        margin-left: 48px;
      }      
        .picture_bg_6{
          height: 182px;
          width: 256px;
          border: 0px solid green;
          padding-left: 6px;
          padding-top: 6px;
        }
        .picture_bg_7{
          height: 182px;
          width: 256px;
          border: 0px solid green;
/*          background: green;*/
          padding-top: 6px;
          padding-left: 6px;                 
        }    
    /* ----   pushbox_picture, waagrecht   ----   */
    #picture_pushbox_container{
      clear: both;
      height: 200px;
      width: 695px;
      _width: 675px;
      padding: 0;
      margin: 0;
      float:left;
      border: 1px solid blue;
    }
      /* waagrecht, bild 1 wird nur angezeigt */
      .picture_pushbox_column_1{
        float: left;
        height: 191px;
        width: 256px;
        border: 0px solid red;
        background: url("../images/bg_waagrecht.gif");
        background-repeat: no-repeat;
      }
      /* senrkecht, bild 3 wird nur angezeigt */
      .picture_pushbox_column_2{
        float: left;
        height: 256px;
        width: 193px;
        border: 0px solid red;
        background: url("../images/bg_senkrecht.gif");
        background-repeat: no-repeat;
      }
      .pushbox_column{
        float: right;
     /*   height: 242px;  */
        width: 218px; 
        _width: 186px;
        border-left: 1px solid #EBEBEB;
        padding-left: 32px;
        margin-left: 15px;
        
      }
      .pushbox_1{
        height: 120px;
        width: 218px;
        
      }
      .pushbox_2{
        margin-top: 10px;
        height: 120px;
        width: 218px;
      }
      /* -------------------------------   meldungen - startseite   ------------------------------- */ 
      #meldungen_container{
        clear: both;
        float: left;
        vertical-align: top;
        width: auto;
        padding: 0;
        margin: 0;             
      } 
        .meldungen_wrapper{ float:left; width:auto; }
        .meldungen_column{
          float: left;
          width: auto;          
          height: 86px;
          padding: 0;
          margin-top: 10px;          
        }
          .meldungen_picture{
            float: left;
            height: 86px;
            width: 119px;
            background-image: url("../images/bg_meldungen.gif");
            background-repeat: no-repeat;
            background-position: top left;
            padding-top: 5px;
            padding-left: 5px;            
          } 
          .meldungen_text{
            /*float: right*/
            width: auto;
            height: 86px; 
            margin-left: 20px;           
          } 

  /* ------------------------------- bildergalerie ------------------------------- */          
      #bildergalerie_container{      
          width: 695px;
          _width: 675px;
          border: 0px solid blue;
          clear: both;
          float: left;
          vertical-align: top;
          width: auto;
          padding: 0;
          margin: 0;                    
      }  
        .bildergalerie_bild{
            float: left;
            height: 86px;
            width: 119px;
            background-image: url("../images/bg_meldungen.gif");
            background-repeat: no-repeat;
            background-position: top left;
            padding-top: 5px;
            padding-left: 5px;            
        }
                                            
     
  /* --------------------- fusszeile ---------------------*/  
  #footer_container{
    clear: both;
    height: 40px;
    width: 955px;
    background-color: #F3F4F3;
  }
    #footer_left_column{
      float: left;
      width: 600px;
      padding-left: 13px;
    }
    #footer_right_column{      
      float: right;
      width: 100px;
      padding-right: 13px;
    }

/* print css, teile die im scree nicht eingeblendet werden duerfen
   und nur fuer das print.css gelten = logo, fusszeile
----------------------------------------------------- */  

#header_logo, #header_container_print, #footer_container_print, #footer_left_column_print, #footer_right_column_print  { display: none; }