/* ------------------------------------------------------------------------------------- */
/*                                                                                       */
/*               Copyright 2019 by Andreas Strysio - info@ads-media.de                   */
/*                                      -----                                            */
/*                Script darf nur mit gueltiger Lizenz genutzt werden!                   */
/*                                       ---                                             */
/*  Originale Lizenzen, Scripte, Addons und Interfaces nur auf ADS-Media.de erhältlich!  */
/*                                                                                       */
/* ------------------------------------------------------------------------------------- */


/* ============================== */
/* ==========> HEADER <========== */
/* ============================== */

/* ---> Button fuer breite Bildschirme */
a.header-nav-vouchers-gross {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 34px; margin-left:7px; background-color:#b4b4b4; background-image:url(../../images/header_button_vouchers.png); background-repeat:no-repeat; background-position:10px 10px; border:1px solid #ffffff; border-radius:6px;}
a:hover.header-nav-vouchers-gross, a:focus.header-nav-vouchers-gross, a:active.header-nav-vouchers-gross {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 34px; margin-left:7px; background-color:#505050; background-image:url(../../images/header_button_vouchers.png); background-repeat:no-repeat; background-position:10px 10px; border:1px solid #ffffff; border-radius:6px;}

/* ---> Button fuer schmale Bildschirme*/
a.header-nav-vouchers-klein {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 34px; margin-left:7px; background-color:#b4b4b4; background-image:url(../../images/header_button_vouchers.png); background-repeat:no-repeat; background-position:13px 10px; border:1px solid #ffffff; border-radius:6px;}
a:hover.header-nav-vouchers-klein, a:focus.header-nav-vouchers-klein, a:active.header-nav-vouchers-klein {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 34px; margin-left:7px; background-color:#505050; background-image:url(../../images/header_button_vouchers.png); background-repeat:no-repeat; background-position:13px 10px; border:1px solid #ffffff; border-radius:6px;}


/* ============================================ */
/* ==========> LINKE STARTSEITENBOX <========== */
/* ============================================ */

div.vouchers-menubox-info {font-family:Arial, serif; font-size:14px; font-weight:normal; color:#000000; text-align:left; margin-left:8px;}

div.vouchers-menubox-suche {text-align:right; margin-top:20px;}
.vouchers-menubox-suchfeld {width:190px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.vouchers-menubox-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.vouchers-menubox-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}

div.vouchers-menubox-box {float:left; width:90%; min-height:80px; padding:4px; margin-left:8px; margin-top:0px; margin-right:0px; margin-bottom:10px; border:1px solid #b4b4b4; position:relative;}
div:hover.vouchers-menubox-box {float:left; width:90%; min-height:80px; padding:4px; margin-left:8px; margin-top:0px; margin-right:0px; margin-bottom:10px; border:1px solid #b4b4b4; background-color:#b4b4b4; position:relative;}

div.vouchers-menubox-titel {float:left; width:90%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000; text-align:left;}
div.vouchers-menubox-favoritenfunktion {float:left; height:16px;}
img.vouchers-menubox-favoritenbild {width:16px; height:16px; margin-top:2px;}
img:hover.vouchers-menubox-favoritenbild {width:20px; height:20px; margin-top:2px;}

div.vouchers-menubox-infos {clear:left;}
img.vouchers-menubox-thumbshots {float:left; height:75px; width:100px; margin-top:2px; margin-right:10%; margin-bottom:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F0F0F0; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
div.vouchers-menubox-logos {display:flex; justify-content:center; align-items:center; float:left; height:75px; width:100px;  margin-top:2px; margin-right:10%; margin-bottom:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #FFFFFF; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
img.vouchers-menubox-logos {max-height:75px; max-width:100px;}
div.vouchers-menubox-laufzeit {padding-top:20px; font-family:Arial, serif; font-size:14px; color:#006400; text-align:left;}

div.vouchers-menubox-links {clear:left; text-align:right; margin-right:8px;}



/* =============================================== */
/* ==========> FUER BREITE BILDSCHIRME <========== */
/* =============================================== */

@media (min-width: 1200px) {

/* ==========> FUER DIE AUFLISTUNG IN DER BOX AUF DER STARTSEITE <========== */
div.vouchers-startseitenbox-info {font-family:Arial, serif; font-size:14px; font-weight:normal; color:#000000; text-align:left;}

div.vouchers-startseitenbox-suche {text-align:right; margin-top:20px;}
.vouchers-startseitenbox-suchfeld {width:280px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.vouchers-startseitenbox-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.vouchers-startseitenbox-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}

div.vouchers-startseitenbox-box {float:left; width:252px; min-height:80px; padding:8px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; position:relative;}
div:hover.vouchers-startseitenbox-box {float:left; width:252px; min-height:80px; padding:8px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; background-color:#b4b4b4; position:relative;}

div.vouchers-startseitenbox-titel-kurz {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000;}
div.vouchers-startseitenbox-titel-mittel {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000; display:none; visibility:hidden;}
div.vouchers-startseitenbox-titel-lang {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000; display:none; visibility:hidden;}
div.vouchers-startseitenbox-favoritenfunktion {float:left; width:8%;}
img.vouchers-startseitenbox-favoritenbild {width:16px; height:16px;}
img:hover.vouchers-startseitenbox-favoritenbild {width:20px; height:20px;}

div.vouchers-startseitenbox-infos {clear:left;}
img.vouchers-startseitenbox-thumbshots {float:left; height:75px; width:100px; margin-top:2px; margin-right:10%; margin-bottom:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F0F0F0; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
div.vouchers-startseitenbox-logos {display:flex; justify-content:center; align-items:center; float:left; height:75px; width:100px; margin-top:2px; margin-right:10%; margin-bottom:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #FFFFFF; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
img.vouchers-startseitenbox-logos {max-height:75px; max-width:100px;}
div.vouchers-startseitenbox-laufzeit {min-width:250px; padding-top:20px; font-family:Arial, serif; font-size:14px; color:#006400;}

div.vouchers-startseitenbox-links {clear:left; text-align:right;}


/* ==========> FUER DIE AUFLISTUNG IN DEN KATEGORIEN <========== */

div.vouchers-kategorien-suche {text-align:left; width:422px; float:left;}
.vouchers-kategorien-suchfeld {width:280px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.vouchers-kategorien-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.vouchers-kategorien-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
div.vouchers-kategorien-sortieren {text-align:right; width:422px; padding-right:1%; float:left;}
.vouchers-kategorien-sortieren-auswahlfeld {width:160px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;}

div.vouchers-kategorien-box {float:left; width:252px; min-height:80px; padding:8px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; position:relative;}
div:hover.vouchers-kategorien-box {float:left; width:252px; min-height:80px; padding:8px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; background-color:#b4b4b4; position:relative;}

div.vouchers-kategorien-titel-kurz {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000;}
div.vouchers-kategorien-titel-mittel {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000; display:none; visibility:hidden;}
div.vouchers-kategorien-titel-lang {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000; display:none; visibility:hidden;}
div.vouchers-kategorien-favoritenfunktion {float:left; width:8%;}
img.vouchers-kategorien-favoritenbild {width:16px; height:16px;}
img:hover.vouchers-kategorien-favoritenbild {width:20px; height:20px;}

div.vouchers-kategorien-infos {clear:left;}
img.vouchers-kategorien-thumbshots {float:left; height:75px; width:100px; margin-top:2px; margin-right:10%; margin-bottom:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F0F0F0; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
div.vouchers-kategorien-logos {display:flex; justify-content:center; align-items:center; float:left; height:75px; width:100px;  margin-top:2px; margin-right:10%; margin-bottom:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #FFFFFF; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
img.vouchers-kategorien-logos {max-height:75px; max-width:100px;}
div.vouchers-kategorien-laufzeit {min-width:250px; padding-top:20px; font-family:Arial, serif; font-size:14px; color:#006400;}


/* ==========> FUER DIE DETAILS DER KAMPAGNEN <========== */

div.vouchers-details-logospalte {float:left; width:240px; padding:4px; margin:0;}
img.vouchers-details-thumbshots {float:left; height:150px; width:200px; margin-top:4px; margin-right:14px; margin-bottom:20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F0F0F0; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
div.vouchers-details-logos {display:flex; justify-content:center; align-items:center; float:left; height:150px; width:200px; margin-top:2px; margin-right:14px; margin-bottom:0px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #FFFFFF; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
img.vouchers-details-logos {max-height:150px; max-width:200px;}

div.vouchers-details-titelspalte {float:left; width:480px; padding:0; margin-top:20px;}
h2.vouchers-details-titel {font-family:Arial, serif; font-size:18px; color:#000000; display:inline;}

img.vouchers-details-sterne {float:left; height:20px; width:20px; margin-top:24px;}
.vouchers-details-bewertungsauswahlfeld {width:90px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-top:20px; margin-left:6px;}
.vouchers-details-bewertungsbutton {height:28px; width:40px; padding:4px; margin-top:20px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer;}
.vouchers-details-bewertungsbutton:hover {height:28px; width:40px; padding:4px; margin-top:20px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer;}

div.vouchers-details-gutschein {clear:left; border:1px dashed #000000; text-align:left; padding:10px; margin:0; overflow:hidden; position:relative;}
div.vouchers-gutschein-titel {float:left; width:98%;}
div.vouchers-gutschein-favoritenfunktion {float:left; width:2%;}
img.vouchers-gutschein-favoritenbild {width:16px; height:16px;}
img:hover.vouchers-gutschein-favoritenbild {width:18px; height:18px;}
.button-vouchers-details-gutscheineinloesen {float:left; margin:0; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#006400; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-vouchers-details-gutscheineinloesen:hover {float:left; margin:0; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#00b000; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

div.vouchers-details-fehlermeldung {clear:left; font-family:Arial, serif; font-size:14px; color:#8B0000; font-weight:normal; background-color:#FFDADA; border:1px solid #8B0000; text-align:left; padding:16px; margin:0; overflow:hidden; position:relative;}
div.vouchers-details-listenspalte {float:left; width:240px; padding:4px; margin:0;}

}



/* ================================================= */
/* ==========> FUER MITTLERE BILDSCHIRME <========== */
/* ================================================= */

@media (min-width: 990px) and (max-width: 1200px) {

/* ==========> FUER DIE AUFLISTUNG IN DER BOX AUF DER STARTSEITE <========== */
div.vouchers-startseitenbox-info {font-family:Arial, serif; font-size:14px; font-weight:normal; color:#000000; text-align:left;}

div.vouchers-startseitenbox-suche {text-align:right; margin-top:20px;}
.vouchers-startseitenbox-suchfeld {width:280px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.vouchers-startseitenbox-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.vouchers-startseitenbox-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}

div.vouchers-startseitenbox-box {float:left; width:300px; min-height:80px; padding:4px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; position:relative;}
div:hover.vouchers-startseitenbox-box {float:left; width:300px; min-height:80px; padding:4px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; background-color:#b4b4b4; position:relative;}

div.vouchers-startseitenbox-titel-kurz {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000; display:none; visibility:hidden;}
div.vouchers-startseitenbox-titel-mittel {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000;}
div.vouchers-startseitenbox-titel-lang {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000; display:none; visibility:hidden;}
div.vouchers-startseitenbox-favoritenfunktion {float:left; width:8%;}
img.vouchers-startseitenbox-favoritenbild {width:16px; height:16px;}
img:hover.vouchers-startseitenbox-favoritenbild {width:20px; height:20px;}

div.vouchers-startseitenbox-infos {clear:left;}
img.vouchers-startseitenbox-thumbshots {float:left; height:75px; width:100px; margin-top:2px; margin-right:10%; margin-bottom:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F0F0F0; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
div.vouchers-startseitenbox-logos {display:flex; justify-content:center; align-items:center; float:left; height:75px; width:100px;  margin-top:2px; margin-right:10%; margin-bottom:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #FFFFFF; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
img.vouchers-startseitenbox-logos {max-height:75px; max-width:100px;}
div.vouchers-startseitenbox-laufzeit {min-width:250px; padding-top:20px; font-family:Arial, serif; font-size:14px; color:#006400;}

div.vouchers-startseitenbox-links {clear:left; text-align:right;}


/* ==========> FUER DIE AUFLISTUNG IN DEN KATEGORIEN <========== */

div.vouchers-kategorien-suche {text-align:left; width:440px; float:left;}
.vouchers-kategorien-suchfeld {width:280px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.vouchers-kategorien-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.vouchers-kategorien-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
div.vouchers-kategorien-sortieren {text-align:right; width:200px; padding-right:1%; float:left;}
.vouchers-kategorien-sortieren-auswahlfeld {width:160px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;}

div.vouchers-kategorien-box {float:left; width:300px; min-height:80px; padding:4px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; position:relative;}
div:hover.vouchers-kategorien-box {float:left; width:300px; min-height:80px; padding:4px; margin-top:0px; margin-right:16px; margin-bottom:16px; border:1px solid #b4b4b4; background-color:#b4b4b4; position:relative;}

div.vouchers-kategorien-titel-kurz {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000; display:none; visibility:hidden;}
div.vouchers-kategorien-titel-mittel {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000;}
div.vouchers-kategorien-titel-lang {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000; display:none; visibility:hidden;}
div.vouchers-kategorien-favoritenfunktion {float:left; width:8%;}
img.vouchers-kategorien-favoritenbild {width:16px; height:16px;}
img:hover.vouchers-kategorien-favoritenbild {width:20px; height:20px;}

div.vouchers-kategorien-infos {clear:left;}
img.vouchers-kategorien-thumbshots {float:left; height:75px; width:100px; margin-top:2px; margin-right:10%; margin-bottom:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F0F0F0; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
div.vouchers-kategorien-logos {display:flex; justify-content:center; align-items:center; float:left; height:75px; width:100px;  margin-top:2px; margin-right:10%; margin-bottom:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #FFFFFF; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
img.vouchers-kategorien-logos {max-height:75px; max-width:100px;}
div.vouchers-kategorien-laufzeit {min-width:250px; padding-top:20px; font-family:Arial, serif; font-size:14px; color:#006400;}


/* ==========> FUER DIE DETAILS DER KAMPAGNEN <========== */

div.vouchers-details-logospalte {float:left; width:240px; padding:4px; margin:0;}
img.vouchers-details-thumbshots {float:left; height:150px; width:200px; margin-top:4px; margin-right:14px; margin-bottom:20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F0F0F0; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
div.vouchers-details-logos {display:flex; justify-content:center; align-items:center; float:left; height:150px; width:200px; margin-top:2px; margin-right:14px; margin-bottom:0px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #FFFFFF; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
img.vouchers-details-logos {max-height:150px; max-width:200px;}

div.vouchers-details-titelspalte {float:left; width:400px; padding:0; margin-top:20px;}
h2.vouchers-details-titel {font-family:Arial, serif; font-size:18px; color:#000000; display:inline;}

img.vouchers-details-sterne {float:left; height:20px; width:20px; margin-top:24px;}
.vouchers-details-bewertungsauswahlfeld {width:90px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-top:20px; margin-left:6px;}
.vouchers-details-bewertungsbutton {height:28px; width:40px; padding:4px; margin-top:20px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer;}
.vouchers-details-bewertungsbutton:hover {height:28px; width:40px; padding:4px; margin-top:20px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer;}

div.vouchers-details-gutschein {clear:left; border:1px dashed #000000; text-align:left; padding:10px; margin:0; overflow:hidden; position:relative;}
div.vouchers-gutschein-titel {float:left; width:97%;}
div.vouchers-gutschein-favoritenfunktion {float:left; width:3%;}
img.vouchers-gutschein-favoritenbild {width:16px; height:16px;}
img:hover.vouchers-gutschein-favoritenbild {width:18px; height:18px;}
.button-vouchers-details-gutscheineinloesen {float:left; margin:0; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#006400; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-vouchers-details-gutscheineinloesen:hover {float:left; margin:0; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#00b000; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

div.vouchers-details-fehlermeldung {clear:left; font-family:Arial, serif; font-size:14px; color:#8B0000; font-weight:normal; background-color:#FFDADA; border:1px solid #8B0000; text-align:left; padding:16px; margin:0; overflow:hidden; position:relative;}
div.vouchers-details-listenspalte {float:left; width:240px; padding:4px; margin:0;}

}



/* ================================================ */
/* ==========> FUER SCHMALE BILDSCHIRME <========== */
/* ================================================ */

@media (min-width: 800px) and (max-width: 990px) {

/* ==========> FUER DIE AUFLISTUNG IN DER BOX AUF DER STARTSEITE <========== */
div.vouchers-startseitenbox-info {font-family:Arial, serif; font-size:14px; font-weight:normal; color:#000000; text-align:left;}

div.vouchers-startseitenbox-suche {text-align:right; margin-top:20px;}
.vouchers-startseitenbox-suchfeld {width:280px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.vouchers-startseitenbox-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.vouchers-startseitenbox-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}

div.vouchers-startseitenbox-box {float:left; width:440px; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; position:relative;}
div:hover.vouchers-startseitenbox-box {float:left; width:440px; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; background-color:#b4b4b4; position:relative;}

div.vouchers-startseitenbox-titel-kurz {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000; display:none; visibility:hidden;}
div.vouchers-startseitenbox-titel-mittel {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000; display:none; visibility:hidden;}
div.vouchers-startseitenbox-titel-lang {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000;}
div.vouchers-startseitenbox-favoritenfunktion {float:left; width:8%;}
img.vouchers-startseitenbox-favoritenbild {width:16px; height:16px;}
img:hover.vouchers-startseitenbox-favoritenbild {width:20px; height:20px;}

div.vouchers-startseitenbox-infos {clear:left;}
img.vouchers-startseitenbox-thumbshots {float:left; height:75px; width:100px; margin-top:2px; margin-right:10%; margin-bottom:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F0F0F0; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
div.vouchers-startseitenbox-logos {display:flex; justify-content:center; align-items:center; float:left; height:75px; width:100px;  margin-top:2px; margin-right:10%; margin-bottom:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #FFFFFF; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
img.vouchers-startseitenbox-logos {max-height:75px; max-width:100px;}
div.vouchers-startseitenbox-laufzeit {min-width:250px; padding-top:20px; font-family:Arial, serif; font-size:14px; color:#006400;}

div.vouchers-startseitenbox-links {clear:left; text-align:right;}


/* ==========> FUER DIE AUFLISTUNG IN DEN KATEGORIEN <========== */

div.vouchers-kategorien-suche {text-align:left; width:268px; float:left;}
.vouchers-kategorien-suchfeld {width:200px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.vouchers-kategorien-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.vouchers-kategorien-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
div.vouchers-kategorien-sortieren {text-align:right; width:188px; padding-right:1%; float:left;}
.vouchers-kategorien-sortieren-auswahlfeld {width:140px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;}

div.vouchers-kategorien-box {float:left; width:440px; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; position:relative;}
div:hover.vouchers-kategorien-box {float:left; width:440px; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; background-color:#b4b4b4; position:relative;}

div.vouchers-kategorien-titel-kurz {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000; display:none; visibility:hidden;}
div.vouchers-kategorien-titel-mittel {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000; display:none; visibility:hidden;}
div.vouchers-kategorien-titel-lang {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000;}
div.vouchers-kategorien-favoritenfunktion {float:left; width:8%;}
img.vouchers-kategorien-favoritenbild {width:16px; height:16px;}
img:hover.vouchers-kategorien-favoritenbild {width:20px; height:20px;}

div.vouchers-kategorien-infos {clear:left;}
img.vouchers-kategorien-thumbshots {float:left; height:75px; width:100px; margin-top:2px; margin-right:10%; margin-bottom:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F0F0F0; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
div.vouchers-kategorien-logos {display:flex; justify-content:center; align-items:center; float:left; height:75px; width:100px;  margin-top:2px; margin-right:10%; margin-bottom:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #FFFFFF; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
img.vouchers-kategorien-logos {max-height:75px; max-width:100px;}
div.vouchers-kategorien-laufzeit {min-width:250px; padding-top:20px; font-family:Arial, serif; font-size:14px; color:#006400;}


/* ==========> FUER DIE DETAILS DER KAMPAGNEN <========== */

div.vouchers-details-logospalte {float:left; width:240px; padding:4px; margin:0;}
img.vouchers-details-thumbshots {float:left; height:150px; width:200px; margin-top:4px; margin-right:14px; margin-bottom:20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F0F0F0; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
div.vouchers-details-logos {display:flex; justify-content:center; align-items:center; float:left; height:150px; width:200px; margin-top:2px; margin-right:14px; margin-bottom:0px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #FFFFFF; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
img.vouchers-details-logos {max-height:150px; max-width:200px;}

div.vouchers-details-titelspalte {float:left; width:460px; padding:0; margin-top:20px;}
h2.vouchers-details-titel {font-family:Arial, serif; font-size:18px; color:#000000; display:inline;}

img.vouchers-details-sterne {float:left; height:20px; width:20px; margin-top:24px;}
.vouchers-details-bewertungsauswahlfeld {width:90px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-top:20px; margin-left:6px;}
.vouchers-details-bewertungsbutton {height:28px; width:40px; padding:4px; margin-top:20px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer;}
.vouchers-details-bewertungsbutton:hover {height:28px; width:40px; padding:4px; margin-top:20px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer;}

div.vouchers-details-gutschein {clear:left; border:1px dashed #000000; text-align:left; padding:10px; margin:0; overflow:hidden; position:relative;}
div.vouchers-gutschein-titel {float:left; width:96%;}
div.vouchers-gutschein-favoritenfunktion {float:left; width:4%;}
img.vouchers-gutschein-favoritenbild {width:16px; height:16px;}
img:hover.vouchers-gutschein-favoritenbild {width:18px; height:18px;}
.button-vouchers-details-gutscheineinloesen {float:left; margin:0; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#006400; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-vouchers-details-gutscheineinloesen:hover {float:left; margin:0; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#00b000; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

div.vouchers-details-fehlermeldung {clear:left; font-family:Arial, serif; font-size:14px; color:#8B0000; font-weight:normal; background-color:#FFDADA; border:1px solid #8B0000; text-align:left; padding:16px; margin:0; overflow:hidden; position:relative;}
div.vouchers-details-listenspalte {float:left; width:240px; padding:4px; margin:0;}

}



/* =================================================================================== */
/* ==========> FUER DEN UEBERGANG VON SCHMALE AUF SEHR SCHMALE BILDSCHIRME <========== */
/* =================================================================================== */

@media (min-width: 540px) and (max-width: 800px) {

/* ==========> FUER DIE AUFLISTUNG IN DER BOX AUF DER STARTSEITE <========== */
div.vouchers-startseitenbox-info {font-family:Arial, serif; font-size:14px; font-weight:normal; color:#000000; text-align:left;}

div.vouchers-startseitenbox-suche {text-align:right; margin-top:20px;}
.vouchers-startseitenbox-suchfeld {width:280px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.vouchers-startseitenbox-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.vouchers-startseitenbox-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}

div.vouchers-startseitenbox-box {float:left; width:46%; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; position:relative;}
div:hover.vouchers-startseitenbox-box {float:left; width:46%; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; background-color:#b4b4b4; position:relative;}

div.vouchers-startseitenbox-titel-kurz {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:15px; font-weight:bold; color:#000000;}
div.vouchers-startseitenbox-titel-mittel {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:15px; font-weight:bold; color:#000000; display:none; visibility:hidden;}
div.vouchers-startseitenbox-titel-lang {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:15px; font-weight:bold; color:#000000; display:none; visibility:hidden;}
div.vouchers-startseitenbox-favoritenfunktion {float:left; width:8%;}
img.vouchers-startseitenbox-favoritenbild {width:16px; height:16px;}
img:hover.vouchers-startseitenbox-favoritenbild {width:20px; height:20px;}

div.vouchers-startseitenbox-infos {clear:left;}
img.vouchers-startseitenbox-thumbshots {float:left; height:75px; width:100px; margin-top:2px; margin-right:8%; margin-bottom:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F0F0F0; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
div.vouchers-startseitenbox-logos {display:flex; justify-content:center; align-items:center; float:left; height:75px; width:100px;  margin-top:2px; margin-right:8%; margin-bottom:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #FFFFFF; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
img.vouchers-startseitenbox-logos {max-height:75px; max-width:100px;}
div.vouchers-startseitenbox-laufzeit {min-width:250px; padding-top:20px; font-family:Arial, serif; font-size:14px; color:#006400;}

div.vouchers-startseitenbox-links {clear:left; text-align:right;}


/* ==========> FUER DIE AUFLISTUNG IN DEN KATEGORIEN <========== */

div.vouchers-kategorien-suche {text-align:left; width:59%; float:left;}
.vouchers-kategorien-suchfeld {width:200px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.vouchers-kategorien-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.vouchers-kategorien-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
div.vouchers-kategorien-sortieren {text-align:right; width:39%; padding-right:1%; float:left;}
.vouchers-kategorien-sortieren-auswahlfeld {width:160px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;}

div.vouchers-kategorien-box {float:left; width:46%; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; position:relative;}
div:hover.vouchers-kategorien-box {float:left; width:46%; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; background-color:#b4b4b4; position:relative;}

div.vouchers-kategorien-titel-kurz {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:15px; font-weight:bold; color:#000000;}
div.vouchers-kategorien-titel-mittel {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:15px; font-weight:bold; color:#000000; display:none; visibility:hidden;}
div.vouchers-kategorien-titel-lang {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:15px; font-weight:bold; color:#000000; display:none; visibility:hidden;}
div.vouchers-kategorien-favoritenfunktion {float:left; width:8%;}
img.vouchers-kategorien-favoritenbild {width:16px; height:16px;}
img:hover.vouchers-kategorien-favoritenbild {width:20px; height:20px;}

div.vouchers-kategorien-infos {clear:left;}
img.vouchers-kategorien-thumbshots {float:left; height:75px; width:100px; margin-top:2px; margin-right:8%; margin-bottom:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F0F0F0; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
div.vouchers-kategorien-logos {display:flex; justify-content:center; align-items:center; float:left; height:75px; width:100px;  margin-top:2px; margin-right:8%; margin-bottom:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #FFFFFF; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
img.vouchers-kategorien-logos {max-height:75px; max-width:100px;}
div.vouchers-kategorien-laufzeit {min-width:250px; padding-top:20px; font-family:Arial, serif; font-size:14px; color:#006400;}


/* ==========> FUER DIE DETAILS DER KAMPAGNEN <========== */

div.vouchers-details-logospalte {float:left; width:240px; padding:4px; margin:0;}
img.vouchers-details-thumbshots {float:left; height:150px; width:200px; margin-top:4px; margin-right:14px; margin-bottom:20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F0F0F0; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
div.vouchers-details-logos {display:flex; justify-content:center; align-items:center; float:left; height:150px; width:200px; margin-top:2px; margin-right:14px; margin-bottom:0px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #FFFFFF; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
img.vouchers-details-logos {max-height:150px; max-width:200px;}

div.vouchers-details-titelspalte {float:left; width:300px; padding:0; margin-top:20px;}
h2.vouchers-details-titel {font-family:Arial, serif; font-size:18px; color:#000000; display:inline;}

img.vouchers-details-sterne {float:left; height:20px; width:20px; margin-top:24px;}
.vouchers-details-bewertungsauswahlfeld {width:90px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-top:20px; margin-left:6px;}
.vouchers-details-bewertungsbutton {height:28px; width:40px; padding:4px; margin-top:20px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer;}
.vouchers-details-bewertungsbutton:hover {height:28px; width:40px; padding:4px; margin-top:20px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer;}

div.vouchers-details-gutschein {clear:left; border:1px dashed #000000; text-align:left; padding:10px; margin:0; overflow:hidden; position:relative;}
div.vouchers-gutschein-titel {float:left; width:98%;}
div.vouchers-gutschein-favoritenfunktion {float:left; width:2%;}
img.vouchers-gutschein-favoritenbild {width:16px; height:16px;}
img:hover.vouchers-gutschein-favoritenbild {width:18px; height:18px;}
.button-vouchers-details-gutscheineinloesen {float:left; margin:0; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#006400; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-vouchers-details-gutscheineinloesen:hover {float:left; margin:0; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#00b000; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

div.vouchers-details-fehlermeldung {clear:left; font-family:Arial, serif; font-size:14px; color:#8B0000; font-weight:normal; background-color:#FFDADA; border:1px solid #8B0000; text-align:left; padding:16px; margin:0; overflow:hidden; position:relative;}
div.vouchers-details-listenspalte {float:left; width:240px; padding:4px; margin:0;}

}



/* ============================================================================ */
/* ==========> FUER SEHR SCHMALE BILDSCHIRME WIE HANDYS UND TABLETS <========== */
/* ============================================================================ */

@media (max-width: 540px) {


/* ==========> FUER DIE AUFLISTUNG IN DER BOX AUF DER STARTSEITE <========== */
div.vouchers-startseitenbox-info {font-family:Arial, serif; font-size:14px; font-weight:normal; color:#000000; text-align:left;}

div.vouchers-startseitenbox-suche {text-align:right; margin-top:20px;}
.vouchers-startseitenbox-suchfeld {width:190px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.vouchers-startseitenbox-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.vouchers-startseitenbox-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}

div.vouchers-startseitenbox-box {float:left; width:96%; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; position:relative;}
div:hover.vouchers-startseitenbox-box {float:left; width:96%; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; background-color:#b4b4b4; position:relative;}

div.vouchers-startseitenbox-titel-kurz {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000;}
div.vouchers-startseitenbox-titel-mittel {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000; display:none; visibility:hidden;}
div.vouchers-startseitenbox-titel-lang {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000; display:none; visibility:hidden;}
div.vouchers-startseitenbox-favoritenfunktion {float:left; width:8%;}
img.vouchers-startseitenbox-favoritenbild {width:16px; height:16px;}
img:hover.vouchers-startseitenbox-favoritenbild {width:20px; height:20px;}

div.vouchers-startseitenbox-infos {clear:left;}
img.vouchers-startseitenbox-thumbshots {float:left; height:75px; width:100px; margin-top:2px; margin-right:10%; margin-bottom:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F0F0F0; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
div.vouchers-startseitenbox-logos {display:flex; justify-content:center; align-items:center; float:left; height:75px; width:100px;  margin-top:2px; margin-right:10%; margin-bottom:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #FFFFFF; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
img.vouchers-startseitenbox-logos {max-height:75px; max-width:100px;}
div.vouchers-startseitenbox-laufzeit {min-width:250px; padding-top:20px; font-family:Arial, serif; font-size:14px; color:#006400;}

div.vouchers-startseitenbox-links {text-align:right;}


/* ==========> FUER DIE AUFLISTUNG IN DEN KATEGORIEN <========== */

div.vouchers-kategorien-suche {text-align:left; width:100%; margin-bottom:20px;}
.vouchers-kategorien-suchfeld {width:190px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.vouchers-kategorien-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.vouchers-kategorien-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
div.vouchers-kategorien-sortieren {text-align:right; width:100%; padding-right:1%;}
.vouchers-kategorien-sortieren-auswahlfeld {width:160px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;}

div.vouchers-kategorien-box {float:left; width:96%; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; position:relative;}
div:hover.vouchers-kategorien-box {float:left; width:96%; min-height:80px; padding:4px; margin-top:0px; margin-right:10px; margin-bottom:10px; border:1px solid #b4b4b4; background-color:#b4b4b4; position:relative;}

div.vouchers-kategorien-titel-kurz {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000;}
div.vouchers-kategorien-titel-mittel {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000; display:none; visibility:hidden;}
div.vouchers-kategorien-titel-lang {float:left; width:92%; margin-bottom:8px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#000000; display:none; visibility:hidden;}
div.vouchers-kategorien-favoritenfunktion {float:left; width:8%;}
img.vouchers-kategorien-favoritenbild {width:16px; height:16px;}
img:hover.vouchers-kategorien-favoritenbild {width:20px; height:20px;}

div.vouchers-kategorien-infos {clear:left;}
img.vouchers-kategorien-thumbshots {float:left; height:75px; width:100px; margin-top:2px; margin-right:10%; margin-bottom:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F0F0F0; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
div.vouchers-kategorien-logos {display:flex; justify-content:center; align-items:center; float:left; height:75px; width:100px;  margin-top:2px; margin-right:10%; margin-bottom:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #FFFFFF border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
img.vouchers-kategorien-logos {max-height:75px; max-width:100px;}
div.vouchers-kategorien-laufzeit {min-width:250px; padding-top:20px; font-family:Arial, serif; font-size:14px; color:#006400;}


/* ==========> FUER DIE DETAILS DER KAMPAGNEN <========== */

div.vouchers-details-logospalte {float:left; width:240px; padding:4px; margin:0;}
img.vouchers-details-thumbshots {float:left; height:150px; width:200px; margin-top:4px; margin-right:14px; margin-bottom:20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F0F0F0; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
div.vouchers-details-logos {display:flex; justify-content:center; align-items:center; float:left; height:150px; width:200px; margin-top:2px; margin-right:14px; margin-bottom:0px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #FFFFFF; border: 0px solid #CCC; -moz-box-shadow: 10px 10px 10px #888; -webkit-box-shadow: 10px 10px 10px #888; box-shadow: 10px 10px 10px #888;}
img.vouchers-details-logos {max-height:150px; max-width:200px;}

div.vouchers-details-titelspalte {float:left; width:240px; padding:0; margin-top:20px;}
h2.vouchers-details-titel {font-family:Arial, serif; font-size:18px; color:#000000; display:inline;}

img.vouchers-details-sterne {float:left; height:20px; width:20px; margin-top:24px;}
.vouchers-details-bewertungsauswahlfeld {width:90px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-top:20px; margin-left:6px;}
.vouchers-details-bewertungsbutton {height:28px; width:40px; padding:4px; margin-top:20px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer;}
.vouchers-details-bewertungsbutton:hover {height:28px; width:40px; padding:4px; margin-top:20px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer;}

div.vouchers-details-gutschein {clear:left; border:1px dashed #000000; text-align:left; padding:10px; margin:0; overflow:hidden; position:relative;}
div.vouchers-gutschein-titel {float:left; width:94%;}
div.vouchers-gutschein-favoritenfunktion {float:left; width:6%;}
img.vouchers-gutschein-favoritenbild {width:16px; height:16px;}
img:hover.vouchers-gutschein-favoritenbild {width:18px; height:18px;}
.button-vouchers-details-gutscheineinloesen {float:left; margin:0; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#006400; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-vouchers-details-gutscheineinloesen:hover {float:left; margin:0; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#00b000; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

div.vouchers-details-fehlermeldung {clear:left; font-family:Arial, serif; font-size:14px; color:#8B0000; font-weight:normal; background-color:#FFDADA; border:1px solid #8B0000; text-align:left; padding:16px; margin:0; overflow:hidden; position:relative;}
div.vouchers-details-listenspalte {float:left; width:240px; padding:4px; margin:0;}

}