body
{
   background-color: #FFFFFF;
   background-image: url('images/Hintergrundbild.jpg');
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 100% 100%;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_Links a, #Links_markup li a
{
   display: block;
   text-align: center;
   vertical-align: middle;
}
#wb_Links
{
   margin: 0;
   animation: animate-box-shadow 1000ms linear 0ms infinite normal;
}
#Links_markup
{
   display: none;
   margin: 0;
   padding: 250px 0 0 10px;
}
#Links_panel #Links_markup
{
   display: block;
}
#Links_markup ul
{
   list-style: none;
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#Links_markup li a, #Links_markup li a:hover, #Links_markup li .active
{
   padding: 10px 10px 10px 10px;
   border-width: 0 0 1px 0 !important;
   border-radius: 0;
   box-shadow: none;
}
#Links_markup .divider
{
   height: 1px;
   margin: 9px 0;
   overflow: hidden;
   background-color: #000000;
}
#Links_panel
{
   display: none;
   position: fixed;
   top: 0;
   height: 100%;
   width: 250px;
   z-index: 9999;
}
#Links_markup li a
{
   color: #FF8C00;
   border: 1px solid #000000;
   background-color: #800000;
   background: linear-gradient(to bottom, rgba(255,255,255,0.60) 0%, rgba(255,255,255,0.20) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0.0) 100%), radial-gradient(ellipse at bottom, #800000 0%,rgba(0,0,0,0.0) 100%), #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 19px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
}
#wb_Links a
{
   color: #F7F7F7;
   border: 1px solid #000000;
   border-radius: 0px;
   background-color: rgba(0,0,0,0.00);
   font-family: Arial;
   font-weight: normal;
   font-size: 19px;
   font-style: normal;
   text-decoration: none;
   text-align: center;
   text-transform: none;
}
#Links_markup li a
{
   background-color: transparent;
}
#Links_markup li:nth-child(n+2) a, #Links_markup li:nth-child(n+2) a:hover
{
   border-top-color: transparent !important;
}
#Links_markup li a:hover, #Links_markup li .active
{
   color: #FFD700;
   background-color: #FF6600;
   background: linear-gradient(to bottom, rgba(255,255,255,0.60) 0%, rgba(255,255,255,0.20) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0.0) 100%), radial-gradient(ellipse at bottom, #FF6600 0%,rgba(0,0,0,0.0) 100%), #000000;
   border: 1px solid #000000;
}
#Links_markup li a .icon
{
   fill: currentColor;
   margin-right: 4px;
   height: 20px;
   width: 20px;
   vertical-align: middle;
}
#Links_markup li a:hover .icon
{
   fill: currentColor;
}
#wb_Links a:hover
{
   color: #F7F7F7;
   background-color: #484848;
   border: 1px solid #2E2E2E;
}
#Links_panel
{
   background-color: rgba(0,0,0,0.00);
   overflow-y: auto;
}
#Links
{
   line-height: 5px;
   width: 5px;
   height: 5px;
   position: absolute;
   z-index: 999;
}
#wb_Rechts a, #Rechts_markup li a
{
   display: block;
   text-align: center;
   vertical-align: middle;
}
#wb_Rechts
{
   margin: 0;
   animation: animate-box-shadow 1000ms linear 0ms infinite normal;
}
#Rechts_markup
{
   display: none;
   margin: 0;
   padding: 250px 10px 0 0;
}
#Rechts_panel #Rechts_markup
{
   display: block;
}
#Rechts_markup ul
{
   list-style: none;
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#Rechts_markup li a, #Rechts_markup li a:hover, #Rechts_markup li .active
{
   padding: 10px 10px 10px 10px;
   border-width: 0 0 1px 0 !important;
   border-radius: 0;
   box-shadow: none;
}
#Rechts_markup .divider
{
   height: 1px;
   margin: 9px 0;
   overflow: hidden;
   background-color: #000000;
}
#Rechts_panel
{
   display: none;
   position: fixed;
   top: 0;
   height: 100%;
   width: 250px;
   z-index: 9999;
}
#Rechts_markup li a
{
   color: #FF8C00;
   border: 1px solid #000000;
   background-color: #800000;
   background: linear-gradient(to bottom, rgba(255,255,255,0.60) 0%, rgba(255,255,255,0.20) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0.0) 100%), radial-gradient(ellipse at bottom, #800000 0%,rgba(0,0,0,0.0) 100%), #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 19px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
}
#wb_Rechts a
{
   color: #F7F7F7;
   border: 1px solid #000000;
   border-radius: 0px;
   background-color: rgba(0,0,0,0.00);
   font-family: Arial;
   font-weight: normal;
   font-size: 19px;
   font-style: normal;
   text-decoration: none;
   text-align: center;
   text-transform: none;
}
#Rechts_markup li a
{
   background-color: transparent;
}
#Rechts_markup li:nth-child(n+2) a, #Rechts_markup li:nth-child(n+2) a:hover
{
   border-top-color: transparent !important;
}
#Rechts_markup li a:hover, #Rechts_markup li .active
{
   color: #FFD700;
   background-color: #FF6600;
   background: linear-gradient(to bottom, rgba(255,255,255,0.60) 0%, rgba(255,255,255,0.20) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0.0) 100%), radial-gradient(ellipse at bottom, #FF6600 0%,rgba(0,0,0,0.0) 100%), #000000;
   border: 1px solid #000000;
}
#Rechts_markup li a .icon
{
   fill: currentColor;
   margin-right: 4px;
   height: 20px;
   width: 20px;
   vertical-align: middle;
}
#Rechts_markup li a:hover .icon
{
   fill: currentColor;
}
#wb_Rechts a:hover
{
   color: #F7F7F7;
   background-color: #484848;
   border: 1px solid #2E2E2E;
}
#Rechts_panel
{
   background-color: rgba(0,0,0,0.00);
   overflow-y: auto;
}
#Rechts
{
   line-height: 5px;
   width: 5px;
   height: 5px;
   position: absolute;
   z-index: 999;
}