body {
   margin-bottom: 0;
   margin-left: 0;
   margin-right: 0;
   margin-top: 0;
   background-color: #d3d3d3;
   background-image: url(../img/bg1.gif);
   background-repeat: repeat;
   background-attachment: fixed;
}

body, td, p, ul {
   font-family: Verdana, Arial;
   font-size: 12px;
   /*line-height: 16px; */
   color: #333333;
}

td, p {
   line-height: 16px;
}

ul {
   list-style: square;
}
li {
   padding-top: 3px;
   padding-bottom: 3px;
   font-family: Verdana, Arial;
   font-size: 12px;
   line-height: 16px;
   /*font-size: 11px;
   line-height: 15px;*/
}

a:link, a:visited, a:active {
   color: #0020a0;
   text-decoration: underline;
}

a:hover {
   /*background: #FFF000;*/
   color: #ff0000;
   text-decoration: underline;
}

a.mainmenu:link, a.mainmenu:visited, a.mainmenu:active {
   /*background: transparent;*/
   color: #666666;
   font-family: Verdana, Arial;
   font-size: 11px;
   text-decoration: none;
}

a.mainmenu:hover {
   /*background: transparent;*/
   color: #ff0000;
   font-family: Verdana, Arial;
   font-size: 11px;
   text-decoration: underline;
}

a.mainmenusub:link, a.mainmenusub:visited, a.mainmenusub:active {
   /*background: transparent;*/
   color: #222222;
   font-family: Verdana, Arial;
   font-size: 11px;
   text-decoration: none;
   display: block;
   padding-bottom: 10px;
   padding-top: 10px;
}

a.mainmenusub:hover {
   /*background: transparent;*/
   color: #ff0000;
   font-family: Verdana, Arial;
   font-size: 11px;
   text-decoration: none;
   display: block;
   padding-bottom: 10px;
   padding-top: 10px;
}

a.submenu:link, a.submenu:visited, a.submenu:active {
   color: #0020a0;
   font-family: Verdana, Arial;
   font-size: 11px;
   border-bottom: 1px dotted;
   text-decoration: none;
}

a.submenu:hover {
   /*background: #FFF000;*/
   color: #ff0000;
   font-family: Verdana, Arial;
   font-size: 11px;
}

div.mainmenutop {
   border-top: 1px solid #aaaaaa;
   border-left: 1px solid #aaaaaa;
   border-right: 1px solid #aaaaaa;
   border-bottom: 1px none;
   background-image: url('../img/tab-back.gif');
   background-size: auto 100%;
   height: 22px;
   border-radius: 4px 4px 0 0;
   vertical-align: middle;
   margin-left: 1px;
   padding-top: 6px;
   padding-left: 6px;
   padding-right: 6px;
}

div.trenner {
   border-top: 1px solid #e0e0e0;
}

div.trennerdotted {
   border-top: 1px dotted #d0d0d0;
}

div.officeclosed {
   background-color: #eeffee;
   color: #008800;
   margin-bottom: 40px;
   margin-left: 16px;
   margin-right: 16px;
   margin-top: 0;
   padding-bottom: 16px;
   padding-left: 16px;
   padding-right: 16px;
   padding-top: 16px;
   border: 2px solid #ddeedd;
}

h1 {
   font-family: Arial;
   font-size: 21px;
   font-weight: normal;
   color: #505050;
   text-shadow: 2px 2px 4px #f8f8f8;
}

h2 {
   font-family: Verdana, Arial;
   font-size: 13px;
   line-height: 18px;
   font-weight: normal;
   color: #333333;
}

h3 {
   font-family: Verdana, Arial;
   font-size: 11px;
   line-height: 18px;
   font-weight: normal;
   color: #333333;
}

.header {
   font-family: Verdana, Arial;
   font-size: 16px;
   line-height: 22px;
   color: #cc6600;
   font-weight: bold;
   margin-top: 15px;
}

.largest {
   font-family: Verdana, Arial;
   font-size: 18px;
   line-height: 24px;
}

.larger {
   font-family: Verdana, Arial;
   font-size: 15px;
   line-height: 22px;
}

.medium {
   font-family: Verdana, Arial;
   font-size: 13px;
   line-height: 20px;
}

.smaller {
   font-family: Verdana, Arial;
   font-size: 11px;
   line-height: 15px;
}

.smallest {
   font-family: Verdana, Arial;
   font-size: 9px;
   line-height: 15px;
}

div.wswMenuLine {
   /*border-bottom: 1px solid #f0f0f0;*/
   /*border-top: 1px solid #f0f0f0;*/
   background-color: #f8f8f8;
   border: 1px solid #f4f4f4;
   margin-top: 16px;
   padding-top: 6px;
   padding-bottom: 6px;
   padding-left: 15px;
   /*margin-bottom: 5px;*/
   border-radius: 3px;
}

a.wswMenuLine {
   font-family: Verdana, Arial;
   font-size: 12px;
   line-height: 140%;
   padding-right: 25px;
}

ul.benefits {
   background: none top left no-repeat;
   list-style: none outside none;
   margin: 0;
   padding: 4px;
}

ul.benefits li {
   background: none no-repeat top left;
   padding-left: 22px;
   padding-top: 4px;
   padding-bottom: 10px;
   background-image: url(../img/notification20.png);
   background-size: 20px;
   font-size: 11px;
   line-height: 15px;
}


span.videoheader {
   font-family: Verdana, Arial;
   font-size: 11px;
   line-height: 18px;
   color: #404040;
   font-weight: bold;
   margin-left: 15px;
   margin-top: 7px;
}

ul.videos {
   background: none top left no-repeat;
   list-style: none outside none;
   margin-left: 15px;
   padding: 4px;
}

