/**
 * @author  ( Angie Radtke  )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2016 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
	/* Typography =================================================== */

/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu/ubuntu-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('../fonts/ubuntu/ubuntu-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu/ubuntu-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu/ubuntu-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu/ubuntu-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu/ubuntu-v12-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/ubuntu/ubuntu-v12-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'),
       url('../fonts/ubuntu/ubuntu-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu/ubuntu-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu/ubuntu-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu/ubuntu-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu/ubuntu-v12-latin-italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ubuntu/ubuntu-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
       url('../fonts/ubuntu/ubuntu-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu/ubuntu-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu/ubuntu-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu/ubuntu-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu/ubuntu-v12-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}


/* caveat-700 - latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/caveat/caveat-v4-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Caveat Bold'), local('Caveat-Bold'),
       url('../fonts/caveat/caveat-v4-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/caveat/caveat-v4-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/caveat/caveat-v4-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/caveat/caveat-v4-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/caveat/caveat-v4-latin-700.svg#Caveat') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family:Font Awesome\ 5 Brands;
	font-style:normal;
	font-weight:400;
	src:url(../fonts/awesome/fa-brands-400.eot);
	src:url(../fonts/awesome/fa-brands-400.eot?#iefix) format("embedded-opentype"),
		url(../fonts/awesome/fa-brands-400.woff2) format("woff2"),
		url(../fonts/awesome/fa-brands-400.woff) format("woff"),
		url(../fonts/awesome/fa-brands-400.ttf) format("truetype"),
		url(../fonts/awesome/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:Font Awesome\ 5 Brands
}

@font-face {
	font-family:Font Awesome\ 5 Free;
	font-style:normal;
	font-weight:400;
	src:url(../fonts/awesome/fa-regular-400.eot);
	src:url(../fonts/awesome/fa-regular-400.eot?#iefix) format("embedded-opentype"),
		url(../fonts/awesome/fa-regular-400.woff2) format("woff2"),
		url(../fonts/awesome/fa-regular-400.woff) format("woff"),
		url(../fonts/awesome/fa-regular-400.ttf) format("truetype"),
		url(../fonts/awesome/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400
}

@font-face {
	font-family:Font Awesome\ 5 Free;
	font-style:normal;
	font-weight:900;
	src:url(../fonts/awesome/fa-solid-900.eot);
	src:url(../fonts/awesome/fa-solid-900.eot?#iefix) format("embedded-opentype"),
		url(../fonts/awesome/fa-solid-900.woff2) format("woff2"),
		url(../fonts/awesome/fa-solid-900.woff) format("woff"),
		url(../fonts/awesome/fa-solid-900.ttf) format("truetype"),
		url(../fonts/awesome/fa-solid-900.svg#fontawesome) format("svg")
}

body,pre,code,body#shadow
{
	font-family: ubuntu, arial, helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
}

body h1,body h2,body h3,body h4,body h5,body h6 {
	margin: 0;
	font-family: inherit;
	font-weight: 700;
	font-style: normal;
	color: inherit;
	text-rendering: optimizeLegibility;
	word-wrap: break-word;
}

body h1 {
	margin-bottom: 0.75em;
	font-size: 3.6em;
	line-height: 1.2;
}

body h2 {
	margin-top: 1.2em;
	margin-bottom: 0.8em;
	font-size: 1.6em;
	line-height: 1.2;
	padding: 3px 0
}

.page-header h2 {
	
}

body h3 {
	margin-bottom: 0.5em;
	margin-top: 1.8em;
	font-size: 1.4em;
	line-height: 1.3;
	padding-bottom: 5px
}

body h4 {
	margin-bottom: 0.4em;
	margin-top: 1.5em;
	font-size: 1.05em;
	line-height: 1.25;
}

body h5 {
	font-size: 1.1em;
	margin-bottom: 1.5em;
}

body p,body ol,body ul,body dl,body address, body code {
	margin-bottom: 0.5em;
	font-size: 1.0em;
	line-height: 1.6em;
	word-wrap: break-word;
}

small {
	
}

body ul,body ol {
	/*update David Satz floating image problems */
	margin: 0 0 1.5em 0;
	padding: 0 0 0 24px;
}

#main ul, #main ol {
	overflow: hidden;  /*update David Satz floating image problems */
}

body li ul,body li ol {
	margin: 0;
}


ul.categories-module
{ padding:0; margin:0}


body blockquote{
	margin: 1.5em 7% 1.5em 0;
	padding-left: 3em;
	/*border-left: 2px solid #c7ced6;*/
	font-style: normal;
}

body blockquote:before {
	content: "\f10d";
	font-weight: 900;
	font-family: Font Awesome\ 5 Free;
	font-size: 2em;
	position: absolute;
	left: 0.4em;
	color: #ccc;
	margin-top: 0.3em;
}

a,
a:link,
a:visited,
a:hover,
a:active,
a:focus
{
	text-decoration:underline;
	font-weight:700;
}

q {
	quotes: none;
}

cite {
	font-style: normal;
}

abbr[title] {
	border-bottom: 1px dotted #c7ced6;
	cursor: help;
}

b,strong, .bold {
	font-weight: 700;
}

i,em, dfn {
	font-weight: 400;
	font-style: italic;
}

ins {
	text-decoration: none;
}

mark {
	font-style: italic;
	font-weight: 700;
}

pre,code,kbd,samp {
	line-height: 1.5em;
}

body code {
	text-align:left;
	background: #eee;
	border: 1px solid #555;
	display: block;
	padding: 10px;
	margin: 20px;
}

/* spezial codeblock für grosse Schlagworte */
body code.language-schlagworte {
	background: none;
	border: none;
	font-size: 1.5em;
	font-weight:700;
	text-align:center;
	margin-top:2em;
	margin-bottom:2em
}

