div#container
{
   width: 961px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   background-image: url(images/index_bkgrnd.png);
   color: #000000;
   font-family: Arial;
   font-size: 8px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#Layer2
{
   background-color: transparent;
   background-image: url(images/index_Layer2_bkgrnd.png);
   background-repeat: repeat-x;
   background-position: left top;
}
#Marquee1
{
   background-color: transparent;
   border: 1px #F8F8FF none;
   text-align: center;
}
#RollOver1, #RollOver1 a
{
   -webkit-perspective: 16px;
   -moz-perspective: 16px;
   -ms-perspective: 16px;
   perspective: 16px;
}
#RollOver1 .image_container
{
   width: 66px;
   height: 32px;
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   -ms-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transition: 500ms;
   -moz-transition: 500ms;
   -ms-transition: 500ms;
   transition: 500ms;
}
#RollOver1:hover .image_container
{
   -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
   -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
   -ms-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
   transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
}
#RollOver1 .front, #RollOver1 .back
{
   position: absolute;
}
#RollOver1 img
{
   border-width: 0;
   width: 100%;
   height: 100%;
}
#RollOver1 .back
{
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: 1;
   -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
   -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
   -ms-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
   transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
}
#RollOver1 .front
{
   z-index: 2;
}
#RollOver1:hover .front
{
   z-index: 0;
}
#RollOver1 img
{
   border-width: 0;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Layer1
{
   background-color: transparent;
   background-image: url(images/metall_verh.jpg);
   background-repeat: repeat;
   background-position: left top;
}
#Image3
{
   border: 0px #000000 solid;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape1
{
   border-width: 0;
}
#wb_Text2 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text2 div
{
   text-align: center;
}
#Shape3
{
   border-width: 0;
}
#RollOver2, #RollOver2 a
{
   -webkit-perspective: 26px;
   -moz-perspective: 26px;
   -ms-perspective: 26px;
   perspective: 26px;
}
#RollOver2 .image_container
{
   width: 90px;
   height: 53px;
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   -ms-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transition: 500ms;
   -moz-transition: 500ms;
   -ms-transition: 500ms;
   transition: 500ms;
}
#RollOver2:hover .image_container
{
   -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
   -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
   -ms-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
   transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
}
#RollOver2 .front, #RollOver2 .back
{
   position: absolute;
}
#RollOver2 img
{
   border-width: 0;
   width: 100%;
   height: 100%;
}
#RollOver2 .back
{
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: 1;
   -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
   -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
   -ms-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
   transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
}
#RollOver2 .front
{
   z-index: 2;
}
#RollOver2:hover .front
{
   z-index: 0;
}
#RollOver2 img
{
   border-width: 0;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape4
{
   border-width: 0;
}
#wb_Text4 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text4 div
{
   text-align: center;
}
#wb_Text3 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text3 div
{
   text-align: center;
}
#wb_PanelMenu1 a, #PanelMenu1_markup li a
{
   display: block;
   color: #202020;
   border: 2px #FF0000 double;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   background-color: #32CD32;
   background: -moz-linear-gradient(315deg,#FF0000 0%,#32CD32 100%);
   background: -webkit-linear-gradient(315deg,#FF0000 0%,#32CD32 100%);
   background: -o-linear-gradient(315deg,#FF0000 0%,#32CD32 100%);
   background: -ms-linear-gradient(315deg,#FF0000 0%,#32CD32 100%);
   background: linear-gradient(315deg,#FF0000 0%,#32CD32 100%);
   font-family: 'Times New Roman';
   font-weight: bold;
   font-size: 24px;
   font-style: normal;
   text-align: center;
   text-decoration: none;
   vertical-align: middle;
}
#wb_PanelMenu1 a:hover, #PanelMenu1_markup li a:hover
{
   color: #00FF00;
   background-color: #FF0000;
   background: -moz-linear-gradient(315deg,#FFFF00 0%,#FF0000 100%);
   background: -webkit-linear-gradient(315deg,#FFFF00 0%,#FF0000 100%);
   background: -o-linear-gradient(315deg,#FFFF00 0%,#FF0000 100%);
   background: -ms-linear-gradient(315deg,#FFFF00 0%,#FF0000 100%);
   background: linear-gradient(315deg,#FFFF00 0%,#FF0000 100%);
   border: 2px #0000CD double;
}
#PanelMenu1_markup
{
   display: none;
   margin: 0;
   padding: 0;
}
#PanelMenu1_markup ul
{
   list-style: none;
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#PanelMenu1_markup li
{
}
#PanelMenu1_markup li a, #PanelMenu1_markup li a:hover
{
   padding: 10px 10px 10px 10px;
   border-width: 0;
   border-bottom-width: 2px;
   border-radius: 0;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   -ms-box-shadow: none;
   box-shadow: none;
}
#PanelMenu1_panel
{
   background-color: #32CD32;
   display: none;
   position: absolute;
   position: fixed;
   top: 0;
   height: 100%;
   width: 250px;
   z-index: 9999;
}
#Shape2
{
   border-width: 0;
}
#wb_Text5 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text5 div
{
   text-align: left;
}
#wb_Text6 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text6 div
{
   text-align: left;
}
#wb_Shape5 a img
{
   position: absolute;
}
#wb_Shape5 span
{
   position: absolute;
}
#wb_Shape5 a .hover
{
   visibility: hidden;
}
#wb_Shape5 a:hover .hover
{
   visibility: visible;
}
#wb_Shape5 a:hover span
{
   visibility: hidden;
}
#Shape5
{
   border-width: 0;
}
#wb_Shape6 a img
{
   position: absolute;
}
#wb_Shape6 span
{
   position: absolute;
}
#wb_Shape6 a .hover
{
   visibility: hidden;
}
#wb_Shape6 a:hover .hover
{
   visibility: visible;
}
#wb_Shape6 a:hover span
{
   visibility: hidden;
}
#Shape6
{
   border-width: 0;
}
#PhotoGallery1
{
   border-spacing: 3px;
   width: 100%;
   height: 100%;
}
#PhotoGallery1 .image
{
   padding: 0px 0px 0px 0px;
   text-align: center;
   vertical-align: top;
}
#PhotoGallery1 .image img
{
   border: 0px #000000 solid;
}
#PhotoGallery1_img0
{
   width: 412px;
   height: 232px;
}
#wb_Text1 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text1 div
{
   text-align: center;
}