ul.videos li {
   background: none no-repeat top left;
   padding-left: 30px;
   padding-top: 4px;
   padding-bottom: 10px;
   background-image: url(../img/video_icon16.gif);
   background-size: 23px;
   font-size: 11px;
   line-height: 12px;
}

ul.videos a {
   text-decoration: none;
}

a.buttonBlue {
   color: #ffffff;
   text-align: center;
   vertical-align: middle;
   border-radius: 3px;
   background-color: #327abc;
   font-size: 14px;
   padding: 8px 15px 8px 15px;
   border: none;
   text-decoration: none;
   opacity: 1.0;
   float: none;
}

a.buttonBlue:hover {
   opacity: .9;
}

a.buttonGreen {
   color: #ffffff;
   text-align: center;
   vertical-align: middle;
   border-radius: 3px;
   background-color: #86b428;
   font-size: 14px;
   padding: 8px 15px 8px 15px;
   border: none;
   text-decoration: none;
   opacity: 1.0;
   float: none;
}

a.buttonGreen:hover {
   opacity: .9;
}

a.buttonOrange {
   color: #ffffff;
   text-align: center;
   vertical-align: middle;
   border-radius: 3px;
   /*background-color: #e57f19;*/
   background-color: #ee8822;
   font-family: Verdana, Arial;
   font-size: 14px;
   padding: 8px 15px 8px 15px;
   border: none;
   text-decoration: none;
   opacity: 1.0;
   float: none;
}

a.buttonOrange:hover {
   opacity: .9;
}

ul.history li {
   list-style: square;
   font-size: 11px;
   line-height: 15px;
   margin-top: 10px;
}

.kbsearchbutton {
   cursor: pointer;
   width: 70px;
   height: 33px;
   text-indent: -999px;
   text-transform: capitalize;
   color: transparent;
   background: url(../img/ico-search.png) no-repeat #327abc center;
   border: 1px solid #327abc;
   border-radius: 2px;
}

.kbsearchbuttonDEL {
   cursor: pointer;
   width: 70px;
   height: 33px;
   text-indent: -999px;
   text-transform: capitalize;
   color: transparent;
   background: url(../img/ico-search.png) no-repeat #4d90fe center;
   border: 1px solid #3079ed;
   border-radius: 2px;
}

.kbsearchfield {
   width: 350px;
   height: 27px;
   font-size: 14px;
   text-indent: 2px;
   vertical-align: bottom;
}


div.mobileMenuSub {
   background-color: #f4f4f4;
   border: 1px #ededed solid;
   font-size: 18px;
   padding-left: 20px;
   padding-bottom: 8px;
   padding-top: 8px;
}

/*Feld im Kontaktformular unsichtbar */

form #zusatz1 {
   display: none;
}

@media screen and (max-width:1000px) {
   body, td, p, ul {
      font-size: 17px;     /*medium*/
      line-height: 24px;
   }

   a.mainmenu:link, a.mainmenu:visited, a.mainmenu:active {
      font-size: 18px;
   }

   a.mainmenu:hover {
      color: #666666;
      text-decoration: none;
      font-size: 18px;
   }

   a.mainmenusub:link, a.mainmenusub:visited, a.mainmenusub:active {
      font-size: 18px;
      padding-bottom: 12px;
      padding-top: 12px;
   }

   a.mainmenusub:hover {
      font-size: 18px;
      padding-bottom: 12px;
      padding-top: 12px;
   }

   a.submenu:link, a.submenu:visited, a.submenu:active {
      font-size: 18px;
   }

   a.submenu:hover {
      font-size: 18px;
   }

   div.mainmenutop {
      height: 24px;
      border-radius: 4px 4px 0 0;
      margin-left: 1px;
      padding-top: 10px;
      padding-left: 10px;
      padding-right: 10px;
   }

   h1 {
      font-family: Arial;
      font-size: 24px;
      line-height: 28px;
      font-weight: bold;
      color: #505050;
      text-shadow: 2px 2px 4px #f8f8f8;
   }

   h2 {
      font-family: Verdana, Arial;
      font-size: 17px;
      line-height: 21px;
      font-weight: normal;
      color: #333333;
   }

   h3 {
      font-family: Verdana, Arial;
      font-size: 16px;
      line-height: 20px;
      font-weight: normal;
      color: #333333;
   }


   .header {
      font-family: Verdana, Arial;
      font-size: 20px;
      line-height: 24px;
      color: #cc6600;
      font-weight: bold;
   }

   .largest {
      font-family: Verdana, Arial;
      font-size: 22px;
      line-height: 26px;
   }

   .larger {
      font-family: Verdana, Arial;
      font-size: 20px;
      line-height: 24px;
   }

   .medium {
      font-family: Verdana, Arial;
      font-size: 17px;
      line-height: 24px;
   }

   .smaller {
      font-family: Verdana, Arial;
      font-size: 16px;
      line-height: 20px;
   }

   .smallest {
      font-family: Verdana, Arial;
      font-size: 14px;
      line-height: 18px;
   }

   div.wswMenuLine {
      margin-top: 20px;
   }

   a.wswMenuLine {
      font-family: Verdana, Arial;
      font-size: 16px;
      line-height: 200%;
      padding-right: 20px;
   }

   ul.benefits li {
      font-size: 16px;
      line-height: 20px;
   }

   ul.videos li {
      font-size: 16px;
      line-height: 20px;
   }

   li {
      font-size: 16px;
      line-height: 20px;
   }

   ul.history li {
      font-size: 14px;
      line-height: 18px;
   }

   .kbsearchfield {
      width: 100%;
   }
}