/* spezial codeblock für meme-schlagworte farbit */
body code.meme-schlagworte {
	min-width: 50%;
	margin-left: auto;
	display: inline-block;
	margin-right: auto;
	font-weight:700;
	text-align:center;
}

pre {
	white-space: pre-wrap;
	text-align:center;
	}

sub,sup {
	position: relative;
	line-height: 0;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

.centered {
	text-align:center
}
table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1.5em;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: transparent;
	font-size: 1em
}

table th,table td {
	padding: 8px;
	vertical-align: top;
	border-top: 1px solid #ddd;
	line-height: 1.5em;
	text-align: left;
}

table th {
	font-weight: 700;
	border: 0
}

table thead th {
	vertical-align: bottom;
}

table  tr:first-child th,table tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td
	{
	/*border-top: 0; not used, david satz*/ 
}

table tbody+tbody {
	border-top: 2px solid #8c9bab;
}

table tbody tr td,table tbody tr th {
	-webkit-transition: background-color 0.25s linear;
	-moz-transition: background-color 0.25s linear;
	-ms-transition: background-color 0.25s linear;
	-o-transition: background-color 0.25s linear;
	transition: background-color 0.25s linear;
}

/* links */
.readmore a,  .mod-articles-category-readmore a {
	/*border: 1px solid #CCCCCC;
	border-radius: 3px;*/
	display: inline-block;
	text-decoration: none;
	margin-left: 9px;
	padding: 4px;
	padding-left:15px;
}

/* +++++++++++++++++  forms general #######################  */
form {
	margin: 0 0 18px;
}

fieldset {
	border: solid 1px #ddd;
	margin: 10px 0;
	padding: 20px;
	border-radius: 5px
}

fieldset p {
	margin: 0;
	padding: 0;
}

legend {
	font-weight: 700;
	background: #fff;
	padding: 5px 10px
}

label,input,button,select,textarea {
	font-weight: 400;
}

label {
	margin-bottom: 5px;
	max-width: 90%
}

input,textarea,select,#advanced-search-toggle, input.search-query {
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	display: inline-block;
	margin-bottom: 9px;
	padding: 4px;
}
.filter-search-lbl {display:inline}
.filter-search, .display-limit {float:left; margin-right:10px}
.button,button,.profile-edit a {
	border-radius: 3px;
	padding: 4px;
	line-height: 1.2em;
	text-decoration: none;
}

label input,label textarea,label select {
	display: block;
}

input[type="image"],input[type="checkbox"],input[type="radio"] {
	border-radius: 0;
	cursor: pointer;
	height: auto;
	line-height: normal;
	margin: 3px 0;
	padding: 0;
	width: auto;
}

input[type="button"],input[type="reset"],input[type="submit"] {
	height: auto;
	width: auto;
}

select {
	height: 28px;
	line-height: 28px;
	max-width:99%}

select {
	width: 220px;
}

select[multiple],select[size] {
	height: auto;
}

textarea {
	height: auto;
}

.radio,.checkbox {
	padding-left: 18px;
}

input[type="radio"],input[type="checkbox"] {
	display: inline;
	 margin-right : 10px;
	 border:none
}

input,textarea {
	-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

input:focus,textarea:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px
		rgba(82, 168, 236, 0.6);
	outline: 0 none;
}

input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus
	{
	box-shadow: none;
	outline-offset: -2px;
}

/* +++++++++++++++++++++++  header searchbox +++++++++++++++++++++  */

#header form {
	overflow: hidden;
	float: right
}
#header form .search {display:inline}
#header input {
	font-weight: 700;
	float: left;
}

#header .inputbox {
	margin-right: 5px
}

/* ++++++++++++++++++++  search component +++++++++++++++++++++++ */

fieldset.word {
	border: 0;
	background: #fff;
	padding: 0
}

