* {margin: 0;padding: 0;} /* cyrillic-ext */@font-face {font-family: 'Lobster';font-style: normal;font-weight: 400;src: local('Lobster Regular'), local('Lobster-Regular'), url(../media/lobster_ce.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} /* cyrillic */@font-face {font-family: 'Lobster'; font-style: normal; font-weight: 400;src: local('Lobster Regular'), local('Lobster-Regular'), url(../media/lobster_c.woff2) format('woff2');unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} /* latin-ext */@font-face { font-family: 'Lobster'; font-style: normal; font-weight: 400; src: local('Lobster Regular'), local('Lobster-Regular'), url(../media/lobster_le.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} /* latin*/@font-face {font-family: 'Lobster'; font-style: normal; font-weight: 400; src: local('Lobster Regular'), local('Lobster-Regular'), url(../media/lobster_l.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} img {border:none} body {font-family:verdana;font-size:16px;margin: 0;background: url(../media/img/bg_dunkel.jpg) #444;} body#blank {background:transparent} .clear {clear:both;} .big{font-size:120%;font-weight:bold;} #headbg{background: url("../media/img/bg_start.png");height:36px} #main {background:url(../media/img/main_bg.jpg) repeat Wheat;position:relative;border-radius:4px;} #logo{display: inline-block;} .startseitelink {text-decoration:none;font-family:'Lobster', Tahoma;font-size: 25px;text-shadow: 1px 1px 1px #444;color:#fff;} .startseitelink i{font-style: normal;color:#696767;text-shadow: 1px 1px 0px #eee;} #content{padding:5px;float:left;position:relative;z-index:1;} #content_unten{clear:both;} #mobilmenu{float:right;font-size: 1.6em;color: #626262;cursor: pointer;background:rgba(255,255,255,0.5)} #mobilmenu a{display: inline-block;padding: 2px 12px;color: #626262;border-left: 1px solid #ddd;} .hnav {cursor:pointer;margin-right:10px;padding: 0px 12px;float:left;border-right: 1px solid #ddd;display: inline-block;font-size: 1.6em;background:rgba(255,255,255,0.5)} #rechtespalte{width:160px;float:right;padding: 40px 4px;} #footer{text-align:center;padding: 20px 0 50px;font: 17px 'Lobster', Tahoma;color:#fff;box-shadow: 0 0 20px 0 #000;position: absolute;margin-top:30px;width:100%;background: rgba(0, 0, 0, 0.4);} #footer strong {font-size:125%} #footer a {color:#FAAC58} #footer #version {margin-left:10px} #footermenu {display: inline-block;opacity: 0.6;} #footermenu li.m {float:left; text-align:left;margin: 10px;} #footermenu ul li li a {font-family:verdana;text-decoration: none;} #footermenu li {list-style:none} #menu {display:none} #reklametafellinks {display:none;} /*Bewertung*/ .bewertung {padding:18px} .bewertung .balken {width:200px;height:25px; background-color:#faa; display:inline-block;position: relative; vertical-align:text-bottom;border-radius: 5px;overflow:hidden} .bewertung .aussen {width:261px; display:inline-block;} .bewertung .balken.keiner {background-color:#aaa;} .bewertung .balken .pro {height:25px; background-color:green;} .bewertung .top {background: url(../media/img/ratingtop20.png) no-repeat center center green!important; border-radius:5px; color:transparent; width: 25px;height: 26px;vertical-align:text-bottom;} .bewertung .flop {background: url(../media/img/ratingflop20.png) no-repeat center center red!important; border-radius:5px; color:transparent; width: 25px;height: 26px; float:right;vertical-align:text-bottom;} .bewertung i{position:absolute; left:83px; bottom:2px } .bewertung .button{cursor:pointer} .minrating{height:15px; width:130px;background: #FFAAAA; position:relative} .minratinga{height:15px; background: green;} .minrating i{position:absolute; left:10px; font-size:13px;bottom:0px} .minrating .minratinga.nix {background: #aaa} /*Seitennr Navi*/ .seitenr {clear:both; text-align:center; padding-top:10px; font-size:12px} .seitenr a{padding:4px; background: #222; border:1px solid; text-decoration:none; display: inline-block;margin-bottom: 4px;} .seitenr a:hover{ color: #222; background: #D2691E; border:1px solid; text-decoration:none;} .seitenr b{padding:4px; background: #ddd; border:1px solid;} /* Kommentare */ #kommentare {background:#ccc; border-radius:15px; border: 1px solid #aaa; border-top: 2px solid #aaa; padding: 10px; margin: 20px 0px; } #kommentare .inner {background:#e9e9e9; border-bottom: 1px solid #aaa; border-radius:15px;padding:5px; font-size:13px} #kommentare .inner div {background:#e9e9e9; border-bottom: 1px solid;clear:both; margin-bottom: 2px; padding:0 3px; overflow:hidden} #kommentare .inner div:last-child {border-bottom: 0px; border-radius: 0 0 10px 10px } #kommentare .inner div.z2 {background:#F7F7F0;} #kommentare .inner div span { clear:both; } #kommentare .inner div span i {float:right; margin-left:10px; font-size:70%;} #kommentare .inner div span b{float:left; margin-right:10px;} #kommentare form textarea {width: 700px; margin:5px 10px 0px 10px} #kommentare form input {width: 400px; margin:5px 10px;} #kommentare form .button {width: 100px; background: url(../media/img/btn_bg_gold.png) repeat center #F8CF4A; float:right;margin:5px 10px; border-radius:7px; } #kommentare div.gesendet {background:#D4F7BC;border-radius:0px;} #kommentare .scroll {overflow:auto!important; max-height:300px; border:0px!important;} #kommentare h2 {color:#505050;text-shadow: 1px 1px 0 #ddd, -1px -1px 0 #202020;} #rechtespalte #kommentare {padding:2px;margin:0;} #rechtespalte #kommentare .inner{padding:0;border-radius:4px 4px 12px 12px} /* shoutbox */ #rechtespalte #kommentare .inner div,#shoutbox .inner div {position: relative;background:#e9e9e9; border-bottom: 1px solid;clear:both; margin-bottom: 2px; padding:0 1px; width:151px;overflow:hidden} #rechtespalte #kommentare .inner div:last-child,#shoutbox .inner div:last-child {border-bottom: 0px; border-radius: 0 0 10px 10px } #rechtespalte #kommentare .inner div.z2,#shoutbox .inner div.z2 {background:#F7F7F0;} #rechtespalte #kommentare .inner div span,#shoutbox .inner div span { clear:both; } #rechtespalte #kommentare .inner div span i,#shoutbox .inner div span i {display:none;} #rechtespalte #kommentare .inner div div:hover span i,#shoutbox .inner div div:hover span i {display:block; background: white none repeat scroll 0 0; font-size: 70%; padding: 2px; position: absolute; right: 0; top: 0;} #rechtespalte #kommentare .inner div span b, #shoutbox .inner div span b{float:left; margin-right:10px;} #rechtespalte #kommentare form textarea, #shoutbox form textarea {width: 150px; margin:2px 1px 0px;font-size: 11px;} #rechtespalte #kommentare form input, #shoutbox form input {width: 150px; margin:2px 1px 0px} #rechtespalte #kommentare div.gesendet,#shoutbox div.gesendet {background:#D4F7BC;border-radius:0px;} #rechtespalte #kommentare .scroll, #shoutbox .scroll {overflow:hidden!important; max-height:300px; border:0px!important;} #rechtespalte #kommentare:hover .scroll,#shoutbox:hover .scroll {overflow-y:auto!important; max-height:300px; border:0px!important;} #rechtespalte #kommentare form .button,#shoutbox form .button {width: 135px; float:right;margin:5px 10px; } /* modul headlines */ .startseite h2, .hl, #rechtespalte h2 {font-family: 'Lobster', Tahoma; font-size:22px;text-decoration:none;color:#505050;/*text-shadow: 1px 1px 0 #Ddd, -1px -1px 0 #202020;*/ text-align:center} .wichtig {border-radius:5px; border: 1px solid red; padding:5px;background: rgba(255, 145, 15, 0.15); } /* SHOP */ #filter .dview{} #filter {left:200px;top:0px;position:absolute;padding:5px;z-index: 2;} #filter a{color:#fff} /* STARTSEITE */ .startseite .app {background:url(../media/img/bg_app.jpg)0 -27px; border: 1px solid #aaa; border-radius:15px; padding:5px 0; display:block;margin-bottom:5px;overflow:hidden} .startseite .unbekannteorte {clear:both} .startseite h2 {font-weight: normal;background:url(../media/img/bg_app.jpg) -30px 0; margin-left:30px;font-size:20px!important; border: 1px solid #aaa; border-radius:15px 15px 0 0; display:inline-block; padding: 0 5px; position:relative; bottom:-1px; border-bottom:none} .startseite h3 {font-size:15px} .startseite .app table {width: 100%;} .startseite .sammlerwebseiten {width: 172px; float:right;} .startseite .sammlerwebseiten h2 {width:160px;margin-left:0px;border-radius:0; background:none; border:none} .startseite .sammlerwebseiten .app {} .startseite .sammlerwebseiten .cut {word-wrap: break-word;width:142px; display:block;} .startseite .ideen {width: 750px; float:left;} .startseite .aklexinfo {margin-left: 25%;float:left; width:388px;} .startseite .aklexinfo div{padding:5px 10px; font-size:12px} .startseite .kalender {width: 570px; } .startseite .reklamestart {width: 285px; float:right} .startseite .reklamestart .oldthing-box{background:none;} .startseite .reklamestart .inhalt{height:192px;} .startseite .startseitenappgruppierer {display:block;position:relative;} .startseite #kartenliste div {background:rgba(0, 0, 0, 0.20)} .startseite .gesuche {width:178px;float: left;text-align:center;position: relative;margin-left:-76%} .startseite .gesuche h2{margin-left:0px;border-radius:0; background:none; border:none} .startseite .gesuche #gesuch {height: 146px; } .startseite .gesuche .button {margin:0px} .startseite .gesuche .coinhive-captcha {transform: scale(0.5);width: 300px;height: 75px;overflow: hidden;position: absolute;bottom: 31px;left: -64px;border: 1px #ddd solid;} .startseite .app .inhalt {padding:5px} #zeit {text-align:center; color: #fff;} #zeit:after{content:" Sekunden";} h1 { font-family: 'Lobster', Tahoma; font-size:30px;text-decoration:none;margin:4px 0 10px 0;line-height: 38px;color:#444} h2 { font-family: 'Lobster', Tahoma; font-size:25px;text-decoration:none;line-height: 31px;color:#444} h1 u, h2 u {color:#000;} code { font-family: monosize; white-space: pre; } a , .link{color:#D2691E;cursor:pointer;} a:hover ,.link:hover{color:#CD853F;} .zi99 {z-index:99!important;} .infobox {background:rgba(255,236,139, 0.50);border: 1px solid #FFB90F; padding:5px; border-radius:5px; } .infobox .sign, #filter .sign{width:20px;height:19px;background-position:-120px -91px;background-image:url("../media/img/glyphicons-halflings.png");display: inline-block;} .abstand {margin:20px 25px 0 0} .infobox.fehler {background:rgba(159,0,0, 0.30);border: 1px solid #9f0000; padding:5px; border-radius:5px; } .infobox.fehler a{color:#fff; } .infobox.fehler .sign{width:20px;height:19px;background-position:0px -115px;background-image:url("../media/img/glyphicons-halflings.png");display: inline-block;} #iframeaussen {position: absolute;width:0;height:0} #jquerylogin {z-index: 99;position:fixed; top:25%; left:50%;margin-left: -237px; overflow:hidden; width:425px;border: 1px #fff solid;height:200px;padding:25px;background:#4D4A45; box-shadow: 7px 6px 14px #000;} body#blank .login label, body#blank .login legend{color:#fff} #jquerylogin iframe { width:475px; height:240px; border:none;} /*body#blank {background:#DDE2B6;}*/ .kl_font {font-size:70%;} /*Allgemein*/ dl, ul {font-size:16px;} .editfrage_aussen {position:relative;} .navilist a{ font-size:20px;padding:2px} .navilist { margin:15px;} .addgreen {background-color: green; display:inline-block; border-radius: 5px; padding:1px 5px; color: #FFFFFF; text-decoration: none; } table.akc .hell {background:rgba(255, 255, 255, 0.20);} table.akc .dunkel {background:rgba(0, 0, 0, 0.20);} table.akc .hell.hell2 {background:rgba(255, 255, 255, 0.20);} table.akc .dunkel.dunkel2 {background:rgba(0, 0, 0, 0.20);} table.akc .dunkel.hell2 {background:rgba(200, 200, 200, 0.20);} table.akc .hell.dunkel2 {background:rgba(100, 100, 100, 0.20);} table.akc th { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5); border-bottom: 1px solid #777777; } table.akc td {border: 1px solid rgba(255, 255, 255, 0.3);} table.akc{border-collapse: collapse;border:1px solid rgba(255, 255, 255, 0.3);width:725px} table.akc.nth tr:nth-child(odd) td { background:rgba(255, 255, 255, 0.50); } /* Autocomplete */ .autocomplete-w1 { background:url("../media/img/shadow.png") no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; } .autocomplete { font-size:12px;border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden; } .autocomplete .selected { background:#F0F0F0; } .autocomplete a {color:#000;text-decoration:none} .autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; border-bottom: 1px solid #ccc;cursor:pointer} .autocomplete strong { font-weight:bold; color:#3399FF; } .autocomplete small {color:grey} .autocomplete span.ort {font-size:80%;display:block;} .autocomplete li {list-style: disc inside none; margin-left: 25px;} .autocomplete i {color:#666} /* FORMULARE */ .formular {display: table;} .formular div {display:table-row;} .formular label,.formular input, .formular span {display:table-cell;} .formular button,.formular input,.formular select, .formular textarea {border-radius: 5px; margin:10px; padding: 3px 5px;border: 1px solid #A3A3A3;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset;} .formular button:focus,.formular input:focus,.formular select:focus, .formular textarea:focus {background: none repeat scroll 0 0 #FFFFFF; border-color: #D2691E; outline: medium none;} .formular legend {font-weight:bold; font-size:120%} .formular label {font-weight:bold; color:#686868;vertical-align: middle;} .formular label.pflicht {color:#000;} .formular .fehler, form .fehler {border:1px solid red;} .formular .fehlerm {color:red;display:block;} .formular .button, .button {padding: 2px;background: url(../media/img/btn_bg_silver.png) repeat center #fff; border-bottom: 1px #333 solid; border-right: 1px #333 solid; border-top: 1px #ccc solid;border-left: 1px #ccc solid;cursor:pointer} .button:active {border-bottom: 1px #ccc solid; border-right: 1px #ccc solid; border-top: 1px #333 solid;border-left: 1px #333 solid;} .button:hover {background-image:none!important;} .button[disabled] {border: 1px #ccc solid;} .button.gold, .suche .button, .neuesammlerseite .button , #shoutbox form .button, .button.active {background: url(../media/img/btn_bg_gold.png) repeat center #F8CF4A; border-radius:7px; } .button.green {background: url(../media/img/btn_bg_green.png) repeat center #bbd095; display:inline} /* weltkarte */ .stadtauswahl ul li a{background-repeat: no-repeat; padding-left: 25px; background-size:20px; } #content.stadt .stadtauswahl ul li a{ padding-left: 0px; } .stadtauswahl ul li {list-style:none;margin:2px 1px 0; font-size:14px;border-radius:5px} .stadtauswahl > ul {column-count: 3;} .stadtauswahl li small {font-size:60%} #content.stadt .stadtauswahl ul li {list-style:none;background:rgba(0,0,0, 0.05);margin:2px 0;overflow: hidden; width:243px;float:none; border:1px solid #666;position:relative;} #content.stadt .stadtauswahl ul li ul li{background:none; border:none;margin:2px 0px 2px 4px;} #content.stadt .stadtauswahl ul li big {font-size:60px;font-family:lobster,Tahoma;position:absolute;right:28px;color:rgba(0,0,0, 0.15);text-shadow: 2px 2px 2px rgba(0,0,0, 0.15);top: -10px;} #content.stadt .stadtauswahl li.gebrochen.last {border-top:1px dashed #111;border-radius:0 0 5px 5px} #content.stadt .stadtauswahl li.gebrochen.first {border-bottom:1px dashed #111;border-radius: 5px 5px 0 0} #content.stadt .column {margin:0 1px} .stadtauswahl #karte { width:700px;height:400px;cursor:move; } .stadtauswahl #karte path.link {cursor:pointer;} .stadtauswahl #karte path {cursor: not-allowed;} .jvectormap-label { position: absolute; display: none; border: solid 1px #330000; border-radius: 3px; background: #E2CD6D; color: #330000; padding: 3px;z-index:2;} .jvectormap-zoomin, .jvectormap-zoomout { position: absolute; border-radius: 3px; border: solid 1px #330000; background: #E2CD6D; padding: 4px; color: #330000; width: 13px; height: 11px; cursor: pointer; line-height: 10px; text-align: center;} .jvectormap-zoomin { left: 10px; top: 10px;} .jvectormap-zoomout { left: 10px; top: 35px;} #content.wissen .links {margin-top:30px; float:left} #content.wissen p {margin: 10px 0;} #content.wissen .autor {float:right;margin:20px} #content.wissen h3 {margin-bottom:20px;font-size:16px;color:#555;} /*BENUTZERVERWALTUNG*/ .neuespw form {border:1px solid green; border-radius: 5px;background:rgba(154,205,50, 0.50);} .neuespw form div {display:inline-block;} .neuespw form .button {vertical-align: top;} .neuespw .infobox {position:absolute; right:0;top:50px; width:400px; margin-right: 50px} .hinweiseinblenden { background: rgba(255, 236, 139, 0.8); display: inline-block; position: fixed; right: 10px; top: 10px; z-index: 99;} .hinweiseinblenden .button {float: right; font-size: 130%; margin: 10px;} #content.suserdata form{display:block;} #content.userdata div.border {border-radius:5px; border:1px solid #aaa; padding: 5px} #content.userdata .wysiwyg textarea{width:700px; height:400px} #content.userdata ul {margin: 10px 20px} .wysiwyg .formular {display: block;} .wysiwyg body {display: block;} .wysiwyg .formular div {display:inline-block;} .wysiwyg .sceditor-toolbar {display:block!important} #content.userdata .vkdetails label {display: inline;} /* BREADCRUMB */ #breadcrumb li {float:left; list-style:none;padding-left:6px} #breadcrumb li:after {content:' ⇨ ';} #breadcrumb li:last-child:after {content:'';} #breadcrumb:after {content:'.';visibility:hidden;} #breadcrumb a {} /*Forum&Ideen nav*/ #navcrumbs {text-align: center;} #navcrumbs ul {list-style: none;display: inline-flex;background:#fff;border-radius:5px;overflow:hidden} #navcrumbs ul li {display: table;} #navcrumbs ul li a,#navcrumbs ul li span {border-right: 2px solid #fff;display: table-cell;vertical-align:middle;line-height:12px;height:26px;background: #666;text-align: center;padding: 0px 5px 2px 20px;position: relative;margin: 0 4px 0 0;font-size: 12px;text-decoration: none;color: #fff;} #navcrumbs ul li a:after , #navcrumbs ul li span:after,#navcrumbs ul li span:before, #navcrumbs ul li a:before {content: ""; border-bottom: 14px solid transparent;border-top: 14px solid transparent;border-left: 10px solid;position: absolute;} #navcrumbs ul li a:after ,#navcrumbs ul li span:after{right: -10px; top: 0;z-index: 1;border-left-color:#666} #navcrumbs ul li a:before ,#navcrumbs ul li span:before{border-left-color: #fff;position: absolute; left: 0; top: 0;} #navcrumbs ul li:first-child a ,#navcrumbs ul li:first-child span{border-top-left-radius: 5px; border-bottom-left-radius: 5px;} #navcrumbs ul li:first-child a:before ,#navcrumbs ul li:first-child span:before{display: none;} #navcrumbs ul li:last-child a,#navcrumbs ul li:last-child span {border-right:0;padding-right:20px;margin-right:0;border-top-right-radius:5px;border-bottom-right-radius:5px;} #navcrumbs ul li:last-child a:after ,#navcrumbs ul li:last-child span:after{display:none;} #navcrumbs ul li a:hover {background: #cd853f;} #navcrumbs ul li a:hover:after {border-left-color: #cd853f;} #navcrumbs ul li.aktiv a,#navcrumbs ul li.aktiv span {background: #d2691e;cursor:default;font-weight:bold;} #navcrumbs ul li.aktiv a:after, #navcrumbs ul li.aktiv span:after{border-left-color:#d2691e} #navcrumbs ul li.link a {cursor:pointer;} #navcrumbs ul li.link a:hover {background: #cd853f;} .motiv ul ul {margin-left:15px;} .ort ul {margin-left:15px;} .ort .editportfrage {font-size:12px; position:absolute; bottom:65px; left:350px; background-color:green; padding: 3px;border-radius: 5px; color:#fff; cursor:pointer; font-weight:bold;} .ort .editregionfrage {font-size:12px; position:absolute; bottom:25px; left:350px; background-color:green; padding: 3px;border-radius: 5px; color:#fff; cursor:pointer; font-weight:bold;} .stadt li a.main { font-weight: bold;} /* AK SEITE*/ dl dt {font-weight: bold;float:left; width:190px;line-height: 22px;text-align:right;} dl dd {margin:2px 15px 0 195px; line-height: 22px;min-height: 22px;padding:0 5px;} dl dd.edit{height:auto} .org {font-size:80%} .ak .edit input,.jedit input {width:430px!important;} .ak .edit.area textarea {width:430px!important; height: 100px!important;} .ak dd.edit.area {white-space:pre-wrap} .ak .edit,.jedit,.sammelgebiet .edit,.motiv .edit,.ak .load, .akedit .edit{background: rgba(0, 160, 0, 0.1);border-radius:5px;cursor:pointer} .edit.empty {background:rgba(0, 160, 0, 0.38)!important;color:#555} .ak .edit.hover,.jedit.hover,.motiv .edit:hover,.jedit:hover,.ak .load:hover {cursor:pointer; background:url("../media/img/ksig.png") rgba(0, 150, 0, 0.5) 515px no-repeat;} .autobreite.jedit input {width:auto!important;} .meineangebote .jedit input {width:60px!important;} .meineangebote form span {margin-left: 40px;} .meineangebote form input[name=suche] {width: 200px;} .meineangebote form[name=form] { background-color: #d2691e; border: 1px outset #000; border-radius: 3px; margin: 10px 25px 10px 0; padding: 2px; text-align: center;} .sammel { background: #ddd4b8;border: 1px solid #d2691e; border-radius: 5px; margin: 5px; padding: 5px; display: inline-block;position:relative} #sammelgebiete .sammel { background: rgba(0, 0, 0, 0.1);} .sammel:hover{ background: rgba(0, 0, 0, 0.05);} .sammel h3{float:left;} .sammel.delete { background-color: red} .sammel.delete a{ color: black;} .sammel h4 img{display:none} .ak #eigenschaften {position:relative;} .ak #eigenschaften .code input{ width: 30px;} .ak #eigenschaften .code{left: 309px; position: absolute; top: 50px;} .ak #eigenschaften ul{padding: 6px} .ak #eigenschaften li{margin-left: 30px} .ak #eigenschaften span{vertical-align:top} .ak #orte th{text-align:right;font-weight:bold;padding: 2px 10px 2px 0; width:179px} .ak #preisstats {width:45%;float:left;overflow:hidden} .ak #preisstats table td {padding:0 5px;} .ak #angebote {width:45%;overflow:hidden; background: url("../media/img/sale.png") no-repeat 135px -6px; min-height:300px} .ak #angebote li {margin-left: 15px;} .ak #angebote li.ang a {display: inline-block;vertical-align: middle;text-decoration:none} .ak #angebote li.ang a span.text{float:right;margin-left:5px} .ak #angebote li.ang a span.bilder{float:left} .ak #angebote .ang .preis{font-size: 17px;} .ak #angebote li.ang small{font-size: 12px;display: block;} .ak #angebote li.ang img{} .sammelgebiethinzutext {position:fixed;z-index:4; top:10px;left:0px;margin:40px; width:90%;height:90%; border:1px solid; background:#eee;display:none;} .ak #sammelhinzu {border:1px green solid;text-align:center; background-color:rgba(0, 160, 0, 0.1); font-weight:bold; color:#000; display:inline-block; border-radius: 5px; padding: 3px; float:left; margin:5px 5px 5px 0px;} .ak #sammelhinzu.empty{background: rgba(0, 160, 0, 0.4);} .ak #sammelhinzu input {display:block; margin:2px; width: 200px;} .ak #verlag {margin-top: 10px;} .ak #verlag .secure {position:relative} .ak .editverlagfrage {background-color:green; padding: 3px;border-radius: 5px; color:#fff; cursor:pointer; font-weight:bold;} .ak #verlagdazu {background-color:#B7C166;border-radius: 5px; padding: 3px;} .ak .myak {position: absolute;right: 30px;top: 49px;} .ak .imgm {position: absolute;right: 30px;top: 102px; } .ak .ange {position: absolute;right: 30px;top: 77px; } .ak .gimgsuche {width:200px;position:absolute; top:200px;right: 5px;} .ak .maximg {position:absolute; top:-100px;z-index:1;background-color:#222; padding:10px; border-radius:15px;} .ak #uploadby {margin:10px 0 20px 0;font-size: 80%;} .ak #akslide a {display:inline-block;float:left;} #content.ak .img1{max-height: 300px; max-width: 400px;float: left; margin: 0 5px 5px 0;} #content.ak h1 {clear:both} #namegervorschlag{position:relative;} #content.ak dl .vorschlag,#editm .vorschlag{opacity: 0.9;position:absolute; left:115px;bottom:0;background: #dddbff; border-radius:5px;max-width:800px;padding:5px;} #content.ak dl .vorschlag > span,#editm .vorschlag > span {cursor:pointer; background: none repeat scroll 0 0 #fff; border: 1px outset #aaa; border-radius: 3px; padding: 1px 5px; } .moveimg {position:absolute;top:40px;right:40px;PADDING:2px;border:1px solid #222;background:#222;border-radius: 5px;} /*.close {position:absolute;top:-23px;right:-23px; background:#fff;cursor:pointer;border-radius: 20px; color: red;border: 1px solid #000; font-weight: bold;border: 7px double #000; padding: 2px 6px;}*/ .schalter {cursor:default;position:absolute;background:#fff;border-radius: 14px; color: #444;border: 3px solid #000; font-weight: bold; padding: 2px 0px;} .schalter .close{color:red} .schalter.oben {top:-23px;right:-23px; } .schalter.unten{bottom:-23px;left:-15px;font-size: 80%;} .schalter span {cursor:pointer;padding: 4px 10px;border-radius:11px;border-left: 1px groove} .schalter span:hover{background-image: linear-gradient(to left, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.25) 70%);text-shadow: 0 1px 1px #fff;;color:black;} .moveimg img {width:100%} .movebox[rotate="90"]{-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);} .movebox[rotate="180"]{-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);} .movebox[rotate="270"]{-moz-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);-webkit-transform: rotate(270deg);transform: rotate(270deg);} div .weg, .weghover:hover .secure b { background: url("../media/img/glyphicons-halflings-white.png") #444 -309px 2px no-repeat; padding:0px; cursor: pointer;border-radius: 7px;} div .securef{display: inline-block;background:#444;color:#ddd;border-radius: 8px;padding: 2px 2px 2px 6px;position:absolute; right:2px;white-space: nowrap;font-size:12px;} .secure b{float: right; margin:0px;height: 19px;line-height: 19px;vertical-align: text-top;width: 20px;position:absolute; right:2px; display:inline-block;} .ak .verlag {border-radius: 5px; border: 1px solid #aaa;margin-top: 5px; padding: 5px 0;} .ak .verlag dt, .ak .verlag dd {font-size:70%;line-height: 15px;min-height: 15px;} .ak .verlag .editverlag {font-size:100%;} .bnein {border-radius: 0px 5px 5px 0px; display: inline-block;background: url("../media/img/glyphicons-halflings-white.png") -312px 0 no-repeat red; cursor: pointer;height: 16px;line-height: 17px;vertical-align: text-top;width: 17px;} .bja {border-radius: 5px 0px 0px 5px; display: inline-block;background: url("../media/img/glyphicons-halflings-white.png") -288px 0 no-repeat green; cursor: pointer;height: 16px;line-height: 17px;vertical-align: text-top;width: 17px;margin-left:5px;} #content.akangebotsliste #scan {padding-top:15px} #content #scan .ang img {} #content #scan .ang {background-color: rgba(150, 150, 150, 0.56); border: 1px outset #AAAAAA; border-radius: 5px; clear: both; margin:3px 0; display: inline-block; padding: 5px;} /*img manager*/ #content.imgm .da, #content.imgm .weg, #content.imgm .button {width:22px; height:22px;border-radius:3px;margin:0 auto;} #content.imgm .da {background: url("../media/img/glyphicons-halflings-white.png") -453px 4px no-repeat red; } #content.imgm .x .weg {background: url("../media/img/glyphicons-halflings-white.png") -212px -20px no-repeat green;} #content.imgm .x td.bild, .gesperrt{background:url("../media/img/streifen_rot.png")!important;opacity: 0.5;} #content.imgm .x img {opacity:0.5;} #content.imgm table {width:100%; text-align:center} #content.imgm input {width:70px; text-align:right} #content.imgm .save {width:25px;height:25px; overflow:hidden; color:transparent; background-color: #ddd} #content.imgm .button.green {width:auto;height: auto;} /* hinzubutton grün*/ .ideen .edit, #verlagseriehinzu, .sammelgebiet #orthinzu, .sammelgebiet #themahinzu, .ort #regionadd, .ort #portadd, .sammlerwebseiten #neueseite {background-color: green; display:inline-block; border-radius: 5px; padding:1px 5px; color: #FFFFFF; font-weight:bold;font-size:12px; } .ak #verlagadd {border:1px green solid;color:#000; background-color:rgba(0, 160, 0, 0.1);display:inline-block; border-radius: 5px; padding:1px 5px; font-weight:bold;font-size:12px; } .ak #verlagadd.empty {background-color:rgba(0, 160, 0, 0.4);} /* Verlag */ #verlagseriehinzu .send {width:16px;height:16px;vertical-align:text-top;background-repeat:no-repeat;display: inline-block;background-image:url("../media/img/glyphicons-halflings.png");background-position:-193px -97px; color:transparent; border-radius:10px;cursor:pointer;} #verlagseriehinzu {margin: 10px 0;} #verlag_name .rename,#vserie_name .rename {float:left;} #verlag_name.edit,#vserie_name.edit,#verlag_keywords.edit {background: rgba(0, 160, 0, 0.1);border-radius:5px;width:600px;padding:2px 5px;line-height:22px;display: inline-block;cursor:pointer;} #verlag_name.edit:hover,#vserie_name.edit:hover,#verlag_keywords.edit:hover{cursor:pointer; background:url("../media/img/ksig.png") rgba(0, 160, 0, 0.38) 580px no-repeat;} #verlag_name.edit input,#vserie_name.edit input,#verlag_keywords.edit textarea{width:510px!important;} #verlag_keywords.edit textarea{height:150px!important} #content.verlag #vtyp { display:inline-block} #content.verlag #vtyp select {width:150px} /* Themen */ .motive > ul > li {list-style: none; margin-top:10px;background: rgba(0, 0, 0, 0.05); border: 1px solid #666;border-radius: 5px;padding:5px} .motive ul ul li {list-style: circle;margin:0 0 0 30px;font-size:14px;} .motive ul ul {-webkit-column-count: 2; -moz-column-count: 2;column-count: 2;} /* Nachrichten POSTFACH */ .post {border-bottom:1px solid;border-radius: 20px;padding: 15px; font-size:12px;margin: 5px 0;} .post.ich {background: rgba(255, 255, 255, 0.20);} .post.andere {background: rgba(20, 0, 0, 0.2);} .post.neu {background: rgba(20, 70, 0, 0.2);} .post .posthead i {float:right;} .post .posthead b {font-size:15px;} .post div {margin-bottom:15px;} .nachricht textarea {width:500px;} .nachricht input[type=submit] {height:61px; position: relative;top: -22px;} .nachrichten .post span {display:block} .nachrichten .post { padding: 0;} .nachrichten .post a {display:block; padding: 15px; color:#000} .nachrichten .post a:hover {color:#D2691E} /* Sammelgebiet */ .sammelgebiet #dkatinfo {overflow-y: auto; overflow-x: hidden; max-height:200px} .sammelgebiet .edit {background: rgba(0, 160, 0, 0.1);border-radius:5px} .sammelgebiet .edit input {width:450px!important;} .sammelgebiet .edit.area textarea {width:450px!important; height: 100px!important;} .sammelgebiet .edit.hover {cursor:pointer; background:url("../media/img/ksig.png") rgba(0, 160, 0, 0.38) 520px no-repeat;} .sammelgebiet .ortmotiv .secure b, .sammelgebiet .ortmotiv .securef {right:auto !important; margin: -18px 0 0 -23px; font-size:12px; float:left} #sammelgebiete {font-size: 12px;display: inline-block; margin: 10px 0;} .sammelgebiet #themaliste, .sammelgebiet #ortliste {margin-bottom:20px} .thumb {float:left; margin-right: 10px} #content.sammelgebiet #kartenliste span.sammelthumb {cursor: pointer; position: absolute; top: 1px; left: 1px; background:rgba(255,153,0, 0.70);font-size:12px;font-weight:normal; border-radius:3px;height:28px; width:173px;padding:4px} #content.sammelgebiet #kartenliste span.sammelthumb .icon{float:left;margin:0 5px 0 15px} #content.sammelgebiet #kartenliste span.sammelthumb:hover {background:rgba(255,153,0, 0.9)} #content.sammelgebiet #kartenliste span.sammelthumb b{text-shadow: 2px 2px 2px #000,-2px -2px 2px #000; color: green;} #content.sammelgebiet .more_dkat { font-size: 70%;} #content.sammelgebiet .ortmotiv {float:left} #content.sammelgebiet #sammelgebiete {float:right;display:block} #content.sammelgebiet #sammelgebiete .sammel{display:flex} #content.sammelgebiet #keywords {font-size:60%} /*user*/ .user .michinfo {float:right;width: 460px;background: rgba(100, 100, 100, 0.20);padding:10px;border-radius:5px} #agb {background: rgba(100, 100, 100, 0.10);padding:10px;border-radius:5px; font-size:80%; margin-top:20px} #agb li {font-size: 80%;} .agbbox {background: rgba(255, 255, 255, 0.30);padding:5px;border-radius:5px;margin-top:20px;border:1px solid rgba(0,0,0, 0.23)} .agbbox #agb{margin-top:10px} #agb.scroll {height:200px; overflow-y: scroll;} .user .tabel {float:left;font-size:20px;} .nachricht_link{background:url(../media/img/igm.png) no-repeat left center; padding-left:30px;} .myak_link {background:url(../media/img/myak.gif) no-repeat left center; padding: 0 0 0 50px;margin-top:20px} /*BILD UPLOAD*/ .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 745px !important;} #content.upak .ak .bild{float:left; width: 185px; overflow:hidden;} #content.upak .ak .info {float:left;font-weight: bold; } #content.upak .ak {clear:both;border-top: 3px dotted #777} #content.upak .ak .b {background-color:#ccc;} #content.upak .akhoch, .iconinspan{display:inline-block} #content.upak #ak1 .akhoch {display:none;} #content.upak .akhoch span, .iconinspan span{display:block;width:14px;height:15px} /* Versionstabelle */ table#version {border-collapse:collapse; width:100%} table#version td {border:1px solid #ccc; border-collapse:collapse;padding:5px;} table#version th {color:#E1782D;background:#666;} table#version .th td {background: rgba(255, 255, 255, 0.30);} table#version td a{display:block;} .ideen .edit {margin:10px 0; padding: 15px;text-align: center; } .ideen .formular.neueidee input, .ideen .formular.neueidee textarea{width: 400px;} .ideen table#version td {border:none;} .ideen table#version .hell td {background: none;} /* news */ #content.news .more{border-top:1px #aaa solid} #content.news div.r{border: 1px solid #AAA; border-radius:5px; margin:3px;background:url(../media/img/bg_app.jpg);overflow:hidden;padding:5px} #content.news h2{font-size:18px; font-weight:normal;} #content.news div.r:hover{color:#333} /*highscore*/ #content.punkte table {width:725px;text-align:center; table-layout:fixed;border-collapse:collapse} #content.punkte td,#content.punkte th {border:1px solid rgba(255, 255, 255, 0.30);} #content.punkte th {background: rgba(255, 255, 255, 0.50); border-bottom:1px solid #777;} #content.highscore table {width:725px;text-align:center;border-collapse:collapse} #content.highscore td,#content.highscore th {border:1px solid rgba(255, 255, 255, 0.30);font-size:10px} #content.highscore th {background: rgba(255, 255, 255, 0.50); border-bottom:1px solid #777; font-size:10px} #content.highscore a {font-size:12px} #content.highscore .admin {color:rgba(0, 0, 0, 0.30);} #content.highscore .ich {background:rgba(255,153,0, 0.50);} #content.highscore .admin a {color:rgba(210,105,30, 0.50);} #content.highscore .klein {font-size:70%;} #content.highscore table tr:nth-child(odd) td { background:rgba(255, 255, 255, 0.50); } #content.statistik table {text-align:center;} #content.statistik h1 {float:left;} #content.statistik h2 {margin:10px} #content.statistik colgroup.th {background:rgba(255, 153, 0, 0.3);} #content.statistik .preis li {clear:both;} #content.statistik .preis, #content.statistik .ort {width:360px;overflow:hidden;} #content.statistik .ort {float:left;} #content.statistik .zahl {width:100%;width:360px;float:left;} #content.statistik .zahl h1 {float:none;} #content.statistik .zahl td {text-align:right} #content.statistik .myak td {padding:0 5px} #content.myakstartseite .naviauswahl li, #content.shop .naviauswahl li {float:left; list-style: none;} #content.myakstartseite .naviauswahl li a,#content.shop .naviauswahl li a{display:inline-block; font-size: 18px; font-weight: bold; text-align: center;margin: 0 45px;} #content.myakstartseite .naviauswahl li a img,#content.shop .naviauswahl li a img{width:150px;display: block;} /*sammlerwebseiten*/ .sammlerwebseiten img{ float:left;} .sammlerwebseiten .seite{ background:rgba(0, 0, 0, 0.15);margin:10px;border-radius:5px; overflow:hidden} .sammlerwebseiten table{background:rgba(255, 255, 255, 0.38);float:left; font-size:70%; padding-bottom:6px; width:150px} .sammlerwebseiten .beschreibung {padding:2px 0 2px 10px; width: 400px; display:inline-block;} .sammlerwebseiten td{ padding:2px;} .sammlerwebseiten h3 {font-family: 'Lobster',Tahoma;margin-left: 20px} .sammlerwebseiten .bewertung .balken {width:50px;height:12px; border-radius:3px; background-color:#f66;} .sammlerwebseiten .bewertung .aussen {width:75px;} .sammlerwebseiten .bewertung i{left:7px; bottom:0px} .sammlerwebseiten #neueseite {border:1px solid; position:absolute; right:150px; top:60px; background: green;cursor: pointer;text-decoration:none;} .sammlerwebseiten .back {float:right} .neuesammlerseite .feld {width:300px;} .neuesammlerseite label {width:200px;} .neuesammlerseite .button {width:165px; height:37px; position:relative; left: 264px;} #content.angebotedit .bilder {} #content.angebotedit .bilder div {margin:3px;text-align:center;border-radius:5px; display:inline-block;padding:3px;background: rgba(255, 255, 255, 0.40);} #content.angebotedit .bilder div.my {background: rgba(0, 160, 0, 0.2);} #content.angebotedit .bilder div img{display:block} #content.angebotedit .bilder div input{} #content.angebotedit .gesperrt td{opacity:0.8} /*Kartenliste*/ #kartenliste div {border-radius:5px;background-color:#222;height: 135px;width: 179px; float:left; margin:2px; padding:2px;position:relative;text-align: center;overflow:hidden;} #kartenliste.b12 div {height: 265px;} #kartenliste div span{position:absolute; left:0px; bottom:0px; border:0px;text-shadow: 2px 2px 2px #000,-2px -2px 2px #000; color: #fff;width: 100%;} #kartenliste a {font-size:13px; text-decoration: none;display:block;} #kartenliste.liste span{position:inherit;color:#ddd;color: #fff;width: auto; border-left: 1px #ddd solid;border-radius: 3px;padding-left:3px} #kartenliste.liste b {font-size:13px; float:left;padding:2px 7px; color:#FFD89C} #kartenliste.liste a.ak {font-size:13px; text-decoration: none; border-radius:5px;background-color:#222;margin:2px; padding:2px;overflow:hidden;} #kartenliste.liste a.ak:hover{background-color:#444;} #kartenliste.liste img{float:left;border:none} #kartenliste.liste span.jahr{float:right;margin:0 5px} #kartenliste.liste .ak.sale{border-radius:5px 3px 3px 5px} #kartenliste div .aklink,#kartenliste div a.fancybox{border-radius:5px;position:absolute; bottom:1px; z-index:1; height:100px; color:#fff;padding-top:37px} #kartenliste.b12 div .aklink ,#kartenliste.b12 div a.fancybox {height:167px;padding-top:100px} #kartenliste div a.fancybox {background:rgba(255,255,255, 0.7);left:1px; width:75px;} #kartenliste div a.fancybox b{text-align:center} #kartenliste div a.fancybox:hover {background:rgba(255,255,255, 0.9);} #kartenliste div .aklink {background:rgba(180,180,180, 0.7);left:77px;width:105px;} #kartenliste div .aklink:hover {background:rgba(255,255,255, 0.9);} #kartenliste div .aklink,#kartenliste div a.fancybox{text-shadow: 2px 2px 2px #000000, -2px -2px 2px #000000;} #kartenliste.log div .aklink,#kartenliste.log div a.fancybox {height:63px;} #kartenliste div span small {color: orange;font-size: larger;} #kartenliste .sale a.preis ,.feiertage .preis{z-index:1;box-shadow: 2px 2px 2px #000000;background: none repeat scroll 0 0 orange; color: #222; font-weight: bold; padding: 5px 22px; position: absolute; right: -48px; top: 14px;-webkit-transform:rotate(46.6deg); transform: rotate(46.6deg); width: 100px;} #kartenliste .sale a.preis:hover{background:#ff9000;} #kartenliste a.preisinliste {background-color: orange; color:#222; border-radius: 0px 5px 5px 0px;position:relative; left:-2px; z-index:-1;padding: 10px;float:right; font-weight:bold;height:17px;} #kartenlistemenu {background: rgba(0,0,0, 0.1); border-radius: 15px 15px 0 0; padding:3px; margin: 5px 2px 0; padding:0 50px} #kartenlistemenu .button {padding: 2px 3px 0px; border-radius:4px;display: inline-block;} #kartenlistemenu form {display:inline-block; margin-left:11px} #kartenlistemenu form option,#kartenlistemenu form select{font-size:17px} /*akangebotsliste auvh rechts*/ .angebotlinkoben {text-align:center; position: absolute; right: 30px; top: 130px;color:black;font-size:12px; text-decoration:none; background-image: linear-gradient(190deg, #FFFFF6 52%, #FFAC00 100%);font-size:15px;padding:4px} .angebotlinkoben:hover {color:black;} .angebotlinkoben .preis{color:#900;font-weight:bold;font-size:18px} #rechtespalte .akangebotsliste .preis,.ang .preis {font-size:14px;font-weight:bold;color:#990000; float:none;} .akangebotsliste .preis, .cart .preis {font-size:24px; float:left;} #scan .ang .preis {font-size:14px;float:none;} .akangebotsliste .ro {float:right; margin:0 20px 5px 5px} .raussen.akangebotsliste{background:#FFB405 !important;border-color: #88311E!important;} .akangebotsliste .rinnen{background:#FFF0CF !important; padding:3px;text-align:center} .akangebotsliste .ang{border-top: 3px dotted #aaa; padding: 2px 4px 7px} .akangebotsliste .ang:first-child{border-top: none!important; } .akangebotsliste h2{color:#88311E!important} .akangebotsliste img{margin-top:3px} .akangebotsliste .porto, .akangebotsliste .porto .preis {font-size:12px;float:none} .steuer {font-size:60%;} .akangebotsliste .porto b {display:block} .akangebotsliste strong {font-size:14px;} .akangebotsliste .t {display: table;width:100%;} .akangebotsliste .tc {display: table-cell; border-radius:10px; background: rgba(0, 0, 0, 0.15);padding:3px;} #content.orders .order-info {background: rgba(0, 0, 0, 0.15);} .akangebotsliste .tc.porto, #content.orders .tc {background: rgba(0, 0, 0, 0.05);} .akangebotsliste .tc.porto td{padding-left:3px;border-top:1px #ccc solid} .akangebotsliste .zahlung {background: rgba(0, 0, 0, 0.10); line-height:20px;border-radius:7px;padding:3px;margin-bottom:1px;clear:both} .akangebotsliste .zahlung span{vertical-align:bottom; margin-right:5px} .akangebotsliste .ro form button {height: 40px; width: 125px; } .akangebotsliste .ro form {float:right; margin-left:20px} .cart .vk:hover .zkasse, .akangebotsliste .ang:hover button.shop, button.gruen {background: #9dd53a; /* Old browsers */ background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */ background: linear-gradient(to bottom, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */ } .akangebotsliste .ang button.shop:hover, button.gruen:hover {background: #8FC92A;} .ang .button.preisvorschlag{height: 32px;width: 98px;color: #000;text-decoration: none;font-size: 12px;padding: 3px;display: inline-block;text-align: center;top: 16px;position: relative;} .ang:hover .button.preisvorschlag{background: linear-gradient(to bottom, #81BEF7 0%,#81BEF7 50%,#58ACFA 51%,#58ACFA 100%);} .akangebotsliste .ang .button.preisvorschlag:hover {background: #58ACFA;} /*akangebotsliste inhalt*/ #content.akangebotsliste, #content.akangebotsliste #content_unten {position:relative;} #content.akangebotsliste .ang,#content.akangebotsliste .rahmen, #content.orders .order{padding: 2px 4px 7px;background:rgba(255,255,255, 0.4); border: 1px outset #AAAAAA;margin-bottom:5px; border-radius:15px} #content.akangebotsliste .ang.active, #content.akangebotsliste .ang:hover{background:rgba(255, 145, 15, 0.15);} #content.akangebotsliste .back { position: absolute;top: 54px;right:10px} #content.paymentsedit #beispiel{display:none; background: rgba(0, 0, 0, 0.15);padding:10px} #content.paymentsedit .jedit.area{white-space:pre-wrap;} #content.paymentsedit .jedit.area textarea{height:200px; float:left;} #content.akangebotsliste .zahlung .fee {font-size:70%} #content.akangebotsliste .zahlung > div {display: inline-block;border: 1px outset #dddddd; border-radius: 6px; margin: 1px;padding: 1px;background: rgba(255, 255, 255, 0.4)} #content.cart .vk{background:rgba(0, 0, 0, 0.1);border-radius:15px;margin-bottom:10px;padding:10px;} #content.cart .ang div{float:left;margin:0 10px} #content.cart .ang div.text{max-width:400px} #content.kasse .ang, #content.cart .ang {border-bottom:#444 dotted 1px;clear:both;} #content.kasse .portobox, #content.kasse .zahlbox, #content.kasse .adressbox {border-top:#444 dotted 1px;} #content.kasse .portor, #content.kasse .zahlungr {margin-top:10px} #content.kasse .rechts {margin-right:10px} #content.kasse .checkout {width: 600px; height: 30px; size: 20px;font-weight:bold;margin-top:10px;text-align:center;float:none} #content.cart .ang:last-child {border-bottom:none} #content.cart h3{margin-bottom:10px;display:inline; float:left;} #content.cart .preis{font-size:16px;} #content.cart .zkasse{float:left;margin-left:10px} #content.cart .preisvorschlag {display:inline-block;font-size: 60%;text-decoration: none;color: #000;} #content.kasse input {float:left;margin-right:10px} #content.kasse .ang div {float:left;margin-right:10px} #content.adressen .formular input, #content.adressen .formular select, #content.adressen .formular textarea {margin:2px;} #content.adressen .neuuser input, #content.adressen .neuuser select, #content.adressen .neuuser textarea {margin:2px; width:300px} #content.adressen .tel {margin-top:6px;} #content.adressen .adr {margin:3px; background:rgba(0,0,0, 0.15);padding:3px;border-radius:4px;display:inline-block;float:left;position:relative} #content.adressen .adr.hover{background:rgba(0,0,0, 0.10);cursor:pointer;} #content.adressen .adr .hshow{display:none;position:absolute; top:0; right:0px;background:#444;padding:3px;border-radius:4px;white-space:nowrap; text-align:right;} #content.adressen .neuadr, #content.adressen .neuuser{margin:5px; background:rgba(0,100,0, 0.15);padding:3px;border-radius:4px; font-size:14px;width:400px;float:right} #content.adressen .neuuser {float:none; width:725px} #content.adressen .neuadr h2{margin-bottom:5px;} #content.adressen .neuadr select{width:157px;} #content.adressen .adr .vk, #content.adressen .adr .k {font-weight:bold;background:rgba(0,0,0, 0.15);padding:3px;border-radius:4px;margin:1px} .shopnavi {background:url("../media/img/line.png") repeat-x 0 15px rgba(255,255,255, 0.60);border-radius:5px;border: 1px solid #aaa;} .shopnavi span {display:inline-block; width: 175px; height: 40px; float:left; text-align:center;margin:5px;padding-top:50px} .shopnavi span.aktiv {font-weight:bold; border-radius:5px;background: radial-gradient(ellipse at center 16px, rgb(3,5,1) 4%,rgba(255,145,15,0.3) 7% );} /* suche */ #quicksearch {text-align:center; } #quicksearch .inner {padding:2px} #quicksearch .erweitert {font-size:10px;} #quicksearch input{width:145px;font-size: 16px;} /*.autocomplete-w1.rechts {left:auto;right:-153px}*/ .suche #suche fieldset{background: rgba(34,139,34, 0.80); padding: 0 10px 10px; display:inline-block; border-radius:10px; border: 1px solid;} .suche #suche input[name=s] {width: 400px;} .suche #suche select[name=q] {width: 200px;} .suche #ergebnisse #liste a {text-decoration: none; color:#BD5E1B;padding:3px 10px;display:block;border-radius:10px;} .suche #ergebnisse fieldset {background: rgba(255, 255, 255, 0.50); border-radius:10px; padding: 10px} .suche #ergebnisse .main {font-size:110%; font-weight:bold; color:#A85418;} .suche #ergebnisse .parent {font-size: 80%; color:#D2691E;} .suche #ergebnisse .root {font-size: 80%; color:#D2691E;} .suche #ergebnisse .regionbox{font-size: 60%; color:#D67834;display: inline-block; vertical-align:middle;} .suche #ergebnisse .region{display:block;} .suche #ergebnisse .land{} .suche #ergebnisse #liste a:hover {background: rgba(60, 60, 60, 0.30);} .suche #ergebnisse #kartenliste div{width:173px} .suche #ergebnisse #kartenliste div:hover{background:#333;} .suchergebnisse a {display:block;overflow:hidden;text-decoration: none; color:black/*#BD5E1B*/;border-radius:4px;border-bottom:1px solid #333; border-right:1px solid #333;padding:3px 10px;background:linear-gradient(to bottom, #fcfcfc 0%,#d3d3d3 100%);} .suchergebnisse a:hover {background:rgba(255, 255, 255, 0.70);} .suchergebnisse h3{font-size:100%} .suchergebnisse h4 {font-size:80%} .suchergebnisse strong {color:#BD5E1B} .sammelsuche input#suche {font-size: 150%;} .sammelsuche .esuche {margin-left:20px;display:inline-block} /*Forum*/ .forum .z1 {background: rgba(255, 255, 255, 0.3);} .forum .z2{background: rgba(20, 0, 0, 0.15);} .forum .first{background: rgba(255, 145, 15, 0.4);} .forum .post {font-size:80%;border-left: 1px solid #666;padding:5px} .forum .post .beitrag{background: rgba(255, 255, 255, 0.8);border-radius: 17px;padding: 11px;margin:0;max-height: 400px;overflow: auto;} .forum .posthead {margin: 5px 15px;} .forumpostschreiben textarea{width:720px;height:400px} .forumpostschreiben.frame {z-index:50; margin-left:-400px; margin-top:-250px; width:750px;height:500px;position:fixed;top:50%;left:50%; border:none;padding:15px; border-radius:10px;box-shadow: 2px 0 5px #000, 4px 1px 11px rgba(0, 0, 0, 0.5);background:url("../media/img/main_bg.jpg") rgba(20, 0, 0, 0.15)} .forumpostschreiben label, .forumpostschreiben span{display:inline} .forum .container {position:relative;} .forum .getpostschreiben {padding:5px;font-size:100%;margin:10px;} .topicliste, .forumliste{display:table;border-collapse: collapse; font-size:15px} .forum .topicliste li, .forumliste li {border:1px solid #ccc;list-style:none;display: table-row;} .forum .topicliste li:hover, .forumliste ul ul li:hover {background:orange;} .forum .topicliste a ,.forumliste a{display:block; padding: 1px 10px;text-decoration:none;color:#b04700} .forum .topicliste b {font-size:11px} .forum .topicliste .titelzeile {display:table-header-group;border:1px solid #ccc;background:#aaa;text-align:center;} .forum .topicliste .topic ,.forum .stats ,.forum .topicliste .neupost ,.forum .uforum ,.forum .oforum{background:#fff;/*IE*/vertical-align:middle;display:table-cell;background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(241,241,241,0.7) 50%,rgba(225,225,225,0.7) 51%,rgba(246,246,246,0.7) 100%);} .forum .topicliste .topic {width: 535px;} .forum .oforum{text-align:center;} .forum .stats {font-size: 80%;border-left:1px solid #ccc; border-right: 1px solid #ccc;text-align:center;width:50px;background:linear-gradient(to bottom, rgba(236,238,239,0.7) 0%,rgba(219,225,228,0.7) 50%,rgba(205,212,217,0.7) 51%,rgba(235,237,239,0.7) 100%);} .forum .topicliste .neupost {width:150px; padding: 0 5px;} .forum .topicliste i{font-size:10px} .forumliste .stats {white-space:nowrap;font-size:60%;width:85px} .forum .desc {font-size:60%} .forum .gettopicschreiben{margin: 5px;} .forum .zumachen.button {position: absolute;top: 1px;right: 10px;} .forum .lastposts li{margin-top:10px; font-size:12px} .forum .button[name="forum_submit"]{float:right;padding: 8px} .bbcode img {vertical-align:middle;max-width: 100%;} .bbcode blockquote {background:rgba(249, 246, 100, 0.19);padding:5px;border:1px solid #333; border-radius:9px;position:relative;} .bbcode blockquote:before {color: #666; content: "“"; font-family: serif; font-size: 100px; font-weight: bold; left: 7px; position: absolute; top: -14px; z-index: -1;} .bbcode blockquote .author {font-style:italic;margin:4px} /* feiertage */ .feiertage .akgross {position:relative;overflow:hidden; text-align:center;} .feiertage .akgross img{margin:2px} /* SYMBOL */ .icon {width: 21px; height:21px; display:inline-block;} .icon.hell {background-image:url("../media/img/icon_h.png");} .icon.dunkel{background-image:url("../media/img/icon_d.png");} .icon.liste-1{background-position:-21px 0;} .icon.liste-2{background-position:0 0;} .icon.akdetail{background-position:-42px 0;} .icon.thumbnail{background-position:-42px -21px;} .icon.slideshow{background-position:-21px -21px;} .icon.save{background-position:0 -21px;} .icon-button{width:20px;height:19px;line-height:19px;vertical-align:text-top;background-position:14px 14px;background-repeat:no-repeat;display: inline-block;} .icon-btn{width:20px;height:16px;line-height:16px;vertical-align:text-top;background-position:14px 14px;background-repeat:no-repeat;display: inline-block;} .icon-black{display:inline-block;background-image:url("../media/img/glyphicons-halflings.png");} .icon-white{background-image:url("../media/img/glyphicons-halflings-white.png");} .icon-glass{background-position:0 0;} .icon-music{background-position:-24px 0;} .icon-search{background-position:-48px 0;} .icon-envelope{background-position:-72px 0;} .icon-heart{background-position:-96px 0;} .icon-star{background-position:-120px 0;} .icon-star-empty{background-position:-144px 0;} .icon-user{background-position:-168px 0;} .icon-film{background-position:-192px 0;} .icon-th-large{background-position:-216px 0;} .icon-th{background-position:-240px 0;} .icon-th-list{background-position:-264px 0;} .icon-ok{background-position:-288px 0;} .icon-remove{background-position:-312px 0;} .icon-zoom-in{background-position:-336px 0;} .icon-zoom-out{background-position:-360px 0;} .icon-off{background-position:-384px 0;} .icon-signal{background-position:-408px 0;} .icon-cog{background-position:-432px 0;} .icon-trash{background-position:-456px 0;} .icon-home{background-position:0 -24px;} .icon-file{background-position:-24px -24px;} .icon-time{background-position:-48px -24px;} .icon-road{background-position:-72px -24px;} .icon-download-alt{background-position:-96px -24px;} .icon-download{background-position:-120px -24px;} .icon-upload{background-position:-144px -24px;} .icon-inbox{background-position:-168px -24px;} .icon-play-circle{background-position:-192px -24px;} .icon-repeat{background-position:-216px -24px;} .icon-refresh{background-position:-240px -24px;} .icon-list-alt{background-position:-264px -24px;} .icon-lock{background-position:-287px -24px;} .icon-flag{background-position:-312px -24px;} .icon-headphones{background-position:-336px -24px;} .icon-volume-off{background-position:-360px -24px;} .icon-volume-down{background-position:-384px -24px;} .icon-volume-up{background-position:-408px -24px;} .icon-qrcode{background-position:-432px -24px;} .icon-barcode{background-position:-456px -24px;} .icon-tag{background-position:0 -48px;} .icon-tags{background-position:-25px -48px;} .icon-book{background-position:-48px -48px;} .icon-bookmark{background-position:-72px -48px;} .icon-print{background-position:-96px -48px;} .icon-camera{background-position:-120px -48px;} .icon-font{background-position:-144px -48px;} .icon-bold{background-position:-167px -48px;} .icon-italic{background-position:-192px -48px;} .icon-text-height{background-position:-216px -48px;} .icon-text-width{background-position:-240px -48px;} .icon-align-left{background-position:-264px -48px;} .icon-align-center{background-position:-288px -48px;} .icon-align-right{background-position:-312px -48px;} .icon-align-justify{background-position:-336px -48px;} .icon-list{background-position:-360px -48px;} .icon-indent-left{background-position:-384px -48px;} .icon-indent-right{background-position:-408px -48px;} .icon-facetime-video{background-position:-432px -48px;} .icon-picture{background-position:-456px -48px;} .icon-pencil{background-position:0 -72px;} .icon-map-marker{background-position:-24px -72px;} .icon-adjust{background-position:-48px -72px;} .icon-tint{background-position:-72px -72px;} .icon-edit{background-position:-96px -72px;} .icon-share{background-position:-120px -72px;} .icon-check{background-position:-144px -72px;} .icon-move{background-position:-168px -72px;} .icon-step-backward{background-position:-192px -72px;} .icon-fast-backward{background-position:-216px -72px;} .icon-backward{background-position:-240px -72px;} .icon-play{background-position:-264px -72px;} .icon-pause{background-position:-288px -72px;} .icon-stop{background-position:-312px -72px;} .icon-forward{background-position:-336px -72px;} .icon-fast-forward{background-position:-360px -72px;} .icon-step-forward{background-position:-384px -72px;} .icon-eject{background-position:-408px -72px;} .icon-chevron-left{background-position:-432px -72px;} .icon-chevron-right{background-position:-456px -72px;} .icon-plus-sign{background-position:0 -96px;} .icon-minus-sign{background-position:-24px -96px;} .icon-remove-sign{background-position:-48px -96px;} .icon-ok-sign{background-position:-72px -96px;} .icon-question-sign{background-position:-96px -96px;} .icon-info-sign{background-position:-120px -96px;} .icon-screenshot{background-position:-144px -96px;} .icon-remove-circle{background-position:-168px -96px;} .icon-ok-circle{background-position:-192px -96px;} .icon-ban-circle{background-position:-216px -96px;} .icon-arrow-left{background-position:-240px -96px;} .icon-arrow-right{background-position:-264px -96px;} .icon-arrow-up{background-position:-289px -96px;} .icon-arrow-down{background-position:-312px -96px;} .icon-share-alt{background-position:-336px -96px;} .icon-resize-full{background-position:-360px -96px;} .icon-resize-small{background-position:-384px -96px;} .icon-plus{background-position:-408px -96px;} .icon-minus{background-position:-433px -96px;} .icon-asterisk{background-position:-456px -96px;} .icon-exclamation-sign{background-position:0 -120px;} .icon-gift{background-position:-24px -120px;} .icon-leaf{background-position:-48px -120px;} .icon-fire{background-position:-72px -120px;} .icon-eye-open{background-position:-96px -120px;} .icon-eye-close{background-position:-120px -120px;} .icon-warning-sign{background-position:-144px -120px;} .icon-plane{background-position:-168px -120px;} .icon-calendar{background-position:-192px -120px;} .icon-random{background-position:-216px -120px;} .icon-comment{background-position:-240px -120px;} .icon-magnet{background-position:-264px -120px;} .icon-chevron-up{background-position:-288px -120px;} .icon-chevron-down{background-position:-313px -119px;} .icon-retweet{background-position:-336px -120px;} .icon-shopping-cart{background-position:-360px -120px;} .icon-folder-close{background-position:-384px -120px;} .icon-folder-open{background-position:-408px -120px;} .icon-resize-vertical{background-position:-432px -119px;} .icon-resize-horizontal{background-position:-456px -118px;} .icon-hdd{background-position:0 -144px;} .icon-bullhorn{background-position:-24px -144px;} .icon-bell{background-position:-48px -144px;} .icon-certificate{background-position:-72px -144px;} .icon-thumbs-up{background-position:-96px -144px;} .icon-thumbs-down{background-position:-120px -144px;} .icon-hand-right{background-position:-144px -144px;} .icon-hand-left{background-position:-168px -144px;} .icon-hand-up{background-position:-192px -144px;} .icon-hand-down{background-position:-216px -144px;} .icon-circle-arrow-right{background-position:-240px -144px;} .icon-circle-arrow-left{background-position:-264px -144px;} .icon-circle-arrow-up{background-position:-288px -144px;} .icon-circle-arrow-down{background-position:-312px -144px;} .icon-globe{background-position:-336px -144px;} .icon-wrench{background-position:-360px -144px;} .icon-tasks{background-position:-384px -144px;} .icon-filter{background-position:-408px -144px;} .icon-briefcase{background-position:-432px -144px;} .icon-fullscreen{background-position:-456px -144px;} .loading_icon { float:right; background:url(../media/img/ajax-loader.gif) no-repeat 1px; height:30px; width:30px; display:none; } .loading_icon_bg { background:url(../media/img/ajax-loader-big.gif) no-repeat center center; height:100%; width:100%; } .loading_center_bg_grey{ background:url(../media/img/loader_bg_grey.gif) no-repeat center center; height:100%;width:100%; } .ibutton {float: right; margin:0px;height: 19px;line-height: 19px;vertical-align: text-top;width: 20px;position:absolute; right:2px; display:inline-block;cursor: pointer;border-radius: 7px; background-color:#444;} .ui-dialog {border:5px solid #000;color: #222222;background:#fff; padding:0 10px 10px;border-radius:20px} .iframe.sammel {background:#ce9;} .iframe.ort{background:#cd9;} .ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px;cursor: se-resize;display: block; font-size: 0.1px;background-image: url("../media/img/jquery-ui/ui-icons_222222_256x240.png");background-position: -80px -224px; position: absolute;} .ui-dialog-titlebar{cursor:move; background: #fff;} .ui-dialog-titlebar-close {display: inline-block;background: url("../media/img/dialog_close.png") right top; text-decoration: none;color:#000;position:absolute; right:0;top:0; width:82px; height:26px} .ui-icon-closethick {padding-left: 32px;} .jqueryTooltip { position:absolute; /* das ist zwingend notwendig, damit der Tooltip der Maus folgen kann */ display:none; /* auch wichtig damit der Tooltip leer nicht gezeigt wird */ border:1px solid #000; border-radius:5px; background: rgba(255, 255, 255, 0.80); padding:0.25em; z-index:2000; } #tlyPageGuide { width:1px;height:1px;overflow:hidden; } /*back to top*/ #back-top {position: fixed;bottom: 137px;margin-left: 20px;z-index:1} #back-top a {width: 108px;display: block;text-align: center;font-size: 11px;text-transform: uppercase;text-decoration: none;color: #888; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;} #back-top a:hover {color: #D2691E;} #back-top span {color: white;font-size: 100px;line-height: 111px;font-weight: bold;display: block;margin-bottom: 7px;background: #888;border-radius: 15px;/* transition */-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} #back-top a:hover span {background-color: #D2691E;} body.cwarten *, body.cwarten {cursor:progress!important}​ /*zahlungsmöglichkeiten*/ .zahlung .txt {/*background-color: #FFFFFF; border: 1px outset #DDDDDD; border-radius: 2px; color: #444444; padding: 1px;*/font-size: small;font-weight: bold;} .paypal {background-image: url("../media/img/zahlung.png"); display:inline-block; width:67px;height:20px} .skrill {background-image: url("../media/img/zahlung.png");background-position: 0px 20px; display:inline-block; width:44px;height:20px} /*globales*/ .bgausgrauen{width:100%;height:100%;position:fixed;top:0;left:0;z-index:50;background: rgba(50, 50, 50, 0.55);} .hide {display:none;} .txtleft {text-align:left;} .txtright {text-align:right;} .orange{background:rgba(255, 145, 15, 0.4);} .erfolg {color:green;font-weight:bold;} .rechts {float:right!important} #rechner span {padding: 2px; margin:5px; background:#aaa; border: 1px #333 solid; border-radius: 3px; display:inline-block; width:17px; text-align:center;} /*pageGuide*/ #tlyPageGuideWrapper #tlyPageGuideMessages .tlypageguide_close {background: #FF4500;} .tlypageguide-open #tlyPageGuideWrapper .tlypageguide_toggle,#tlyPageGuideWrapper .tlypageguide_toggle:hover {background:rgba(255, 69, 0, 0.9);} #tlyPageGuideWrapper .tlypageguide_toggle {background:rgba(255, 69, 0, 0.5);top:284px;} #tlyPageGuideWrapper #tlyPageGuide li.tlypageguide-active ,#tlyPageGuideWrapper #tlyPageGuideMessages span,#tlyPageGuideWrapper #tlyPageGuide li:hover{background:rgba(255, 69, 0, 0.95);} #tlyPageGuideWrapper #tlyPageGuide li.tlypageguide_top:after,#tlyPageGuideWrapper #tlyPageGuide li.tlypageguide_left:after,#tlyPageGuideWrapper #tlyPageGuide li.tlypageguide_right:after{ border-top: 15px solid rgba(255, 69, 0, 0.3);} #tlyPageGuideWrapper #tlyPageGuide li.tlypageguide-active.tlypageguide_right:after, #tlyPageGuideWrapper #tlyPageGuide li.tlypageguide-active.tlypageguide_left:after, #tlyPageGuideWrapper #tlyPageGuide li.tlypageguide-active.tlypageguide_top:after ,#tlyPageGuideWrapper #tlyPageGuide li.tlypageguide_top:hover:after,#tlyPageGuideWrapper #tlyPageGuide li.tlypageguide_left:hover:after,#tlyPageGuideWrapper #tlyPageGuide li.tlypageguide_right:hover:after{border-top: 15px solid rgba(255, 69, 0, 0.95);} #tlyPageGuideWrapper #tlyPageGuide li.tlypageguide_bottom:after{ border-bottom: 15px solid rgba(255, 69, 0, 0.3);} #tlyPageGuideWrapper #tlyPageGuide li.tlypageguide_bottom:hover:after,#tlyPageGuideWrapper #tlyPageGuide li.tlypageguide-active.tlypageguide_bottom:after{ border-bottom: 15px solid rgba(255, 69, 0, 0.95);} #tlyPageGuideWrapper #tlyPageGuide li {background: rgba(255, 69, 0, 0.3);} .tlypageguide_shadow:after {background-color: rgba(255, 69, 0, 0.1); box-shadow: 0 0 1px 1px rgba(255, 69, 0, 0.25);} .startseite .gesuche form,.startseite .gesuche .formular div{display:block} .startseite .gesuche .feld {width: 84%;} #filter .dview{display:block} #filter .mview{display:none} /*SMARTPHONE ANSICHT*/ @media (max-width: 60em) { #menu .m {float: left;width: 12em;} .useranz {color:transparent} #content{box-shadow: 0px 0px 33px rgba(0,0,0,0.2);} .sprache .hl,#quicksearch {display:none} #menu li{list-style: none;} .sprache.raussen {position: absolute;top:-35px;right: 107px} .sprache span{display:none} .sprache a{display: block;width: 20px;height: 20px;} .sprache a:not(.activ){opacity:0.5;} .sprache .de,.flagge.de {background: url(../media/img/flaggen/deu.png) no-repeat;} .sprache .en,.flagge.en {background: url(../media/img/flaggen/gbr.png) no-repeat;} .shop header{background: url("../media/img/bg_shop.png")} #lastupload {display: none;} .startseitengruppierer{display:inline-block;float:left} .startseite .ideen {width: auto;} .startseite .aklexinfo {width: auto;float:none;margin:0;} .startseite .gesuche {float:left;margin:0;width:49%} .startseite .sammlerwebseiten {float:left;margin-left:1%;width:50%} .stadtauswahl #karte { width:500px;height:300px; } #content.verlage ul li {margin: 12px 0px} #content.verlage .navilist a {margin: 5px 5px;display: inline-block;} #filter .mview{display:inline-block} #filter .dview{display:none} } /*DESKTOP ANSICHT*/ @media (min-width: 60em) { #headbg {background: url(../media/img/header_bg.png) repeat-x scroll left bottom transparent;height: 269px;position:absolute;top:0px;left:0px;width:100%;z-index: 1;} #head{display:block;height: 270px;background: url(../media/img/header.png) repeat-x scroll left bottom transparent;} #logo {background: url(../media/img/logo.png) no-repeat;height:405px; width:550px; position: relative;left: -70px;top: -85px;} .startseitelink,.startseitelink:hover {color:transparent}.startseitelink i{display:none} #navi {position:absolute;top:-10px;width:1075px;margin:0 auto;text-align:center;z-index:4;margin-left:-111px;} #navi.scroll {position:fixed;top:0;z-index: 5;} #main{margin: 235px auto 0;width:950px;} #content{width:750px;padding: 50px 2px 30px 30px;} /* MENU NAVIGATION */ #mobilmenu,.hnav{display:none} #menu { line-height: 1.5;float: left;display:block!important} #menu a, #menu {color:#fff;text-decoration:none} #menu ul li a {color:#fff;text-shadow: 1px 1px 1px #444;display:block;padding: 0 15px 0 40px} #menu ul {background: url("../media/img/bg_transp_hell.png");cursor:} #menu ul li.m {float:left;width:242px;float:left; border-radius: 5px 5px 15px 15px;box-shadow: 2px 0 5px #000, 4px 1px 11px rgba(0, 0, 0, 0.5) inset;overflow:hidden} /*#menu ul li.links li, #menu ul li.links h5 {padding: 0 40px 0 25px}*/ #menu h5{padding: 0 25px 0 40px} #menu li {list-style: none;text-align:left} #menu .start {background: url("../media/img/bg_start.png");left: 100px; position: relative;z-index:14;} #menu .archiv {background: url("../media/img/bg_archiv.png");left: 75px;position: relative;z-index:13} #menu .shop {background: url("../media/img/bg_shop.png");left: 50px;position: relative;z-index:12} #menu .sammler{background: url("../media/img/bg_sammler.png");left: 25px;position: relative;z-index:11} #menu .neutral {background: url("../media/img/bg_neutral.png");position: relative;z-index:10} #menu .kurz {width:115px !important} #menu .aus {visibility:hidden} #menu .an {visibility:visible} /*#menu .aktiv {z-index:20}*/ #menu .aktiv h5 {padding-top: 8px !important;} #menu:hover ul li.aktiv ul{height:117px;} #menu:hover ul li.aktiv ul.u{height:125px;} #menu h5 {font-family: 'Lobster', Tahoma; font-size:25px;text-shadow: 1px 1px 1px #444; color: #fff;text-align: center;cursor:default; } #menu .icon-btn {margin-top:4px} #menu ul li ul{display:none;box-shadow:1px 0px 7px #333 inset} #menu ul ul.u{box-shadow:0 0 50px #000 inset;} #menu ul.ha:hover li ul{display:block;height:125px;padding: 25px 0} /*#menu ul.ha:hover .start {visibility: visible}*/ #menu .useranz {width:140px;display:none;position:absolute; left:12px;top:275px; transform:rotate(90deg);background: url("../media/img/bg_neutral.png");border-radius: 0 0 15px 15px;box-shadow:0 0 30px #000 inset;} #menu .useranz h5{padding:0;} #menu ul.ha:hover .useranz {display:block} #menu li.m:hover ul{background-image:url("../media/img/bg_transp_hell_25.png")} #menu li.m li:hover{/*text-shadow: 2px 2px 1px #444;text-decoration:underline*/ background:rgba(0,0,0,0.2);} #menu #login,#menu #logout {color: #cd853f; font-family: 'Lobster', Tahoma; font-size:18px;} #menu h5 #login, #menu h5 #logout {padding:0} #menu .lrand a {padding-left:20px} #menu .lrand {width: 229px!important;} #menu #username{overflow: hidden;white-space: nowrap;font-weight: bold;} .startseitelink {position:absolute; width: 475px; height: 120px; top:85px; left:10px; background:transparent!important;border:none!important;} #navi .menucartanz {display: inline-block; height: 20px; position: absolute; right: 25px;top: 7px;color:#fff; text-decoration:none;padding:0} #navi .neuenachrichten {background:url(../media/img/igmneu.png) no-repeat center center;display: inline-block; height: 20px; position: absolute; left: 6px;top: 10px;width: 40px;padding:0} #reklametafellinks{display:block;position:absolute;left:-165px;top:80px;width:160px;overflow:hidden;} #reklametafellinks .aklexshop {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);border-radius:5px;border: 1px outset #333; text-align:center} #reklametafellinks .aklexshop .ang{text-align:center;display: inline-block; cursor:pointer} #reklametafellinks .aklexshop .rinnen{padding:1px;background: rgba(0, 0, 0, 0.2);border: 1px inset #333;} #reklametafellinks .aklexshop div {border-radius:5px;} #reklametafellinks .aklexshop .preis {font-size:8px;color:#fff;position:relative;top:-3px} #reklametafellinks a {z-index:3;position:relative;} #rechtespalte .raussen , #quicksearch, #shoutbox {background:#ccc; border-radius:15px; border: 1px solid #aaa; border-top: 2px solid #aaa; padding: 2px; margin: 10px 0px; } #rechtespalte .rinnen, #quicksearch .inner,#shoutbox .inner {background:#e9e9e9; border-bottom: 1px solid #aaa; border-radius: 4px 4px 12px 12px;font-size:11px} /*Sprache*/ .sprache {white-space: nowrap; text-align:center;} .sprache .rinnen {padding: 7px 0;} .sprache a.activ{background: olivedrab!important;border-style: inset!important;cursor:default;} .sprache a:hover{border-style: inset;box-shadow: 1px 2px 4px inset;} .sprache a{margin:1px; background: #fff;border: 1px outset;border-radius: 6px;color: black;padding: 3px;text-decoration: none;} .flagge{width: 20px; height:12px; display:inline-block; color:transparent; margin:5px; opacity:0.5} #filter {left: 500px;position: absolute;top: 14px;background: rgba(159, 0, 0, 0.25);border: 1px solid #9F0000;border-radius: 5px;text-align:center} #jquerylogin button{position: absolute;right: 0;top: 0;font-size: 22px;background: transparent;cursor: pointer;border: 0;} } @media (max-width: 40em) { .stadtauswahl > ul {column-count: 2;} } @media (max-width: 30em) { .stadtauswahl > ul {column-count: 1;} } .wegweg{display:none !important}