div#container
{
   width: 970px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #2D2D2D;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
#online
{
   border: 1px solid #C0C0C0;
   border-radius: 0px;
   margin: 0;
}
#wb_FlipSwitch4
{
   margin: 0;
}
#FlipSwitch4
{
   display: none;
}
#FlipSwitch4-label
{
   display: block;
   overflow: hidden;
   cursor: pointer;
   border: 2px solid #636363;
   border-radius: 26px;
   box-sizing: border-box;
   max-width: 100%;
   height: 100%;
   -webkit-transition: border-color 300ms ease-in 0s;
   transition: border-color 300ms ease-in 0s;
}
#FlipSwitch4-inner
{
   box-sizing: border-box;
   display: block;
   width: 200%;
   margin-left: -100%;
   -webkit-transition: margin 300ms ease-in 0s;
   transition: margin 300ms ease-in 0s;
}
#FlipSwitch4-inner:before, #FlipSwitch4-inner:after
{
   display: block;
   float: left;
   width: 50%;
   height: 26px;
   padding: 0;
   line-height: 26px;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   box-sizing: border-box;
   border-radius: 26px;
   text-align: center;
}
#FlipSwitch4-inner:before
{
   content: "ONLINE";
   padding-right: 26px;
   background-color: #696969;
   color: #FFFFFF;
   border-radius: 26px 0 0 26px;
}
#FlipSwitch4-inner:after
{
   content: "LOCAL";
   padding-left: 26px;
   background-color: #FFFFFF;
   color: #000000;
   border-radius: 0 26px 26px 0;
}
#FlipSwitch4-switch
{
   display: block;
   width: 26px;
   margin: 0;
   background: #FFFFFF;
   border: 2px solid #636363;
   border-radius: 26px;
   box-shadow: 0px 0px 5px rgba(0,0,0,0.30);
   position: absolute;
   top: 2px;
   bottom: 2px;
   right: 62px;
   -webkit-transition: all 300ms ease-in 0s;
   transition: all 300ms ease-in 0s;
   box-sizing: border-box;
}
#FlipSwitch4:checked + #FlipSwitch4-label
{
   border-color: #636363;
}
#FlipSwitch4:checked + #FlipSwitch4-label #FlipSwitch4-inner
{
   margin-left: 0;
}
#FlipSwitch4:checked + #FlipSwitch4-label #FlipSwitch4-switch
{
   right: 2px;
   background: #FFFFFF;
   border-color: #636363;
}
#wb_FlipSwitch1
{
   margin: 0;
}
#FlipSwitch1
{
   display: none;
}
#FlipSwitch1-label
{
   display: block;
   overflow: hidden;
   cursor: pointer;
   border: 2px solid #DCDCDC;
   border-radius: 26px;
   box-sizing: border-box;
   max-width: 100%;
   height: 100%;
   -webkit-transition: border-color 300ms ease-in 0s;
   transition: border-color 300ms ease-in 0s;
}
#FlipSwitch1-inner
{
   box-sizing: border-box;
   display: block;
   width: 200%;
   margin-left: -100%;
   -webkit-transition: margin 300ms ease-in 0s;
   transition: margin 300ms ease-in 0s;
}
#FlipSwitch1-inner:before, #FlipSwitch1-inner:after
{
   display: block;
   float: left;
   width: 50%;
   height: 26px;
   padding: 0;
   line-height: 26px;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   box-sizing: border-box;
   border-radius: 26px;
   text-align: center;
}
#FlipSwitch1-inner:before
{
   content: "OLD";
   padding-right: 26px;
   background-color: #0275D8;
   color: #0000CD;
   border-radius: 26px 0 0 26px;
}
#FlipSwitch1-inner:after
{
   content: "NEW";
   padding-left: 26px;
   background-color: #000000;
   color: #FFFFFF;
   border-radius: 0 26px 26px 0;
}
#FlipSwitch1-switch
{
   display: block;
   width: 26px;
   margin: 0;
   background: #FFFFFF;
   border: 2px solid #636363;
   border-radius: 26px;
   box-shadow: 0px 0px 5px rgba(0,0,0,0.30);
   position: absolute;
   top: 2px;
   bottom: 2px;
   right: 42px;
   -webkit-transition: all 300ms ease-in 0s;
   transition: all 300ms ease-in 0s;
   box-sizing: border-box;
}
#FlipSwitch1:checked + #FlipSwitch1-label
{
   border-color: #00008B;
}
#FlipSwitch1:checked + #FlipSwitch1-label #FlipSwitch1-inner
{
   margin-left: 0;
}
#FlipSwitch1:checked + #FlipSwitch1-label #FlipSwitch1-switch
{
   right: 2px;
   background: #FFFFFF;
   border-color: #636363;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: right;
}
#wb_Text1 div
{
   text-align: right;
}
#wb_FlipSwitch2
{
   margin: 0;
}
#FlipSwitch2
{
   display: none;
}
#FlipSwitch2-label
{
   display: block;
   overflow: hidden;
   cursor: pointer;
   border: 2px solid #636363;
   border-radius: 26px;
   box-sizing: border-box;
   max-width: 100%;
   height: 100%;
   -webkit-transition: border-color 300ms ease-in 0s;
   transition: border-color 300ms ease-in 0s;
}
#FlipSwitch2-inner
{
   box-sizing: border-box;
   display: block;
   width: 200%;
   margin-left: -100%;
   -webkit-transition: margin 300ms ease-in 0s;
   transition: margin 300ms ease-in 0s;
}
#FlipSwitch2-inner:before, #FlipSwitch2-inner:after
{
   display: block;
   float: left;
   width: 50%;
   height: 26px;
   padding: 0;
   line-height: 26px;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   box-sizing: border-box;
   border-radius: 26px;
   text-align: center;
}
#FlipSwitch2-inner:before
{
   content: "On";
   padding-right: 26px;
   background-color: #800000;
   color: #FFFFFF;
   border-radius: 26px 0 0 26px;
}
#FlipSwitch2-inner:after
{
   content: "Off";
   padding-left: 26px;
   background-color: #F5F5F5;
   color: #000000;
   border-radius: 0 26px 26px 0;
}
#FlipSwitch2-switch
{
   display: block;
   width: 26px;
   margin: 0;
   background: #FFFFFF;
   border: 2px solid #636363;
   border-radius: 26px;
   box-shadow: 0px 0px 5px rgba(0,0,0,0.30);
   position: absolute;
   top: 2px;
   bottom: 2px;
   right: 42px;
   -webkit-transition: all 300ms ease-in 0s;
   transition: all 300ms ease-in 0s;
   box-sizing: border-box;
}
#FlipSwitch2:checked + #FlipSwitch2-label
{
   border-color: #636363;
}
#FlipSwitch2:checked + #FlipSwitch2-label #FlipSwitch2-inner
{
   margin-left: 0;
}
#FlipSwitch2:checked + #FlipSwitch2-label #FlipSwitch2-switch
{
   right: 2px;
   background: #FFFFFF;
   border-color: #636363;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: right;
}
#wb_Text2 div
{
   text-align: right;
}
#LOCK
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: right;
}
#wb_Text3 div
{
   text-align: right;
}
#wb_FlipSwitch3
{
   margin: 0;
}
#FlipSwitch3
{
   display: none;
}
#FlipSwitch3-label
{
   display: block;
   overflow: hidden;
   cursor: pointer;
   border: 2px solid #636363;
   border-radius: 26px;
   box-sizing: border-box;
   max-width: 100%;
   height: 100%;
   -webkit-transition: border-color 300ms ease-in 0s;
   transition: border-color 300ms ease-in 0s;
}
#FlipSwitch3-inner
{
   box-sizing: border-box;
   display: block;
   width: 200%;
   margin-left: -100%;
   -webkit-transition: margin 300ms ease-in 0s;
   transition: margin 300ms ease-in 0s;
}
#FlipSwitch3-inner:before, #FlipSwitch3-inner:after
{
   display: block;
   float: left;
   width: 50%;
   height: 26px;
   padding: 0;
   line-height: 26px;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   box-sizing: border-box;
   border-radius: 26px;
   text-align: center;
}
#FlipSwitch3-inner:before
{
   content: "On";
   padding-right: 26px;
   background-color: #696969;
   color: #FFFFFF;
   border-radius: 26px 0 0 26px;
}
#FlipSwitch3-inner:after
{
   content: "Off";
   padding-left: 26px;
   background-color: #FFFFFF;
   color: #000000;
   border-radius: 0 26px 26px 0;
}
#FlipSwitch3-switch
{
   display: block;
   width: 26px;
   margin: 0;
   background: #FFFFFF;
   border: 2px solid #636363;
   border-radius: 26px;
   box-shadow: 0px 0px 5px rgba(0,0,0,0.30);
   position: absolute;
   top: 2px;
   bottom: 2px;
   right: 42px;
   -webkit-transition: all 300ms ease-in 0s;
   transition: all 300ms ease-in 0s;
   box-sizing: border-box;
}
#FlipSwitch3:checked + #FlipSwitch3-label
{
   border-color: #636363;
}
#FlipSwitch3:checked + #FlipSwitch3-label #FlipSwitch3-inner
{
   margin-left: 0;
}
#FlipSwitch3:checked + #FlipSwitch3-label #FlipSwitch3-switch
{
   right: 2px;
   background: #FFFFFF;
   border-color: #636363;
}
#DIM
{
   background-color: rgba(0,0,0,0.60);
   background-image: none;
   border-radius: 0px;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text4 div
{
   text-align: left;
}
    html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      overflow: hidden; /* verhindert Scrollbalken */
    }

    iframe {
      width: 100%;
      height: 100%;
      border: none; /* optional: keine Rahmenlinie */
    }
      html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      overflow: hidden; /* verhindert Scrollbalken */
    }

    iframe {
      width: 100%;
      height: 100%;
      border: none; /* optional: keine Rahmenlinie */
    }