fieldset.phrases label,fieldset.only label {
	display: inline;
}

 :root *> fieldset.only label:before {
	background: #a7c7dc;
	background: -moz-linear-gradient(-45deg, #fefefe, #ddd);
	background: -webkit-linear-gradient(-45deg, #fefefe, #ddd);
	background: -o-linear-gradient(-45deg, #fefefe, #ddd);
	background: -ms-linear-gradient(-45deg, #fefefe, #ddd);
	background: linear-gradient(-45deg, #fefefe, #ddd);
	border: 1px solid #aaa;
	border-radius: 3px;
	box-shadow: 0 0 1px 1px #CCCCCC;
	height: 1em;
	margin: 0 4px 0 0;
	text-transform: uppercase;
	width: 1em;
	display: inline-block;
	margin-left: -40px;
	padding: 2px;
	line-height: 1em;
	text-indent: -50px;
}

input[type="checkbox"]:checked+label:before {
	content: "\2714";
	text-indent: 0;
	background: -moz-linear-gradient(-45deg, #fefefe, #0b70cd);
	background: -webkit-linear-gradient(-45deg, #fefefe, #0b70cd);
	background: -o-linear-gradient(-45deg, #fefefe, #0b70cd);
	background: -ms-linear-gradient(-45deg, #fefefe, #0b70cd);
	background: linear-gradient(-45deg, #fefefe, #0b70cd);
	border: 1px solid #0B70CD;
}

:root *> .phrases-box  label:before {
	background: #a7c7dc;
	background: -moz-linear-gradient(-45deg, #fefefe, #ccc);
	background: -webkit-linear-gradient(-45deg, #fefefe, #0b70cd);
	background: -o-linear-gradient(-45deg, #fefefe, #0b70cd);
	background: -ms-linear-gradient(-45deg, #fefefe, #0b70cd);
	background: linear-gradient(-45deg, #fefefe, #0b70cd);
	border: 1px solid #aaa;
	line-height: 1.3em;
	margin: 0 4px 0 0;
	text-transform: uppercase;
	width: 1.3em;
	display: inline-block;
	margin-left: -40px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	text-indent: -40px;
	color: #fff;
	text-shadow: 0 10px 6px #fff;
}

/*
input[type="radio"]:checked + label:before {
	content: "\2022";
	text-indent: 6px;
	background: -moz-linear-gradient(-45deg, #fefefe, #0b70cd);
	background: -webkit-linear-gradient(-45deg, #fefefe, #0b70cd);
	background: -o-linear-gradient(-45deg, #fefefe, #0b70cd);
	background: -ms-linear-gradient(-45deg, #fefefe, #0b70cd);
	background: linear-gradient(-45deg, #fefefe, #0b70cd);
	color: #000;
	zoom:1;
	border: 1px solid #aaa;
}*/

.ordering-box {
	margin: 10px 0;
}

.search-results dt.result-title {
	padding: 15px 15px 0 5px;
	font-weight: 700;
}

.search-results dd {
	padding: 2px 15px 2px 5px
}

.search-results dd.result-text {
	padding: 10px 15px 10px 5px;
	line-height: 1.7em
}

.search-results dd.result-url {
	font-size: 90%;
	padding: 2px 15px 15px 5px;
}

.search-results dd.result-created {
	padding: 2px 15px 15px 5px
}

.search-results dd.result-category {
	padding: 10px 15px 5px 5px
}

/* Com_search break long titles & text */
dt.result-title {
	word-wrap: break-word;
}

dd.result-text {
	word-wrap: break-word;
}

.advanced-search-tip {
	background: #FEFDE2;
	border-radius: 3px;
	padding: 20px;
	border: solid 1px #ddd
}

.advanced-search-tip p {
	margin: 0
}

.advanced-search-tip .term {
	font-weight: 700;
	font-style: italic
}

.panel {
	border: solid 1px #ddd;
	margin-top: -1px;
}

#main  .panel h3 {
	margin: 0;
	padding: 0;
	background: #eee;
	border: 0;
	font-size: 1.0em
}

.panel h3 a {
	display: block;
	text-decoration: none;
	padding: 6px;
}

.pane-slider {
	border: solid 0;
	padding: 10px;
	margin: 0;
}


/* +++++++++++++++++++  Contact Form +++++++++++++++++++++++++++++++++ */


.panel .contact-form,.panel .contact-miscinfo {
	padding: 10px
}

.contact .panel .contact-form form,.contact .panel .contact-address {
	margin: 20px 0 0 0
}

.contact-form textarea,.contact-form input[type="text"],.contact-form input[type="email"],.contact-form textarea
	{
	width: 80%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #DDDDDD;
	color: #333333;
	overflow: auto;
	padding: 5px;
	vertical-align: top;
}

#jform_contact_email_copy-lbl,#jform_contact_email_copy {
	float: left;
	margin-right: 10px;
	border: 0
}

label#jform_captcha-lbl {
	clear: both;
  	position: relative;
  	float: left;
}

.contact-form .button {
	clear: left;
	float: left;
	margin: 20px 0
}

fieldset.filters {
	background: none;
	border: none;
	padding: 0
}

.contact-form,.contact-links,.contact-misc,.contact-image,.contact-contactinfo,.contact-address
	{
	margin: 20px 0
}

/* ++++++++++++++++ Fox Contact Form ++++++++++++++++ */
.form-group {
    float: left;
    width: 100%;
	 margin-bottom: 10px;
}

.form-group .control-label {
    float: left;
    width: 200px;
    text-align: left;
    padding-right: 16px;
	 max-width: 100%;
    margin: 0;
	 display: inline-block;
}

.form-group .control-label label
{
	margin:0 0 0 10px;
}

.form-group .controls {
    float: left;
	 margin: 0;
	 width: 400px;
    max-width: 100%;
	 
}
.form-group .controls input, 
.form-group .controls img, 
.form-group .controls textarea{
   width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
}

.form-group input[type="checkbox"]
{
	width:auto;
	margin-bottom: 9px;
}

.form-group label.checkbox {
    display: inline-block;
	 float: left;
	 margin-left: -20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	 max-width: 100%;
}

.form-group .controls button {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbbbbb;
    border-color: #c5c5c5;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
    border-bottom-color: #a2a2a2;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    padding: 4px 20px;
    line-height: 20px;
}

.form-group .controls button:hover, .form-group .controls button:focus {
	background-position: 0 -15px;
}

.form-group .controls .captcha {
   width: 180px;
	max-width: 100%;
}

.fox-item.privacy .controls div
{
	height: auto !important; /* override inline Styles */
	max-height: 150px;
}

.fox-item.privacy .controls p
{
	margin-bottom: 0px;
}


/* +++++++++++++++++++++++ pagenav +++++++++++++++++++++++  */
.pagenav {
	margin: 0 auto;
	text-align:center;
	margin: 2em 0 0 0;
}

.pagenav ul {
	display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
}

.pagenav li {
	display: inline-block;
	margin: 5px 10px;
	padding: 0
}

.pagenav a,span.pagenav {
	padding: 0 14px;
	margin: 0;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left: 0 solid #ddd;
	display: inline-block;
	line-height: 1.9em;
}

.pagenav li:first-child a,.pagination-start span {
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	border-left: solid 1px #ddd
}

.pagenav li:last-child a,.pagination-end span {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.pagination ul {
	margin: 10px 10px 10px 0;
	padding: 0
}

.pagination {
	margin: 0 auto;
	text-align:center;
}

.pagination li {
	display: inline;
}

.pagination a {
	padding: 0 14px;
	line-height: 2em;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left: 0 solid #ddd;
	display: inline-block
}

.pagination .active a {
	cursor: default;
	pointer-events: none;
	background: #ccc;
}

.pagination .disabled a {
	cursor: default;
	pointer-events: none;
	color: #ccc;
}

.pagination a:before, /* show icon */
.pagination a:after
{
	font-weight: 900;
	font-family: Font Awesome\ 5 Free;
}

.pagination a:before {padding-right: 5px;}
.pagination a:after {padding-left: 5px;}

.pagination a#first_page_link:before {content:'\f100'}
.pagination a#prev_page_link:before {content:'\f104'}
.pagination a#next_page_link:after {content:'\f105'}
.pagination a#last_page_link:after {content:'\f101'}

	
.pagination span,.pagination span  a:hover {
	cursor: default;
}

.pagination li:first-child a {
	border-left-width: 1px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

.pagination li:last-child a {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

/* +++++++++++++++++ article-info  +++++++++++++++++++++++++++  */
.article-info
{
	padding: 7px;
	margin: 0 0 18px;
	list-style: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* +++++++++++++++++ Breadcrumbs  +++++++++++++++++++++++++++  */
#breadcrumbs
{
	  padding:0 0 0 0px;
	  text-align:left;
	  margin:5px 20px 5px 0px;
	  font-size:0.95em;
}

#breadcrumbs ul {
	list-style-type:none;
	padding-left: 0px;
	margin-left:5px;
	margin-bottom:0;
}

#breadcrumbs li {
	display:inline;
	margin:0;
	padding: 0;
}



#breadcrumbs p
{
        padding:5px;
        display:inline;
}

#breadcrumbs span
{
        padding:0px 5px;
}

#breadcrumbs span a,
#breadcrumbs span a:link,
#breadcrumbs span a:visited
{
        text-transform:none;
}

#breadcrumbs span a:hover,
#breadcrumbs span a:active,
#breadcrumbs span a:focus
{
        text-decoration:none;
}

#breadcrumbs .divider {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-left: 8px solid #555;
	border-bottom: 4px solid transparent;
}
/* +++++++++++ language switcher ++++++++++++++*/

ul.lang-inline
{
	position:absolute;
	top:25px;
	right:0px;
}

/* +++++++++++++++++ Menus general ++++++++++++++++++++*/
ul.menu,
ul.menu ul,
ul.menu li,
ul.menu a,
ul.menu a:link,
ul.menu a:visited,
ul.menu ul li,
ul.menu ul a,
ul.menu ul a:link,
ul.menu ul a:visited
{
	margin: 0;
	padding: 0;
	list-style:none;
	display: block;
	font-weight: 700;
}

ul.menu a {
	text-decoration: none;
}


/* ######################  header   ###################### */


/* ++++++++++++++  fontsize  ++++++++++++++ */
#fontsize {
	padding: 6px 0 0 0;
	margin: 0 20px 0 1px;
	text-align: right;
	margin-bottom: 0;
	float:right;
	line-height:14px;
}

#fontsize h3 {
	padding-right: 0;
	display: inline;
	/*font-size: 1em;*/
	font-size: 14px;
	margin: 0 10px 0 0;
}

#fontsize p {
	margin: 0 0 0 2px;
	padding: 0;
	display: inline;
	/*font-size: 1em;*/
	font-size: 14px;
	
}

#fontsize p a {
	margin: 0 2px;
	display: inline;
	padding: 0 5px;
}

#fontsize p a:link,
#fontsize p a:visited
{
	text-decoration:none;
}

#fontsize p a.larger,
#fontsize p a.reset,
#fontsize p a.smaller
{
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	margin:0;
}

/* ++++++++++++++  header main menu  1. Level ++++++++++++++ */
#header
{
	overflow: visible !important;
}

#main_menu ul,#main_menu ol {
	margin: 0;
	padding: 0;
}

#main_menu .moduletable_menu,
#main_menu #menuwrapper
{
	border: 0;
	padding: 0;
	margin: 0;
	outline:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background:none;
	line-height:0;
}

#main_menu
{
	padding:0;
	margin:0;
	text-align:left;
}

#main_menu ul.menu
{
   -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	display:inline-block;
	padding-right:8em; /*fix dropdown overflow */
}

#main_menu ul.menu li {
	position:relative !important;
	zoom:1; 
	float: left;
}


#main_menu ul.menu li
{
	height: 2.1em; /* menu height, besser da background Image*/
}

#main_menu ul.menu a,
#main_menu ul.menu a:link,
#main_menu ul.menu a:visited
	{
	padding:0.25em 15px 0px 15px;
	border-right: 1px solid #ddd;
}

*:first-child+html #main_menu ul.menu li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.0em;
}

/* ++++++++++++++  header main menu  2. Level dropdown ++++++++++++++ */
#main_menu ul.menu li:hover {
	 position: relative;
	 z-index: 999;
	 cursor: default;
}

*:first-child+html #main_menu ul.menu ul {  /* Workaround fuer den IE 7 */
    background-color:silver; 
	 padding-bottom:0.0em; /*?*/
}
 
#main_menu ul.menu li:hover > ul {
	 visibility: visible;
}
 
#main_menu ul.menu ul {
	visibility: hidden;
 	position: absolute;
 	top: 2.1em; /*=menu height*/
 	left: -1px;
 	zoom:1;
}

#main_menu ul.menu ul li
{	
	display:block;
	float: none;
	font-size:1.2em;
	width: 11em;
	height:1.8em;
}

#main_menu ul.menu ul a,
#main_menu ul.menu ul a:link,
#main_menu ul.menu ul a:visited
{	
	font-size:0.8em;
	text-shadow:none;
	text-align:left;
	padding-top:0.3em;
	padding-bottom:0.3em;
}


/* ++++++++++++++  nav Menu  ++++++++++++++ */

#nav_menu ul,#nav_menu ol {
	margin: 0;
	padding: 0;
}

#nav_menu .moduletable_menu,
#nav_menu #menuwrapper
{
	border: 0;
	padding: 0;
	margin: 0;
	outline:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background:none;
	line-height:0;
}

#nav_menu
{
	padding:0;
	margin:0;
	text-align:left;
}

#nav_menu ul.menu
{
   -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	display:inline-block;
	padding-right:8em; /*fix dropdown overflow */
}

#nav_menu ul.menu li {
	position:relative !important;
	zoom:1; 
	float: left;
}


