/* ------------------------------------------------------------------------------------- */ /* */ /* 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! */ /* */ /* ------------------------------------------------------------------------------------- */ /* ============================================================================================================== */ /* ==========> FUER IFRAMES UBER EXTERNE SEITEN, WIE BEIM BESTAETIGEN VON PAIDMAILS, PAIDBANNERN USW. <========== */ /* ============================================================================================================== */ body {background-image:none; background-color:#404040; overflow:hidden; margin:0; padding:0;} p {font-family:Arial, serif; font-size:14px; color:#ffffff; display:inline;} body.framekillertest {background-image:none; background-color:#FFFFFF; overflow:hidden; margin:0; padding:0; height:100%;} body.fehlerframes {background-image:none; background-color:#ffffff;} p.fehlerframes {text-align:center; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#CC0000; display:inline;} a {font-family:Arial, serif; text-decoration: none; color:#ffffff; font-size:14px; font-weight:bold;} a:hover, a:focus, a:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:14px; font-weight:bold;} a.framelinks {font-family:Arial, serif; text-decoration: none; color:#FFFF00; font-size:14px; font-weight:bold;} a:hover.framelinks, a:focus.framelinks, a:active.framelinks {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:14px; font-weight:bold;} /* ---> Fuer besonderes Hinsweise */ span.verguetung_plus {font-family:Arial, serif; font-size:14px; color:#00ff00; display:inline;} span.verguetung_minus {font-family:Arial, serif; font-size:14px; color:#ff0000; display:inline;} span.fehlermeldung {font-family:Arial, serif; font-size:14px; color:#ff0000; display:inline;} /* =============================================== */ /* ==========> FUER BREITE BILDSCHIRME <========== */ /* =============================================== */ @media (min-width: 1200px) { div.verguetungstexte_gross {float:left; text-align:left; padding-top:8px; padding-left:10px; margin:0;} div.verguetungstexte_klein {float:left; text-align:left; padding-top:8px; padding-left:10px; margin:0; display:none; visibility:hidden;} div.framelink {float:left; width:25%; text-align:center; padding-top:8px; padding-left:40px; margin:0;} nav.buttons-gross {text-align:right; padding-top:6px; padding-right:10px;} nav.buttons-klein {text-align:right; padding-top:6px; padding-right:10px; position:relative; display:none; visibility:hidden;} a.naechste {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_next.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.naechste, a:focus.naechste, a:active.naechste {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_next.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} a.pause {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_pause.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.pause, a:focus.pause, a:active.pause {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_pause.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} a.start {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_start.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.start, a:focus.start, a:active.start {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_start.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} a.melden {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_notify.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.melden, a:focus.melden, a:active.melden {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_notify.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} a.ausblenden {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_close.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.ausblenden, a:focus.ausblenden, a:active.ausblenden {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_close.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} a.besuchen {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_visit.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.besuchen, a:focus.besuchen, a:active.besuchen {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_visit.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} span.verguetungstexte_gross {font-family:Arial, serif; font-size:14px; color:#00ff00; display:inline; float:left; text-align:left; padding-top:8px; padding-left:10px; margin:0;} span.verguetungstexte_klein {font-family:Arial, serif; font-size:14px; color:#00ff00; display:inline;float:left; text-align:left; padding-top:8px; padding-left:10px; margin:0; display:none; visibility:hidden;} } /* ================================================ */ /*==========> FUER MITTLERE BILDSCHIRME <========== */ /* ================================================ */ @media (min-width: 990px) and (max-width: 1200px) { div.verguetungstexte_gross {float:left; text-align:left; padding-top:8px; padding-left:10px; margin:0;} div.verguetungstexte_klein {float:left; text-align:left; padding-top:8px; padding-left:10px; margin:0; display:none; visibility:hidden;} div.framelink {float:left; width:16%; text-align:center; padding-top:8px; padding-left:20px; margin:0;} nav.buttons-gross {text-align:right; padding-top:6px; padding-right:10px;} nav.buttons-klein {text-align:right; padding-top:6px; padding-right:10px; position:relative; display:none; visibility:hidden;} a.naechste {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_next.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.naechste, a:focus.naechste, a:active.naechste {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_next.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} a.pause {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_pause.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.pause, a:focus.pause, a:active.pause {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_pause.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} a.start {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_start.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.start, a:focus.start, a:active.start {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_start.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} a.melden {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_notify.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.melden, a:focus.melden, a:active.melden {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_notify.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} a.ausblenden {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_close.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.ausblenden, a:focus.ausblenden, a:active.ausblenden {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_close.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} a.besuchen {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_visit.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.besuchen, a:focus.besuchen, a:active.besuchen {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 32px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_visit.png); background-repeat:no-repeat; background-position:10px 5px; border:1px solid #ffffff; border-radius:6px;} span.verguetungstexte_gross {font-family:Arial, serif; font-size:14px; color:#00ff00; display:inline; float:left; text-align:left; padding-top:8px; padding-left:10px; margin:0;} span.verguetungstexte_klein {font-family:Arial, serif; font-size:14px; color:#00ff00; display:inline; float:left; text-align:left; padding-top:8px; padding-left:10px; margin:0; display:none; visibility:hidden;} } /* ================================================ */ /* ==========> FUER SCHMALE BILDSCHIRME <========== */ /* ================================================ */ @media (min-width: 800px) and (max-width: 990px) { div.verguetungstexte_gross {float:left; text-align:left; padding-top:8px; padding-left:10px; margin:0;} div.verguetungstexte_klein {float:left; text-align:left; padding-top:8px; padding-left:10px; margin:0; display:none; visibility:hidden;} div.framelink {float:left; width:25%; text-align:center; padding-top:8px; padding-left:40px; margin:0;} nav.buttons-gross {text-align:right; padding-top:6px; padding-right:10px; display:none; visibility:hidden;} nav.buttons-klein {text-align:right; padding-top:6px; padding-right:10px; padding-bottom:18px; position:relative;} a.naechste {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_next.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.naechste, a:focus.naechste, a:active.naechste {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_next.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a.pause {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_pause.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.pause, a:focus.pause, a:active.pause {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_pause.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a.start {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_start.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.start, a:focus.start, a:active.start {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_start.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a.melden {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_notify.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.melden, a:focus.melden, a:active.melden {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_notify.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a.ausblenden {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_close.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.ausblenden, a:focus.ausblenden, a:active.ausblenden {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_close.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a.besuchen {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_visit.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.besuchen, a:focus.besuchen, a:active.besuchen {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_visit.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} span.verguetungstexte_gross {font-family:Arial, serif; font-size:14px; color:#00ff00; display:inline; float:left; text-align:left; padding-top:8px; padding-left:10px; margin:0;} span.verguetungstexte_klein {font-family:Arial, serif; font-size:14px; color:#00ff00; display:inline; float:left; text-align:left; padding-top:8px; padding-left:10px; margin:0; display:none; visibility:hidden;} } /* =================================================================================== */ /* ==========> FUER DEN UEBERGANG VON SCHMALE AUF SEHR SCHMALE BILDSCHIRME <========== */ /* =================================================================================== */ @media (min-width: 540px) and (max-width: 800px) { div.verguetungstexte_gross {float:left; text-align:left; padding-top:8px; padding-left:10px; margin:0; display:none; visibility:hidden;} div.verguetungstexte_klein {float:left; text-align:left; padding-top:8px; padding-left:10px; margin:0;} div.framelink {float:left; width:30%; text-align:center; padding-top:8px; padding-left:20px; margin:0;} nav.buttons-gross {text-align:right; padding-top:6px; padding-right:10px; display:none; visibility:hidden;} nav.buttons-klein {text-align:right; padding-top:6px; padding-right:10px; padding-bottom:18px; position:relative;} a.naechste {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_next.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.naechste, a:focus.naechste, a:active.naechste {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_next.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a.pause {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_pause.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.pause, a:focus.pause, a:active.pause {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_pause.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a.start {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_start.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.start, a:focus.start, a:active.start {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_start.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a.melden {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_notify.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.melden, a:focus.melden, a:active.melden {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_notify.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a.ausblenden {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_close.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.ausblenden, a:focus.ausblenden, a:active.ausblenden {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_close.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a.besuchen {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_visit.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.besuchen, a:focus.besuchen, a:active.besuchen {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_visit.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} span.verguetungstexte_gross {font-family:Arial, serif; font-size:14px; color:#00ff00; display:inline; float:left; text-align:left; padding-top:8px; padding-left:10px; margin:0; display:none; visibility:hidden;} span.verguetungstexte_klein {font-family:Arial, serif; font-size:14px; color:#00ff00; display:inline; float:left; text-align:left; padding-top:8px; padding-left:10px; margin:0;} } /* ============================================================================ */ /* ==========> FUER SEHR SCHMALE BILDSCHIRME WIE HANDYS UND TABLETS <========== */ /* ============================================================================ */ @media (max-width: 540px) { div.verguetungstexte_gross {float:left; text-align:left; padding-top:8px; padding-left:10px; margin:0; display:none; visibility:hidden;} div.verguetungstexte_klein {float:left; text-align:left; padding-top:8px; padding-left:10px; margin:0;} div.framelink {float:left; width:25%; text-align:center; padding-top:8px; padding-left:40px; margin:0; display:none; visibility:hidden;} nav.buttons-gross {text-align:right; padding-top:6px; padding-right:10px; display:none; visibility:hidden;} nav.buttons-klein {text-align:right; padding-top:6px; padding-right:10px; padding-bottom:18px; position:relative;} a.naechste {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_next.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.naechste, a:focus.naechste, a:active.naechste {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_next.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a.pause {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_pause.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.pause, a:focus.pause, a:active.pause {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_pause.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a.start {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_start.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.start, a:focus.start, a:active.start {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_start.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a.melden {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_notify.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.melden, a:focus.melden, a:active.melden {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_notify.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a.ausblenden {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_close.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.ausblenden, a:focus.ausblenden, a:active.ausblenden {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_close.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a.besuchen {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/confirmframes_button_visit.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} a:hover.besuchen, a:focus.besuchen, a:active.besuchen {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:6px 12px 6px 22px; margin-right:8px; background-color:#505050; background-image:url(../images/confirmframes_button_visit.png); background-repeat:no-repeat; background-position:8px 5px; border:1px solid #ffffff; border-radius:6px;} span.verguetungstexte_gross {font-family:Arial, serif; font-size:14px; color:#00ff00; display:inline; float:left; text-align:left; padding-top:8px; padding-left:10px; margin:0; display:none; visibility:hidden;} span.verguetungstexte_klein {font-family:Arial, serif; font-size:14px; color:#00ff00; display:inline; float:left; text-align:left; padding-top:8px; padding-left:10px; margin:0;} } /* ===================================================== */ /* ==========> FUER POPUPS DER QUESTIONMAILS <========== */ /* ===================================================== */ body.question_popup {background-image:none; background-color:#f4f4f4; overflow:hidden; margin:0; padding:0;} p.question_popup {font-family:Arial, serif; font-size:14px; color:#000000; display:inline;} .question_popup-eingabefeld {width:95%; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .button-question_popup {margin:0; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;} .button-question_popup:hover {margin:0; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;} div.question_popup-fehlermeldung {clear:left; font-family:Arial, serif; font-size:14px; color:#8B0000; font-weight:bold; background-color:#FFDADA; border:1px solid #8B0000; text-align:left; padding:16px; margin:26px; overflow:hidden; position:relative; } div.question_popup-erfolgmeldung {clear:left; font-family:Arial, serif; font-size:14px; color:#006400; font-weight:bold; background-color:#C1FFC1; border:1px solid #006400; text-align:left; padding:16px; margin:26px; overflow:hidden; position:relative;} div.question_popup-infotext {clear:left; font-family:Arial, serif; font-size:14px; color:#000000; text-align:left; padding:6px; margin:0;} div.question_popup-frage {clear:left; font-family:Arial, serif; font-size:14px; color:#000000; font-weight:bold; text-align:left; padding:6px; margin:0;} div.question_popup-antwort {clear:left; font-family:Arial, serif; font-size:14px; color:#00000; text-align:left; padding:2px; margin:0;} div.question_popup-button {clear:left; font-family:Arial, serif; font-size:14px; color:#000000; text-align:center; padding:6px; margin:0;} /* ==================================================== */ /* ==========> FUER POPUPS DER AKTIONMAILS <========== */ /* ==================================================== */ body.action_popup {background-image:none; background-color:#f4f4f4; overflow:hidden; margin:0; padding:0;} .action_popup-textarea {width:95%; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;} .button-action_popup {margin:0; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;} .button-action_popup:hover {margin:0; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;} div.action_popup-fehlermeldung {clear:left; font-family:Arial, serif; font-size:14px; color:#8B0000; font-weight:bold; background-color:#FFDADA; border:1px solid #8B0000; text-align:left; padding:16px; margin:26px; overflow:hidden; position:relative; } div.action_popup-erfolgmeldung {clear:left; font-family:Arial, serif; font-size:14px; color:#006400; font-weight:bold; background-color:#C1FFC1; border:1px solid #006400; text-align:left; padding:16px; margin:26px; overflow:hidden; position:relative;} div.action_popup-infotext {clear:left; font-family:Arial, serif; font-size:14px; color:#000000; text-align:left; padding:6px; margin:0;} div.action_popup-frage {clear:left; font-family:Arial, serif; font-size:14px; color:#000000; font-weight:bold; text-align:left; padding:6px; margin:0;} div.action_popup-antwort {clear:left; font-family:Arial, serif; font-size:14px; color:#00000; text-align:left; padding:2px; margin:0;} div.action_popup-button {clear:left; font-family:Arial, serif; font-size:14px; color:#000000; text-align:center; padding:6px; margin:0;}