@media (max-width: 479px) {

  *, html {margin: 0px; padding: 0px; text-decoration: none; border: 0px;}
  body {color: #222; font: 12px Calibri, "Trebuchet MS", Verdana, Lucida, Arial, Helvetica, sans-serif; background: #FFF url(../designpics/bg_body.png) repeat-x top left;}

  /* ------------------- Header -------------------- */
  #header {position: relative; left: 0px; height: 170px; width: 100%; background: url(../designpics/bg_header.png) repeat-x top left;}
  .logo {margin: 10px 0 0 2px; max-width: 200px; height: auto;}
  .logobildli {display: none;}
  .logobildre {display: none;}
  #header h2 {display: none;}
  #header h1 {position: absolute; top: 140px; left: 10px; width: 550px; color: #FFF; font: normal 16px "Times New Roman", Times, serif;}
  #header h3 {position: absolute; top: 120px; left: 10px; width: 550px; color: #000; font-size: 16px; font-weight: normal;}
  #header ul {position: absolute; top: 70px; right: 20px; width: auto;}
  #header ul li {list-style-type: none; list-style-image: none; float: left; margin-left: 10px;}
  .m1 {float: left; width: 15px; height: 11px; background: url(../designpics/de.gif) no-repeat left top; margin-bottom: 1px;}
  .m2 {float: left; width: 15px; height: 11px; background: url(../designpics/gb.gif) no-repeat left top; margin-bottom: 1px;}
  .m3 {float: left; width: 15px; height: 11px; background: url(../designpics/fr.gif) no-repeat left top; margin-bottom: 1px;}
  .m4 {float: left; width: 15px; height: 11px; background: url(../designpics/es.gif) no-repeat left top; margin-bottom: 1px;}
  .m1 a, .m2 a, .m3 a, .m4 a {display: block; height: 11px; width: 15px;}
  .m1 span, .m2 span, .m3 span, .m4 span {display: none;}
  #header ul li:hover .m1 {background: url(../designpics/de-over.gif) no-repeat left top;}
  #header ul li:hover .m2 {background: url(../designpics/gb-over.gif) no-repeat left top;}
  #header ul li:hover .m3 {background: url(../designpics/fr-over.gif) no-repeat left top;}
  #header ul li:hover .m4 {background: url(../designpics/es-over.gif) no-repeat left top;}
  /* ------------------- Responsive Menü -------------------- */
  .navbar-toggle { position: absolute; cursor: pointer; width: 85px; height: 20px; background: url(../designpics/bt_menue.png) no-repeat; top: 20px; right: 20px; z-index: 10; }
  .navbar-toggle span { display: none; }
  .closed { display: none; }
  /* ------------------- linke Sidebar -------------------- */
  #sidebarleft {position: absolute; top: 60px; left: 0px; width: 100%; height: auto; z-index: 100; background: white; }

  /* Accordionmenue */
  #sidebarleft h2 a, #sidebarleft h3 a {font-size: 16px; font-weight: bold; text-align: left; display: block; width: 95%; padding: 10px 30px; background: #FBDF93; color: #444; cursor: pointer; border: 1px solid #F8C12A;}
  #sidebarleft h3 a:link, #sidebarleft h3 a:visited {color: #444;}
  #sidebarleft h2 a:hover, #sidebarleft h2 a:focus, #sidebarleft h3 a:hover, #sidebarleft h3 a:focus {color: #444; background: #FDF0CE; color: #444; cursor: pointer; border: 1px solid #F9C947;}
  .smart { display: none; }
  .sideNav {width: 70%; list-style-type: none; font-size: 15px; margin-left: 40px;}
  .sideNav li {border-bottom: 1px solid #9b9b9b; width: 100%; border-radius: 5px;}
  .sideNav li:last-Child {border-bottom: 0px;}
  .sideNav li a {display: block; color: #646464; background: none; text-decoration: none; min-height: 20px; line-height: 16px; padding: 12px 10px 8px 35px; width: auto; background: url(../designpics/menuepfeil.png) no-repeat center left;}
  .sideNav li a:hover {background: #EEE url(../designpics/menuepfeil.png) no-repeat center left;}
  .sideNav li a.active, .sideNav li a.active:hover {background: #f0f7fa; color: #c66653;}
  /* Accordionmenue ENDE */

  .slotlinks {margin: 10px 40px 10px 40px;}
  .slotlinks h4 {text-align: center; border-top: 1px solid #F26522; border-bottom: 1px solid #F26522; padding: 3px 0;}
  .slotlinks td {padding: 2px 0 3px 3px; vertical-align: top;}
  .slotlinks th {padding: 2px 3px 3px 5px; vertical-align: top;}

  /* ------------------- Contentbereich -------------------- */
  #maincontent {position: relative; width: 100%; }
  #content {position: relative; width: auto; max-width: 800px; padding: 10px;}
  #sidebarright { position: relative; width: auto; max-width: 180px; height: auto; margin: 0 auto 30px auto; }
  .slotrechts { position: relative; width: 140px; height: auto; margin-left: 20px; margin-right: 20px; float: left; }
  #footer {position: relative; left: 0px; height: auto; width: auto; max-width: 900px; padding: 10px; background: #DDD; border-top: 1px dotted #AAA; clear: both;}
  #footer a {color: #666;}

  /* Allgemeine Formatierungen */
  #content h1 {font-size: 22px; color: #000; font-weight: bold; padding-left: 25px; margin-bottom: 15px; background: url(../designpics/h1.gif) no-repeat center left;}
  #content h2 {font-size: 18px; color: #000; font-weight: bold; padding-left: 25px; margin-bottom: 15px; background: url(../designpics/h2.gif) no-repeat center left;}
  #content h3 {margin-left: 20px; margin-bottom: 5px;}
  h4 {color: #00A99D; font: normal bold 15px Calibri, Arial, Verdana, Helvetica, sans-serif; margin-bottom: 10px;}
  #content p {font-size: 14px; line-height: 18px; margin-bottom: 10px; margin-left: 20px;}
  #content ul {list-style-type: square; margin-left: 50px; margin-bottom: 15px;}
  #content ul li, #content ol li {font-size: 14px; line-height: 18px; margin-bottom: 4px;}
  #content ol {margin-left: 50px; margin-bottom: 15px;}
  #content hr {border-top: 1px solid #F26522; margin: 0 50px 10px 50px;}
  .orange, #maincontent a:link, #maincontent a:visited {color: #F26522;}
  .gruen, #maincontent a:hover, #maincontent a:focus {color: #00A99D;}

  /* ------------------- Sidebar rechts -------------------- */
  .slotrechts h4 {text-align: center; padding: 3px 0; margin-bottom: 10px;}
  .slotrechts p {padding-bottom: 7px; margin-bottom: 10px; border-bottom: 1px solid #F26522;}

  /* ------------------- Apothekensuche -------------------- */
  #aposuche form {display: block;}
  #aposuche fieldset {display: block; width: 250px; margin: 0 auto 0 auto; border: 1px solid #F26522; border-radius: 10px; padding: 10px;}
  #aposuche legend {padding: 10px 5px 10px 30px; margin: 0 5px 0 10px; font-size: 18px; background: url(../designpics/apo.png) left center no-repeat; }
  #aposuche label {clear: left; float: left; display: block; width: 100px; font-size: 14px; margin-top: 1em; font-weight: bold; text-align: left;}
  .suchfeld {position: relative; top: -1.4em; left: 90px; display: block; border: 1px solid #00A99D; padding: 2px; background: #fff; font-size: 14px; text-align: left;}
  .button-submit {display: block; font-size: 14px; font-weight: bold; color: #2C2327; width: 116px; height: 25px; cursor: pointer; border: none; background: transparent url(../designpics/submit.png) no-repeat left top; left: 0px; margin-top: 10px; margin-left: 60px;}
  .button-submit:hover {background: url(../designpics/submit-over.png) no-repeat left top;}
  /* Ergebnisanzeige */
  #aposuche h3 {font-size: 18px; margin-bottom: 5px; margin-top: 20px; background: url(../designpics/h2.gif) no-repeat center left; padding-left: 25px;}
  .ergebnisse {padding-bottom: 8px; border-bottom: 1px solid #CCC;}

  /* Seitennavigation bei Aposuche */
  #pagebar {margin-top: -15px;}
  #pagebar a:link, #pagebar a:visited {color: #555;}
  .pagebar-navlink-prev, .pagebar-navlink-next {font-size: 20px; font-weight: bold; color: #555; padding: 2px 10px; margin-right: 5px; background: transparent; border-radius: 5px;}
  .pagebar-navlink-prev:hover, .pagebar-navlink-next:hover {font-size: 20px; font-weight: bold; color: white; background: #FAC5AB; padding: 2px 10px; margin-right: 5px; border-radius: 5px;}
  .pagebar-pagelink {font-size: 14px; font-weight: normal; color: #555; padding: 6px 10px; margin-right: 5px; margin-top: -5px;}
  .pagebar-pagelink:hover {font-size: 14px; font-weight: bold; color: white; background: #FAC5AB; padding: 6px 10px; margin-right: 5px; border-radius: 5px;}
  .pagebar-curpage {font: bold 14px Arial, Helvetica, sans-serif; color: #00A99D; padding: 3px 10px; margin-right: 10px;}

  /* ------------------- FAQ & News - Anzeige  -------------------- */
  #faq, #news {margin-top: 20px; padding-top: 10px; padding-bottom: 10px; border-top: 1px dotted #666; border-bottom: 1px dotted #666;}
  #faq h5 {margin-bottom: 15px; background: url(../designpics/faq1.png) no-repeat top left; padding-left: 30px; height: auto;}
  #news h5 {margin-bottom: 15px; height: auto;}
  #faq h5 a:link, #faq h5 a:visited, #news h5 a:link, #news h5 a:visited {font-size: 14px; padding: 5px 5px; outline: none; color: #555; line-height: 20px;}
  #faq h5 a:hover, #faq h5 a:focus, #news h5 a:hover, #news h5 a:focus {font-size: 14px; padding: 5px 5px; outline: none; color: #555; background: #FFFFCC;}
  #faq div {margin-bottom: 10px; margin-top: 5px; margin-left: 5px; padding: 3px; border: 1px solid #DDD; }
  #news div {margin-bottom: 10px; margin-top: 5px; margin-left: 5px; padding: 3px; border: 1px solid #DDD;}

  /* ------------------- Formulare -------------------- */
  #formular fieldset {border: 1px solid #9b9b9b; padding: 5px; margin: 0 0 5px 0; border-radius: 5px;}
  #formular legend {padding: 10px 5px; margin: 0; font-size: 16px; }
  #formular fieldset p {margin: 0 0 14px 0; float: left; width: 100%;}
  #formular fieldset label {display: block; font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; width: 100%; margin: 0 0 7px 0; line-height: 12px; line-height: 18px;}
  #formular fieldset .text-xxl {border: 1px solid #9b9b9b; background: #fff url(../designpics/input-shaddow.gif) no-repeat left top; font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 570px; float: left; margin: 0 10px 0 0;}
  #formular fieldset .text-long {border: 1px solid #9b9b9b; background: #fff url(../designpics/input-shaddow.gif) no-repeat left top; font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 200px; float: left; margin: 0 10px 0 0;}
  #formular fieldset .text-medium {border: 1px solid #9b9b9b; background: #fff url(../designpics/input-shaddow.gif) no-repeat left top; font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 124px; float: left; margin: 0 10px 0 0;}
  #formular fieldset .text-small {border: 1px solid #9b9b9b; background: #fff url(../designpics/input-shaddow.gif) no-repeat left top; font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 44px; float: left; margin: 0 10px 0 0;}
  #formular fieldset .text-nobreak {border: 1px solid #9b9b9b; background: #fff url(../designpics/input-shaddow.gif) no-repeat left top; font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 264px; margin: 0 10px 0 0;}
  #formular fieldset .textfeld:focus, #formular fieldset .text-xxl:focus, #formular fieldset .text-long:focus, #formular fieldset .text-medium:focus, #formular fieldset .text-nobreak:focus, #formular fieldset .text-small:focus, #formular fieldset .textfeld:focus {background: #fdfcf6 url(../designpics/input-shaddow-hover.gif) no-repeat left top;}
  .textfeld {border: 1px solid #9b9b9b; background: #fff url(../designpics/input-shaddow.gif) no-repeat left top; font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 364px; float: left; margin: 0 10px 0 0; height: 200px; overflow: auto;}
  #formular fieldset input {vertical-align: middle;}
  .formular-submit {font: 12px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; color: #646464; width: 200px; height: 25px; cursor: pointer; border: none; background: url(../designpics/formsubmit.png) no-repeat left top;}
  .formular-submit:hover, .formular-submit2:hover {background: url(../designpics/formsubmit-over.png) no-repeat left top;}
  .formular-submit2 {font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; font-weight: bold; color: #900; width: 200px; height: 25px; cursor: pointer; border: none; background: url(../designpics/formsubmit.png) no-repeat left top;}
  #zeckenwetter {position: relative; margin: 20px auto; width: 472px; height: 616px;}

  /* ------------------- Produktgalerie -------------------- */
  .produktgalerie {display: block; width: 110px; padding: 10px; height: 210px; margin-left: 4px; margin-bottom: 4px; border: 1px solid #CCC; float: left; text-align: center;}
  .produktgalerie2 {display: block; width: 110px; padding: 10px; height: 150px; margin-left: 4px; margin-bottom: 4px; border: 1px solid #CCC; float: left; text-align: center;}
  .produktgalerie img, .produktgalerie2 img {margin-bottom: 10px;}/* Shop */
  .artikel {position: relative; width: 140px; float: left; margin-left: 3px; margin-right: 3px; margin-top: 20px; padding-bottom: 0px; border: 1px dotted #A1A8C4;}
  .artikel img {border-bottom: 1px dotted #A1A8C4; max-width: 140px; height: auto;}
  .artikel div {line-height: 18px; text-align: center; min-height: 60px; font-size: 14px;}
  .artikel p { height: 70px; }
  .eingabemenge {font-weight: bold; font-size: 11px; text-align: right; background: #EEEEEE; padding: 2px; border: 1px solid #646464;}
  .eingabeartikel {font-size: 12px; padding: 1px; width: 130px;}
  #warentab { display: block; max-width: 300px; overflow: scroll; padding-bottom: 15px; }
  #warentab { display: block; max-width: 300px; overflow: scroll; padding-bottom: 15px; }
  #warentab td {font-size: 14px; padding-right: 10px; padding-top: 10px;}
  #warentab th {font-size: 12px; color: #F26522; border-bottom: 1px solid #00A99D; padding-right: 10px;}
  .topland {background: #DDD; font-weight: bold; margin-bottom: 2px;}
  .shopbutton1 {display: block; color: black; font-weight: bold; font-size: 14px; text-align: center; border: 1px solid #dea303; background: url(../designpics/bg_shopbutton.png) repeat-x; height: 20px;}
  .shopbutton2 {color: black; font-weight: bold; font-size: 12px; text-align: center; border: 1px solid #dea303; background: url(../designpics/bg_shopbutton.png) repeat-x; height: 20px;}
  #disclaimer {position: relative; width: 95%; height: 300px; overflow: auto; padding-right: 10px; margin-top: 30px;}
  #disclaimer span { font-size: 16px !important; }
  #disclaimer p {color: #666; text-align: justify;}

}
@media (min-width: 480px) and (max-width: 809px) {

  *, html {margin: 0px; padding: 0px; text-decoration: none; border: 0px;}
  body {color: #222; font: 12px Calibri, "Trebuchet MS", Verdana, Lucida, Arial, Helvetica, sans-serif; background: #FFF url(../designpics/bg_body.png) repeat-x top left;}

  /* ------------------- Header -------------------- */
  #header {position: relative; left: 0px; height: 170px; width: 100%; background: url(../designpics/bg_header.png) repeat-x top left;}
  .logo {margin: 10px 0 0 2px;}
  .logobildli {display: none;}
  .logobildre {display: none;}
  #header h2 {display: none;}
  #header h1 {position: absolute; top: 140px; left: 20px; width: 550px; color: #FFF; font: normal 22px "Times New Roman", Times, serif;}
  #header h3 {position: absolute; top: 120px; left: 20px; width: 550px; color: #000; font-size: 18px; font-weight: normal;}
  #header ul {position: absolute; top: 70px; right: 20px; width: auto;}
  #header ul li {list-style-type: none; list-style-image: none; float: left; margin-left: 10px;}
  .m1 {float: left; width: 15px; height: 11px; background: url(../designpics/de.gif) no-repeat left top; margin-bottom: 1px;}
  .m2 {float: left; width: 15px; height: 11px; background: url(../designpics/gb.gif) no-repeat left top; margin-bottom: 1px;}
  .m3 {float: left; width: 15px; height: 11px; background: url(../designpics/fr.gif) no-repeat left top; margin-bottom: 1px;}
  .m4 {float: left; width: 15px; height: 11px; background: url(../designpics/es.gif) no-repeat left top; margin-bottom: 1px;}
  .m1 a, .m2 a, .m3 a, .m4 a {display: block; height: 11px; width: 15px;}
  .m1 span, .m2 span, .m3 span, .m4 span {display: none;}
  #header ul li:hover .m1 {background: url(../designpics/de-over.gif) no-repeat left top;}
  #header ul li:hover .m2 {background: url(../designpics/gb-over.gif) no-repeat left top;}
  #header ul li:hover .m3 {background: url(../designpics/fr-over.gif) no-repeat left top;}
  #header ul li:hover .m4 {background: url(../designpics/es-over.gif) no-repeat left top;}
  /* ------------------- Responsive Menü -------------------- */
  .navbar-toggle { position: absolute; cursor: pointer; width: 85px; height: 20px; background: url(../designpics/bt_menue.png) no-repeat; top: 20px; right: 20px; z-index: 10; }
  .navbar-toggle span { display: none; }
  .closed { display: none; }
  /* ------------------- linke Sidebar -------------------- */
  #sidebarleft {position: absolute; top: 60px; left: 0px; width: 100%; height: auto; z-index: 100; background: white; }

  /* Accordionmenue */
  #sidebarleft h2 a, #sidebarleft h3 a {font-size: 16px; font-weight: bold; text-align: left; display: block; width: 95%; padding: 10px 30px; background: #FBDF93; color: #444; cursor: pointer; border: 1px solid #F8C12A;}
  #sidebarleft h3 a:link, #sidebarleft h3 a:visited {color: #444;}
  #sidebarleft h2 a:hover, #sidebarleft h2 a:focus, #sidebarleft h3 a:hover, #sidebarleft h3 a:focus {color: #444; background: #FDF0CE; color: #444; cursor: pointer; border: 1px solid #F9C947;}
  .smart { display: none; }
  .sideNav {width: 70%; list-style-type: none; font-size: 15px; margin-left: 40px;}
  .sideNav li {border-bottom: 1px solid #9b9b9b; width: 100%; border-radius: 5px;}
  .sideNav li:last-Child {border-bottom: 0px;}
  .sideNav li a {display: block; color: #646464; background: none; text-decoration: none; min-height: 20px; line-height: 16px; padding: 12px 10px 8px 35px; width: auto; background: url(../designpics/menuepfeil.png) no-repeat center left;}
  .sideNav li a:hover {background: #EEE url(../designpics/menuepfeil.png) no-repeat center left;}
  .sideNav li a.active, .sideNav li a.active:hover {background: #f0f7fa; color: #c66653;}
  /* Accordionmenue ENDE */

  .slotlinks {margin: 10px 40px 10px 40px;}
  .slotlinks h4 {text-align: center; border-top: 1px solid #F26522; border-bottom: 1px solid #F26522; padding: 3px 0;}
  .slotlinks td {padding: 2px 0 3px 3px; vertical-align: top;}
  .slotlinks th {padding: 2px 3px 3px 5px; vertical-align: top;}

  /* ------------------- Contentbereich -------------------- */
  #maincontent {position: relative; width: 100%; }
  #content {position: relative; width: auto; max-width: 800px; padding: 30px;}
  #sidebarright { position: relative; width: auto; max-width: 550px; height: auto; margin: 0 auto 30px auto; }
  .slotrechts { position: relative; width: 140px; height: auto; margin-left: 20px; margin-right: 20px; float: left; }
  #footer {position: relative; left: 0px; height: auto; width: auto; max-width: 900px; padding: 10px; background: #DDD; border-top: 1px dotted #AAA; clear: both;}
  #footer a {color: #666;}

  /* Allgemeine Formatierungen */
  #content h1 {font-size: 22px; color: #000; font-weight: bold; padding-left: 25px; margin-bottom: 15px; background: url(../designpics/h1.gif) no-repeat center left;}
  #content h2 {font-size: 18px; color: #000; font-weight: bold; padding-left: 25px; margin-bottom: 15px; background: url(../designpics/h2.gif) no-repeat center left;}
  #content h3 {margin-left: 20px; margin-bottom: 5px;}
  h4 {color: #00A99D; font: normal bold 15px Calibri, Arial, Verdana, Helvetica, sans-serif; margin-bottom: 10px;}
  #content p {font-size: 14px; line-height: 18px; margin-bottom: 10px; margin-left: 20px;}
  #content ul {list-style-type: square; margin-left: 50px; margin-bottom: 15px;}
  #content ul li, #content ol li {font-size: 14px; line-height: 18px; margin-bottom: 4px;}
  #content ol {margin-left: 50px; margin-bottom: 15px;}
  #content hr {border-top: 1px solid #F26522; margin: 0 50px 10px 50px;}
  .orange, #maincontent a:link, #maincontent a:visited {color: #F26522;}
  .gruen, #maincontent a:hover, #maincontent a:focus {color: #00A99D;}

  /* ------------------- Sidebar rechts -------------------- */
  .slotrechts h4 {text-align: center; padding: 3px 0; margin-bottom: 10px;}
  .slotrechts p {padding-bottom: 7px; margin-bottom: 10px; border-bottom: 1px solid #F26522;}

  /* ------------------- Apothekensuche -------------------- */
  #aposuche form {display: block;}
  #aposuche fieldset {display: block; width: 400px; margin: 0 auto 0 auto; border: 1px solid #F26522; border-radius: 10px; padding: 1em;}
  #aposuche legend {padding: 10px 5px 10px 30px; margin: 0 5px 0 10px; font-size: 18px; background: url(../designpics/apo.png) left center no-repeat; white-space: nowrap;}
  #aposuche label {clear: left; float: left; display: block; width: 100px; font-size: 14px; margin-top: 1em; font-weight: bold; text-align: left;}
  .suchfeld {position: relative; top: -1.4em; left: 90px; display: block; border: 1px solid #00A99D; padding: 2px; background: #fff; font-size: 14px; text-align: left;}
  .button-submit {display: block; font-size: 14px; font-weight: bold; color: #2C2327; width: 116px; height: 25px; cursor: pointer; border: none; background: transparent url(../designpics/submit.png) no-repeat left top; margin-left: 270px; margin-top: -44px;}
  .button-submit:hover {background: url(../designpics/submit-over.png) no-repeat left top;}/* Ergebnisanzeige */
  #aposuche h3 {font-size: 18px; margin-bottom: 5px; margin-top: 20px; background: url(../designpics/h2.gif) no-repeat center left; padding-left: 25px;}
  .ergebnisse {padding-bottom: 8px; border-bottom: 1px solid #CCC;}

  /* Seitennavigation bei Aposuche */
  #pagebar {margin-top: -15px;}
  #pagebar a:link, #pagebar a:visited {color: #555;}
  .pagebar-navlink-prev, .pagebar-navlink-next {font-size: 20px; font-weight: bold; color: #555; padding: 2px 10px; margin-right: 5px; background: transparent; border-radius: 5px;}
  .pagebar-navlink-prev:hover, .pagebar-navlink-next:hover {font-size: 20px; font-weight: bold; color: white; background: #FAC5AB; padding: 2px 10px; margin-right: 5px; border-radius: 5px;}
  .pagebar-pagelink {font-size: 14px; font-weight: normal; color: #555; padding: 6px 10px; margin-right: 5px; margin-top: -5px;}
  .pagebar-pagelink:hover {font-size: 14px; font-weight: bold; color: white; background: #FAC5AB; padding: 6px 10px; margin-right: 5px; border-radius: 5px;}
  .pagebar-curpage {font: bold 14px Arial, Helvetica, sans-serif; color: #00A99D; padding: 3px 10px; margin-right: 10px;}

  /* ------------------- FAQ & News - Anzeige  -------------------- */
  #faq, #news {margin-top: 20px; padding-top: 10px; padding-bottom: 10px; border-top: 1px dotted #666; border-bottom: 1px dotted #666;}
  #faq h5 {margin-bottom: 15px; background: url(../designpics/faq1.png) no-repeat top left; padding-left: 30px; height: auto;}
  #news h5 {margin-bottom: 15px; height: auto;}
  #faq h5 a:link, #faq h5 a:visited, #news h5 a:link, #news h5 a:visited {font-size: 14px; padding: 5px 5px; outline: none; color: #555; line-height: 20px;}
  #faq h5 a:hover, #faq h5 a:focus, #news h5 a:hover, #news h5 a:focus {font-size: 14px; padding: 5px 5px; outline: none; color: #555; background: #FFFFCC;}
  #faq div {margin-bottom: 10px; margin-top: 5px; margin-left: 20px; padding: 3px 10px 3px 40px; border: 1px solid #DDD; background: url(../designpics/faq2.png) no-repeat 5px 5px;}
  #news div {margin-bottom: 10px; margin-top: 5px; margin-left: 20px; padding: 3px 10px 3px 10px; border: 1px solid #DDD;}

  /* ------------------- Formulare -------------------- */
  #formular fieldset {border: 1px solid #9b9b9b; padding: 19px; margin: 0 0 20px 0; border-radius: 5px;}
  #formular legend {padding: 10px 5px 10px 10px; margin: 0 5px 0 5px; font-size: 18px; white-space: nowrap;}
  #formular fieldset p {margin: 0 0 14px 0; float: left; width: 100%;}
  #formular fieldset label {display: block; font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; width: 100%; margin: 0 0 7px 0; line-height: 12px;}
  #formular fieldset .text-xxl {border: 1px solid #9b9b9b; background: #fff url(../designpics/input-shaddow.gif) no-repeat left top; font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 570px; float: left; margin: 0 10px 0 0;}
  #formular fieldset .text-long {border: 1px solid #9b9b9b; background: #fff url(../designpics/input-shaddow.gif) no-repeat left top; font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 264px; float: left; margin: 0 10px 0 0;}
  #formular fieldset .text-medium {border: 1px solid #9b9b9b; background: #fff url(../designpics/input-shaddow.gif) no-repeat left top; font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 124px; float: left; margin: 0 10px 0 0;}
  #formular fieldset .text-small {border: 1px solid #9b9b9b; background: #fff url(../designpics/input-shaddow.gif) no-repeat left top; font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 44px; float: left; margin: 0 10px 0 0;}
  #formular fieldset .text-nobreak {border: 1px solid #9b9b9b; background: #fff url(../designpics/input-shaddow.gif) no-repeat left top; font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 264px; margin: 0 10px 0 0;}
  #formular fieldset .textfeld:focus, #formular fieldset .text-xxl:focus, #formular fieldset .text-long:focus, #formular fieldset .text-medium:focus, #formular fieldset .text-nobreak:focus, #formular fieldset .text-small:focus, #formular fieldset .textfeld:focus {background: #fdfcf6 url(../designpics/input-shaddow-hover.gif) no-repeat left top;}
  .textfeld {border: 1px solid #9b9b9b; background: #fff url(../designpics/input-shaddow.gif) no-repeat left top; font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 364px; float: left; margin: 0 10px 0 0; height: 200px; overflow: auto;}
  #formular fieldset input {vertical-align: middle;}
  .formular-submit {font: 12px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; color: #646464; width: 200px; height: 25px; cursor: pointer; border: none; background: url(../designpics/formsubmit.png) no-repeat left top;}
  .formular-submit:hover, .formular-submit2:hover {background: url(../designpics/formsubmit-over.png) no-repeat left top;}
  .formular-submit2 {font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; font-weight: bold; color: #900; width: 200px; height: 25px; cursor: pointer; border: none; background: url(../designpics/formsubmit.png) no-repeat left top;}
  #zeckenwetter {position: relative; margin: 20px auto; width: 472px; height: 616px;}

  /* ------------------- Produktgalerie -------------------- */
  .produktgalerie {display: block; width: 110px; padding: 10px; height: 210px; margin-left: 4px; margin-bottom: 4px; border: 1px solid #CCC; float: left; text-align: center;}
  .produktgalerie2 {display: block; width: 110px; padding: 10px; height: 150px; margin-left: 4px; margin-bottom: 4px; border: 1px solid #CCC; float: left; text-align: center;}
  .produktgalerie img, .produktgalerie2 img {margin-bottom: 10px;}/* Shop */
  .artikel {position: relative; width: 150px; float: left; margin-left: 20px; margin-top: 20px; padding-bottom: 0px; border: 1px dotted #A1A8C4;}
  .artikel img {border-bottom: 1px dotted #A1A8C4;}
  .artikel div {line-height: 18px; text-align: center; min-height: 60px; font-size: 14px;}
  .eingabemenge {font-weight: bold; font-size: 11px; text-align: right; background: #EEEEEE; padding: 2px; border: 1px solid #646464;}
  .eingabeartikel {font-size: 12px; padding: 1px; width: 130px;}
  #warentab td {font-size: 14px; padding-right: 10px; padding-top: 10px;}
  #warentab th {font-size: 12px; color: #F26522; border-bottom: 1px solid #00A99D; padding-right: 10px;}
  .topland {background: #DDD; font-weight: bold; margin-bottom: 2px;}
  .shopbutton1 {display: block; color: black; font-weight: bold; font-size: 14px; text-align: center; border: 1px solid #dea303; background: url(../designpics/bg_shopbutton.png) repeat-x; height: 20px;}
  .shopbutton2 {color: black; font-weight: bold; font-size: 12px; text-align: center; border: 1px solid #dea303; background: url(../designpics/bg_shopbutton.png) repeat-x; height: 20px;}
  #disclaimer {position: relative; width: 95%; height: 300px; overflow: auto; padding-right: 10px;}
  #disclaimer p {color: #666; text-align: justify;}

}
@media (min-width: 810px) {

  *, html {margin: 0px; padding: 0px; text-decoration: none; border: 0px;}
  body {color: #222; font: 12px Calibri, "Trebuchet MS", Verdana, Lucida, Arial, Helvetica, sans-serif; background: #FFF url(../designpics/bg_body.png) repeat-x top left;}

  /* ------------------- Header -------------------- */
  #header {position: relative; left: 0px; height: 210px; min-width: 800px; max-width: 1000px; margin-right: 50px; background: url(../designpics/bg_header.png) repeat-x top left;}
  .logo {margin: 10px 0 0 2px;}
  .logobildli {position: absolute; left: 0px; top: 62px; width: 220px; height: 130px;}
  .logobildre {position: absolute; right: 0px; top: 92px; width: 160px; height: 120px;}
  #header h2 {display: block; float: right; margin-right: 20px; margin-top: 40px; font-size: 14px;}
  #header h1 {position: absolute; top: 140px; left: 240px; width: 550px; color: #FFF; font: normal 22px "Times New Roman", Times, serif;}
  #header h3 {position: absolute; top: 120px; left: 240px; width: 550px; color: #000; font-size: 18px; font-weight: normal;}
  #header ul {position: absolute; top: 70px; right: 20px; width: auto;}
  #header ul li {list-style-type: none; list-style-image: none; float: left; margin-left: 10px;}
  .m1 {float: left; width: 15px; height: 11px; background: url(../designpics/de.gif) no-repeat left top; margin-bottom: 1px;}
  .m2 {float: left; width: 15px; height: 11px; background: url(../designpics/gb.gif) no-repeat left top; margin-bottom: 1px;}
  .m3 {float: left; width: 15px; height: 11px; background: url(../designpics/fr.gif) no-repeat left top; margin-bottom: 1px;}
  .m4 {float: left; width: 15px; height: 11px; background: url(../designpics/es.gif) no-repeat left top; margin-bottom: 1px;}
  .m1 a, .m2 a, .m3 a, .m4 a {display: block; height: 11px; width: 15px;}
  .m1 span, .m2 span, .m3 span, .m4 span {display: none;}
  #header ul li:hover .m1 {background: url(../designpics/de-over.gif) no-repeat left top;}
  #header ul li:hover .m2 {background: url(../designpics/gb-over.gif) no-repeat left top;}
  #header ul li:hover .m3 {background: url(../designpics/fr-over.gif) no-repeat left top;}
  #header ul li:hover .m4 {background: url(../designpics/es-over.gif) no-repeat left top;}

  .navbar-toggle { display: none; }
  /* ------------------- linke Sidebar -------------------- */
  #sidebarleft {position: relative; left: 10px; width: 220px; height: auto; float: left;}

  /* Accordionmenue */
  #sidebarleft h2 a, #sidebarleft h3 a {font-size: 14px; font-weight: bold; text-align: left; display: block; width: 190px; padding: 6px 10px; background: url(../designpics/bg_menue.png) no-repeat top left; color: #444; cursor: pointer;}
  #sidebarleft h3 a:link, #sidebarleft h3 a:visited {color: #444;}
  #sidebarleft h2 a:hover, #sidebarleft h2 a:focus, #sidebarleft h3 a:hover, #sidebarleft h3 a:focus {color: #444; background: url(../designpics/bg_menue-over.png) no-repeat top left;}
  .sideNav {width: 210px; list-style-type: none; font-size: 14px;}
  .sideNav li {border-bottom: 1px solid #9b9b9b; width: 210px; border-radius: 5px;}
  .sideNav li:last-Child {border-bottom: 0px;}
  .sideNav li a {display: block; color: #646464; background: none; text-decoration: none; min-height: 20px; line-height: 16px; padding: 5px 10px 5px 35px; width: 165px; background: url(../designpics/menuepfeil.png) no-repeat top left;}
  .sideNav li a:hover {background: #EEE url(../designpics/menuepfeil.png) no-repeat top left;}
  .sideNav li a.active, .sideNav li a.active:hover {background: #f0f7fa; color: #c66653;}
  /* Accordionmenue ENDE */

  .slotlinks {margin: 10px 10px 10px 0px;}
  .slotlinks h4 {text-align: center; border-top: 1px solid #F26522; border-bottom: 1px solid #F26522; padding: 3px 0;}
  .slotlinks td {padding: 2px 0 3px 3px; vertical-align: top;}
  .slotlinks th {padding: 2px 3px 3px 5px; vertical-align: top;}

  /* ------------------- Contentbereich -------------------- */
  #maincontent {position: relative; margin-left: 240px; margin-right: 50px; min-width: 560px; max-width: 760px; background: url(../designpics/bg_maincontent.png) repeat-y right top;}
  #content {position: relative; min-width: 380px; max-width: 580px; min-height: 500px; padding-top: 10px; margin-right: 170px; padding-bottom: 30px;}
  #sidebarright {position: absolute; right: 10px; top: 10px; width: 140px; height: auto; min-height: 500px;}
  #footer {position: relative; left: 0px; height: auto; min-width: 780px; max-width: 980px; margin-right: 50px; padding: 10px; background: #DDD; border-top: 1px dotted #AAA; clear: both;}
  #footer a {color: #666;}

  /* Allgemeine Formatierungen */
  #content h1 {font-size: 22px; color: #000; font-weight: bold; padding-left: 25px; margin-bottom: 15px; background: url(../designpics/h1.gif) no-repeat center left;}
  #content h2 {font-size: 18px; color: #000; font-weight: bold; padding-left: 25px; margin-bottom: 15px; background: url(../designpics/h2.gif) no-repeat center left;}
  #content h3 {margin-left: 20px; margin-bottom: 5px;}
  h4 {color: #00A99D; font: normal bold 15px Calibri, Arial, Verdana, Helvetica, sans-serif; margin-bottom: 10px;}
  #content p {font-size: 14px; line-height: 18px; margin-bottom: 10px; margin-left: 20px;}
  #content ul {list-style-type: square; margin-left: 50px; margin-bottom: 15px;}
  #content ul li, #content ol li {font-size: 14px; line-height: 18px; margin-bottom: 4px;}
  #content ol {margin-left: 50px; margin-bottom: 15px;}
  #content hr {border-top: 1px solid #F26522; margin: 0 50px 10px 50px;}
  .orange, #maincontent a:link, #maincontent a:visited {color: #F26522;}
  .gruen, #maincontent a:hover, #maincontent a:focus {color: #00A99D;}

  /* ------------------- Sidebar rechts -------------------- */
  .slotrechts h4 {text-align: center; padding: 3px 0; margin-bottom: 10px;}
  .slotrechts p {padding-bottom: 7px; margin-bottom: 10px; border-bottom: 1px solid #F26522;}

  /* ------------------- Apothekensuche -------------------- */
  #aposuche form {display: block;}
  #aposuche fieldset {display: block; width: 400px; margin: 0 auto 0 auto; border: 1px solid #F26522; border-radius: 10px; padding: 1em;}
  #aposuche legend {padding: 10px 5px 10px 30px; margin: 0 5px 0 10px; font-size: 18px; background: url(../designpics/apo.png) left center no-repeat; white-space: nowrap;}
  #aposuche label {clear: left; float: left; display: block; width: 100px; font-size: 14px; margin-top: 1em; font-weight: bold; text-align: left;}
  .suchfeld {position: relative; top: -1.4em; left: 90px; display: block; border: 1px solid #00A99D; padding: 2px; background: #fff; font-size: 14px; text-align: left;}
  .button-submit {display: block; font-size: 14px; font-weight: bold; color: #2C2327; width: 116px; height: 25px; cursor: pointer; border: none; background: transparent url(../designpics/submit.png) no-repeat left top; margin-left: 270px; margin-top: -44px;}
  .button-submit:hover {background: url(../designpics/submit-over.png) no-repeat left top;}/* Ergebnisanzeige */
  #aposuche h3 {font-size: 18px; margin-bottom: 5px; margin-top: 20px; background: url(../designpics/h2.gif) no-repeat center left; padding-left: 25px;}
  .ergebnisse {padding-bottom: 8px; border-bottom: 1px solid #CCC;}

  /* Seitennavigation bei Aposuche */
  #pagebar {margin-top: -15px;}
  #pagebar a:link, #pagebar a:visited {color: #555;}
  .pagebar-navlink-prev, .pagebar-navlink-next {font-size: 20px; font-weight: bold; color: #555; padding: 2px 10px; margin-right: 5px; background: transparent; border-radius: 5px;}
  .pagebar-navlink-prev:hover, .pagebar-navlink-next:hover {font-size: 20px; font-weight: bold; color: white; background: #FAC5AB; padding: 2px 10px; margin-right: 5px; border-radius: 5px;}
  .pagebar-pagelink {font-size: 14px; font-weight: normal; color: #555; padding: 6px 10px; margin-right: 5px; margin-top: -5px;}
  .pagebar-pagelink:hover {font-size: 14px; font-weight: bold; color: white; background: #FAC5AB; padding: 6px 10px; margin-right: 5px; border-radius: 5px;}
  .pagebar-curpage {font: bold 14px Arial, Helvetica, sans-serif; color: #00A99D; padding: 3px 10px; margin-right: 10px;}

  /* ------------------- FAQ & News - Anzeige  -------------------- */
  #faq, #news {margin-top: 20px; padding-top: 10px; padding-bottom: 10px; border-top: 1px dotted #666; border-bottom: 1px dotted #666;}
  #faq h5 {margin-bottom: 15px; background: url(../designpics/faq1.png) no-repeat top left; padding-left: 30px; height: auto;}
  #news h5 {margin-bottom: 15px; height: auto;}
  #faq h5 a:link, #faq h5 a:visited, #news h5 a:link, #news h5 a:visited {font-size: 14px; padding: 5px 5px; outline: none; color: #555; line-height: 20px;}
  #faq h5 a:hover, #faq h5 a:focus, #news h5 a:hover, #news h5 a:focus {font-size: 14px; padding: 5px 5px; outline: none; color: #555; background: #FFFFCC;}
  #faq div {margin-bottom: 10px; margin-top: 5px; margin-left: 20px; padding: 3px 10px 3px 40px; border: 1px solid #DDD; background: url(../designpics/faq2.png) no-repeat 5px 5px;}
  #news div {margin-bottom: 10px; margin-top: 5px; margin-left: 20px; padding: 3px 10px 3px 10px; border: 1px solid #DDD;}

  /* ------------------- Formulare -------------------- */
  #formular fieldset {border: 1px solid #9b9b9b; padding: 19px; margin: 0 0 20px 0; border-radius: 5px;}
  #formular legend {padding: 10px 5px 10px 10px; margin: 0 5px 0 5px; font-size: 18px; white-space: nowrap;}
  #formular fieldset p {margin: 0 0 14px 0; float: left; width: 100%;}
  #formular fieldset label {display: block; font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; width: 100%; margin: 0 0 7px 0; line-height: 12px;}
  #formular fieldset .text-xxl {border: 1px solid #9b9b9b; background: #fff url(../designpics/input-shaddow.gif) no-repeat left top; font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 570px; float: left; margin: 0 10px 0 0;}
  #formular fieldset .text-long {border: 1px solid #9b9b9b; background: #fff url(../designpics/input-shaddow.gif) no-repeat left top; font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 264px; float: left; margin: 0 10px 0 0;}
  #formular fieldset .text-medium {border: 1px solid #9b9b9b; background: #fff url(../designpics/input-shaddow.gif) no-repeat left top; font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 124px; float: left; margin: 0 10px 0 0;}
  #formular fieldset .text-small {border: 1px solid #9b9b9b; background: #fff url(../designpics/input-shaddow.gif) no-repeat left top; font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 44px; float: left; margin: 0 10px 0 0;}
  #formular fieldset .text-nobreak {border: 1px solid #9b9b9b; background: #fff url(../designpics/input-shaddow.gif) no-repeat left top; font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 264px; margin: 0 10px 0 0;}
  #formular fieldset .textfeld:focus, #formular fieldset .text-xxl:focus, #formular fieldset .text-long:focus, #formular fieldset .text-medium:focus, #formular fieldset .text-nobreak:focus, #formular fieldset .text-small:focus, #formular fieldset .textfeld:focus {background: #fdfcf6 url(../designpics/input-shaddow-hover.gif) no-repeat left top;}
  .textfeld {border: 1px solid #9b9b9b; background: #fff url(../designpics/input-shaddow.gif) no-repeat left top; font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 464px; float: left; margin: 0 10px 0 0; height: 200px; overflow: auto;}
  #formular fieldset input {vertical-align: middle;}
  .formular-submit {font: 12px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; color: #646464; width: 200px; height: 25px; cursor: pointer; border: none; background: url(../designpics/formsubmit.png) no-repeat left top;}
  .formular-submit:hover, .formular-submit2:hover {background: url(../designpics/formsubmit-over.png) no-repeat left top;}
  .formular-submit2 {font: 14px Calibri, Verdana, Lucida, Arial, Helvetica, sans-serif; font-weight: bold; color: #900; width: 200px; height: 25px; cursor: pointer; border: none; background: url(../designpics/formsubmit.png) no-repeat left top;}
  #zeckenwetter {position: relative; margin: 20px auto; width: 472px; height: 616px;}

  /* ------------------- Produktgalerie -------------------- */
  .produktgalerie {display: block; width: 110px; padding: 10px; height: 210px; margin-left: 4px; margin-bottom: 4px; border: 1px solid #CCC; float: left; text-align: center;}
  .produktgalerie2 {display: block; width: 110px; padding: 10px; height: 150px; margin-left: 4px; margin-bottom: 4px; border: 1px solid #CCC; float: left; text-align: center;}
  .produktgalerie img, .produktgalerie2 img {margin-bottom: 10px;}/* Shop */
  .artikel {position: relative; width: 150px; float: left; margin-left: 20px; margin-top: 20px; padding-bottom: 0px; border: 1px dotted #A1A8C4;}
  .artikel img {border-bottom: 1px dotted #A1A8C4;}
  .artikel div {line-height: 18px; text-align: center; min-height: 60px; font-size: 14px;}
  .eingabemenge {font-weight: bold; font-size: 11px; text-align: right; background: #EEEEEE; padding: 2px; border: 1px solid #646464;}
  .eingabeartikel {font-size: 12px; padding: 1px; width: 200px;}
  #warentab td {font-size: 14px; padding-right: 10px; padding-top: 10px;}
  #warentab th {font-size: 12px; color: #F26522; border-bottom: 1px solid #00A99D; padding-right: 10px;}
  .topland {background: #DDD; font-weight: bold; margin-bottom: 2px;}
  .shopbutton1 {display: block; color: black; font-weight: bold; font-size: 14px; text-align: center; border: 1px solid #dea303; background: url(../designpics/bg_shopbutton.png) repeat-x; height: 20px;}
  .shopbutton2 {color: black; font-weight: bold; font-size: 12px; text-align: center; border: 1px solid #dea303; background: url(../designpics/bg_shopbutton.png) repeat-x; height: 20px;}
  #disclaimer {position: relative; width: 550px; height: 200px; overflow: auto; padding-right: 10px;}
  #disclaimer p {color: #666; text-align: justify;}

}

.youtubevideo { position: relative; margin: auto; width: 100%; max-width: 640px; height: 360px; }