#nav_menu ul.menu li
{
	height: 2.1em; /* menu height, besser da background Image*/
}

#nav_menu ul.menu a,
#nav_menu ul.menu a:link,
#nav_menu ul.menu a:visited
	{
	padding:0.25em 15px 0px 15px;
	border-right: 1px solid #ddd;
}

*:first-child+html #nav_menu ul.menu li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.0em;
}

/* ++++++++++++++  header nav menu  2. Level dropdown ++++++++++++++ */
#nav_menu ul.menu li:hover {
	 position: relative;
	 z-index: 999;
	 cursor: default;
}

*:first-child+html #nav_menu ul.menu ul {  /* Workaround fuer den IE 7 */
    background-color:silver; 
	 padding-bottom:0.0em; /*?*/
}
 
#nav_menu ul.menu li:hover > ul {
	 visibility: visible;
}
 
#nav_menu ul.menu ul {
	visibility: hidden;
 	position: absolute;
 	top: 2.1em; /*=menu height*/
 	zoom:1;
}

#nav_menu ul.menu ul li
{	
	display:block;
	float: none;
	font-size:1.2em;
	width: 11em;
	height:1.8em;
	font-weight: 400;
}

#nav_menu ul.menu ul a,
#nav_menu ul.menu ul a:link,
#nav_menu ul.menu ul a:visited
{	
	font-size:0.8em;
	text-shadow:none;
	text-align:left;
	padding-top:0.3em;
	padding-bottom:0.3em;
	font-weight: 400;
}


