/* ------------------------------------------------------------------------------------- */ /* */ /* 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! */ /* */ /* ------------------------------------------------------------------------------------- */ /* =================================== */ /* ==========> ALLGEMEINES <========== */ /* =================================== */ /* body {background-image:none; background-color:#FFFFFF; text-align:center; text-valign:middle;} h2 {font-family:Arial, serif; font-size:18px; color:#000000; display:block;} p {font-family:Arial, serif; font-size:14px; color:#000000; display:inline;} */ 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;} p { padding: 0px; margin: 0px; } /* 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:1400px; background-color:#202020; 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:1400px; 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:1400px; min-height:20px; background-color:#e4e4e4; text-align:left; padding:4px; margin:0;} /* ---> Navigation 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;} */ /* ---> Navigation 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:none; width: calc(100% - 20px); 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:100%; background-color:transparent; 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:80px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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:0; width:45px; text-align: left !important; border: 0px #000 solid; } div.blaettern-mitte {float:left; text-align:center; margin:0; padding:0; width: calc(100% - 90px - 6px); height: 40px; text-align: center !important; border: 0px #000 solid; } div.blaettern-rechts {float:left; text-align:right; margin:0; padding:0; width:45px; text-align: right !important; border: 0px #000 solid; } a.blaettern, p[class^="blaettern"] { display: inline-block !important; width: 30px !important; height: 30px !important; line-height: 30px !important; margin: 0px 5px !important; padding: 0px 0px !important; border: 0px #000 solid !important; text-align: center !important; text-decoration: none !important; font-size: 1.0em !important;; } div.blaettern-mitte p.blaettern-links, div.blaettern-mitte a.blaettern-links { float: left; width: 30px !important; height: 30px !important; line-height: 30px !important; margin:0 !important; padding:0 !important; } div.blaettern-mitte a.blaettern-rechts { float: right; width: 30px !important; height: 30px !important; line-height: 30px !important; margin:0 !important; padding:0 !important; } div.blaettern-rechts p.blaettern-rechts, div.blaettern-rechts a.blaettern-rechts { float: left; width: 30px !important; height: 30px !important; line-height: 30px !important; margin:0 !important; padding:0 !important; } /* 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 !important; margin:0 auto; padding:0; border:0; border:1px #000000 solid; } 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:80px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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:80px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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:80px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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-left:8px; 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:95%; 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;} /* ---> 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:0px;} /* ================================================================ */ /* ==========> 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 */ .formular-checkbox {width:18px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;} .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:10px; right:10px; width:50px; height:50px; font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:0; background: #ffffff url(../images/back-to-top.png) center center no-repeat; border: 2px #ffffff solid; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;} /* ======================================= */ /* ==========> SEITENBLAETTERN <========== */ /* ======================================= */ hr.blaettern {border:1px solid #404040; margin-top:20px; margin-bottom:20px;} a.blaettern-erste {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:9px 16px 9px 16px; margin:4px; background-color:#ffffff; background-image:url(../images/blaettern_erste_aktiv.png); background-repeat:no-repeat; background-position:0px 0px; border-radius:6px;} a:hover.blaettern-erste, a:focus.blaettern-erste, a:active.blaettern-erste {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:9px 16px 9px 16px; margin:4px; background-color:#ffffff; background-image:url(../images/blaettern_erste_hoover.png); background-repeat:no-repeat; background-position:0px 0px; border-radius:6px;} p.blaettern-erste {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:9px 16px 9px 16px; margin:4px; background-image:url(../images/blaettern_erste_inaktiv.png); background-repeat:no-repeat; background-position:0px 0px; border-radius:6px;} a.blaettern-links {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:9px 16px 9px 16px; margin:4px; background-color:#ffffff; background-image:url(../images/blaettern_links_aktiv.png); background-repeat:no-repeat; background-position:0px 0px; border-radius:6px;} a:hover.blaettern-links, a:focus.blaettern-links, a:active.blaettern-links {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:9px 16px 9px 16px; margin:4px; background-color:#ffffff; background-image:url(../images/blaettern_links_hoover.png); background-repeat:no-repeat; background-position:0px 0px; border-radius:6px;} p.blaettern-links {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:9px 16px 9px 16px; margin:4px; background-image:url(../images/blaettern_links_inaktiv.png); background-repeat:no-repeat; background-position:0px 0px; border-radius:6px;} p.blaettern {font-family:Arial, serif; font-size:14px; font-weight:bold; color:#000000; display:inline; margin:4px;} a.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; 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:#505050; 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;} a.blaettern-rechts {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:9px 16px 9px 16px; margin:4px; background-color:#ffffff; background-image:url(../images/blaettern_rechts_aktiv.png); background-repeat:no-repeat; background-position:0px 0px; border-radius:6px;} a:hover.blaettern-rechts, a:focus.blaettern-rechts, a:active.blaettern-rechts {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:9px 16px 9px 16px; margin:4px; background-color:#ffffff; background-image:url(../images/blaettern_rechts_hoover.png); background-repeat:no-repeat; background-position:0px 0px; border-radius:6px;} p.blaettern-rechts {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:9px 16px 9px 16px; margin:4px; background-image:url(../images/blaettern_rechts_inaktiv.png); background-repeat:no-repeat; background-position:0px 0px; border-radius:6px;} a.blaettern-letzte {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:9px 16px 9px 16px; margin:4px; background-color:#ffffff; background-image:url(../images/blaettern_letzte_aktiv.png); background-repeat:no-repeat; background-position:0px 0px; border-radius:6px;} a:hover.blaettern-letzte, a:focus.blaettern-letzte, a:active.blaettern-letzte {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:9px 16px 9px 16px; margin:4px; background-color:#ffffff; background-image:url(../images/blaettern_letzte_hoover.png); background-repeat:no-repeat; background-position:0px 0px; border-radius:6px;} p.blaettern-letzte {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:9px 16px 9px 16px; margin:4px; background-image:url(../images/blaettern_letzte_inaktiv.png); background-repeat:no-repeat; background-position:0px 0px; 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;} */