/* =====================  NORMALIZE  ==========================
 * SHORT VERSION, Reset for all browsers
 * Copyright Website-Bauen.de  http://www.website-bauen.de
 * ============================================================ */
* {margin: 0;padding: 0;vertical-align: top}
*, *:before, *:after, div {box-sizing: border-box}
html {font-family: Verdana, Arial, Tahoma, sans-serif;font-size: 14px;color: #333;line-height: 1.32;background: #fff}
body {width: 100%;min-width: 312px;padding: 8px 4px 4px 4px;cursor: default}
article, aside, details, figcaption, figure, form, footer, header, hgroup, nav, section, summary {display: block}
audio, canvas, video, span { display: inline-block} audio:not([controls]) {display: none;height: 0;}
b, strong {font-weight: bold;} u, em {text-decoration: underline;}
i, em {font-style: italic;text-decoration: none} u {text-decoration: underline} small {font-size: 75%}
sub {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;bottom: -0.2em}
sup {font-size: 75%;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;} [hidden] {display: none} 
hr { width: 96%;height: 0;margin: 0 auto;padding: 0 14px;border: 0;border-top: 1px solid #ccc}
ul, ol  {margin: 0 2px 10px 18px;padding: 0} ul ul, ol ol {margin: 0 0 0 14px}
ul li, ol li {margin: 0;padding: 0 1px 1px 1px;line-height: 1.42} 
ul li {list-style-type: square} ul li ul 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} table th {text-align: center;font-weight: bold}
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}
blockquote:before, blockquote:after {content: "";} blockquote {quotes: "" "";}
blockquote {font-family: Georgia, serif;font-size: 13px;color: #333;background: #fbfbfb}
blockquote {border-radius: 4px;border: 1px solid #ddd;border-bottom: 2px solid #bbb;border-left: 2px solid #ccc}
blockquote {position: relative;width: 92%;max-width: 720px;margin: 6px 0 12px 36px;padding: 8px 6px 8px 36px}
blockquote:before {content: "\201C";font-style: italic;font-family: Georgia, serif;font-size: 52px}
blockquote:before {position: absolute;left: 6px;top: 2px;line-height: 1}
blockquote p {font-family: Georgia !important;font-size: 13px; margin: 0;padding: 0;color: #333}
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: #666;outline: none}
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:#f9f9f9;border-radius: 2px;border: 1px solid #aaa}
input[type="text"]:hover, textarea:hover, select:hover {border-color: #444;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: 0;margin: 0 2px;padding: 8px 8px}
legend {font-size: 16px;padding: 0;margin: 4px 4px;white-space: normal}
textarea {overflow: auto;cursor: pointer}
select option {padding: 1px 4px;font-size: 12px;color: #222}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0}
button {cursor: pointer;-webkit-appearance: button}
button[disabled]{cursor: default}
button, input, select, textarea {font-family: sans-serif}
button, input, select, textarea {font-size: 100%;vertical-align: baseline}
button, input {line-height: normal} 
iframe {margin: 8px 0;border: none; background: transparent;}
img, img a, a img  {height: auto;max-width: 100%;border: 0;background-size: 100%}
h1, h2, h3, h4, h5, h6 {font-family: Arial, sans-serif;line-height: 1.2;}
h1 {font-size: 30px;font-weight: 400;padding: 16px 0 4px 0;color: #006633}
h2 {font-size: 24px;font-weight: 400;padding: 14px 0 2px 0;color: #007040}
h3 {font-size: 22px;font-weight: 400;padding: 12px 0 0px 0;color: #007040}
h4 {font-size: 18px;font-weight: 400;padding: 12px 0 0px 0;color: #007040}
h5 {font-size: 16px;font-weight: 400;padding: 10px 0 0px 0;color: #005522}
h6 {font-size: 14px;font-weight: 700;padding: 10px 0 0px 0;color: #006633}
p  {font-size: 14px;font-weight: normal;text-align: justify;padding: 0 0 12px 0;color: #444}


/* ========================================================================
 * TEMPLATE > STYLE-CSS for: www.produktions-prozesse.de
 * Copyright Website-Bauen.de  http://www.website-bauen.de
 * PLEASE DO NOT REMOVE COPYRIGHTS !
 * ======================================================================== */
a, a:link {color: #063;text-decoration: none;outline: none;}
a:hover, a:focus {color: #063;text-decoration: underline;cursor: pointer}
p.lead {font-size: 15px;font-weight: normal;line-height: 1.38;padding: 0 0 8px 0;color: #000}
p.indent {display: block;margin: 0 0 0 16px}
p.small {font-size: 12px;font-weight: normal;padding: 6px 0}
li .small {padding: 3px 2px 0 2px;font-size: 12px}
.mhide {visibility: hidden;display: none}
.row {} .row:before {display: table;content: " ";} .row:after {display: table;content: " "; clear: both}
.row.ftr {width: 98%;max-width: 1036px;text-align: right;font-size: 11px;margin: 0 auto;padding: 2px 6px 0px 2px;}
.space20 {height: 20px;} .space40 {height: 40px}
.clearfix:before {display: table;content: " ";} .clearfix:after {display: table;content: " ";clear: both}
.clear {height: 0;width: 100%;clear: both}
.left {text-align: left} .right {text-align: right} .center {text-align: center}
.img-Descr {font-size: 11px;color: #666;}
.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: 0 auto}
.img-full {display: block;height: auto;width: 100%;}
.img-res {display: block;height: auto;max-width: 100%;background-size: 100%}
.jsMsg, .ieMsg {width: 97%;margin: 8px auto;padding: 4px}
.jsMsg, .ieMsg {background: #fff;border: 2px solid #ea2001;color: #ea2001;text-align: center}
#onPage, #header, #system, #main, #contents, #theComponent, #footer {display: block;height: auto}
#onPage {width: 100%;max-width: 1039px;margin: 0 auto;border-width: 1px;border-style: solid}
#header-lft {float: left;width: 300px;margin: 0 -300px 0 0;overflow: hidden;}
#header-rgt {float: right;width: 100%;border-left: 300px solid transparent}
#brand  {height: 94px;width: 99%;text-align: left}
#brand a {display: block;position: relative;height: auto;margin: 0;padding: 0}
#brand a img{max-width: 300px;margin: 0;}
#brand a .noLogo  {margin: 0;padding: 8px 0 0 0;text-decoration: none;}
#brand a .noLogo  {font-size: 28px;font-weight: bold;line-height: 1.04;text-align: center;color: #063;}
#brand a:hover {text-decoration: none}
#slogan {float: left;height: 28px;width: 100%;margin: 14px 0 4px 0;border-right: 78px solid transparent}
#lSwitch {float: right;height: 28px;width: 68px;margin: 14px 8px 4px -78px;text-align: right;overflow: hidden}
#nav {margin: 8px 0 0 0;padding: 0;text-align: center;background: none}
#main {border-top-width: 1px;border-top-style: solid;border-bottom-width: 1px;border-bottom-style: solid}
#contents.oneCol {display: block;margin: 0}
#contents.twoCol {float: left;width: 100%;margin: 0}
#contents.twoCol {border-right: 260px solid transparent}
#rightCol {float: right;width: 250px;height: auto}
#rightCol {margin: -1px 0 0 -260px;padding: 4px 6px 6px 0;text-align: center}
#theComponent {min-height: 240px;border-width: 1px;border-style: solid;border-radius: 8px;}
#contents.oneCol #theComponent {margin: 8px 14px 14px 14px;padding: 2px 12px 8px 12px}
#contents.twoCol #theComponent {margin: 8px 10px 10px 10px;padding: 2px 4px 8px 6px}
#theComponent img {height: auto;max-width: 100%;background-size: 100%}
#footer {padding: 8px 4px 10px 4px}
#scrollBtn {display: none;position: fixed;bottom: 88px;right: 10px;padding: 7px;z-index: 99}
#scrollBtn {border: none;border-radius: 10px;outline: none;background-color: #063}
#scrollBtn {font-size: 14px;color: #fff;cursor: pointer}
#scrollBtn:hover {background-color: #280}
.copyright {margin: 0 auto;text-align: center;font-size: 14px;color: #333}
table.tbl-green {margin: 2px 0 16px 0;font-size: 12px;border: 1px solid #396;background: #f3fff8} 
table.tbl-green th{padding: 3px 4px;color: #063;border-right: 1px solid #396} 
table.tbl-green td {padding: 3px 4px;color: #333;border: 1px solid #396}
table.tbl-grey {width: 100%;margin: 2px 0 16px 0;font-size: 12px;border: 1px solid #ccc;background: #f9f9f9} 
table.tbl-grey th{padding: 3px 2px;color: #444;border-right: 1px solid #ccc} 
table.tbl-grey td {padding: 3px 4px;color: #333;border: 1px solid #ccc}
table.tbl-glos {text-align: left;width: 94%;margin: 8px auto}
table.tbl-glos tr {border-bottom: 1px solid #ccc;padding-bottom: 3px;}
table.tbl-glos td {padding: 4px 2px;font-size: 12px;text-align: left;}
table.tbl-glos td.glosTop {text-align: center;padding-bottom: 5px;}
table.tbl-glos td.glosTop a:hover {color: #280;}
table.tbl-glos td:first-child {width: 130px;font-weight: bold;}
table.tbl-glos td.glosLtr {font-size: 18px;color: #063;border-top: 1px solid #063}
table td.nbr-top {border-top: none} table td.nbr-btm {border-bottom: none}
table td.nbr-tNb {border-top: none;border-bottom: none}
table.tbl-green ul, table.tbl-grey ul {margin: 0 0 4px 14px;padding: 0}
table.tbl-green ul li, table.tbl-grey ul li {line-height: 1.3;list-style-type: circle}
table.tbl-green ul li ul, table.tbl-grey ul li ul {display: none;}
span.menu-toggle {display: none;height: 0}
ul.main-nav {width: 100%;margin: 0;padding: 0;font-family: arial,sans-serif;}
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 span  {margin: 0 4px 3px 0;padding: 0 8px;text-align: center}
ul.main-nav li a, li.divider span {display: block;position: relative;margin: 0;padding: 5px 6px 1px 6px} 
ul.main-nav li a, li.divider span  {font-size: 16px;line-height: 1.3;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: #063;background: none;text-decoration: none;outline: none;}
ul.main-nav li:hover a {color: #063;background: none;text-decoration: none}
ul.main-nav li.current a {color: #063;background: none;text-decoration: none;border-bottom: 2px solid #063}
 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: 220px;margin: -2px 0 2px 0;padding: 2px 0 10px 0}
 ul.main-nav li:hover ul {background: #fff;border: 0}
 ul.main-nav li ul li {float: none;display: block;margin: 1px 0;padding: 0}
 ul.main-nav li ul li {text-align: left;border: 0;background: none}
 ul.main-nav li ul li a {font-size: 14px;padding: 3px 3px 3px 13px}
 ul.menu li ul li ul, ul.menu li:hover ul li ul {display: none;visibility:hidden;height:0;width: 0}
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.current ul li a {color: #063;background: none;text-decoration: none;outline: none}
ul.main-nav li ul li:hover a {color: #063;background: none;text-decoration: none}
ul.main-nav li.current ul li a {color: #063;background: none;text-decoration: none;border: none}
ul.main-nav li.current ul li:hover a {color: #063;background: none;text-decoration: none;border: none}
ul.main-nav li ul li.current a {color: #063;background: none;text-decoration: underline;border: none}
ul.main-nav ul li.divider, ul.main-nav ul ul {display:none;height:0;width:0;margin:0;padding:0}
@media screen and (max-width: 1023px) {
	ul.main-nav li,  li.divider span  {margin: 2px 4px 1px 0;padding: 0 5px;}
	ul.main-nav li a {font-size: 14px;padding: 6px 3px 1px 3px}}
@media screen and (max-width: 919px) {	
	body { /* same as foreground, has params */}
	#onPage {border: 0}
	#header-lft {float: left;width: 236px;margin: 0 -240px 0 0;overflow: hidden;}
	#header-rgt {float: right;width: 100%;border-left: 240px solid transparent}
	#brand  {height: 84px;width: 99%;text-align: left}
	#brand a img{max-width: 212px;}
	#brand a .noLogo {font-size: 24px;padding-top: 16px}	
	#slogan {margin: 2px 0 0 0}
	#nav {margin: -2px 0 0 0}
	#contents.twoCol {border-right: 240px solid transparent}
	#rightCol {width: 233px;}
	#rightCol {margin: -1px 0 0 -240px;padding: 4px 0 6px 0;text-align: center}	
	#contents.oneCol #theComponent {margin: 8px 2px 10px 2px;padding: 2px 8px 8px 8px}
	#contents.twoCol #theComponent {margin: 8px 2px 10px 2px;padding: 2px 5px 8px 5px}
	#footer {border-bottom-width: 1px;border-bottom-style: solid}
	ul.main-nav li a {padding: 6px 2px 1px 2px}}
@media screen and (max-width: 767px) {	
	#nav {margin: 0;padding: 0;text-align: right;}
	#contents.twoCol {display: block;width: 99%;margin: 0;padding: 0;border:0;}
	#rightCol {display: block;width: 99%;margin: 8px auto;padding: 0;text-align: center}
	blockquote {margin: 6px 0 12px 8px}
	.row.ftr {text-align: center} .mhide {display: block;visibility: visible}
	span.menu-toggle {display: block;float: right;position: relative;width: 34px;height: 30px;margin: 0 12px 0 0}
	span.menu-toggle {font-size: 30px;line-height: 0.7;color: #fff;text-align: center;cursor: pointer;outline: none}
	span.menu-toggle {background: #063;border: 1px solid transparent;border-radius: 5px;padding: 0 0 0}
	span.menu-toggle:hover {background: #063;border: 1px solid #052;border-radius: 5px;}
	.menu-container {visibility: hidden;opacity: 0;height: 0;transition: height 0.3s} 
		/* animated = fixed-height, change if need more height in next line */
	 .toggled .menu-container  {visibility: visible;display: block;opacity: 1;height: 288px}
	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 {float: right;width: 304px;margin: 0 8px 8px 0;padding: 4px 0;text-align: left;z-index: 999}
	 .toggled ul.main-nav {border-width: 1px;border-style: solid;border-radius: 8px}
	ul.main-nav li {opacity: 0;text-align: left;border: 0;background: none} 
	.toggled ul.main-nav li, li.divider span  {display: block;width: 100%;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: 14px;margin: 0;padding: 1px 1px 1px 12px}
	ul.main-nav li.current a {text-decoration: underline;border-bottom: 0;}
	.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: 290px;margin: 0;padding: 0; background: #afc}
	.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 24px}
	table.tbl-grey, table.tbl-green {font-size: 11px}
	table.glosTbl {width: 100%;} table.glosTbl td {font-size: 11px} table.glosTbl td.glosLtr {font-size: 13px}}
@media screen and (max-width: 699px) {
   #header-lft {float: none;display: block;width: 100%;margin: 2px 0 0 0}
	#header-rgt {float: none;display: block;width: 100%;margin: 0;border: 0}
	#brand {width: 280px;height: auto;margin: 0 auto;padding: 0 20px 0 0}
	#brand a .noLogo  {font-size: 18px;}
	#lSwitch {margin: -78px 10px 4px -78px}
	span.menu-toggle {margin: -78px 14px 0 0;}
	.toggled ul.main-nav {float: none;width: 96%;margin: -4px auto 0 auto}}	
@media screen and (max-width: 639px) {	
	h1 {font-size: 28px;} h2 {font-size: 24px;} h3 {font-size: 20px}
	h4 {font-size: 18px;} h5 {font-size: 16px;} h6 {font-size: 14px}
	p, span {font-size: 13px;text-align: left}
	blockquote, blockquote p, cite {font-size: 13px} legend {font-size: 16px}
	.lead {font-size: 13px} .small {font-size: 11px} .copyright {font-size: 14px} 
	.img-lft, .img-rgt, .img-nosq {display: block;float: none;margin: 6px auto;text-align: center}
	.sm-hide {display: none;visibility: hidden}}
@media screen and (max-width: 479px) {
	#scrollBtn {bottom: 108px;right: 6px;}
	.xsm-hide {display: none;visibility: hidden}}


/* ========================================================================
 * JOOMLA > STYLE-CSS for: www.produktions-prozesse.de
 * Copyright Website-Bauen.de  http://www.website-bauen.de
 * PLEASE DO NOT REMOVE COPYRIGHTS !
 * ======================================================================== */
.mainFull  {display: block;height: auto;margin: 8px 0 4px 0;padding: 0}
.mainComp {display: block;height: auto;width: 98%;margin: 0 8px 8px 8px;padding: 0;}
.mod-inline  {display: inline-block}
.moduletable {display: inline-block;height: auto;width: 224px;margin: 5px 0 15px 0;padding: 2px 6px}
.moduletable {border-width: 1px;border-style: solid;border-radius: 8px}
.moduletable {color: #333;font-family: Arial, sans-serif;font-size: 12px;text-align: center}
.moduletable img {max-width: 216px;height: auto;margin: 4px auto 6px auto}
.moduletable label.element-invisible {display: none}
.moduletable h3  {margin: 0 -1px 0 -1px;padding: 4px 0 5px 0;z-index: 50}
.moduletable h3  {font-size: 18px;line-height: 1;font-weight: normal;text-align: center;color: #063}
.moduletable p {font-size: 12px;line-height: 1.24;margin: 6px 0 8px 0;padding: 0;text-align: left}
.moduletable ul.mostread { list-style: none;list-style-image: none;text-align: left;margin: 0;padding: 0}
.moduletable li, form .form-horizontal ul li { list-style: none;list-style-image: none;text-align: left;margin: 0;padding: 1px 0}
.moduletable a, .moduletable li a {font-size: 12px;text-decoration: none}
.moduletable a:hover, .moduletable li a:hover, .moduletable li a:hover span{text-decoration: underline}
.moduletable .pretext p, .moduletable .posttext p {font-size: 12px;color: #444;padding: 0 12px 6px 0;text-align: center}
.moduletable.left {text-align: left;}
.moduletable .img-full.img-res {display: block;margin: 0;height: auto;max-width: 100%;background-size: 100%}

/* Slogan (in mod_custom) => suffix: no suffix */
.moduletable.slogan {width: 100%;margin: 0 2px;padding: 0;background: none;border: none;border-radius: 0}
.moduletable.slogan p {padding: 4px 0 0 0;line-height: 1;text-align: center;}
.moduletable.slogan p {font-style: italic;font-size: 16px;font-weight: bold;color: #063}

/* Footer: Menu => suffix: _ftr-menu PLUS ul: _ftr */
.moduletable.ftr-menu {margin-left: 60px}
ul.ftr {margin: 0 3px;padding: 0;}
ul.ftr li {list-style: none;list-style-image: none;display: block;text-align: left}
ul.ftr li {margin: 0;padding: 1px 0;}
ul.ftr li a {font-size: 14px;line-height: 1}

/* Footer: Search => suffix: _ftr-search */
.moduletable.ftr-search {margin-left: 40px}

/* mod_wb-slider */
.moduletable.wbSlider {width:100%;margin:12px 0 6px 0;padding:0;background:none;border:none;border-radius:0}
.moduletable.wbSlider h3 {display: none}

@media screen and (max-width: 919px) {
	.moduletable.slogan p {padding: 6px 0 0 0;font-size: 14px}
	.moduletable.wbSlider {width: 101%;margin: 6px -6px 6px -1px;overflow: hidden}}
@media screen and (max-width: 767px) {
	.mainFull {display: block;width: 100%;margin: 8px auto}
	.moduletable {display: inline-block;margin: 8px 4px}
	.moduletable.wbSlider {width: 102%;margin: 6px -6px 6px -3px;overflow: hidden}
	.moduletable.ftr-menu {margin-left: auto;}
	.moduletable.ftr-search {margin-left: auto}}
@media screen and (max-width: 699px) {
	.moduletable.slogan p {margin-right: -24px;padding: 0;font-size: 13px}}
@media screen and (max-width: 639px) {
	.mod-inline  {display: block;margin: 0}
	.moduletable {display: block;margin: 10px auto}
	.moduletable.ftr-menu {margin: 4px auto 16px auto;padding-left: 28px}
	ul.ftr li {margin: 0 0 1px 0}
	.moduletable.ftr-search {margin: 0 auto}}
@media screen and (max-width: 479px) {
	.moduletable.custom.widthfull {width: 96%}}

/* Path => suffix: _path */
.moduletable.path {width: 100%;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;list-style-image: none;display: inline;margin: 0;padding: 0}
ul.breadcrumb li a {padding: 0 4px 0 0;font-size: 14px;text-decoration: none}
ul.breadcrumb li.active {color: #063}
ul.breadcrumb li a.pathway span:hover {text-decoration: underline}
ul.breadcrumb li span.divider {padding: 2px 1px 0 1px}

/* Whoson => suffix: _whoson */
.whoson p {width: 92%;margin: 0;padding: 2px 14px 6px 16px;text-align: center}

/* mod_Custom => suffix: see additional*/
.custom p {margin: 0;padding: 2px 4px 6px 4px;text-align: left} 

/* ___ ADDITIONEL SUFFIX (where-ever required) ___ 
 * 			see at bottom of this sheet 
 * ________________________________________________ */

.langswitcher {}
ul.lang-inline li {display: inline !important} /* j-module has own css */
ul.lang-inline li {margin: 0 0 0 1px;padding: 1px;line-height: 12px;font-size: 11px}
ul.lang-inline li a:hover {color: transparent;text-decoration: none}
ul.lang-inline li a img {margin: 0;border: 1px solid #fff}
ul.lang-inline li.lang-active a img, ul.lang-inline li a:hover img {border: 1px solid #999}
.btn-primary, a.btn, button.btn {position: relative;min-height: 24px;width: 158px;margin: 4px auto;padding: 2px 4px}
.btn-primary, a.btn, button.btn {font-size: 13px;font-weight: bold;color: #063;text-align: center;text-decoration: none}
.btn-primary, a.btn, button.btn {background-color: #fff;border: 1px solid #063;border-radius: 3px;cursor: pointer}
.btn-primary, a.btn, button.btn {overflow: hidden;}
 a.btn {display: block;margin-left: 18px} button.btn {width: 80px} .btn.btn-primary {width: 158px}
.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;background-color: #063;border:1px solid #052;text-decoration: none}
.btn-mini  {height: auto;min-height: 22px;max-width: 76px;margin: 2px 6px;padding: 2px;
	font-size: 12px;font-weight: normal;line-height: 0.7;color: #063;text-align: center;text-decoration: none;
	background-color:#fff;border: 1px solid #063;border-radius: 3px;cursor: pointer}
.btn-mini:hover  {color: #fff;background-color: #063;border:1px solid #052;text-decoration: none}
.random-image img {border-radius: 3px;}
.bannergroup {padding: 4px 0;}
.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 #063}
.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;line-height: 1.15;}
dl.stats-module dt {display: inline-block;width: 58%;padding: 0 8px 0 0;text-align: right;overflow-x: hidden;}
dl.stats-module dd {display: inline-block;width: 40%;max-width: 69px;margin: 0 0 -1px 0;text-align: left;overflow: hidden;}
form#login-form {margin: 0;padding: 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 12px;padding: 2px 0 1px 4px;}
#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: #f9f9f9;border: 1px solid #999;border-radius: 8px}
.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: 136px;}
.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;}
.profile {font-family: Arial, sans-serif;font-size: 14px;text-align: left;}
.search {font-family: Arial, sans-serif;}
.search form.form-inline {margin: 4px auto;padding: 4px 0;text-align: center;}
.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 #999;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 #555;border-radius: 3px;background-color:#ddd;}
.search form.form-inline input.button:hover {text-decoration: none;background-color:#eee;border:1px solid #222;border-radius: 3px;}
.search form#searchForm {max-width: 360px;margin: 10px 0;padding: 6px;text-align: left;}
.search form#searchForm {font-size: 13px;background: #f6f6f6;border: 1px solid #999;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: #444;} /* required for 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: #dfb;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 #999;}
#mod-finder-searchform  button.btn {position: relative;height: 24px;width: 140px;margin: 6px auto;padding: 1px 4px;
	color: #33f;font-size: 12px;font-weight: bold;border: 1px solid #444;border-radius: 4px;cursor: pointer;}
#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;width: 140px;margin: 18px auto 8px auto;padding: 2px 0}
ul.pager, ul.pagenav {text-align:center;background: #063}
ul.pager li, ul.pagenav li {display: inline-block;margin: 0;padding: 0}
ul.pager li, ul.pagenav li {list-style-image: none;background: #063}
ul.pager li.previous {border-right: 1px solid #063}
ul.pager li.next {    border-left: 1px solid #fff}
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: #222;text-decoration: none}
.pagination, .pagination p {margin: 12px auto 0 auto;font-size: 13px;color: #444;text-align: center}
.pagination p {padding: 4px 0;color: #111}
.pagination ul {display: inline-block;margin-top: 0} .pagination ul li {display: inline;}
.pagination ul li a, .pagination ul li span {float: left;margin-left: -1px;padding: 4px 5px;line-height: 14px;text-decoration: none}
	/* "li a" = link, linkable =>*/.pagination ul li a {background: #063;color: #fff}
.pagination ul li a:hover {background: #fff;color: #248}
	/* "li span" = not link, eg: active or disabled => */ .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: none;color: #666;cursor: default}
	/* let prev and next show color, even if disabled => */.pagination ul li.pagination-prev span, 
.pagination ul li.pagination-next span  {background: #063;color: #fff}
.pagination ul li:first-child a, .pagination ul li:first-child span {border-left-width: 1px}
.pagination ul li:last-child a, .pagination ul li:last-child span {border-right-width: 1px}
.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 10px 0;padding: 8px 0 8px 0;line-height: 1.1;}
.page-header h1, .page-header h1 a, .page-header h1:hover a {font-size: 28px;color: #555;text-decoration: none}
.page-header h2, .page-header h2 a, .page-header h2:hover a {font-size: 24px;color: #063;text-decoration: none}
.page-header h2 {border-bottom: 1px solid #063}
h2 .subheading-category {color: #333;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-leading {display: block;width: 100%;max-width: 968px;margin: 0 auto 10px auto;padding: 6px;}
.items-row {display: block;margin: 0 -5px 0 -5px;text-align: left}
.items-row .span12 {display: block;width: 100%;max-width: 1320px;margin: 16px auto 8px auto;padding: 6px}
.items-row .span12 {text-align: left;border-top: 1px solid #999}
.items-row .span6  {display: inline-block;width: 47%;margin: 20px 10px 8px 10px;padding: 0 7px 14px 7px;border-top: 1px solid #999}
.items-row .span4  {display: inline-block;width: 30.5%;margin: 20px 8px 8px 8px;padding: 0 4px 14px 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 {max-width: 200px;}
.item-page img.img-intro {display: none;}
.item-page img.img-intro {display: none;}
@media screen and (max-width: 919px) {.items-leading {}
	.items-row {margin: 0;}.items-row .span4, .items-row .span6  {width: 47%;margin: 20px 6px 8px 6px;padding: 0 5px 14px px;}}
@media screen and (max-width: 767px) {.items-leading {}
	.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 {margin-top: 24px;padding-top: 6px;color: #222;border-top: 1px dashed #aaa;border-bottom: 1px dashed #aaa}
.items-more:before {content: "Weitere Berichte";padding-left: 12px;} /* DE ONLY: "Weitere Berichte" */
.items-more ol li {list-style: none;list-style-image: none}
fieldset.filters {margin: 0;padding: 0;}
table.category {font-size: 12px;margin: 0 0 12px 34px;background: #f6f6f6}
table.category  th {padding: 2px 3px;border-top: 1px solid #063;border-right: 1px solid #063;border-bottom: 1px solid #063}
table.category  td{padding: 2px 3px;border-right: 1px solid #063;border-bottom: 1px solid #063}
table.category  th:first-child {border-left: 1px solid #063}
table.category  td:first-child {border-left: 1px solid #063}
table.category  th a {color: #555;} 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: 11px;padding-top: 4px}
@media screen and (max-width: 919px) {table.category {margin: 0 0 8px 6px}.cat-children {margin: 30px 0 8px 6px}}
.categories-list {margin: 12px 0 12px 8px;border: 1px solid #063}
.categories-list div  {padding: 6px;border-bottom: 1px solid #ccc} .categories-list div.last  {border-bottom: 0}
.categories-list h3.page-header span {padding-left: 20px;clor: #333;}
.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 7% 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;
	background: #fff url(../img/icon-edit32.png) top center no-repeat;border: 1px solid transparent;z-index: 800}
a.jmodedit:hover, ul.dropdown-menu li.edit-icon:hover {border: 1px solid #f22}
 dt.article-info-term {display: none;}
 dl.article-info {margin: 0 8px 4px 0;font-size: 12px}
 dl.article-info, dl.article-info a {color: #280;text-decoration: none;}
 dl.article-info dd {margin-left: 26px}
 dl.article-info dd.create, dl.article-info dd.published, dl.article-info dd.modified {margin-left: 22px}
 dl.article-info dd.hits {margin-left: 22px}
 .row.ftr a {color: #bbb} .row.ftr a:hover {color: #063;text-decoration: underline}
.item-page .article-info dt.article-info-term {display: none;height: 0;visibility: hidden}
.content_rating {margin: 10px 0 0 26px;font-size: 12px;color: #280}
.content_rating .unseen {font-size: 12px;padding: 0;color: #280}
.content_rating img {display: inline-block;margin: 6px 2px}
.content_vote {display:block;margin: 0 0 10px 24px;font-size: 12px;color: #280}
.content_vote select {margin: -1px 6px 0 4px;font-size: 11px;color: #333;width: 120px;padding: 0 4px;border: 1px solid #444}
.btn.dropdown-toggle {display: none}
@media screen and (max-width: 520px) {.content_vote .unseen {display: block; width: 99%;margin: 0 0 4px -2px}}
.readmore {display: inline !important;margin: 0}
.readmore a.btn {display: inline-block;width: 110px;min-height: 18px;margin: -2px 0 -8px 8px;padding: 1px}
.readmore a.btn {font-weight: normal;color: #3669ab;background-color: #e3e3e2;border: 1px solid #aaa}
.readmore a.btn:hover {color: #3669ab;background-color: #d6d6d6;border: 1px solid #444}	
#system-message-container {display: block;margin: 10px 14px 2px 14px;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}   /* 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}     /* 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} /* 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: 8px 3px}}
#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}
#mailtoForm {padding: 6px;font-size: 13px}
#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}


/* ========================================================================
 *       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: #063}
#redim-cookiehint .clr {clear: both}
#redim-cookiehint.hidden{display: none;visibility: hidden}
.cookiecontent {display: inline-block;max-width: 830px;padding: 0 3px 6px 3px;vertical-align: top}
.cookiecontent {font-size: 13px;line-height: 14px;color: #fff;border-right: 40px solid transparent}
.cookiecontent a, .cookiecontent a:hover {color: #fff;padding: 0 3px;text-decoration: underline}
.cookiebuttons {display: inline-block;width: 39px;margin: 0 0 0 -39px;padding: 0 2px 3px 2px}
.cookiebuttons .btn {width: 32px;height: 22px;margin: 0 6px 6px 0;padding: 4px 2px 0 0}
.cookiebuttons .btn {background: #063;border: 1px solid #fff;border-radius: 3px}	
.cookiebuttons .btn {font-size: 13px;line-height: 13px;color: #fff;cursor: pointer}
.cookiebuttons .btn:hover {background: #280;border: 1px solid #052;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}}

	/* _______ DEFAULT COLORS => if template has params adds style to index.php _______ */
.bodyBg{background:#f4fff9}.pageBg {background:#fff}.pageBr{border-color:#063}
.compBg{background:#f6f6f6}.compBr {border-color:#bbb}
.moduletable{background:#f6f6f6;border-color:#bbb}
ul.main-nav{background: none;border-color: transparent}
.toggled ul.main-nav{background:#f6f6f6;border-color:#bbb}
	/* _______ ADDITIONEL SUFFIX (where-ever required) ______ */
.widthfull {width: 94%;max-width: 980px; margin: 12px auto;min-height: 30px}
.widthfull .custom.widthfull {width: 100%;margin: 0;padding: 0;}
.widthfull img {width: 100%;max-width: 960px;height: auto;}
.nbr {border: none;}.nbrr {border-radius: 0;} .nbg {background: none}
@media print {
	body, h1, h2, h3, h4, h5, h6, p, span, div {font-family: Arial,sans-serif !important}
	.icons ul.dropdown-menu, .content-rating, .content_vote, 
	.btn-mini, .hidden-print {display: none;visibility: hidden;height: 0}}
	
 /*  ___________________ END CSS______________ thank-you, bye ____________________  */