/* ===================== NORMALIZE ========================== * SHORT VERSION, Reset for all browsers * Copyright Website-Bauen.de https://www.website-bauen.de * ============================================================ */ * {margin: 0;padding: 0;vertical-align: top} *, *:before, *:after, div {box-sizing: border-box} html {font-family: Arial, Helvetica, Verdana, sans-serif;font-size: 14px;color: #ccc;line-height:1.4} html {text-align: center;background: #020203;min-width: 316px;} body {height: 100%;width: 100%;max-width: 2400px;min-width: 316px;margin: 0 auto;text-align: left;cursor: default} body {background: url("../img/bg_body.png") repeat-x left top #6b7f94;background-position: center top;background-attachment: fixed} div, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display: block} audio, canvas, video, span {display: inline-block} b, strong {font-weight: bold} small {font-size: 12px} sub{font-size: 12px;line-height:0;position: relative;vertical-align: baseline;bottom: -0.2em} sup{font-size: 12px;line-height: 0;position: relative;vertical-align: baseline;top: -0.25em} abbr[title]{border-bottom: 1px dotted} dfn {font-style: italic} q {quotes:none} q:before, q:after{content:"";content:none} ul, ol {margin: 4px 4px 4px 18px;padding: 0} ul ul, ol ol {margin: 0 0 0 14px} ul li, ol li {margin: 1px 0;padding: 0 1px 1px 1px;line-height: 1.32} ul li ul li, ol li ol li {list-style-type: circle} dl {margin: 10px 0} dd {margin: 0 0 0 34px} nav ul, nav ol {list-style: none;list-style-image: none} table {border-collapse:collapse;border-spacing: 0} table tr td {padding: 2px;color: #ccc} table th {padding: 2px;font-size: 14px;color: #e81;text-align: center;font-weight: bold} table ul {margin: 0 0 4px 14px;padding: 0} table ul li {line-height: 1.3;list-style-type: circle} table ul li ul {display: none} pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word} pre, code, kbd, samp {display:block;margin-bottom: 20px;padding: 15px;overflow-x: scroll;background: #eee} pre, code, kbd, samp {font-family: monospace, serif;font-family: "courier new", monospace;font-size: 12px} hr {width: 96%;height: 0;margin: 0 auto;padding: 0 14px;border: 0;border-top: 1px solid #ccc;} blockquote {font-family: Georgia, serif;font-size: 13px;color: #ddd;background: #3d4854} blockquote {border-radius: 6px;border: 3px solid #bbb} blockquote {position: relative;width: 97%;max-width: 720px;margin: 6px auto 10px auto;padding: 6px 6px 3px 36px} blockquote:before {content:"\201C";font-style: italic;font-family: Georgia, serif} blockquote:before {font-size: 52px;left: 6px;line-height: 1;position: absolute;top: 0} blockquote p {font-family: Georgia !important;font-size: 13px;margin: 0;padding: 0;color: #ddd} cite {display:block;font-size: 14px;font-style: normal;line-height: 1;text-align: right;padding-right: 30px} cite {font-family:'Book Antiqua', Palatino, Papyrus, Georgia, serif;font-style: italic;color: #bbb} input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;-webkit-appearance: button;} input[disabled] {cursor: default} input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0} input[type="search"] {-webkit-appearance: textfield} input[type="text"], textarea, select {font-family: inherit;line-height: 1.24;color: #444;resize: none} input[type="text"], textarea, select {background-color: #eee;border-radius: 2px;border: 1px solid #aaa} input[type="text"]:hover, textarea:hover, select:hover {border-color: #333;outline: 0;background: #fff} input [type="text"] {padding: 4px 3px;min-height: 22px;min-width: 120px;cursor: text} input[type=radio] {width: 20px;height: 12px;text-align: center;margin: 0 2px 0 4px} label {margin: 0 3px;text-align:left} fieldset {border: 1px solid #bbb;border-radius: 8px;margin: 0 2px;padding: 8px} legend {font-size: 16px;padding: 0;margin:4px;white-space: normal} textarea {overflow: auto;} select option {padding: 1px 4px;font-size: 12px;color: #222} button::-moz-focus-inner, input::-moz-focus-inner{border: 0;padding: 0} button, input, select, textarea {font-family: sans-serif} button, input, select, textarea {font-size: 100%;vertical-align: baseline} button, input {line-height:normal} button{cursor: pointer;line-height: normal;-webkit-appearance: button} button[disabled] {cursor: default} iframe{margin: 8px 0;border: none;background: transparent} [hidden] {display:none} img, img a, a img {height: auto;max-width: 100%;border: 0;background-size: 100%} h1 {font-size: 24px;font-weight: 700;padding: 16px 0 0 0;color: #e80} h2 {font-size: 20px;font-weight: 700;padding: 16px 0 0 0;color: #e80} h3 {font-size: 16px;font-weight: 700;padding: 14px 0 0 0;color: #e80} h4 {font-size: 14px;font-weight: 700;padding: 12px 0 0 0;color: #e80} h5 {font-size: 16px;font-weight: 700;padding: 10px 0 0 0;color: #e80} h6 {font-size: 14px;font-weight: 700;padding: 10px 0 0 0;color: #e80} p {font-size: 14px;font-weight:normal;padding: 0 0 12px 0;color: #ccc;text-align: justify} /* ======================================================================== * TEMPLATE > STYLE-CSS for: www.alpha-mietwagen.de * Copyright Website-Bauen.de https://www.website-bauen.de * ======================================================================== */ a, a strong, a:link {color: #39f;text-decoration: underline} a:hover, a:focus {color: #17f;text-decoration: underline;cursor: pointer} p.lead {font-size: 16px;font-weight: normal;line-height: 1.38;padding: 0 0 8px 0;color: #eee} p.indent{display: block;margin: 0 0 0 16px} p.small, span.small {font-size: 12px;font-weight: normal;padding: 8px 0 4px 0} li .small {padding: 3px 2px 0 2px;font-size: 12px} .row {margin: 0 auto;padding: 0} .row:before {display: table;content: " "} .row:after {display: table;content: " "; clear: both} .row {max-width: 1240px} .row.max1360 {max-width: 1380px} .row.max2400 {max-width: 2400px;} .clear {height: 0;width: 100%;clear: both} .clearfix:before {display: table;content: " "} .clearfix:after {display: table;content:" ";clear: both} .left {text-align: left} .right {text-align: right} .center{text-align: center;padding: 0 6px} .center p {text-align: center} .jsMsg, .ieMsg {width: 100%;margin: 8px auto;padding: 4px;border-radius: 12px;} .jsMsg, .ieMsg {background: #fcfcfc;border: 2px solid #ea2001;color: #ea2001;text-align: center} .img-lft {display:inline-block;float:left;margin:6px 16px 6px 4px} .img-rgt {display:inline-block;float:right;margin:6px 4px 6px 16px} .img-ctr {float:none;position:relative;margin:6px auto} .img-dec {display: block;margin: 0 0 8px 8px;font-size: 12px;font-style: italic} /* header: */ #header {width: 100%;margin: 0 auto;padding: 8px 4px 4px 4px} #hdrLft {float: left;width: 256px;height: 160px;margin: 0 -256px 0 0;border-radius: 12px} #hdrLft img.logoTop {width: 250px;height:154px;margin: 0 auto} #hdrLft a {display: block;position: relative} .brand {padding-top: 32px;font-size: 32px;font-weight: bold;color: #17f;line-height: 1.2;text-decoration: none} #hdrRgt {float: right;width: 100%;height: auto;margin: 0;padding: 0;border-left: 274px solid transparent} #hdrRgtUpp {} .hdrPhon {display: inline-block;width: 240px;height: 44px;margin: 20px 0 4px -40px;border-radius: 12px;padding-top: 6px} .hdrPhon a {font-size: 20px;font-weight: bold;text-align: center;text-decoration: none;color: #e81} .hdrPhon a {background: url(../img/icon_call-e60.png) top left no-repeat} .hdrPhon a span {padding-left: 30px} .hdrPhon a:hover {text-decoration: none;color: #39f} .hdrPhon a:hover {background: url(../img/icon_call-17f.png) top left no-repeat} .hdrlang {display: inline-block;float: right;margin: 0;text-align: left;/* => Joomla-Module */} /* main-menu */ #hdrRgtLow {margin: 42px 0 0 0} #nav {height: auto} span.menu-toggle {display: none;height: 0} ul.main-nav {width: 100%;margin: 0;padding: 5px 0 11px 0;text-align: left} ul.main-nav {background: #0c1115;background: linear-gradient(rgba(61,72,84,1) 0%, rgb(13,18,23) 100%)} ul.main-nav {border: 3px solid #39434f;border-radius: 12px} ul.main-nav li:before {content: ""} ul.main-nav li {list-style: none;list-style-image: none;display: inline-block;text-align: center;} ul.main-nav li, li.divider {margin: 0 14px;padding: 0;text-align: center} ul.main-nav li a, li.divider span {display: block;position: relative;margin: 0;padding: 4px 8px 0 8px} ul.main-nav li a, li.divider span {font-size: 18px;font-weight: bold;} ul.main-nav li a, ul.main-nav li a:link, ul.main-nav li a:visited, li.divider span, ul.main-nav li a:focus {color: #ccc;text-decoration: none;outline: none} ul.main-nav li:hover a {color: #fff;text-decoration: none} ul.main-nav li.active a, ul.main-nav li.active.divider span {color: #17f;text-decoration: none} ul.main-nav li ul {visibility: hidden;opacity: 0;position: absolute;z-index: 900;height: 0;text-align: left} ul.main-nav li:hover ul {visibility: visible;opacity: 1;height: auto;width: 240px;margin: 0;padding: 0} ul.main-nav li:hover ul {background: none;border-top: 4px solid transparent;} ul.main-nav li ul li {float: none;display: block;margin: 0;padding: 0;text-align: left;} ul.main-nav li ul li {border: 0;background: #1a2027} ul.main-nav li ul li a {font-size: 14px;padding: 2px 3px 5px 10px} ul.main-nav li ul li a, ul.main-nav li ul li a:link, ul.main-nav li ul li a:visited, ul.main-nav li ul li a:focus, ul.main-nav li.active ul li a {color: #ccc;text-decoration: none;background: none;border: none;outline: none} ul.main-nav li ul li:hover a {color: #fff;text-decoration: underline;background: none;border: none} ul.main-nav li.active ul li:hover a {color: #fff;text-decoration: underline;background: none;border: none} ul.main-nav li ul li.current a {color: #17f;text-decoration: none; background: none;border: none} ul.main-nav li ul li.current a:hover {color: #17f;text-decoration: none; background: none;border: none;cursor: default} ul.menu li ul li ul, ul.menu li:hover ul li ul {display: none;visibility:hidden;height:0;width: 0} ul.main-nav ul li.divider{display:none;height:0;width:0;margin:0;padding:0} #main {width: 100%;margin: 0 auto;padding: 8px 4px 24px 4px} #contents.oneCol {display: block;} #contents.twoCol {float: left;width: 100%;margin: 0} #contents.twoCol {border-right: 240px solid transparent} #rightCol {float: right;width: 233px;height: 100%} #rightCol {margin: 0 0 0 -240px;padding: 4px 6px 6px 0;text-align: center} #theComponent {min-height: 260px;border-radius: 12px} #theComponent {margin: 12px 0 0 0;padding: 4px 10px 16px 10px} /* footer */ #footer {width: 100%;margin: 0 auto;padding: 16px 4px 0 4px;background: #020203} .ftrBox {display: inline-block;height: auto;max-width: 440px;min-width: 240px;text-align: center} .ftrBox.lft {width: 30%;margin: 8px 0} .ftrBox.ctr {width: 30%;margin: 8px 14px} .ftrBox.rgt {width: 30%;margin: 8px 0} hr.footer {visibility: hidden} .ftrLogo {width: 220px;height: auto;margin: 3px auto;overflow: hidden} .paymthd {width: 230px;height: 35px;margin: 22px auto 14px auto;overflow: hidden} .ftrMenu {/* => Joomla-Modules (this site is multi-linguel) */} .ftrCont {width: 230px;margin: 0 auto;padding: 10px 0 10px 0;text-align: left} .ftrCont span {display: block;font-size: 14px;font-weight: bold;line-height: 1.7;} .ftrCont span a {color: #ddd;text-decoration: none;border-bottom: 2px solid transparent} .ftrCont span a:hover{color: #17f;text-decoration: none;border-bottom: 2px solid #17f;cursor: pointer} .ftrPhon {height: 28px;padding: 0 0 1px 26px} .ftrPhon {background: url(../img/icon_call-17f.png) top left no-repeat} .ftrEadd {height: 28px;padding: 0 0 1px 26px} .ftrEadd {background: url(../img/icon_mail-17f.png) top left no-repeat} .ftrNetw {width: 230px;margin: 4px auto;padding: 4px 0;text-align: left} .NetwFB, .NetwIG, .NetwYT, .NetwTW {display: inline-block;height: 34px;width: 34px;margin: 0 12px 2px 0} .NetwFB, .NetwIG, .NetwYT, .NetwTW {border: 2px solid #fff;border-radius: 5px} .NetwFB:hover, .NetwIG:hover, .NetwYT:hover, .NetwTW:hover {border: 2px solid #17f} .NetwFB {background: url(../img/social_fb.png) top center no-repeat} .NetwIG {background: url(../img/social_ig.png) top center no-repeat} .NetwYT {background: url(../img/social_yt.png) top center no-repeat} .NetwTW {background: url(../img/social_tw.png) top center no-repeat} #copyright {font-size: 15px;margin:0 auto;padding: 0 0 3px 0;color: #e70} #scrollBtn {display: none;position: fixed;bottom: 88px;right: 10px;padding: 7px;z-index: 99} #scrollBtn {border: 1px solid #fff;border-radius: 8px;outline: none;background-color: #17f} #scrollBtn {font-size: 14px;color: #fff;cursor: pointer} #scrollBtn:hover {border: 1px solid #17f;background-color: #fff;color: #17f} .gradient10 {background: #0c1115;background: linear-gradient(rgba(61,72,84,1) 0%, rgb(13,18,23) 100%);border: 3px solid #39434f} .gradient06 {background: #0c1115;background: linear-gradient(rgba(61,72,84,0.6) 0%, rgb(13,18,23) 100%);border: 3px solid #39434f} /* media-queries: */ @media screen and (max-width: 1048px){ #header {padding: 6px 4px} #hdrLft {width: 200px;height: 137px;margin: 0 -200px 0 0} #hdrLft img.logoTop {width: 194px;height:131px;margin: 0 auto} .brand {padding-top: 26px;font-size: 28px} #hdrRgt {min-height: 130px;border-left: 215px solid transparent;} #hdrRgtLow {margin: 20px 4px 0 0} ul.main-nav li, li.divider {margin: 0 7px} ul.main-nav li a, li.divider span {padding: 5px 4px 0 4px} ul.main-nav li a, li.divider span {font-size: 16px} #footer {margin-top: 12px;padding: 12px 4px 4px 4px} .ftrBox {} .ftrBox.lft {width: 26%;margin: 8px 0 4px -4px} .ftrBox.ctr {width: 30%;margin: 8px 14px} .ftrBox.rgt {width: 26%;margin: 8px -4px 4px 0}} @media screen and (max-width: 767px) { html, body {background: #000} .hdrPhon {width: 220px;height: auto;margin: 46px 0 4px -60px;padding-top: 0} .hdrlang {margin: 4px 4px 4px -200px} #hdrRgtLow {margin: 10px 0 0 -200px} #nav {margin: 0;padding: 0;text-align: right} span.menu-toggle {display: inline-block;position: relative;width: 34px;height: 30px;margin: 0 6px 6px 0} span.menu-toggle {font-size: 30px;line-height: 1;text-align: center;padding: 0;cursor: pointer;outline: none} span.menu-toggle {color: #fff;background: #222;border: 1px solid #fff;border-radius: 6px} span.menu-toggle:hover {color: #222;background: #fff;border: 1px solid #000} .menu-container {visibility: hidden;opacity: 0;height: 0;transition: height 0.3s} /* animated-toggle = needs fixed-height, change height if need more in the next line */ .toggled .menu-container {visibility: visible;display: block;opacity: 1;height: 276px} ul.main-nav {visibility: hidden;opacity: 0;height: 0;width: 0} .toggled ul.main-nav {visibility: visible;display: block;position: relative;opacity: 1;height: auto} .toggled ul.main-nav {width: 97%;margin: 14px 8px 8px 0;padding: 4px 0;text-align: left;z-index: 998} .toggled ul.main-nav {border: 1px solid #aaa;border-radius: 10px} ul.main-nav li {opacity: 0;text-align: left;border: 0;background: none} .toggled ul.main-nav li, li.divider span {display: block;max-width: 250px;margin: 3px 0 2px 0;padding: 0} .toggled ul.main-nav li, li.divider span {opacity: 1;transition: all 0.4s;text-align: left} ul.main-nav li a, li.divider span {font-size: 16px;margin: 0;padding: 1px 1px 1px 12px} .toggled ul.main-nav li:hover ul, .toggled ul.main-nav li ul {visibility: visible;opacity: 1;position: relative} .toggled ul.main-nav li:hover ul, .toggled ul.main-nav li ul {height: auto;width: 240px;margin: -4px 0 0 2px;padding: 0} .toggled ul.main-nav li:hover ul, .toggled ul.main-nav li ul {background: none;border: none;border-radius: 0} ul.main-nav li ul li {float: none;display: block;margin: 1px 0 0 0;padding: 0;background: none} ul.main-nav li ul li a, ul.main-nav li.divider ul li a {font-size: 14px;font-weight: normal;padding: 0 1px 0 28px} ul.main-nav li.active a {color: #17f} ul.main-nav li:hover a {color: #69f} ul.main-nav li.current a, ul.main-nav li ul li.current a, ul.main-nav li.current a:hover, ul.main-nav li ul li.current a:hover {color: #17f} #contents.twoCol {display: block;margin: 0;padding: 0;border:0;clear: both} #theComponent {padding: 4px 4px 16px 4px} #rightCol {display: block;width: 99%;max-width: 640px;margin: 8px auto 0 auto;padding: 0 9% 0 0} #rightCol {background: none;border: 0;border-radius: 0;} #footer {padding: 12px 4px 4px 4px} #scrollBtn {display: none;visibility: hidden} .ftrBox {display: block;} .ftrBox.lft {width: 90%;position: relative;margin: 8px auto} .ftrBox.ctr {width: 90%;position: relative;margin: 16px auto} .ftrBox.rgt {width: 90%;position: relative;margin: 8px auto} .ftrCont {padding: 0 0 10px 0;text-align: left} .paymthd {margin: 22px auto 6px auto} .ftrPhon {padding: 0 0 42px 26px} .ftrNetw {margin: 4px auto 20px auto;text-align: center}} @media screen and (max-width: 599px) { h1 {font-size: 20px} h2 {font-size: 18px} h3 {font-size: 16px} h4 {font-size: 15px} h5 {font-size: 14px} h6 {font-size: 13px} p {text-align: left} blockquote, blockquote p, cite {font-size: 13px} legend {font-size: 16px} p.lead {font-size: 13px} .small {font-size: 11px} .copyright {font-size: 14px} .img-lft, .img-rgt {display: block;float: none;margin: 6px auto;text-align: center} .sm-hide {display: none;visibility: hidden} #hdrRgtUpp {text-align: right} .hdrPhon {display: block;float: right;width: 80px;height: 36px;margin: 4px 0 4px 0;text-align: left;padding: 0 0 0 24px;} .hdrlang {display: block;float: right;width: 80px;height: 30px;margin: 60px -79px 6px 0;} .hdrPhon a span {font-size: 0} #theComponent {padding: 4px 2px 14px 2px}} @media screen and (max-width: 479px) { #scrollBtn {bottom: 108px;right: 6px} .xsm-hide {display: none;visibility: hidden}} /* ______________________________________________________________ _____________ Styling for additional HTML ________________ */ /* Two-Boxes inline: */ .twoBox-lft, .twoBox-rgt{display:inline-block;width: 45%;min-height:120px;padding: 5px} .twoBox-lft {margin: 16px 20px 10px 10px;} .twoBox-rgt {margin: 16px 0;} .twoBox-lft p, .twoBox-rgt p{text-align:left} @media screen and (max-width: 767px) { .twoBox-lft, .twoBox-rgt{display:block;width: 100%;padding:10px 0;} } /* Table light: */ table.tbl-light {margin: 2px 0 16px 0;border: 1px solid #333;background: #ccc} table.tbl-light th{padding: 3px 4px;color: #222;border-right: 1px solid #333} table.tbl-light td {padding: 3px 4px;color: #222;border: 1px solid #333} table.tbl-light td strong {} /* Table dark: */ table.tbl-dark {margin: 2px 0 16px 0;border: 1px solid #aaa;background: #11161b} table.tbl-dark th{padding: 3px 2px;color: #e81;border-right: 1px solid #aaa} table.tbl-dark td {padding: 3px 4px;color: #ccc;border: 1px solid #aaa} /* table striped */ table.striped {border: 1px solid #ccc} table.striped th{padding: 3px 2px;color: #ddd;background: #11161b} table.striped tr:nth-child(odd) {color: #222;background-color: #bbb} table.striped tr:nth-child(even) {color: #ccc;background-color: #11161b} /* ======================================================================== * JOOMLA > STYLE-CSS for: www.alpha-mietwagen.de * Copyright Website-Bauen.de https://www.website-bauen.de * ======================================================================== */ .mainFull {display: block;height: auto;margin: 8px 0 4px 0;padding: 0;text-align: center;} .mainComp {display: block;height: auto;width: 97%;margin: 4px 8px 8px 8px;padding: 0;text-align: center;} .moduletable{display: inline-block;height: auto;width:196px;margin: 8px 12px} .moduletable{color: #ddd;font-size: 12px;} .moduletable{background: #0c1115;background: linear-gradient(rgba(61,72,84,1) 0%, rgb(13,18,23) 100%)} .moduletable{border: 2px solid #39434f;border-radius: 8px} .moduletable label.element-invisible{display: none} .moduletable h3 {font-size: 16px;line-height: 0.9;font-weight: 700;color: #39f;text-align: center} .moduletable h3 {height: 30px;margin: 3px auto 0 auto;padding: 8px 0 1px 0} .moduletable p {font-size: 12px;line-height: 1.22;margin: 4px 0;padding: 0;color: #ddd;text-align: left} .moduletable ul {text-align: left} .moduletable li, ul.nav li, form .form-horizontal ul li {list-style: none;list-style-image: none} .moduletable a, .moduletable li a {font-size: 12px;text-decoration: underline;color: #fff;} .moduletable a:hover, .moduletable li a:hover, .moduletable li a:hover span{text-decoration: underline;color: #17f;} .moduletable .pretext p, .moduletable .posttext p {font-size: 12px;color: #ddd;padding: 0 12px 6px 0;text-align: center} .moduletable.left {text-align: left} .moduletable.full{width: 100%} .moduletable .img-full.img-res {display: block;margin: 0;height: auto;max-width: 100%;background-size: 100%} /* Language-Switcher => add suffix: _lang */ .moduletable.lang {width: 100%;height: 30px;margin: 0 auto;padding: 4px;text-align: center;} .moduletable.lang li a, .moduletable.lang li a:hover {text-decoration: none;cursor: pointer;} .moduletable.lang li a img {border: 1px solid #888} .moduletable.lang li:hover a img, .moduletable.lang li.lang-active a img {border: 1px solid #fff;} /* Breadcrumbs => add suffix: _path */ .moduletable.path {display: block;width: 99%;background: none;border: none;border-radius:0;margin: 0} .moduletable.path h3 {display: none;visibility: hidden} ul.breadcrumb {width: 100%;margin: 0;padding: 0;overflow-x: hidden} ul.breadcrumb {font-size: 14px;margin: 0;text-align: left;padding: 0} ul.breadcrumb li {list-style: none;display: inline;margin: 0;padding: 0;color: #17f} ul.breadcrumb li a {padding: 0 4px 0 0;font-size: 14px;text-decoration: none;color: #17f} ul.breadcrumb li.active {color: #17f} ul.breadcrumb li a.pathway span:hover {text-decoration: underline} ul.breadcrumb li span.divider {padding: 4px 1px 0 1px} /* Footer-Menu => add module-suffix: _ftrMenu PLUS add menuclass-suffix: _ftr-nav */ .moduletable.ftrMenu {display: block;width: 98%;max-width: 230px;margin: 10px auto 4px auto;padding: 6px 0} .moduletable.ftrMenu {border: 0;border-radius: 0;background: none} .moduletable.ftrMenu h3 {display: none} ul.ftr-nav {margin: 0;padding: 0;text-align: center} ul.ftr-nav li {list-style: none;list-style-image: none;display: inline-block;} ul.ftr-nav li {margin: 1px 14px;padding: 0} ul.ftr-nav li:first-Child {margin-left: 0} ul.ftr-nav li:last-Child {margin-right: 0} ul.ftr-nav li a {position: relative;padding: 2px 6px 0 6px;font-size: 13px;font-weight: bold;line-height: 1.4;outline: none} ul.ftr-nav li a {color: #ccc;text-decoration: none} ul.ftr-nav li a:hover {color: #17f;text-decoration: underline} ul.ftr-nav li.active a {color: #17f;text-decoration: underline;cursor: default} ul.ftr-nav ul, ul.ftr-nav ul ul {display: none;visibility: hidden;height: 0} /* Whoson-Module => add suffix: _whoson */ .whoson p {width: 92%;margin: 0;padding: 2px 14px 6px 16px;text-align: center} /* Custom-Nodule => see additional (if required) */ .custom p {margin: 0;padding: 2px 4px 10px 4px;text-align: left} /* ADDITIONEL SUFFIX (where-ever required) */ .moduletable.full{margin: 12px 0} .moduletable.nbr{border: 0;border-radius: 0} .moduletable.ndrr{border-radius: 0} .moduletable.nbg{background: none} @media screen and (max-width: 767px){ .mainFull {display: block;clear: both;width: 100%;margin: 4px auto} .moduletable {display: inline-block;margin: 8px 12px} ul.ftr-nav {text-align: left} ul.ftr-nav li:first-Child {margin-left: -4px} } @media screen and (max-width: 599px){ .moduletable {display: block;margin: 12px auto} .moduletable.path {visibility: hidden;margin: -12px 0} } /* Buttons */ .btn-primary, a.btn, button.btn {position: relative;min-height: 24px;width: 142px;margin: 4px auto;padding: 2px 4px} .btn-primary, a.btn, button.btn {font-size: 14px;font-weight: bold;cursor: pointer;overflow: hidden} .btn-primary, a.btn, button.btn {color: #fff;text-decoration: none;background: #07f;border: 0;border-radius: 5px} .btn.btn-primary {width: 142px} a.btn{display: block;margin-left: 18px} button.btn {width: 80px} .btn-primary:disabled, .btn-primary:disabled:hover {opacity: 0.6; border: 1px solid #999;cursor: default} .btn-primary:hover, input.btn-primary:hover, a.btn:hover, button.btn:hover{color: #fff;text-decoration: none;background: #05f} .btn-mini{position: relative;height: 21px;width: 74px;margin: 1px 6px;padding: 0} .btn-mini{font-size: 12px;font-weight: normal;cursor: pointer;overflow: hidden} .btn-mini{color: #fff;text-decoration: none;background: #07f;border: 0;border-radius: 2px} .btn-mini:hover{color: #fff;text-decoration:none;background: #05f} /* Read-more link (in blog-layout only) Read-more as inline Text => add class "linkmore" on the p of the inserted readmore-link, click "save", then remove the empty p which JCE has unfotantely added after the hr !!! When readmore is clicked, result is the full article without unwanted lines and breaks */ .readmore {display: inline !important} .readmore a.btn {display: inline-block;width: 110px;margin: 0 0 0 8px;padding: 0} .readmore a.btn {font-weight: bold;color: #9bf;background: none;border: 0} .readmore a.btn:hover {color: #39f;text-decoration: underline;background: none;border: 0} .blog p.linkmore {display: inline !important;margin: 0} .items-page p.linkmore {display: inline !important;margin: 0 0 12px 0} /* Other Joomla-stuff */ .bannergroup{padding: 4px 0} .random-image img {max-width: 188px;margin:0 auto 4px auto} span.star{color: #df0000} .control-group {margin: 8px 0 8px 6px} .controls label.radio {margin-right: 9px} .controls input {min-height: 22px;background: #f9f9f9;border: 1px solid #999} .controls input:hover {background: #fff;border: 1px solid #000} .controls a.btn {margin: 4px 0;padding: 0 4px} dl.stats-module {padding: 3px 0 6px 0;margin: 0} dl.stats-module dt, dl.stats-module dd {display: inline-block;height: 17px;line-height: 1.2;overflow: hidden !important} dl.stats-module dt {display: inline-block;width: 56%;padding: 0 8px 0 0;text-align: right} dl.stats-module dd {display: inline-block;width: 42%;max-width: 67px;margin: 0 0 -1px 0;text-align: left;} form#login-form {margin: 0;padding: 1px 0 2px 0;} form#login-form li {font-size: 11px;line-height: 11px;margin: 3px 0 0 0} form#login-form li {list-style: none;list-style-image: none;display: block} form#login-form .userdata {margin: -4px 0 0 0;padding: 0;text-align: left} form#login-form .userdata li a {font-size: 11px} form#login-form .control-group {margin: 6px 0 1px 6px} form#login-form .controls label {font-size: 12px;line-height: 1.15} form#login-form .controls input {width: 160px;margin: 1px 0 1px 8px;padding: 2px 0 1px 4px} #close-tpl a {font-size: 11px;color: #666} #close-tpl a:hover {color: #eee;text-decoration: underline} #form-login-remember.control-group {width: 100%;padding: 4px 0} #form-login-remember.control-group.checkbox label {display: inline-block;margin-left: 15px} #form-login-remember input {display: inline-block;min-width: 34px;vertical-align: middle} #form-login-submit button {margin-left: 15px} .login-greeting {margin: 4px auto;padding: 4px 2px;text-align: center} .logout-button {text-align: center} .login .form-validate {display: inline-block;width: 310px;margin: 8px 0} .login .form-validate {font-family: Arial,sans-serif;font-size: 14px;text-align: left} .login .form-validate {background: #0c1115;border: 1px solid #aaa;border-radius: 8px} .login .form-validate fieldset{border: 0} .login .control-group .control-label {display: inline-block;width: 140px;margin: 5px 0 0 0} .login .control-group .controls {display: inline-block;right: 0;top: 0} .login .control-group .controls input {width: 130px} .login .control-group .controls input#remember {width: 20px;margin-top: 6px} #contents.row ul.nav-tabs li {list-style: none;list-style-image: none;display: block;margin: -4px 12px;padding: 0} #contents.row ul.nav-tabs li a{font-size: 12px;padding: 0;} .remind, .reset {display: inline-block;max-width: 460px;min-width: 310px;margin: 14px auto} .remind, .reset {font-family: Arial, sans-serif;font-size: 14px;text-align: left} form#user-registration .control-label {display: inline-block;width: 120px;margin: 5px 0 0 0} form#user-registration .controls {display: inline-block;right: 0;top: 0} form#user-registration .controls input {width: 140px} .registration {display: inline-block;width: 316px;margin: 14px auto} .registration {font-family: Arial, sans-serif;font-size: 14px;text-align: left} form#member-registration .control-label {margin: 6px 0 0 0} form#member-registration button.btn {display: block;margin: 8px 0 4px 0} form#member-registration a.btn {display: block;margin: 8px 0 4px 0} .profile {display: inline-block;max-width: 460px;min-width: 310px;margin: 14px auto;font-size: 14px;text-align: left} .search form.form-inline {margin: 4px auto;padding: 4px 0;text-align: center;color: #ccc} .search form.form-inline label.element-invisible {visibility: hidden;display: none;height: 0;width: 0 !important;padding: 0} .search form.form-inline input.search-query {margin: 2px 8px 6px 4px;width: 150px;height: 22px !important;padding-left: 4px} .search form.form-inline input.search-query {border: 1px solid #aaa;border-radius: 2px;clear: both} .search form.form-inline input.button {position: relative;height: 28px;width: 170px;margin: 6px 4px -6px 4px;padding: 0;color: #fff} .search form.form-inline input.button {font-size: 13px;font-weight: bold;text-align: center;cursor: pointer} .search form.form-inline input.button {border:1px solid #aaa;border-radius: 3px;background-color:#eee} .search form.form-inline input.button:hover {text-decoration: none;background-color:#fff;border:1px solid #222;border-radius: 3px} .search form#searchForm {max-width: 360px;margin: 10px 0;padding: 6px;text-align: left;color: #ccc} .search form#searchForm {font-size: 13px;background: #0c1115;border: 1px solid #aaa;border-radius: 8px} .search .btn-toolbar {margin: 0} .search .btn-toolbar .inputbox {display: inline-block;width: 120px} .search .searchintro p {margin: 4px 2px} .search .btn-group {display: inline-block;padding: 0} .search .btn-group input.inputbox {height: 23px;margin-top: 0;padding-left: 3px} .search .btn-group button.btn {margin: 0 0 8px 12px;padding: 2px 0} .search fieldset.phrases legend {color: #ccc} /* required for all IE */ .search fieldset.phrases {margin: 10px 0;padding: 0;border: 0} .search fieldset.phrases .phrases-box {margin: 0;padding: 0} .search fieldset.phrases .controls label {margin: 0;padding: 0} .search fieldset.phrases .controls label.radio {margin: 0 2px 2px 0} .search fieldset.phrases .ordering-box {margin: 8px 0 0 0} .search fieldset.phrases .ordering-box select {padding: 1px 6px} .search fieldset.phrases .ordering-box select option {padding: 1px 4px} .search fieldset.only {display: none;height: 0;visibility: hidden;} .search .form-limit {display: none;height: 0;visibility: hidden;margin-top: -16px} .search dl.search-results {width: 98%;margin: 6px 0 0 6px;padding: 6px 4px} .search dd.result-created {visibility: hidden} .highlight {background: #adf;color: #000;padding: 0 3px} ul.search-results li {list-style: none;list-style-image: none} #mod-finder-searchform {display: inline-block;width: 228px;margin: 2px;padding: 4px 4px 2px 4px} #mod-finder-searchform {font-family: Arial, sanserif;background: #f6f6f6;border: 1px solid #aaa} #mod-finder-searchform input.search-query {margin: 4px auto 0 auto;height: 22px;border-radius: 4px} #search-results {padding-left: 4px;font-family: Arial, sans-serif} #advancedSearch.collapse {display: none;visibility: hidden;height: 0} ul.pager, ul.pagenav {position: relative;max-width: 124px;margin: 18px auto 8px auto;padding: 2px 0 0 0} ul.pager, ul.pagenav {text-align: left;background: #11161b;border: 1px solid #aaa} ul.pager li, ul.pagenav li {display: inline-block;margin: 0;padding: 2px 0 0 0} ul.pager li, ul.pagenav li {list-style-image: none;background: #11161b} ul.pager li.previous {border-right: 1px solid #aaa;padding-right: 3px} ul.pager li.next { border-left: 1px solid #aaa;padding-left: 3px} ul.pager a, ul.pagenav a {padding: 3px 6px 0 6px;font-size: 12px;color: #fff;text-decoration: none} ul.pager li:hover, ul.pagenav li:hover {} ul.pager li:hover a, ul.pagenav li:hover a {color: #28f;text-decoration: none} .pagination, .pagination p {margin: 12px auto 0 auto;font-size: 13px;color: #ccc;text-align: center} .pagination p {padding: 2px 0} .pagination ul {display: inline-block;margin: 0;padding: 0;background: #11161b;border: 1px solid #aaa} .pagination ul li {display: inline-block;margin: 0;padding: 0;border-right: 1px solid #aaa} .pagination ul li a, .pagination ul li span {float: left;padding: 4px 5px 4px 5px;line-height: 14px;text-decoration: none} .pagination ul li a {color: #fff} /* <= "li a" = link, linkable */ .pagination ul li a:hover {background: #fff;color: #05f} .pagination ul li span, .pagination ul li span.hover, .pagination ul .active a, .pagination ul .active a:hover, .pagination ul .disabled span, .pagination ul .disabled a, .pagination ul .disabled a:hover, .pagination ul .disabled a:focus {background: #11161b;color: #aaa;cursor: default} /* <= "li span" = not link, eg: active or disabled */ .pagination ul li.pagination-prev span, .pagination ul li.pagination-next span {background: #11161b;color: #aaa} /* <= let prev and next show color, even if disabled */ .pagination ul li.pagination-next {border-right: 0} .pagination-centered {text-align: center;} .pagination-right {text-align: right} .pagination li.pagination-start, .pagination li.pagination-end {visibility: hidden;display: none;height: 0;width: 0;border: 0} .page-header {display: block;margin: 0 0 6px 0;padding: 10px 0 6px 0;line-height: 1.1} .page-header h1, .page-header h1 a, .page-header h1:hover a {color: #28f;text-decoration: none} .page-header h2, .page-header h2 a, .page-header h2:hover a {color: #e60;text-decoration: none} .page-header h2 {border-bottom: 1px solid #e60} h2 .subheading-category {color: #aaa;font-size: 20px;font-weight: bold} h2.item-title {margin-bottom: 12px} h3.page-header a {font-size: 15px;text-decoration: none} h3.page-header a:hover {text-decoration: underline} h3.page-header span {font-size: 15px} h3.page-header.item-title {font-weight: 700;margin: 0;padding: 4px 0} h3.page-header.item-title span {font-weight: 400} .blog h1, .blog h2, .blog h3 {padding-top: 6px;} .items-row {display: block;margin: 0 -5px 0 -5px;text-align: left} .items-leading {display: block;width: 97%;max-width: 1180px;margin: 0 0 10px 8px;padding: 6px 0 12px 0;} .items-row .span12 {display: block;width: 100%;max-width: 1180px;margin: 16px 0 8px 8px;padding: 6px 0;border-top: 1px solid #999} .items-row .span6 {display: inline-block;width: 47%;margin: 20px 10px 8px 10px;padding: 10px 7px 4px 7px;border-top: 1px solid #999} .items-row .span4 {display: inline-block;width: 30.5%;margin: 20px 8px 8px 8px;padding: 10px 4px 4px 4px;border-top: 1px solid #999} .span6, .blog .span4 {text-align: left} .span4 h3, .blog .span6 h3 {font-size: 14px;padding-bottom: 6px} .span4 p, .blog .span6 p {text-align: left} .span6 img, .item-page img.img-intro {max-width: 200px;height: auto} .item {min-height: 114px} @media screen and (max-width: 919px) { .items-row {margin: 0;}.items-row .span4, .items-row .span6 {width: 47%;margin: 20px 6px 8px 6px;padding: 0 5px 14px 0}} @media screen and (max-width: 767px) { .items-leading {width: 98%;} .items-row .span4 {display: block;width: 100%;margin: 10px 0 24px 0} .items-row .span6 {display: block;width: 100%;margin: 10px 0 24px 0}} .items-more {padding: 12px 0;color: #ccc} .items-more:before {content: "Weitere Berichte";padding-left: 12px} /* lang-DE ONLY = "Weitere Berichte" */ .items-more ol li {list-style: none;list-style-image: none} .content-category {max-width: 780px;margin: 0 0 12px 34px;} fieldset.filters {margin: 6px 0 8px 0;padding: 0} table.category {width: 100%;color: #ccc;background: #11161b} table.category th {padding: 2px 3px;border-top: 1px solid #aaa;border-right: 1px solid #aaa;border-bottom: 1px solid #aaa} table.category td{padding: 2px 4px;border-right: 1px solid #aaa;border-bottom: 1px solid #aaa} table.category th:first-child {border-left: 1px solid #aaa} table.category td:first-child {border-left: 1px solid #aaa} table.category th a {color: #fff;} table.category th a:hover {} table.category td.list-title {font-weight: bold} table.category td.list-date, table.category td.list-author,table.category td.list-hits {font-size: 12px;padding-top: 4px} .categories-list {max-width: 780px;margin: 14px 0 12px 34px;border: 1px solid #aaa} .categories-list div {padding: 6px;border-bottom: 1px solid #aaa} .categories-list div.last {border-bottom: 0} .categories-list h3 a {display: inline-block;width: 180px;font-size: 14px;overflow: hidden} .categories-list h3.page-header span {padding-left: 10px;color: #ccc} @media screen and (max-width: 767px) { .content-category, .categories-list {margin: 0 0 12px 0} table.category {font-size: 12px} .cat-children {margin: 30px 0 8px 6px} .categories-list h3 a {max-width: 140px;font-weight: normal}} .icons {height: 0;margin: 0;padding: 0;} a.dropdown-toggle, span.icon-cog, span.caret {visibility: hidden} .icons ul.dropdown-menu {float: right;margin: 0 6% 0 0;padding: 0} .icons li {list-style: none;display: inline-block;text-align: center} .icons li.email-icon, .icons li.print-icon, .icons li.edit-icon {width: 32px;height: 32px;line-height: 30px;margin: 0 8px} .icons li.email-icon {background: url(../img/icon_email32.png) top center no-repeat} .icons li.print-icon {background: url(../img/icon_print32.png) top center no-repeat} .icons li.edit-icon { background: url(../img/icon_edit32.png) top center no-repeat} li.email-icon a, li.print-icon a, li.edit-icon a {display: block;font-size: 0;color: rgba(66,66,66,0);text-decoration: none} a.jmodedit, ul.dropdown-menu li.edit-icon {width: 34px;height: 34px;border: 1px solid transparent;z-index: 800} a.jmodedit, ul.dropdown-menu li.edit-icon {background: #fff url(../img/icon_edit32.png) top center no-repeat} a.jmodedit:hover, ul.dropdown-menu li.edit-icon:hover {border: 1px solid #f22} .article-info, .article-info dd, .article-info dl, .article-info a, .article-info span {font-size: 12px;color: #aaa;text-decoration: none} dt.article-info-term {display: none} dl.article-info {margin: 0 8px 2px 0} dl.article-info dd {margin-left: 26px;padding-bottom: 2px} dl.article-info dd.create, dl.article-info dd.published, dl.article-info dd.modified, dl.article-info dd.hits {margin-left: 22px} .item-page .article-info dt.article-info-term {display: none;height: 0;visibility: hidden} .btn.dropdown-toggle {display: none} .content_rating {margin: -2px 0 0 24px;font-size: 12px;} .content_rating p.unseen {padding: 0 12px 2px 0;display: inline-block;font-size: 12px;color: #aaa} .content_rating img {display: inline-block;margin: 1px 2px 2px 0} .content_vote {display: block;margin: -1px 0 20px 24px} .content_vote label.unseen {display: inline-block;margin: 1px 0 0 0;font-size: 12px;color: #aaa} .content_vote select {margin: -2px 6px 0 4px;font-size: 12px;line-height: 1;color: #222;width: 110px;padding: 0 3px;border: 1px solid #888} .content_vote select option{padding: 1px 3px 0 3px} @media screen and (max-width: 520px) {.content_vote p.unseen {display: block;width: 99%;margin: 0 0 4px -2px}} #system-message-container {display: block;margin: 10px 0 14px 0;padding: 0} #system-message li {list-style: none;list-style-image: none} .alert {margin: 0;padding: 4px 4px 6px 4px;text-align: center} .alert {background: #fff6f6;color: #fe0606;border: 2px solid #ff0606} h4.alert-heading {font-size: 17px;font-weight: bold;padding: 2px;margin: 0 auto;text-align: center;color: #fe0606} .alert-message {font-size: 15px;font-weight: normal;padding: 2px;margin: 0 auto;text-align: center;color: #fe0606} .alert.alert-error, .alert.alert-warning {background: #ffeeee;border: 2px solid #ff0000;border-radius: 12px;} /* error + warning = red */ .alert.alert-error h4, .alert-error .alert-message, .alert.alert-warning h4, .alert-warning .alert-message {color: #ff0000} .alert.alert-notice, .alert.alert-info {background: #e1ecfa;border: 2px solid #0040ff;border-radius: 12px;} /* notice + info = blue */ .alert.alert-notice h4, .alert-notice .alert-message, .alert.alert-info h4, .alert-info .alert-message {color: #0040ff;} .alert.alert-message, .alert.alert-success {background: #e8f5e2;border: 2px solid #26A306;border-radius: 12px;} /* message + success = green */ .alert.alert-message h4, .alert-message .alert-message, .alert.alert-success h4, .alert-success .alert-message {color: #088a08} .close {float: right;margin: 4px 6px 0 12px;padding: 3px 4px;border: 2px solid #777} .close {font-size: 20px;font-weight: bold;text-decoration: none;line-height: 18px;color: #666} .close:hover, .close:focus {color: #f00;text-decoration: none;border: 2px solid #f33;cursor: pointer} /* System Alert Close => if joomla's jquery is disabled,it WILL NOT WORK, => disable it */ .close {display: none;} @media screen and (max-width: 919px) {#system-message-container, .jsMsg, .ieMsg {margin: 12px 3px}} #mailtoForm {padding: 6px;font-size: 13px;min-width: 479px} #mailtoForm label {display: inline-block;width: 120px;margin: 12px 4px 0 0;} #mailtoForm input {display: inline-block;width: 140px;height: 24px;padding: 2px 4px} #mailtoForm p.button {margin: 8px 0 6px 16px} /* XXX ___ Send Email___XXX = html-overide, else COPY this TO ../site/components/com_mailto/views/mailto/tmpl/default.php */ #mailtoForm {padding: 6px;font-size: 13px;min-width: 380px} #mailtoForm label {display: inline-block;width: 120px;margin: 12px 4px 0 0} #mailtoForm input {display: inline-block;width: 140px;height: 24px;padding: 2px 4px} #mailtoForm p.button {margin: 8px 0 6px 16px} @media print {.icons ul.dropdown-menu, .content-rating, .content_vote, #nav {display: none;visibility: hidden} body {font-family: Arial, Verdena, sans-serif;font-size: 13px;line-height: 1.4;color: #444} body, #headerLft, #headerRgt, #headerCtr, #nav, #main, #contents {background: none;border: 0} #scrollBtn, .moduletalble {display: none;visibility: hidden;height: 0} table {border: 1px solid #555 !important} } /* ======================================================================== * COOKIEHINT - joomla-plugin: * If you update this plugin, all css will be overriden! * Besides, it adds an extra stysheet (do avoid that) * Set style to "non-selected" => use the following: * ======================================================================== */ #redim-cookiehint{position: fixed;bottom: 0;left:0;right: 0;padding: 8px 4px 0 4px;text-align: center} #redim-cookiehint{font-size: 14px;z-index: 9999999; background: #0c1115;border-top: 3px solid #ccc} #redim-cookiehint .clr {clear: both} #redim-cookiehint.hidden{display: none;visibility: hidden} .cookiecontent {display: inline-block;max-width: 780px;padding: 0 3px 6px 3px} .cookiecontent {font-size: 14px;line-height: 15px;color: #eee;border-right: 40px solid transparent} .cookiecontent a, .cookiecontent a:hover {color: #39f;padding: 0 3px;text-decoration: underline} .cookiebuttons {display: inline-block;width: 39px;margin: 0 0 0 -39px;padding: 2px 2px 3px 2px} .cookiebuttons .btn {width: 32px;height: 22px;margin: 0 6px 6px 0;padding: 6px 2px 0 0} .cookiebuttons .btn {background: #17f;border: 1px solid #fff;border-radius: 5px} .cookiebuttons .btn {font-size: 13px;line-height: 13px;color: #fff;cursor: pointer} .cookiebuttons .btn:hover {background: #fff;border: 1px solid #17f;color: #17f;text-decoration: none} @media screen and (max-width: 869px) {.cookiecontent {max-width: 530px}} @media screen and (max-width: 589px) {.cookiecontent {max-width: 310px}} @media screen and (max-width: 479px) {.cookiecontent {font-size: 12px;line-height: 14px}} /* ======================================================================== * EDITING from Front-end => basic CSS only, * it requieres full bootstrap-CSS to work properly ! * ======================================================================== */ #adminForm .control-group {margin: 10px 0 4px 0} #adminForm ul.nav, #adminForm ul.nav-tabs {display: none} #adminForm table#jform_articletext_tbl {width: 100%;resize: none} #adminForm input#jform_title {width: 240px;height: 32px;margin: 0 0 10px 0;padding: 2px 0 0 6px;font-weight: bold;font-size: 16px} #adminForm .controls .inputbox {width: 180px} #adminForm.controls .input.append {width: 120px} #adminForm .controls #jform_tags {height: 80px} #adminForm .btn-group {display: inline-block;margin: 10px 20px} #adminForm button.btn, #adminForm a.modal.btn {display: inline-block;width: 86px;height: 22px;margin: 10px 20px} #adminForm button.btn, #adminForm a.modal.btn {font-size: 14px;font-weight: normal !important;color: #444} #adminForm button.btn, #adminForm a.modal.btn {background: #eee;border: 1px solid #555;border-radius: 4px} #adminForm button.btn:hover {background: #eee;color: #4466ff;border: 1px solid #555} #adminForm button#jform_publish_up_img, #adminForm button#jform_publish_down_img {display: none} #adminForm a.modal.btn{display: none} /* _______________THE END______thankyou for visiting _____ goodbye ________________ */