/* ++++++++++ Moduletable Menu +++++++++++++++++*/

.moduletable_menu {
	border: solid 1px #ddd;
	background: #f9f9f9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 20px;
	margin-bottom: 20px
}

#nav .moduletable
{
	padding: 5px 0 0 0;
}


/* ##########################  content - main   ########################### */


.category-module {
	margin: 0;
	padding: 0
}

.category-module li {
	padding: 5px 0 5px 0;
	margin: 0;
	list-style-type: none
}

.category-module li h4 {
	margin-bottom: 0
}

.category-module span {
	display: block;
	font-size: 0.85em;
}

.category-module a span {
	display: inline
}

/* content */
.categories-list  .item-title  a {
	text-decoration: none;
	margin-bottom: 20px
}

.category-desc {
	margin: 20px 0
}

.category-desc img {
	float: left;
	margin: 0 20px 10px 0
}

.categories-list dt,.categories-list dd {
	display: inline
}

ul.latestnews li {
	word-wrap: break-word;
}

/* +++++++++++++++++++++++  blog  ++++++++++++++++++++++++++++++ */
.blog-item
{
	margin: 10px 10px 20px 10px;
	padding: 20px;
	word-wrap: break-word;
	overflow: auto;
}

.blog-item .article-info
{
	margin: 0;
}

.blog-item p
{
	margin-top:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: right;
	width: 77%;
}

.blog-item h3
{
	margin:0;
	padding:10px 0;
	font-size:1.6em;
}

.img-blog-list
{
	float: left;
	margin-right: 3%;
	width: 20%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
}

.blog-item-wrapper
{
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 77%;
	float:right;
}

.blog-item-wrapper.nothumb,
.blog-item p.nothumb{
	width:100%;
}

/* +++++++++++++++++ articleinfo /actions  +++++++++++++++++++++++++++  */

ul.actions {
	list-style-type: none;
	text-align: right
}
ul.actions a {padding:0}
ul.actions  li {
	display: inline
}

.article-info-term {
	display: none
}

.article-info {
	overflow: hidden;
	font-size: 0.9em;
	padding-left: 0px;
}

.article-info dd,
.article-info dt {
	float: left;
	padding: 0 5px;
}

.article-info dd {
	border-right: solid 1px #ccc;
	padding-left: 0px;
}
.article-info dd:last-child,
.article-info dd.article-subject {
	border-right: none
}

.article-info dt:first-child {
	padding-left: 0px;
}

.article-info dt span {
	text-transform: none;
	display: inline-block;
	padding: 0 5px 0 0;
	margin: 0 10px 0 0;
}

.article-info dt.create {
	clear: left;
	padding-left:0;
}

/* ++++++++++++++++++++++  Right + main modules +++++++++++++++++++++++++ */

.moduletable {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 97%;
	padding: 10px;
	float: right;
	margin-right: 3%;
}
#main .moduletable {
	max-width: 97%;
	float: none;
	width: 30em;
}

.moduletable h4 {
	margin: 2px 0px 9px 5px;
}

.moduletable ul {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 3px;
}
.moduletable li {
	margin-left: -5px;
}

.moduletable li.shariff-button {
	margin-left: 1.8%;
}

li.shariff-button span.fab,
li.shariff-button span.fas {
	display: block;
}

/* ++++++++++++++++++++++  Footer +++++++++++++++++++++++++ */

#footer {
	font-size: 0.9em
}


#footer p
{
	text-align:center;
	font-size: 1em;
	margin: 0;
	padding: 0 20px 10px 20px;
	line-height: 1.3em;
}

#footer-legal 
{
	list-style-type:none;
	font-size:1.05em;
	padding-top:5px;
}

#footer-legal ul
{
	margin-bottom:12px;
}


#footer-legal ul li
{
	display:inline;
	padding:0px 20px 2px 20px;
}
#footer-legal ul li:first-child
{
	border-left:none;
}

