/* ------------------------------------------------------------------------------------- */ /* */ /* 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! */ /* */ /* ------------------------------------------------------------------------------------- */ /* =================================== */ /* ===== ULTRA CHROME STATIC GOLD 2.0 === */ /* =================================== */ body { background-color: #ececec; background-image: linear-gradient(135deg, #ececec, #dcdcdc); color: #1a1a1a; text-align: center; font-family: Arial, sans-serif; } /* Allgemeiner Text */ p, ul, ul li, a { color: #1a1a1a; } /* Linien */ hr { border: 1px solid #c0c0c0; margin: 20px 0; } /* ============================== */ /* ==========> HEADER <========== */ /* ============================== */ div.header { background: linear-gradient(160deg, #ffffff, #e6e6e6, #bfbfbf); border-bottom: 2px solid #999999; box-shadow: inset 0 2px 6px rgba(255,255,255,0.6), 0 3px 6px rgba(0,0,0,0.15), inset 0 -1px 3px rgba(0,0,0,0.1); border-radius: 6px; } div.header-navigation { background: linear-gradient(180deg, #f7f7f7, #e0e0e0, #d0d0d0); border-bottom: 2px solid #999999; box-shadow: inset 0 2px 4px rgba(255,255,255,0.5), inset 0 -1px 2px rgba(0,0,0,0.08); } h2.header { color: #333333; text-shadow: 0 1px 2px rgba(255,255,255,0.4); } /* ============================= */ /* ===== METALL-BUTTONS ========= */ /* ============================= */ a[class^="header-nav-"], a[class*=" header-nav-"] { color: #1a1a1a; background-color: #e6e6e6; border: 1px solid #999999; border-radius: 6px; background-image: linear-gradient(145deg, rgba(255,255,255,0.7), rgba(200,200,200,0.1)), linear-gradient(to bottom, #ffffff 0%, #d1d1d1 50%, #bfbfbf 100%), linear-gradient(135deg, rgba(255,255,255,0.15), rgba(0,0,0,0.05)); box-shadow: inset 0 3px 5px rgba(255,255,255,0.6), 0 4px 8px rgba(0,0,0,0.2), inset 0 -1px 3px rgba(0,0,0,0.1); transition: 0.25s ease-in-out; } a:hover[class^="header-nav-"], a:hover[class*=" header-nav-"] { background-image: linear-gradient(145deg, rgba(255,255,255,0.85), rgba(200,200,200,0.2)), linear-gradient(to bottom, #ffffff 0%, #e0e0e0 50%, #d0d0d0 100%), linear-gradient(135deg, rgba(255,255,255,0.25), rgba(0,0,0,0.05)); border-color: #c0c0c0; transform: translateY(-1px); } /* ================================ */ /* ======== MAIN CONTAINERS ======= */ /* ================================ */ div.main { background: linear-gradient(145deg, #f2f2f2, #e0e0e0, #d1d1d1); border: 1px solid #c0c0c0; box-shadow: inset 0 2px 5px rgba(0,0,0,0.08), inset 0 -1px 3px rgba(255,255,255,0.3); border-radius: 6px; } div.main-contentbox { background: linear-gradient(180deg, #e6e6e6, #d9d9d9, #cfcfcf); border: 1px solid #a0a0a0; color: #000000; /* kräftigeres Gold */ text-shadow: 0 1px 2px rgba(0,0,0,0.35); box-shadow: inset 0 2px 5px rgba(255,255,255,0.5), 0 2px 4px rgba(0,0,0,0.1), inset 0 -1px 3px rgba(0,0,0,0.08); border-radius: 4px; } div.main-contentbox-navigationsleiste { background: linear-gradient(180deg, #d9d9d9, #cccccc, #bfbfbf); border: 1px solid #a0a0a0; color: #000000; text-shadow: 0 1px 2px rgba(0,0,0,0.35); } /* ======================================= */ /* ========= SIDEBOX HEADERS (CHROME) ===== */ /* ======================================= */ div.boxen-boxenkopf-normal, div.boxen-boxenkopf-mobil { background: linear-gradient(160deg, #ffffff, #e6e6e6, #cccccc); border: 1px solid #a0a0a0; color: #000000; /* kräftiges, leuchtendes Gold */ text-shadow: 0 1px 3px rgba(0,0,0,0.25); box-shadow: inset 0 3px 6px rgba(255,255,255,0.7), 0 2px 4px rgba(0,0,0,0.1), inset 0 -1px 2px rgba(0,0,0,0.05); border-radius: 4px; } /* ===== Kleine Buttons in Boxenköpfen ===== */ a[class^="boxenkopfbutton-"], a[class*=" boxenkopfbutton-"] { background: linear-gradient(#f9f9f9, #d1d1d1, #bfbfbf); border: 1px solid #a0a0a0; color: #000000; /* kräftiges Gold */ text-shadow: 0 1px 2px rgba(0,0,0,0.35); border-radius: 4px; padding: 2px 5px; box-shadow: inset 0 2px 3px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1), inset 0 -1px 2px rgba(0,0,0,0.05); transition: 0.2s; } /* Optional: Überschriften in Boxen */ div.main-contentbox h3, div.main-contentbox h4 { color: #000000; /* leuchtendes Gold */ text-shadow: 0 1px 2px rgba(0,0,0,0.25); } /* ================================ */ /* ========== FORMS =============== */ /* ================================ */ input[type="text"], select { background: #f2f2f2; border: 1px solid #a0a0a0; color: #1a1a1a; padding: 5px; border-radius: 3px; box-shadow: inset 0 2px 3px rgba(255,255,255,0.6), inset 0 1px 2px rgba(0,0,0,0.05), inset 0 -1px 1px rgba(0,0,0,0.05); } /* ================================ */ /* ======= SPACER / BEREICHE ====== */ /* ================================ */ div.main-contentboxen-spacer, div.main-contentboxen-spacer-klein { background: transparent; } /* =================================== */ /* ==========> ALLGEMEINES <========== */ /* =================================== */ body {background-image:none; background-color:#b4b4b4; text-align:center; text-valign:middle;} p {font-family:Arial, serif; font-size:14px; color:#000000; display:inline;} h2 {font-family:Arial, serif; font-size:18px; color:#000000; display:block;} hr {border:1px dashed #b4b4b4; margin-top:20px; margin-bottom:20px;} ul {font-family:Arial, serif; font-size:14px; color:#000000;} ul li {list-style-type:disc; font-family:Arial, serif; font-size:14px; color:#000000; padding:4px;} a {font-family:Arial, serif; text-decoration: none; color:#505050; 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;} img {border:0; margin:0px; padding:0;} .werbebanner {max-width: 100%; height: auto;} /* ============================== */ /* ==========> HEADER <========== */ /* ============================== */ div.header {min-width:260px; max-width:1200px; background-color:#b4b4b4; text-align:center; overflow:hidden; position:relative; padding:0; margin:0;} div.headerlogo {float:left; text-align:center; width:260px; padding-top:10px; margin:0;} div.header-navigation {clear:left; min-width:260px; max-width:1200px; height:60px; background-color:#404040; text-align:center; vertical-align:middle; overflow:hidden; position:relative; padding:0; margin:0;} h2.header {text-align:left; padding:10px; margin:0; font-family:Arial, serif; font-size:30px; color:#ffffff; display:block;} div.header-spacer{clear:left; min-width:260px; max-width:1200px; min-height:20px; background-color:#e4e4e4; text-align:left; padding:4px 0px 4px 0px; margin:0;} /* ---> Buttons fuer breite Bildschirme */ a.header-nav-home-gross {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; background-color:#b4b4b4; background-image:url(../images/header_button_home.png); background-repeat:no-repeat; background-position:10px 10px; border:1px solid #ffffff; border-radius:6px;} a:hover.header-nav-home-gross, a:focus.header-nav-home-gross, a:active.header-nav-home-gross {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; background-color:#505050; background-image:url(../images/header_button_home.png); background-repeat:no-repeat; background-position:10px 10px; border:1px solid #ffffff; border-radius:6px;} a.header-nav-register-gross {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; background-color:#b4b4b4; background-image:url(../images/header_button_register.png); background-repeat:no-repeat; background-position:10px 10px; border:1px solid #ffffff; border-radius:6px;} a:hover.header-nav-register-gross, a:focus.header-nav-register-gross, a:active.header-nav-register-gross {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; background-color:#505050; background-image:url(../images/header_button_register.png); background-repeat:no-repeat; background-position:10px 10px; border:1px solid #ffffff; border-radius:6px;} a.header-nav-login-gross {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; margin-right:7px; background-color:#b4b4b4; background-image:url(../images/header_button_login.png); background-repeat:no-repeat; background-position:10px 10px; border:1px solid #ffffff; border-radius:6px;} a:hover.header-nav-login-gross, a:focus.header-nav-login-gross, a:active.header-nav-login-gross {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; margin-right:7px; background-color:#505050; background-image:url(../images/header_button_login.png); background-repeat:no-repeat; background-position:10px 10px; border:1px solid #ffffff; border-radius:6px;} a.header-nav-adminarea-gross {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; background-color:#b4b4b4; background-image:url(../images/header_button_admin.png); background-repeat:no-repeat; background-position:10px 10px; border:1px solid #ffffff; border-radius:6px;} a:hover.header-nav-adminarea-gross, a:focus.header-nav-adminarea-gross, a:active.header-nav-adminarea-gross {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; background-color:#505050; background-image:url(../images/header_button_admin.png); background-repeat:no-repeat; background-position:10px 10px; border:1px solid #ffffff; border-radius:6px;} a.header-nav-memberarea-gross {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; background-color:#b4b4b4; background-image:url(../images/header_button_account.png); background-repeat:no-repeat; background-position:10px 10px; border:1px solid #ffffff; border-radius:6px;} a:hover.header-nav-memberarea-gross, a:focus.header-nav-memberarea-gross, a:active.header-nav-memberarea-gross {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; background-color:#505050; background-image:url(../images/header_button_account.png); background-repeat:no-repeat; background-position:10px 10px; border:1px solid #ffffff; border-radius:6px;} a.header-nav-sponsorarea-gross {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; background-color:#b4b4b4; background-image:url(../images/header_button_sponsor.png); background-repeat:no-repeat; background-position:10px 10px; border:1px solid #ffffff; border-radius:6px;} a:hover.header-nav-sponsorarea-gross, a:focus.header-nav-sponsorarea-gross, a:active.header-nav-sponsorarea-gross {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; background-color:#505050; background-image:url(../images/header_button_sponsor.png); background-repeat:no-repeat; background-position:10px 10px; border:1px solid #ffffff; border-radius:6px;} a.header-nav-logout-gross {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 32px 12px 12px; margin-left:7px; margin-right:7px; background-color:#b4b4b4; background-image:url(../images/header_button_logout.png); background-repeat:no-repeat; background-position:66px 10px; border:1px solid #ffffff; border-radius:6px;} a:hover.header-nav-logout-gross, a:focus.header-nav-logout-gross, a:active.header-nav-logout-gross {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 32px 12px 12px; margin-left:7px; margin-right:7px; background-color:#505050; background-image:url(../images/header_button_logout.png); background-repeat:no-repeat; background-position:66px 10px; border:1px solid #ffffff; border-radius:6px;} /* ---> Buttons fuer schmale Bildschirme*/ a.header-nav-home-klein {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; background-color:#b4b4b4; background-image:url(../images/header_button_home.png); background-repeat:no-repeat; background-position:13px 10px; border:1px solid #ffffff; border-radius:6px;} a:hover.header-nav-home-klein, a:focus.header-nav-home-klein, a:active.header-nav-home-klein {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; background-color:#505050; background-image:url(../images/header_button_home.png); background-repeat:no-repeat; background-position:13px 10px; border:1px solid #ffffff; border-radius:6px;} a.header-nav-register-klein {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; background-color:#b4b4b4; background-image:url(../images/header_button_register.png); background-repeat:no-repeat; background-position:13px 10px; border:1px solid #ffffff; border-radius:6px;} a:hover.header-nav-register-klein, a:focus.header-nav-register-klein, a:active.header-nav-register-klein {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; background-color:#505050; background-image:url(../images/header_button_register.png); background-repeat:no-repeat; background-position:13px 10px; border:1px solid #ffffff; border-radius:6px;} a.header-nav-login-klein {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; margin-right:7px; background-color:#b4b4b4; background-image:url(../images/header_button_login.png); background-repeat:no-repeat; background-position:13px 10px; border:1px solid #ffffff; border-radius:6px;} a:hover.header-nav-login-klein, a:focus.header-nav-login-klein, a:active.header-nav-login-klein {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; margin-right:7px; background-color:#505050; background-image:url(../images/header_button_login.png); background-repeat:no-repeat; background-position:13px 10px; border:1px solid #ffffff; border-radius:6px;} a.header-nav-adminarea-klein {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; background-color:#b4b4b4; background-image:url(../images/header_button_admin.png); background-repeat:no-repeat; background-position:13px 10px; border:1px solid #ffffff; border-radius:6px;} a:hover.header-nav-adminarea-klein, a:focus.header-nav-adminarea-klein, a:active.header-nav-adminarea-klein {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; background-color:#505050; background-image:url(../images/header_button_admin.png); background-repeat:no-repeat; background-position:13px 10px; border:1px solid #ffffff; border-radius:6px;} a.header-nav-memberarea-klein {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; background-color:#b4b4b4; background-image:url(../images/header_button_account.png); background-repeat:no-repeat; background-position:13px 10px; border:1px solid #ffffff; border-radius:6px;} a:hover.header-nav-memberarea-klein, a:focus.header-nav-memberarea-klein, a:active.header-nav-memberarea-klein {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; background-color:#505050; background-image:url(../images/header_button_account.png); background-repeat:no-repeat; background-position:13px 10px; border:1px solid #ffffff; border-radius:6px;} a.header-nav-sponsorarea-klein {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; background-color:#b4b4b4; background-image:url(../images/header_button_sponsor.png); background-repeat:no-repeat; background-position:13px 10px; border:1px solid #ffffff; border-radius:6px;} a:hover.header-nav-sponsorarea-klein, a:focus.header-nav-sponsorarea-klein, a:active.header-nav-sponsorarea-klein {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 32px; margin-left:7px; background-color:#505050; background-image:url(../images/header_button_sponsor.png); background-repeat:no-repeat; background-position:13px 10px; border:1px solid #ffffff; border-radius:6px;} a.header-nav-logout-klein {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 32px 12px 12px; margin-left:7px; margin-right:7px; background-color:#b4b4b4; background-image:url(../images/header_button_logout.png); background-repeat:no-repeat; background-position:13px 10px; border:1px solid #ffffff; border-radius:6px;} a:hover.header-nav-logout-klein, a:focus.header-nav-logout-klein, a:active.header-nav-logout-klein {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 32px 12px 12px; margin-left:7px; margin-right:7px; background-color:#505050; background-image:url(../images/header_button_logout.png); background-repeat:no-repeat; background-position:13px 10px; border:1px solid #ffffff; border-radius:6px;} /* =============================================== */ /* ==========> FUER BREITE BILDSCHIRME <========== */ /* =============================================== */ @media (min-width: 1200px) { div.rundrum {width:1160px; margin:10px auto; padding:0; text-align:center; overflow:hidden; position:relative; background-color:#FFFFFF;} div.headerbanner {float:left; width:880px; text-align:right; padding:10px; margin:0;} nav.header-gross {text-align:right; padding-top:18px;} nav.header-klein {text-align:right; padding-top:18px; padding-bottom:18px; position:relative; display:none; visibility:hidden;} div.main {width:1160px; background-color:#e4e4e4; text-align:center; overflow:hidden; position:relative; padding:0; margin:0;} div.main-links {float:left; width:260px; text-align:left; padding:0;} div.boxen-boxenkopf-normal {float:none; min-width:248px; min-height:18px; overflow:hidden; text-align:left; border:#404040 1px solid; background-color:#404040; padding:10px;} div.boxen-boxenkopf-mobil {float:none; min-width:248px; min-height:18px; overflow:hidden; text-align:left; border:#404040 1px solid; background-color:#404040; padding:10px; display:none; visibility:hidden;} nav.boxen-normal {text-align:left;} nav.boxen-mobil {text-align:left; display:none; visibility:hidden;} div.main-rechts {float:left; width:880px; text-align:right; padding:0; margin-left:20px;} div.main-contentbox-navigationsleiste {min-height:19px; border:#404040 1px solid; background-color:#404040; float:none; text-align:left; padding:10px; margin-left:0;} div.main-contentbox {min-height:50px; border:#404040 1px solid; background-color:#f4f4f4; float:none; text-align:left; padding:8px; margin:0; overflow:hidden; position:relative;} div.main-contentboxen-spacer {clear:left; text-align:left; padding:0; margin:0; min-height:20px;} div.main-contentboxen-spacer-klein {clear:left; text-align:left; padding:0; margin:0; min-height:5px;} /* ---> Divs und Buttons fuer alle Boxenkoepfe */ div.boxen-boxenkopf-titel {float:left; width:50%; text-align:left; padding:0; margin:0;} div.boxen-boxenkopf-buttons {float:left; overflow:hidden; position:relative; width:50%; text-align:right; padding:0; margin:0;} div.contentboxen-boxenkopf-titel {float:left; text-align:left; padding:0; margin:0;} a.boxenkopfbutton-mystart {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:3px 5px 3px 5px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_edit.png); background-repeat:no-repeat; background-position:4px 4px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-mystart, a:focus.boxenkopfbutton-mystart, a:active.boxenkopfbutton-mystart {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:3px 5px 3px 5px; margin-right:8px; background-color:#505050; background-image:url(../images/boxenkopf_button_edit.png); background-repeat:no-repeat; background-position:4px 4px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-openall {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:3px 5px 3px 5px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_openall.png); background-repeat:no-repeat; background-position:4px 4px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-openall, a:focus.boxenkopfbutton-openall, a:active.boxenkopfbutton-openall {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:3px 5px 3px 5px; margin-right:8px; background-color:#505050; background-image:url(../images/boxenkopf_button_openall.png); background-repeat:no-repeat; background-position:4px 4px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-windowadclose {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_close.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-windowadclose, a:focus.boxenkopfbutton-windowadclose, a:active.boxenkopfbutton-windowadclose {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_close.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-up {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_up.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-up, a:focus.boxenkopfbutton-up, a:active.boxenkopfbutton-up {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_up.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-left {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_left.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-left, a:focus.boxenkopfbutton-left, a:active.boxenkopfbutton-left {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_left.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-right {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_right.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-right, a:focus.boxenkopfbutton-right, a:active.boxenkopfbutton-right {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_right.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-down {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_down.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-down, a:focus.boxenkopfbutton-down, a:active.boxenkopfbutton-down {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_down.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-close {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_close.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-close, a:focus.boxenkopfbutton-close, a:active.boxenkopfbutton-close {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_close.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-edit {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_edit.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-edit, a:focus.boxenkopfbutton-edit, a:active.boxenkopfbutton-edit {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_edit.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenbutton-cart {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_cart.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenbutton-cart, a:focus.boxenbutton-cart, a:active.boxenbutton-cart {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_cart.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} /* ---> Fuer LoginADs und LogoutADs */ div.loginad {min-width:240px; max-width:1200px; min-height:300px; text-align:center; padding:0; margin-bottom:20px; margin-top:20px;} /* ---> Fuers blaettern von Seite zu Seite */ div.blaettern-links {float:left; text-align:left; margin:0; padding-bottom:8px; width:20%;} div.blaettern-mitte {float:left; text-align:center; margin:0; padding-bottom:8px; width:60%;} div.blaettern-rechts {float:left; text-align:right; margin:0; padding-bottom:8px; width:20%;} h2.formular {font-family:Arial, serif; font-size:18px; color:#000000; text-decoration:underline; display:block; margin-left:80px;} fieldset.formular-eingabefelder {min-width:220px; max-width:600px; text-align:right; margin:0; padding:0; border:0;} label.formular-eingabefeld {font-family:Arial, serif; font-size:14px; color:#000000; font-weight:bold; display:inline; border:0;} .formular-eingabefeld-gross {width:290px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-eingabefeld-mittel {width:226px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-eingabefeld-klein {width:120px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-eingabefeld-extraklein {width:48px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-auswahlfeld-gross {width:300px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-auswahlfeld-mittel {width:176px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-auswahlfeld-klein {width:88px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} fieldset.formular-checkboxen {min-width:220px; max-width:760px; text-align:left; margin:0; padding-left:90px; border:0;} fieldset.formular-buttons {min-width:220px; max-width:600px; text-align:center; margin:0; padding:0; border:0;} } /* ================================================ */ /*==========> FUER MITTLERE BILDSCHIRME <========== */ /* ================================================ */ @media (min-width: 990px) and (max-width: 1200px) { div.rundrum {width:951px; margin:10px auto; padding:0; text-align:center; overflow:hidden; position:relative; background-color:#FFFFFF;} div.headerbanner {float:left; width:671px; text-align:right; padding:10px; margin:0;} nav.header-gross {text-align:right; padding-top:18px;} nav.header-klein {text-align:right; padding-top:18px; padding-bottom:18px; position:relative; display:none; visibility:hidden;} div.main {width:951px; background-color:#e4e4e4; text-align:center; overflow:hidden; position:relative; padding:0; margin:0;} div.main-links {float:left; width:260px; text-align:left; padding:0;} div.boxen-boxenkopf-normal {float:none; min-width:248px; min-height:18px; overflow:hidden; text-align:left; border:#404040 1px solid; background-color:#404040; padding:10px;} div.boxen-boxenkopf-mobil {float:none; min-width:248px; min-height:18px; overflow:hidden; text-align:left; border:#404040 1px solid; background-color:#404040; padding:10px; display:none; visibility:hidden;} nav.boxen-normal {text-align:left;} nav.boxen-mobil {text-align:left; display:none; visibility:hidden;} div.main-rechts {float:left; width:671px; text-align:right; padding:0; margin-left:20px;} div.main-contentbox-navigationsleiste {min-height:19px; border:#404040 1px solid; background-color:#404040; float:none; text-align:left; padding:10px; margin-left:0;} div.main-contentbox {min-height:50px; border:#404040 1px solid; background-color:#f4f4f4; float:none; text-align:left; padding:8px; margin:0; overflow:hidden; position:relative;} div.main-contentboxen-spacer {clear:left; text-align:left; padding:0; margin:0; min-height:20px;} div.main-contentboxen-spacer-klein {clear:left; text-align:left; padding:0; margin:0; min-height:8px;} /* ---> Divs und Buttons fuer alle Boxenkoepfe */ div.boxen-boxenkopf-titel {float:left; width:50%; text-align:left; padding:0; margin:0;} div.boxen-boxenkopf-buttons {float:left; overflow:hidden; position:relative; width:50%; text-align:right; padding:0; margin:0;} a.boxenkopfbutton-mystart {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:3px 5px 3px 5px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_edit.png); background-repeat:no-repeat; background-position:4px 4px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-mystart, a:focus.boxenkopfbutton-mystart, a:active.boxenkopfbutton-mystart {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:3px 5px 3px 5px; margin-right:8px; background-color:#505050; background-image:url(../images/boxenkopf_button_edit.png); background-repeat:no-repeat; background-position:4px 4px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-openall {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:3px 5px 3px 5px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_openall.png); background-repeat:no-repeat; background-position:4px 4px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-openall, a:focus.boxenkopfbutton-openall, a:active.boxenkopfbutton-openall {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:3px 5px 3px 5px; margin-right:8px; background-color:#505050; background-image:url(../images/boxenkopf_button_openall.png); background-repeat:no-repeat; background-position:4px 4px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-windowadclose {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_close.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-windowadclose, a:focus.boxenkopfbutton-windowadclose, a:active.boxenkopfbutton-windowadclose {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_close.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-up {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_up.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-up, a:focus.boxenkopfbutton-up, a:active.boxenkopfbutton-up {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_up.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-left {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_left.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-left, a:focus.boxenkopfbutton-left, a:active.boxenkopfbutton-left {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_left.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-right {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_right.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-right, a:focus.boxenkopfbutton-right, a:active.boxenkopfbutton-right {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_right.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-down {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_down.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-down, a:focus.boxenkopfbutton-down, a:active.boxenkopfbutton-down {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_down.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-close {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_close.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-close, a:focus.boxenkopfbutton-close, a:active.boxenkopfbutton-close {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_close.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-edit {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_edit.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-edit, a:focus.boxenkopfbutton-edit, a:active.boxenkopfbutton-edit {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_edit.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenbutton-cart {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_cart.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenbutton-cart, a:focus.boxenbutton-cart, a:active.boxenbutton-cart {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_cart.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} /* ---> Fuer LoginADs und LogoutADs */ div.loginad {min-width:240px; max-width:1200px; min-height:300px; text-align:center; padding:0; margin-bottom:20px; margin-top:20px;} /* ---> Fuers blaettern von Seite zu Seite */ div.blaettern-links {float:left; text-align:left; margin:0; padding-bottom:8px; width:20%;} div.blaettern-mitte {float:left; text-align:center; margin:0; padding-bottom:8px; width:60%;} div.blaettern-rechts {float:left; text-align:right; margin:0; padding-bottom:8px; width:20%;} h2.formular {font-family:Arial, serif; font-size:18px; color:#000000; text-decoration:underline; display:block; margin-left:40px;} fieldset.formular-eingabefelder {min-width:220px; max-width:560px; text-align:right; margin:0; padding:0; border:0;} label.formular-eingabefeld {font-family:Arial, serif; font-size:14px; color:#000000; font-weight:bold; display:inline; border:0;} .formular-eingabefeld-gross {width:290px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-eingabefeld-mittel {width:226px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-eingabefeld-klein {width:120px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-eingabefeld-extraklein {width:48px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-auswahlfeld-gross {width:300px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-auswahlfeld-mittel {width:176px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-auswahlfeld-klein {width:88px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} fieldset.formular-checkboxen {min-width:220px; max-width:600px; text-align:left; margin:0; padding-left:60px; border:0;} fieldset.formular-buttons {min-width:220px; max-width:560px; text-align:center; margin:0; padding:0; border:0;} } /* ================================================ */ /* ==========> FUER SCHMALE BILDSCHIRME <========== */ /* ================================================ */ @media (min-width: 800px) and (max-width: 990px) { div.rundrum {width:760px; margin:10px auto; padding:0; text-align:center; overflow:hidden; position:relative; background-color:#FFFFFF;} div.headerbanner {float:left; width:480px; text-align:right; padding-top:10px; padding:10px; margin:0;} nav.header-gross {text-align:right; padding-top:18px; display:none; visibility:hidden;} nav.header-klein {text-align:right; padding-top:18px; padding-bottom:18px; position:relative;} div.main {width:760px; background-color:#e4e4e4; text-align:center; overflow:hidden; position:relative; padding:0; margin:0;} div.main-links {float:left; width:260px; text-align:left; padding:0;} div.boxen-boxenkopf-normal {float:none; min-width:248px; min-height:18px; overflow:hidden; text-align:left; border:#404040 1px solid; background-color:#404040; padding:10px;} div.boxen-boxenkopf-mobil {float:none; min-width:248px; min-height:18px; overflow:hidden; text-align:left; border:#404040 1px solid; background-color:#404040; padding:10px; display:none; visibility:hidden;} nav.boxen-normal {text-align:left;} nav.boxen-mobil {text-align:left; display:none; visibility:hidden;} div.main-rechts {float:left; width:480px; text-align:right; padding:0; margin-left:20px;} div.main-contentbox-navigationsleiste {min-height:19px; border:#404040 1px solid; background-color:#404040; float:none; text-align:left; padding:10px; margin-left:0;} div.main-contentbox {min-height:50px; border:#404040 1px solid; background-color:#f4f4f4; float:none; text-align:left; padding:8px; margin:0; overflow:hidden; position:relative;} div.main-contentboxen-spacer {clear:left; text-align:left; padding:0; margin:0; min-height:20px;} div.main-contentboxen-spacer-klein {clear:left; text-align:left; padding:0; margin:0; min-height:5px;} /* ---> Divs und Buttons fuer alle Boxenkoepfe */ div.boxen-boxenkopf-titel {float:left; width:50%; text-align:left; padding:0; margin:0;} div.boxen-boxenkopf-buttons {float:left; overflow:hidden; position:relative; width:50%; text-align:right; padding:0; margin:0;} a.boxenkopfbutton-mystart {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:3px 5px 3px 5px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_edit.png); background-repeat:no-repeat; background-position:4px 4px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-mystart, a:focus.boxenkopfbutton-mystart, a:active.boxenkopfbutton-mystart {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:3px 5px 3px 5px; margin-right:8px; background-color:#505050; background-image:url(../images/boxenkopf_button_edit.png); background-repeat:no-repeat; background-position:4px 4px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-openall {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:3px 5px 3px 5px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_openall.png); background-repeat:no-repeat; background-position:4px 4px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-openall, a:focus.boxenkopfbutton-openall, a:active.boxenkopfbutton-openall {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:3px 5px 3px 5px; margin-right:8px; background-color:#505050; background-image:url(../images/boxenkopf_button_openall.png); background-repeat:no-repeat; background-position:4px 4px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-windowadclose {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_close.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-windowadclose, a:focus.boxenkopfbutton-windowadclose, a:active.boxenkopfbutton-windowadclose {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_close.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-up {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_up.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-up, a:focus.boxenkopfbutton-up, a:active.boxenkopfbutton-up {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_up.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-left {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_left.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-left, a:focus.boxenkopfbutton-left, a:active.boxenkopfbutton-left {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_left.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-right {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_right.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-right, a:focus.boxenkopfbutton-right, a:active.boxenkopfbutton-right {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_right.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-down {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_down.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-down, a:focus.boxenkopfbutton-down, a:active.boxenkopfbutton-down {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_down.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-close {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_close.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-close, a:focus.boxenkopfbutton-close, a:active.boxenkopfbutton-close {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_close.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-edit {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_edit.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-edit, a:focus.boxenkopfbutton-edit, a:active.boxenkopfbutton-edit {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_edit.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenbutton-cart {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_cart.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenbutton-cart, a:focus.boxenbutton-cart, a:active.boxenbutton-cart {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_cart.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} /* ---> Fuer LoginADs und LogoutADs */ div.loginad {min-width:240px; max-width:1200px; min-height:300px; text-align:center; padding:0; margin-bottom:20px; margin-top:20px;} /* ---> Fuers blaettern von Seite zu Seite */ div.blaettern-links {float:left; text-align:left; margin:0; padding-bottom:8px; width:20%;} div.blaettern-mitte {float:left; text-align:center; margin:0; padding-bottom:8px; width:60%;} div.blaettern-rechts {float:left; text-align:right; margin:0; padding-bottom:8px; width:20%;} h2.formular {font-family:Arial, serif; font-size:18px; color:#000000; text-decoration:underline; display:block;} fieldset.formular-eingabefelder {min-width:220px; max-width:300px; text-align:left; margin:0; padding:0; border:0;} label.formular-eingabefeld {font-family:Arial, serif; font-size:14px; color:#000000; font-weight:bold; display:inline; border:0;} .formular-eingabefeld-gross {width:290px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-eingabefeld-mittel {width:290px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-eingabefeld-klein {width:120px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-eingabefeld-extraklein {width:48px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-eingabefeld-extrakleinx {width:290px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-auswahlfeld-gross {width:300px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-auswahlfeld-mittel {width:176px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-auswahlfeld-klein {width:88px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} fieldset.formular-checkboxen {min-width:220px; max-width:300px; text-align:left; margin:0; padding:0; border:0;} fieldset.formular-buttons {min-width:220px; max-width:300px; text-align:center; margin:0; padding:0; border:0;} } /* ============================================================================ */ /* ==========> FUER SEHR SCHMALE BILDSCHIRME WIE HANDYS UND TABLETS <========== */ /* ============================================================================ */ @media (max-width: 800px) { div.rundrum {min-width:260px; max-width:800px; margin:10px auto; padding:0; text-align:center; overflow:hidden; position:relative; background-color:#FFFFFF;} div.headerbanner {float:left; min-width:240px; max-width:800px; text-align:right; padding:10px; margin:0;} nav.header-gross {text-align:right; display:none; visibility:hidden;} nav.header-klein {text-align:right; padding-top:18px; padding-bottom:18px; position:relative;} div.main {min-width:260px; max-width:800px; background-color:#e4e4e4; text-align:center; overflow:hidden; position:relative; padding:0; margin:0;} div.main-links {float:none; min-width:260px; text-align:center; padding:0;} div.boxen-boxenkopf-normal {float:none; min-width:248px; min-height:18px; overflow:hidden; text-align:left; border:#404040 1px solid; background-color:#404040; padding:10px; display:none; visibility:hidden;} div.boxen-boxenkopf-mobil {float:none; min-width:248px; min-height:18px; overflow:hidden; text-align:left; border:#404040 1px solid; background-color:#404040; padding:10px;} nav.boxen-normal {float:none; text-align:left; display:none; visibility:hidden;} nav.boxen-mobil {float:none; text-align:left;} div.main-rechts {float:none; min-width:260px; max-width:800px; text-align:center; padding:0; margin:0;} div.main-contentbox-navigationsleiste {min-height:19px; min-width:248px; max-width:777px; border:#404040 1px solid; background-color:#404040; float:none; text-align:left; padding:10px; margin-left:0;} div.main-contentbox {min-height:50px; min-width:248px; max-width:777px; border:#404040 1px solid; background-color:#f4f4f4; float:none; text-align:left; padding:8px; margin:0; overflow:hidden; position:relative;} div.main-contentboxen-spacer {clear:left; text-align:left; padding:0; margin:0; min-height:20px;} div.main-contentboxen-spacer-klein {clear:left; text-align:left; padding:0; margin:0; min-height:5px;} /* ---> Divs und Buttons fuer alle Boxenkoepfe */ div.boxen-boxenkopf-titel {float:left; width:75%; text-align:left; padding:0; margin:0;} div.boxen-boxenkopf-buttons {float:left; overflow:hidden; position:relative; width:25%; text-align:right; padding:0; margin:0;} a.boxenkopfbutton-mystart {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:3px 5px 3px 5px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_edit.png); background-repeat:no-repeat; background-position:4px 4px; border:1px solid #ffffff; border-radius:4px; display:none; visibility:hidden;} a:hover.boxenkopfbutton-mystart, a:focus.boxenkopfbutton-mystart, a:active.boxenkopfbutton-mystart {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:3px 5px 3px 5px; margin-right:8px; background-color:#505050; background-image:url(../images/boxenkopf_button_edit.png); background-repeat:no-repeat; background-position:4px 4px; border:1px solid #ffffff; border-radius:4px; display:none; visibility:hidden;} a.boxenkopfbutton-openall {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:3px 5px 3px 5px; margin-right:8px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_openall.png); background-repeat:no-repeat; background-position:4px 4px; border:1px solid #ffffff; border-radius:4px; display:none; visibility:hidden;} a:hover.boxenkopfbutton-openall, a:focus.boxenkopfbutton-openall, a:active.boxenkopfbutton-openall {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:3px 5px 3px 5px; margin-right:8px; background-color:#505050; background-image:url(../images/boxenkopf_button_openall.png); background-repeat:no-repeat; background-position:4px 4px; border:1px solid #ffffff; border-radius:4px; display:none; visibility:hidden;} a.boxenkopfbutton-windowadclose {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_close.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-windowadclose, a:focus.boxenkopfbutton-windowadclose, a:active.boxenkopfbutton-windowadclose {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_close.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenkopfbutton-left {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_up.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px; display:none; visibility:hidden;} a:hover.boxenkopfbutton-left, a:focus.boxenkopfbutton-left, a:active.boxenkopfbutton-left {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_up.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px; display:none; visibility:hidden;} a.boxenkopfbutton-right {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_left.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px; display:none; visibility:hidden;} a:hover.boxenkopfbutton-right, a:focus.boxenkopfbutton-right, a:active.boxenkopfbutton-right {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_left.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px; display:none; visibility:hidden;} a.boxenkopfbutton-up {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_right.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px; display:none; visibility:hidden;} a:hover.boxenkopfbutton-up, a:focus.boxenkopfbutton-up, a:active.boxenkopfbutton-up {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_right.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px; display:none; visibility:hidden;} a.boxenkopfbutton-down {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_down.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px; display:none; visibility:hidden;} a:hover.boxenkopfbutton-down, a:focus.boxenkopfbutton-down, a:active.boxenkopfbutton-down {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_down.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px; display:none; visibility:hidden;} a.boxenkopfbutton-close {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_close.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px; display:none; visibility:hidden;} a:hover.boxenkopfbutton-close, a:focus.boxenkopfbutton-close, a:active.boxenkopfbutton-close {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_close.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px; display:none; visibility:hidden;} a.boxenkopfbutton-edit {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_edit.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenkopfbutton-edit, a:focus.boxenkopfbutton-edit, a:active.boxenkopfbutton-edit {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_edit.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a.boxenbutton-cart {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#b4b4b4; background-image:url(../images/boxenkopf_button_cart.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} a:hover.boxenbutton-cart, a:focus.boxenbutton-cart, a:active.boxenbutton-cart {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold; padding:1px 4px 1px 4px; margin:0px 3px 1px 3px; background-color:#505050; background-image:url(../images/boxenkopf_button_cart.png); background-repeat:no-repeat; background-position:3px 1px; border:1px solid #ffffff; border-radius:4px;} /* ---> Fuer LoginADs und LogoutADs */ div.loginad {min-width:240px; max-width:1200px; min-height:150px; text-align:center; padding:0; margin-bottom:20px; margin-top:20px;} /* ---> Fuers blaettern von Seite zu Seite */ div.blaettern-links {float:left; text-align:left; margin:0; padding-bottom:8px; width:20%; display:none; visibility:hidden;} div.blaettern-mitte {float:left; text-align:center; margin:0; padding-bottom:8px; width:100%;} div.blaettern-rechts {float:left; text-align:right; margin:0; padding-bottom:8px; width:20%; display:none; visibility:hidden;} h2.formular {font-family:Arial, serif; font-size:18px; color:#000000; text-decoration:underline; display:block;} fieldset.formular-eingabefelder {min-width:220px; max-width:760px; text-align:left; margin:0; padding:0; border:0;} label.formular-eingabefeld {font-family:Arial, serif; font-size:14px; color:#000000; font-weight:bold; display:inline; border:0;} .formular-eingabefeld-gross {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;} .formular-eingabefeld-mittel {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;} .formular-eingabefeld-klein {width:60%; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-eingabefeld-extraklein {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;} .formular-auswahlfeld-gross {width:95%; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-auswahlfeld-mittel {width:176px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-auswahlfeld-klein {width:88px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} fieldset.formular-checkboxen {min-width:220px; max-width:760px; text-align:left; margin:0; padding:0; border:0;} fieldset.formular-buttons {min-width:220px; max-width:760px; text-align:center; margin:0; padding:0; border:0;} } /* ========================================================= */ /* ==========> NAVIGATIONSBOXEN FUER LINKE SEITE <========== */ /* ========================================================= */ p.boxen-boxenkopf-titel {font-family:Arial, serif; font-size:14px; font-weight:bold; color:#FFFFFF; display:inline;} a.boxen-boxenkopf-titel {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold;} a:hover.boxen-boxenkopf-titel, a:focus.boxen-boxenkopf-titel, a:active.boxen-boxenkopf-titel {font-family:Arial, serif; text-decoration: underline; color:#FFFFFF; font-size:14px; font-weight:bold;} /* ---> Navigationsboxeninhalte fuer breite Bildschirme */ nav.boxen-normal ul {width:268px; margin:0; padding:0; border:#303030 1px solid; background-color:#303030;} nav.boxen-mobil ul {width:100%; margin:0; padding:0; border:#303030 1px solid; background-color:#303030;} nav.boxen-normal li, nav.boxen-mobil li{list-style:none; margin:0; padding:0;} nav.boxen-normal a.nav, nav.boxen-mobil a.nav {font-family:Arial, serif; font-size:14px; serif; color:#000000; display:block; padding:12px; text-decoration:none; font-weight:bold; border:#303030 1px solid; background-color:#f4f4f4;} nav.boxen-normal a.nav:focus, nav.boxen-mobil a.nav:focus, nav.boxen-normal a.nav:hover, nav.boxen-mobil a.nav:hover, nav.boxen-normal a.nav:active, nav.boxen-mobil a.nav:active {font-family:Arial, serif; font-size:14px; color:#ffffff; background-color:#b4b4b4; border-color:#303030;} /* ---> Navigationsboxeninhalte fuer schmale Bildschirme */ .katschnellauswahl {float:left; width:99.85%; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #303030; background-color:#f4f4f4; padding:4px;} /* ---> Fuer Navigationsboxeninhalte die per include eingelesen werden */ div.boxenincludes {border:#303030 2px solid; min-width:267px; background-color:#f4f4f4; text-align:center; overflow:hidden; position:relative; padding-top:10px; padding-bottom:10px; margin:0;} body.boxenincludes-iframes {background-image:none; background-color:#f4f4f4; text-align:center; text-valign:middle; margin:0; padding:0;} /* ---> Fuer Suchformulare in den Navigationsboxen */ .boxen-such-feld {width:72%; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .boxen-such-button {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;} .boxen-such-button: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;} /* ---> Abstandshalter fuer zwischen den Navigationsboxen */ div.navigations-boxen-spacer {clear:left; text-align:left; padding:0; margin:0; min-height:20px;} /* ================================================================ */ /* ==========> NAVIGATIONSLEISTE UEBER INHALTE, CONTENT <========== */ /* ================================================================ */ p.contentnavigationsleiste {font-family:Arial, serif; font-size:14px; font-weight:bold; color:#FFFFFF; display:inline;} p.contentnavigationsleiste_fehlermeldung {font-family:Arial, serif; font-size:14px; font-weight:bold; color:#FF0000; display:inline;} a.contentnavigationsleiste {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold;} a:hover.contentnavigationsleiste, a:focus.contentnavigationsleiste, a:active.contentnavigationsleiste {font-family:Arial, serif; text-decoration: underline; color:#FFFFFF; font-size:14px; font-weight:bold;} /* ========================================================= */ /* ==========> ALLGEMEINES FUER INHALTE, CONTENT <========== */ /* ========================================================= */ /* ---> Fuer Fehler- und Erfolgs- meldungen */ div.content_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-top:20px; margin-bottom:20px; overflow:hidden; position:relative; } div.content_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-top:20px; margin-bottom:20px; overflow:hidden; position:relative;} /* ---> Fuer nach rechts ausgerichtete Texte und Inhalte */ div.content_inhalt_rechts {clear:left; text-align:right; padding:0; margin:0; min-height:20px;} /* ---> Fuer besonderes Hinsweise */ span.hinweis_rot {font-family:Arial, serif; font-size:14px; color:#8B0000; display:inline;} span.hinweis_gruen {font-family:Arial, serif; font-size:14px; color:#006400; display:inline;} /* ---> Fuer die Darstellung des Statuses eines Users um zum Beispiel seinen Usernamen gruen zu faerben wenn er online ist*/ span.userstatus_aktiv {font-family:Arial, serif; font-size:14px; color:#006400; display:inline;} span.userstatus_inaktiv1 {font-family:Arial, serif; font-size:14px; color:#FB4607; display:inline;} span.userstatus_inaktiv2 {font-family:Arial, serif; font-size:14px; color:#8B0000; display:inline;} span.userstatus_aktiv_gross {font-family:Arial, serif; font-size:17px; color:#006400; display:inline;} span.userstatus_inaktiv1_gross {font-family:Arial, serif; font-size:17px; color:#FB4607; display:inline;} span.userstatus_inaktiv2_gross {font-family:Arial, serif; font-size:17px; color:#8B0000; display:inline;} /* ---> Fuer Mitgliedernews */ div.news_titelzeile {clear:left; text-align:left; padding:0px; margin:0; overflow:hidden; position:relative;} div.news_titelspalte_titel {float:left; width:240px; padding:0; margin-bottom:6px; font-family:Arial, serif; font-size:14px; color:#000000; font-weight:bold;} div.news_titelspalte_info {float:left; width:240px; padding:0; margin-bottom:6px; font-family:Arial, serif; font-size:14px; color:#000000; font-weight:normal;} div.news_text {clear:left; text-align:left; padding:0; margin:0;} div.news_adminantwort {font-family:Arial, serif; font-size:14px; color:#8B0000; font-weight:normal; border:1px dashed #000000; text-align:left; padding:8px; margin-top:10px; margin-left:20px; overflow:hidden; position:relative; } /* ---> Sonstiges */ div.content_zurueck {clear:left; font-family:Arial, serif; font-size:14px; color:#006400; font-weight:bold; background-color:#e4e4e4; border:1px solid #006400; text-align:left; padding:16px; margin-bottom:20px; overflow:hidden; position:relative; } div.content_weiter {clear:left; font-family:Arial, serif; font-size:14px; color:#006400; font-weight:bold; background-color:#e4e4e4; border:1px solid #006400; text-align:right; padding:16px; margin-bottom:20px; overflow:hidden; position:relative; } h2.startseite {font-family:Arial, serif; font-size:18px; color:#000000; display:inline;} /* ====================================== */ /* ==========> FUER FORMULARE <========== */ /* ====================================== */ /* ---> Allgemeine Buttons */ .button {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: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;} /* ---> Loginbutton */ .button-login {padding-right:26px; margin:0; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../images/formular_button_login.png); background-repeat:no-repeat; background-position:80px 5px; width:110px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;} .button-login:hover {padding-right:26px; margin:0; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../images/formular_button_login.png); background-repeat:no-repeat; background-position:80px 5px; width:110px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;} /* ---> Registrierenbutton */ .button-register {padding-right:26px; margin:0; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../images/formular_button_register.png); background-repeat:no-repeat; background-position:94px 5px; width:120px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;} .button-register:hover {padding-right:26px; margin:0; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../images/formular_button_register.png); background-repeat:no-repeat; background-position:94px 5px; width:120px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;} /* ---> Kontaktformular */ div.kontaktformular-drumherum {min-width:248px; max-width:600px; padding:0; margin:0;} div.kontaktformular-captacha-links {float:left; height:50px; width:50%; text-align:center; padding:0; margin:0;} div.kontaktformular-captacha-mitte {float:left; height:50px; width:23%; text-align:left; padding:0; margin:0;} div.kontaktformular-captacha-rechts {float:left; height:30px; width:27%; text-align:left; padding:20px 0px 0px 0px; margin:0;} .kontaktformular-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-bottom:20px;} .kontaktformular-captachacode {width:40px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} /* ---> Newsletterformular */ div.newsletterformular-drumherum {min-width:248px; max-width:600px; padding:0; margin:0;} .newsletterformular-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-bottom:20px;} /* ---> Button Formular leeren bzw. resetten */ .button-reset {margin-left:20px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; height:28px; width:100px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;} .button-reset:hover {margin-left:20px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; height:28px; width:100px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;} /* ---> Fuer allgemeine Suchen */ label.such-feld {font-family:Arial, serif; font-size:18px; color:#000000; font-weight:bold; display:inline; border:0;} .such-feld-gross {width:226px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;} .such-feld-klein {width:188px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;} .such-feld-datum {width:178px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;} .such-auswahlfeld {width:188px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;} .such-button {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;} .such-button: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;} /* ---> Fuer Einzahlungs- und Auszahlungs- betraege */ .formular-eingabefeld-virtuelle {width:94px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-eingabefeld-euro {width:54px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .formular-eingabefeld-cent {width:38px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} /* ---> Sonstiges fuer Formulare */ input[type="radio"] {-moz-appearance: None; -webkit-appearance: none; width:17px; height:17px; border-radius:15px; border:1px solid #505050; background-color:#ffffff; vertical-align:sub;} input[type="radio"]:checked {box-shadow: inset 0px 0px 0px 3px #ffffff; background-color:#505050;} input[type="checkbox"] {-moz-appearance: None; -webkit-appearance: none; width:17px; height:17px; border:1px solid #505050; background-color:#ffffff; vertical-align:bottom;} input[type="checkbox"]:checked {box-shadow: inset 0px 0px 0px 3px #ffffff; background-color:#505050;} .formular-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;} .formular-zeichenuebrig {width:24px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:0; background-color:#f4f4f4; padding:4px; margin-bottom:20px;} .formular-eingabefeld-extragross {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;} /* ==================================================== */ /* ==========> FUER AUFLISTUNGEN UND LISTEN <========== */ /* ==================================================== */ /* ---> Zeilen der Auflistungen farblich auseinander halten */ div.listenzeile {clear:left; background-color:#e4e4e4; text-align:left; padding:0; margin:0; overflow:hidden; position:relative;} /* ---> Spalten der Auflistungen */ div.listenspalte {float:left; width:240px; padding:4px; margin:0;} /* ---> Buttons fuer bearbeiten, loeschen, Details ansehen usw. eines Listeneintrags */ img.buttons-16x16 {border:0; margin-right:10px; padding:0;} /* ---> Fuer anklickbare Betraege und Posten in Statistiken wie zum Beispiel bei den Auflistungen der Referrals oder Kontouebersichten*/ a.statistiklinks-gruen {font-family:Arial, serif; text-decoration: none; color:#006400; font-size:14px; font-weight:normal;} a:hover.statistiklinks-gruen, a:focus.statistiklinks-gruen, a:active.statistiklinks-gruen {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:14px; font-weight:normal;} a.statistiklinks-rot {font-family:Arial, serif; text-decoration: none; color:#8B0000; font-size:14px; font-weight:normal;} a:hover.statistiklinks-rot, a:focus.statistiklinks-rot, a:active.statistiklinks-rot {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:14px; font-weight:normal;} /* ================================================ */ /* ==========> ZURUECK NACH OBEN BUTTON <========== */ /* ================================================ */ .back-to-top {position: fixed; bottom:4px; right:4px; width:50px; height:50px; font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:0; background-image:url(../images/back-to-top.png); background-repeat:no-repeat; background-position:1px 1px;} /* ======================================= */ /* ==========> SEITENBLAETTERN <========== */ /* ======================================= */ hr.blaettern {border:1px solid #404040; margin-top:20px; margin-bottom:20px;} p.blaettern {font-family:Arial, serif; font-size:14px; font-weight:bold; color:#b4b4b4; display:inline; margin:4px;} a.blaettern {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; background-color:#505050; padding:8px 7px 7px 7px; margin:4px; border:#505050 1px solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} a:hover.blaettern, a:focus.blaettern, a:active.blaettern {font-family:Arial, serif; text-decoration: none; color:#ffffff; font-size:14px; font-weight:bold; background-color:#b4b4b4; padding:8px 7px 7px 7px; margin:4px; margin-right:4px; border:#505050 1px solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} /* ============================== */ /* ==========> FOOTER <========== */ /* ============================== */ div.footer {min-width:260px; max-width:1200px; background-color:#505050; text-align:center; padding:10px; margin:0;} p.footer {font-family:Arial, serif; font-size:13px; color:#FFFFFF; display:inline;} a.footer {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:13px; font-weight:bold;} a:hover.footer, a:focus.footer, a:active.footer {font-family:Arial, serif; text-decoration: underline; color:#FFFFFF; font-size:13px; font-weight:bold;} /* ================================================= */ /* === Soft-Gold Promo Style für Aktionsbilder ===== */ /* ================================================= */ .promo-box, .loginad, .werbebanner { background: linear-gradient(160deg, #2b1f3a, #1f1530); border: 1px solid rgba(255, 215, 140, 0.35); border-radius: 14px; box-shadow: 0 0 25px rgba(255, 200, 120, 0.25), inset 0 1px 3px rgba(255,255,255,0.15); padding: 12px; } .promo-box img, .loginad img, .werbebanner img { border-radius: 10px; box-shadow: 0 0 20px rgba(255, 190, 110, 0.35), 0 6px 14px rgba(0,0,0,0.35); } /* Optional: Überschrift über Bannern */ .promo-title { color: #ffd88a; text-shadow: 0 0 6px rgba(255, 200, 120, 0.6), 0 1px 2px rgba(0,0,0,0.8); font-weight: bold; } /* === Box-Überschriften: Schrift dunkler, Glanz bleibt === */ .boxhead, .box-title, .module-title, .headline, .section-head, .page-head, div[class*="box"] h2, div[class*="box"] h3, div[class*="menu"] h2, div[class*="menu"] h3, div[class*="admin"], div[class*="head"], div[class*="cat"] { color: #111111 !important; /* dunkler Text, bessere Lesbarkeit */ /* text-shadow bleibt bewusst unverändert */ } /* Zentrale Steuerung: Überschriften in Menü- und Box-Bereichen schwarz */ .menu-box-title, .box-title, .headline, .section-head, .page-head, div[class*="menu"] h2, div[class*="menu"] h3, div[class*="box"] h2, div[class*="box"] h3, div[class*="admin"], div[class*="head"], div[class*="cat"], div.boxen-boxenkopf-normal, div.boxen-boxenkopf-mobil, div.boxen-boxenkopf-normal *, div.boxen-boxenkopf-mobil * { color: #000000; text-shadow: none; }