@charset "utf-8";
 /* CSS Document */


 body
  {
         margin: 20px auto;
         background: url("hintergrund.jpg");
         background-attachment: fixed;
         background-repeat: repeat;
  }




  /* root_site setup */

  #root_site
  {
         margin-top: 20px;
         margin-left: auto;
         margin-right: auto;
         width: 1000px;
         height: auto;
  }





  /* header */

          #header_main_container
         {
                 width: 100%;
                 height: auto;
         }


                 .header_main
                 {
                         height: 268px;
                         width: 1000px;
                         background: url("header_image_hoya.png") no-repeat;
                         background-position: center;
                         border-radius: 30px 30px 0 0;
                 }

                 .header_main_table
                 {
                         font-family: Verdana;
                         font-size: 9px;
                         color: #ffffff;
                         letter-spacing: 0.03em;
                         font-style: italic;
                         font-weight: regular;
                         padding-top: 220px;
                         padding-left: 155px;

                 }

                 .header_main_table a
                 {
                         font-style: italic;
                         color: #ffffff;
                         text-decoration: none;
                 }


                 .header_main_table a:hover
                 {
                         font-style: italic;
                         color: #ffffff;
                         text-decoration: none;
                 }






  /* Navigation */

         * {
                 box-sizing: border-box;
           }


     nav {
                 position: absolute;
                 margin-left: auto;
                 margin-right: auto;
                 width: 1000px;
                 background-color: #595451;
                 font-size: 16px;
                 font-family: Arial;
                 letter-spacing: 0.04em;
                 font-variant: small-caps;
        }


         nav a {
                         display: block;
                         color: #ffffff;
                         text-decoration: none;
               }

                 nav li {
                                 display: inline-block;
                                 color: #ffffff;
                                 list-style: none;
                        }

                         nav > ul {
                                         position: relative;
                                         width: 1000px;
                                         margin: 0 auto;
                                         padding: 0;
                                         text-align: center;
                                  }

                                  nav > ul > li > a {
                                                         padding: 15px 25px;
                                                    }



                                  nav > ul > li:hover {
                                                                 background: #d33b1d;
                                                      }

                                  nav ul.megamenu {
                                                         position: absolute;
                                                         width: 1000px;
                                                         top: -9999px;
                                                         left: 0;
                                                         padding: 25px 40px 10px 40px;
                                                         background-color: #ffffff;
                                                         text-align: left;
                                                         border-top: 5px solid #ffffff;
                                                         box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
                                                         z-index: 1;
                                                         opacity: .9;
                                                  }

                                  nav ul li:hover ul.megamenu {
                                                                 top: 100%;
                                                              }

                                  nav .column {
                                                         float: left;
                                                         width: 32%;
                                                         margin-right: 2%;
                                              }

                                  nav .column:last-child {
                                                                 margin-right: 0;
                                                         }

                                         nav .megamenu ul {
                                                                 margin-bottom: 40px;
                                                          }

                                         nav .megamenu li {
                                                                 display: block;
                                                          }

                                         nav .megamenu li a {
                                                                 margin-top: 10px;
                                                                 transition: 0.3s;
                                                                 color: #000000;
                                                            }

                                         nav .megamenu li a:hover {

                                                                         text-decoration: none;
                                                                  }

                                         nav .megamenu h4 {
                                                                 margin-bottom: 15px;
                                                                 color: #000000;
                                                                 text-transform: uppercase;
                                                          }




   /* Content */

         #content_main_container
         {
                 margin-top: 45px;
                 background-color: #ffffff;
                 width: 1000px;
                 height: auto;
                 float: left;
         }

                 .content_left_main
                 {
                         background-color: #ffffff;
                         width: 81.3%;
                         height: 100%;
                         float: left;
                 }


                 .content_left_table
                 {
                         padding: 20px 34px 15px 44px;
                 }


                 .content_news_box
                 {
                         background-color: #ffffff;
                         padding: 20px 20px 20px 20px;
                         border-radius: 10px;
                         font-size: 12.5px;
                         line-height: 1.7;
                         font-family: Verdana;
                         letter-spacing: 0.02em;
                         color: #000000;
                 }


                 .content_news_box a
                 {
                         color: #000000;
                         text-decoration: none;
                 }


                 .content_news_box a:hover
                 {
                         color: #000000;
                         text-decoration: underline;
                 }


                 .content_table_headline_1
                 {
                         font-variant: small-caps;
                         font-weight: bold;
                         font-size: 14pt;
                         font-family: Arial;
                         color: #7b7d7a;
                         padding-top: 0;
                 }






  /* Footer */

         #footer_main_container
         {
                 background-color: #f7f6f6;
                 width: 100%;
                 height: auto;
                 float: left;
         }


         #footer_container
         {
                 padding: 18px 10px 18px 10px;
         }


                 .footer_table_setup
                 {
                         font-family: Verdana;
                         font-size: 8.3pt;
                         text-align: center;
                         width: 600px;
                         color: #000000;
                 }


                 .footer_table_setup a
                 {
                         font-style: italic;
                         color: #000000;
                         text-decoration: none;
                 }


                 .footer_table_setup a:hover
                 {
                         font-style: italic;
                         color: #000000;
                         text-decoration: none;
                 }