#footer-legal a
{
	text-decoration:none;
}

#footer-legal a:hover
{
	text-decoration:underline;
	background: none;
}

.box {
	text-align: left
}

.box ul {
	list-style-type: none;
	padding-left:0
}

#bottom .newsfeed-item {
	padding: 0;
	margin-bottom: 10px
}

.box .moduletable_menu,.box .moduletable {
	margin: 10px
}

.box3 {
	padding-left: 10px
}

.box h3 {
	font-size: 1.2em
}



/*  ####################   Sliding modules  ################## */
.moduletable_js,
.moduletable {
	margin-bottom: 2em;
}

.js_heading,.js_heading {
	position: relative;
	display: block;
	padding: 5px 10px;
	margin: 0;
	font-size: 1.40em;
	border-radius: 3px
}

h3.js_heading a {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px 5px 0 0;
	text-decoration: none;
	background: none
}

.module_content {
	padding: 10px 10px 0px 10px;
	border-top: 0;
	border-radius: 0 0 3px 3px;
	margin-top: -1px
}

.no {
	font-size: 1px;
}

.slide {
	height: auto !important;
}

/*  +++++++++++++++++++++++++++++   Module Tabs / Pagebreak Tabs / Contact Tabs ++++++++++++++++ */
ul.tabs {
	margin: 0;
	padding: 0;
	overflow: hidden
}

dl.tabs dt,dl.tabs dd {
	margin: 0;
	padding: 7px 5px;
}

dl.tabs dt h3 {
	font-size: 1em;
	margin: 0;
	padding: 0
}

dl.tabs dt {
	position: relative;
	z-index: 1
}

ul.tabs li,dl.tabs dt {
	list-style-type: none;
	float: left;
	width: auto;
	padding: 0;
	display: block;
	margin: 0 3px 0 0;
	font-size: 1em;
}

ul.tabs li a:link,ul.tabs li a:visited,dl.tabs dt h3 a:link,dl.tabs dt h3 a:visited
	{
	text-decoration: none;
	padding: 7px 5px;
	margin: 0;
	display: block;
	font-size: 0.9em;
	font-weight: 400;
	border-radius: 5px 5px 0 0;
}

ul.tabs li a.linkopen:link,ul.tabs li a.linkopen:visited,dl.tabs dt.open  h3 a:link,dl.tabs dt.open  h3 a:visited
	{
	font-weight: 700;
}

.tabcontent,div.current {
	padding: 30px 20px;
	margin: -1px 0 0 0;
	border-radius: 0 3px 3px 3px;
	clear: left;
}

div.current {
	position: relative;
	z-index: 0;
	top: -1px
}

.tabcontent:focus {
	outline: none
}

.tabopen {
	display: block;
	margin-bottom: 20px;
	overflow: hidden
}

.tabclosed {
	display: none
}

.tabcontent ul {
	padding: 0
}

.tabcontent ul li {
	list-style-type: none
}

/* ++++++++++++++  image float style ++++++++++++++ */
.img-half-left, .img-fulltext-left, .img-intro-left,
.img-third-left, .img-quarter-left, .img-small-left {
	float:left;
	margin-right: 2%;
	margin-bottom: 1.1em;
}

.img-half-right, .img-fulltext-right, .img-intro-right,
.img-third-right, .img-quarter-right, .img-small-right {
	float: right;
	margin-left: 2%;
	margin-bottom: 1.1em;
}

.img-half, .img-third, .img-quarter, .img-small {
	padding:0;
	margin:0 auto 1.5em auto;
	float:none;
	display:block;
	text-align: center;
}

.img-full, .img-fulltext-none {
	padding:0;
	margin: 1.5em 0;
	float:none;
	width:100%;
	display:block;
	text-align: center;
}

.img-half-left, .img-half-right, .img-half,
.img-fulltext-left, .img-fulltext-right {
	width: 48%;
	min-width: 300px;
	margin-top: 0.5em;
}
.img-half {margin-top: 1.5em;}

.img-intro-left, .img-intro-right,
.img-third-left, .img-third-right, .img-third 
{
	width: 31%;
	min-width: 230px;
}

.img-third-left, .img-third-right{margin-top: 0.5em;}
.img-third  {margin-top: 1.2em}

.img-quarter-left, .img-quarter-right, .img-quarter {
	width: 22%;
	min-width: 160px;
	margin-top: 0.5em;
}
.img-quarter {margin-top: 1.2em}

.img-small-left, .img-small-right, .img-small {
	width: 15%;
	min-width: 120px;
	margin-top: 0.5em;
}
.img-small {margin-top: 1.2em}

.img-2cols-left {
	padding:0;
	margin:0 0 1.5em 0;
	float:left;
	width:48%;
	display:block;
	text-align: center;
}

.img-2cols-right {
	padding:0;
	margin:0 0 1.5em 0;
	float:right;
	width:48%;
	display:block;
	text-align: center;
}
/* image Gallery */

.gallery-wrap 
{
	float: none;
	clear: both;
	display: block;
	padding: 0;
	margin: 0;
}

.gallery-begin {margin-top: 1em}
.gallery-end {margin-bottom: 1em}

.img-gallery-1,.img-gallery-2,.img-gallery-3,
.img-gallery-4,.img-gallery-5,.img-gallery-6
{
	float: left;
	padding: 5px;
	display:block;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ccc;
	box-shadow: 5px 5px 5px #aaa;
}

a.thumbnail
{
	display: block;
	line-height: 0px;
	margin: 0;
	padding: 0;
}

.img-gallery-1 {width: 100%; margin: 0.7em 0;}
.img-gallery-2 {width: 48%; margin: 0.5em 1%;}
.img-gallery-3 {width: 32%; margin: 0.35em 0.6%;}
.img-gallery-4 {width: 24%; margin: 0.25em 0.5%;}
.img-gallery-5 {width: 19.4%; margin: 0.17em 0.3%;}
.img-gallery-6 {width: 16%; margin: 0.17em 0.3%;}

.img-full img,
.img-half-left img, .img-half-right img, .img-half img,
.img-fulltext-left img, .img-fulltext-right img, .img-fulltext-none img,
.img-intro-left img, .img-intro-right img,
.img-third-left img, .img-third-right img, .img-third img,
.img-quarter-left img, .img-quarter-right img, .img-quarter img,
.img-small-left img, .img-small-right img, .img-small img,
.img-2cols-left img, .img-2cols-right img,
.img-gallery-1 img,.img-gallery-2 img,.img-gallery-3 img,
.img-gallery-4 img,.img-gallery-5 img,.img-gallery-6 img
{
	width:100%
}

.img-caption {
    margin: 0.5em auto;
	 text-align: center;
    display: block;
    font-weight: 700;
    clear: both;
	 line-height: 1em;
}

/* Correction for user profile date of birth calendar image */
#jform_profile_dob_img {
	background: url("../images/system/calendar.png") no-repeat scroll 0 0 transparent;
	cursor: pointer;
	height: 18px;
	margin: 0 3px;
	vertical-align: middle;
	width: 18px;
}
/* Smartsearch Calendar*/
#filter_date1_img,
#filter_date2_img {
	background: rgba(0, 0, 0, 0) url("../images/system/calendar.png") no-repeat scroll 0 0;
	cursor: pointer;
	height: 18px;
	margin-left: 3px;
	vertical-align: middle;
	width: 18px;
}
#search-results {
	clear: both;
}
#finder-filter-window {
	overflow: visible;
}
#searchForm .searchintro {
	padding: 0 0 0 250px;
}
.collapse {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height .35s ease;
	-moz-transition: height .35s ease;
	-o-transition: height .35s ease;
	transition: height .35s ease;
}
.collapse.in {
	height: auto;
}
#finder-search .in.collapse {
	overflow: visible;
}

/* +++++++++++++++++ Overlay mobile Hamburger menu ++++++++++++++++++++ */

.mobileNavOpen #nav ul.menu#othersite
{
	display:block;
	width:96%;
	margin:10px 1%;
	
}
.mobileNavOpen #nav ul.menu#othersite li
{
	display:block;
	margin:0;
	width:100%;
	padding:0;
}
.mobileNavOpen #nav #othersite a
{
	margin-left:10px;
}

.mobileNavOpen #main_menu ul.menu ul {
	left: 0;
}

/*+++++++++++++++++++++ tavle of contents +++++++++++++++++++++1*/
.toc {
	background-color:#f9f9f9;
	border:1pt solid #aaa;
	padding:10px 15px;
	display:table;
	margin-top: 20px;
	min-width:50%;
}
.tocnumber,.toctext {
	display:table-cell
}
.tocnumber {
	padding-left:0;
	padding-right:0.5em
}
.toc ul {
		margin:0.3em 0;
		text-align:left
	}
.toc ul ul {
	margin:0 0 0 2em
}
.toctitle p {
	font-weight: 700;
}

.toc li a {
	font-weight: 400;
}

/* ++++++++++++++++++++++ Commentform +++++++++++++++++++++ */
form.comment {
    display: block;
    overflow: hidden;
    padding: 10px 20px;
	 margin: 10px;
} 
form.comment h3 {
	margin-top: 0.8em;
	margin-bottom: 0.7em;
}
#main form.comment h3 {
	border:none;
}
form.comment p {
	margin-bottom: 1.5em;
}
/*+++++++++++++++++++++ up links +++++++++++++++++++++1*/
span.uplink {
	float: right;
	text-decoration:none;
}
.uplink a {
	text-decoration:none;
	font-size: 0.91em;
}

h3 span.uplink  a {
	font-size: 0.65em;
}

/* ++++++++++++++++++++++ Footnotes ++++++++++++++++++++++ */
sup > a:before {
	content: '['
}
sup > a:after {
	content: ']'
}

.footnotes {
	clear:both;
	float:none;
	padding-top:20px;
}
.footnotes ol:before {
	content:"Fussnoten:";
	margin-left: -21px;
	font-weight: 700;
	margin-bottom: 5px;
	display: block;
}	

.footnotes ol {
	font-weight: 700;
}	

.footnotes li p {
	font-weight: 400;
}	

.footnotes  a.footnote-backref {
	text-decoration:none;
	font-size: 1.5em;
	line-height: 0.5em;
}

.footnotes ol {
    counter-reset: list;
}
.footnotes ol > li {
    list-style: none;
    position: relative;
	 padding: 5px
}
.footnotes ol > li:before {
    counter-increment: list;
    content: "[" counter(list) "]";
    position: absolute;
    left: -1.4em;
}

/* +++++++++++++++++++++++ responsive ++++++++++++++++++++++++ */
#mobile_select h2 
{
	border:0; 
	margin:-17px 0 0 0; 
	padding:0; 
	background:#004746;
	text-align:right;
}
#mobile_select h2 a {
	display:inline-block;
	font-size:0.8em;
	border-radius:4px 4px 0 0;
	padding:6px;
	font-size:0.75em;
	margin-right:5px;
}

/* hide the mobile menu button for now*/
#mobile_select,
#mobile_select h2 {
    display: none
}

#mobileNavButton  { display:none; }

@media only screen and (max-width: 900px) {
	#main .moduletable {
		margin: 0.75em 3%;
		width:94%;
		float:none;
		display: inline-block;
	}
}
	
@media only screen and (max-width: 800px) {
	.blog-item .article-info dt {
		clear:left;
		float:left;
		padding-left:0px;
	}
	.blog-item .article-info dd {
		border:none;
	}
	.blog-item p
	{
		width: 100%;
		float: left
	}
	
	.img-blog-list
	{
		width: 40%;
	}
	
	.blog-item-wrapper
	{
		width: 57%;
	}
}

@media only screen and (max-width: 680px) {
	.img-half-left, .img-half-right, .img-half,
	.img-fulltext-left, .img-fulltext-right, 
	.img-2cols-left, .img-2cols-right
	{
		width:100%;
		float:none;
		height:auto;
		margin:1.2em 0;
		padding:0;
		min-width:0px;
	}
}

@media only screen and (max-width: 600px) {
	#main_menu ul.menu,
	#nav_menu ul.menu {
		padding-right:0px; 
	}
	
	#nav_menu ul.menu {
		padding-top: 3px;
		padding-bottom: 3px;
	}
	
	#nav_menu ul.menu li,
	#main_menu ul.menu li
	{
		display:inline-block;
		margin:3px;
	}
	
	#nav_menu ul.menu li{
		margin:0px 3px;
	}
	
	#main_menu ul.menu ul, 
	#nav_menu ul.menu ul,
	#main_menu ul.menu li:hover > ul, 
	#nav_menu ul.menu li:hover > ul {
	 	visibility: hidden;
		display:none;
	}
	
	.mobileNavOpen #main_menu ul.menu ul, 
	.mobileNavOpen #nav_menu ul.menu ul,
	.mobileNavOpen #main_menu ul.menu li:hover > ul, 
	.mobileNavOpen #nav_menu ul.menu li:hover > ul {
	 	visibility:visible;
	}
 
	#main_menu ul.menu ul li
	{
		margin:0;
	}
	
	#nav .moduletable
	{
		padding: 0;
		margin:0 0 5px 0;
	}

	.joomla_add_this a
	{
		padding:0 0 0 20px;
	}
	
	#breadcrumbs 
	{
		 padding: 0;
		 margin: 5px 20px 10px 0px;
	}
	ul.breadcrumb
	{
		margin-top:3px;
	}
	
	ul.lang-inline
	{
		position:relative;
		top:auto;

	}
	ul.lang-inline a
	{
		padding:5px 5px;
		margin-right:5px;
	}
	
	.img-full, .img-fulltext-none
	{
		width:100%;
		float:none;
		height:auto;
		margin:1.2em 0;
		padding:0;
		min-width:0px;
	}
	
	#mobileNavButton  { display:block; } /* Displays the mobile button */
	
	.pagination a>span {
		display: none
	}
	.pagination a:before, /* show icon */
	.pagination a:after
	{
		padding: 0;
	}
	.moduletable,.moduletable_js,
	#main .moduletable {
		margin: 0.75em 3%;
		width:94%;
		float:none;
		display: inline-block;
	}
	
	#right .moduletable_shariff {
		display: none /*don't show twice! */
	}
	
	#footer-legal ul li {
		display: block;
		padding: 0px 15px;
	}
	#footer-legal ul {
		padding: 5px;
		margin: 0;
	}
}

@media only screen and (max-width: 480px) {

	img 
	{
  		max-width: 100%;
  		height: auto;
  		-ms-interpolation-mode: bicubic;
	}
	
}



@media only screen and (max-width: 450px) {
	.img-intro-left, .img-intro-right,
	.img-third-left, .img-third-right, .img-third
	{
		width:100%;
		float:none;
		height:auto;
		margin:1.2em 0;
		padding:0;
		min-width:0px;
	}
	
	
	.img-blog-list
	{
		width: 100%;
		margin-right:0;
	}
	
	.blog-item-wrapper
	{
		width: 100%;
	}
}

@media only screen and (max-width: 350px) {
	.img-quarter-left, .img-quarter-right, .img-quarter
	{
		width:100%;
		float:none;
		height:auto;
		margin:1.2em 0;
		padding:0;
		min-width:0px;
	}

}

@media only screen and (max-width: 310px) {
	.img-small-left, .img-small-right, .img-small
	{
		width:100%;
		float:none;
		height:auto;
		margin:1.2em 0;
		padding:0;
		min-width:0px;
	}

}

/**************** Image gallery ****************************/
@media only screen and (max-width: 667px) {.img-gallery-6 {width: 19.4%; margin: 0.17em 0.3%;}}
@media only screen and (max-width: 640px) {.img-gallery-5 {width: 24%; margin: 0.25em 0.5%;}}
@media only screen and (max-width: 600px) {.img-gallery-4 {width: 32%; margin: 0.35em 0.6%;}}
@media only screen and (max-width: 533px) {
	.img-gallery-3 {width: 48%; margin: 0.5em 1%;}
	.img-gallery-6 {width: 24%; margin: 0.25em 0.5%;}
}
@media only screen and (max-width: 480px) {.img-gallery-5 {width: 32%; margin: 0.35em 0.6%;}}
@media only screen and (max-width: 400px) {
	.img-gallery-2 {width: 100%; margin: 0.7em 0;}
	.img-gallery-4 {width: 48%; margin: 0.5em 1%;}
	.img-gallery-6 {width: 32%; margin: 0.35em 0.6%;}
}
@media only screen and (max-width: 320px) {.img-gallery-5 {width: 48%; margin: 0.5em 1%;}}
@media only screen and (max-width: 267px) {
	.img-gallery-6 {width: 48%; margin: 0.5em 1%;}
	.img-gallery-3 {width: 100%; margin: 0.7em 0;}
}
@media only screen and (max-width: 200px) {.img-gallery-4 {width: 100%; margin: 0.7em 0;}}
@media only screen and (max-width: 160px) {.img-gallery-5 {width: 100%; margin: 0.7em 0;}}
@media only screen and (max-width: 133px) {.img-gallery-6 {width: 100%; margin: 0.7em 0;}}