.-.-.-.-.-

/* not ready */

/* -- form validation */
.invalid { border-color: #B94A48;background:#F2DEDE}
label.invalid , label.required  span{ color: #B94A48; background:none
	}

/* -- Joomla edit buttons  Frontendediting*/
#editor-xtd-buttons {
	padding: 0px;
}
.edit tr:hover  td {background:#eee}
.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	float: left;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left,
.button2-right {

float: left;
	margin-left: 5px;
}

.edit .formelm-buttons {text-align:right}
.edit .formelm-buttons button {background:#D9EDF7; color:#095197;}
.edit .formelm-buttons button:hover {color:#D9EDF7; background:#095197;}
.modal-button:link,
.modal-button:visited,
.button2-left .readmore a:link,
.button2-left .readmore a:visited,
.button2-left .blank a:link,
.button2-left .blank a:visited
{ background-color: #D9EDF7;

color:#095197;border:solid 1px #BCE8F1; border-top:0; border-radius:0 0 3px 3px;  text-decoration:none; padding:3px}
.button2-left a:hover,
.button2-left .blank a:hover,
.button2-left .readmore a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #fff;
	background:#095197;
}
.pull-right {
	float: right;
}
.pull-left {
	float: left;
}
.btn-toolbar .btn {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #D9EDF7;
	border-image: none;
	border-radius: 0 0 3px 3px;
	color: #095197;
	padding: 3px;
	text-decoration: none;
}

div.toggle-editor {

}
/* Caption fixes */
.img_caption .left {
	float: left;
	margin-right: 1em;
}

.img_caption .right {
	float: right;
	margin-left: 1em;
}

.img_caption .left p {
	clear: left;
	text-align: center;
}

.img_caption .right p {
	clear: right;
	text-align: center;
}

.img_caption  {
	text-align: center!important;
}

.img_caption.none {
	margin-left:auto;
	margin-right:auto;
}
/* New captions */
figure {
	display: table;
}
figure.pull-center,
img.pull-center {
	margin-left: auto;
	margin-right: auto;
}
figcaption {
	display: table-caption;
	caption-side: bottom;
}
/* Calendar */
#jform_publish_down_btn {
	width: 18px;
	height: 18px;
	margin-left: 3px;
	background: url(../images/system/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}
#jform_publish_up_btn {
	width: 18px;
	height: 18px;
	margin-left: 3px;
	background: url(../images/system/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}

/* System Messages */

.error
{
	padding:0px;
	margin-bottom: 20px;
}

.error h2
{
	color:#000 !important;
	font-size:1.4em !important;
	text-transform:uppercase;
	padding:0 0 0 0px !important
}

#system-message dt
{
	font-weight: bold;
}
#system-message dd
{
	margin: 0 0 15px 0;
	font-weight: bold;
	text-indent: 0px;
	padding:0
}
#system-message dd ul
{
	color: #000;
	list-style: none;
	padding: 0px;
}
#system-message dd ul li
{
	line-height:1.5em
}

/* System Standard Messages */
#system-message dt.message
{
	position:absolute;
	top:-2000px;
	left:-3000px;
}

#system-message dd.message  ul
{
	background: #fff  url(../images/system/notice-info.png) no-repeat;
	padding-left:40px;
	padding: 10px 10px 10px 40px;
	border: 2px solid #90B203;
	border-radius:10px
}

#system-message dd.message ul li{background:none !important}

/* System Error Messages */
#system-message dt.error
{
	position:absolute;
	top:-2000px;
	left:-3000px;
}

#system-message dd.error ul
{
	background:#fff url(../images/system/notice-alert.png) no-repeat ;
	padding-left:40px;
 	padding: 10px 10px 10px 40px;
	border: 2px solid #990000;
	border-radius:10px

}

/* System Notice Messages */
#system-message dt.notice
{
	position:absolute;
	top:-2000px;
	left:-3000px;
}

#system-message dd.notice  ul
{
	background:#fff url(../images/system/notice-note.png) no-repeat ;
	padding-left:40px;
	padding: 10px 10px 10px 40px;
	border: 2px solid #FAA528;
	border-radius:10px

}
#system-message dd.notice ul { color: #000;margin:10px 0 }

#system-message
{
	margin-bottom: 0px;
	padding: 0;
}

#system-message dt
{
	font-weight: bold;
}

#system-message dd
{
	font-weight: bold;
	padding: 0;
}

.tip-wrap { background:#FEFDE2; font-size:0.8em ; padding:5px; border:solid 1px #ddd; border-radius:3px; box-shadow: 0 1px 5px #ccc }
.tip-title {font-weight:bold}

#all #upload-flash ul li a:hover,
#all .item a:hover span {
	background:#095197;
	color:#fff;
}

/* ##########################  user profile  ########################### */

#users-profile-core,
#users-profile-custom
{
	margin:10px 0 15px 0;
	padding:15px;
}

#users-profile-core dt,
#users-profile-custom dt
{
	float:left;
	width:12em;
	padding:3px 0;

}

#users-profile-core dd,
#users-profile-custom dd
{
	padding:3px 0;
}

#member-profile fieldset,
.registration fieldset
{
	margin:10px 0 15px 0;
	padding:15px;

}

#users-profile-core legend,
#users-profile-custom legend,
.profile-edit legend,
.registration legend
{
	font-weight:bold
}

.profile-edit form#member-profile fieldset dd,
.registration form#member-registration fieldset dd
{ float:none; padding:5px 0}

.profile-edit form#member-profile fieldset dd input,
.profile-edit form#member-profile fieldset dd select,
.registration form#member-registration fieldset dd input
{width:17em}
.profile-edit form#member-profile fieldset dt,
.registration form#member-registration fieldset dt
{padding:5px 5px 5px 0; width:13em}

span.optional
{font-size:0.9em}

/* ##########################  clearing  ########################### */
.clr {
	clear: both;
	overflow: hidden;
	height: 0;
}

/* ##########################  tooltip  ########################### */
.tooltip {
	position: absolute;
	z-index: 103000;
	display: block;
	visibility: visible;
	font-size: 11px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
}
.tooltip.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.tooltip.top {
	margin-top: -3px;
	padding: 5px 0;
}
.tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}
.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}
.tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}
.tooltip-inner {
	max-width: 200px;
	padding: 8px;
	color: #fff;
	text-align: left;
	text-decoration: none;
	background-color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000;
}
.element-invisible {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
#filter-search {
	vertical-align: top;
}
.input-mini {
	width: 60px;
}

/* ##########################  popover  ########################### */
.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1010;
	display: none;
	max-width: 276px;
	padding: 1px;
	text-align: left;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	white-space: normal;
}
.popover.top {
	margin-top: -10px;
}
.popover.right {
	margin-left: 10px;
}
.popover.bottom {
	margin-top: 10px;
}
.popover.left {
	margin-left: -10px;
}
.popover-title {
	margin: 0;
	padding: 8px 14px;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.popover-title:empty {
	display: none;
}
.popover-content {
	padding: 9px 14px;
	min-height: 33px;
}
.popover .arrow,
.popover .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.popover .arrow {
	border-width: 11px;
}
.popover .arrow:after {
	border-width: 10px;
	content: "";
}
.popover.top .arrow {
	left: 50%;
	margin-left: -11px;
	border-bottom-width: 0;
	border-top-color: #999;
	border-top-color: rgba(0,0,0,0.25);
	bottom: -11px;
}
.popover.top .arrow:after {
	bottom: 1px;
	margin-left: -10px;
	border-bottom-width: 0;
	border-top-color: #fff;
}
.popover.right .arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-left-width: 0;
	border-right-color: #999;
	border-right-color: rgba(0,0,0,0.25);
}
.popover.right .arrow:after {
	left: 1px;
	bottom: -10px;
	border-left-width: 0;
	border-right-color: #fff;
}
.popover.bottom .arrow {
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0,0,0,0.25);
	top: -11px;
}
.popover.bottom .arrow:after {
	top: 1px;
	margin-left: -10px;
	border-top-width: 0;
	border-bottom-color: #fff;
}
.popover.left .arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0,0,0,0.25);
}
.popover.left .arrow:after {
	right: 1px;
	border-right-width: 0;
	border-left-color: #fff;
	bottom: -10px;
}

/* Bootstrap overrides anhiliation
 * @since 3.2
 */
body#shadow {
    line-height: 1.5em;
}
body .nav-pills > .active > a, body .nav-pills > .active > a:hover, body .nav-pills > .active > a:focus {
    background-color: transparent;
}
body .nav-pills > li > a {
    border-radius: 0px;
    line-height: 1.5em;
}
body a {
    text-decoration: underline;
}
body input[type="text"].search-query {
    line-height: 1.5em;
    height: auto;
    border-radius: 4px;

}
/* Text alignments */
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}

/* Component pop-up */
.container-popup {
	padding: 28px 10px 10px 10px;
}
/**
 * @author  ( Angie Radtke  )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright (C) 2010 Open Source Matters, Inc. <https://www.joomla.org>
 * @license GNU/GPL, see LICENSE.txt
 * 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.
 */

div.current , fieldset {zoom:1}
dl.tabs ,.tabs dt,.tabs dd
{display:inline}
.contact-links , .js_heading{zoom:1}

legend {margin-left:-7px}

#users-profile-core legend,
#users-profile-custom legend,
.profile-edit legend,
.registration legend
{margin-bottom:15px}

.login-fields input
{width:14em}

#close a
{
	cursor:pointer
}

#close a span
{
	line-height:normal
}
/**

* @author ( Angie Radtke )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright (C) 2012 Open Source Matters, Inc. <https://www.joomla.org>
 * @license GNU/GPL, see LICENSE.txt
 * 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.
 */

#all { width: expression(document . body . clientWidth > 1050 ? "1050" : "auto");  }
#footer-inner { width: expression(document . body . clientWidth > 1050 ? "1025" : "auto");  }
#footer { width: expression(document . body . clientWidth > 1050 ? "1020" : "auto");  }

#all
{
        border:solid 1px #fff;
                zoom:1
}

#header
{ position:relative; zoom:1}

#line
{
        width:19.0em;
        margin-right:20px;

}

#header ul.skiplinks li a
{

background:#cc0000;
border:0px solid #000

}

#contentarea,
#contentarea2
{
       display:inline-block;
        position:relative;
}

#main
{
            height:520px;
}

#back
{
        margin: 0;
        padding:0 0px;
}

#right
{
        float:left;
        width: 20.5%;
        text-align:left !important
}

.left
{
            margin:10px 0px 10px 18px;

}

/* haslayout erzwingen */

.blog
{
            width:100%
}

.article_row
{
        width:auto;
}

.row1 .cols2
{
        width:auto;
}

.moduletable,
.moduletable_js
{
            zoom:1
}

#nav ul li,
#right ul li,
#bottom ul li
{
            height:1%
}

p.articleinfo
{
            display:inline-block
}

h1
{

}

ul.tabs
{
        text-align:left
}

ul.newsflash-horiz,
#footer-outer,
ul.tabs
{
        zoom:1
}

.tabcontent
{
        overflow:hidden !important;
        position:relative
}

#main h1
{ zoom:1}

.box {width:26%}

#bottom
{display:inline-block}

.panel,
div.current
{zoom:1}

.contact-image
{
	display:inline-block
}
.item-page
{ width:100%}

#mailto-window  .mailto-close a
{

width:25px;
	height:25px;

}

#users-profile-core legend,
#users-profile-custom legend,
.profile-edit legend,
.registration legend
{
	margin-bottom:15px
}

.login-fields input
{
	width:14em
}

dd.error
{zoom:1}

#close a
{
	cursor:pointer
}

#close a span
{
	line-height:normal
}
<!DOCTYPE html><title></title>
/**
 * @author  ( Angie Radtke  )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright (C) 2012 Open Source Matters, Inc. <https://www.joomla.org>
 * @license GNU/GPL, see LICENSE.txt
 * 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 =================================================== */
body#shadow {
	font-family: arial,sans-serif
}

body h1,body h2,body h3,body h4,body h5,body h6 {
	margin: 0;
	font-family: inherit;
	font-weight: 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-bottom: 0.75em;
	font-size: 1.5em;
	line-height: 1.2;
	padding: 5px 0
}

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

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

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

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

small {
	font-size: 0.9em;
}

body ul,body ol {
	margin: 0 0 1.5em 12px;
	padding: 0 0 0 12px;
}

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

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

blockquote {
	margin: 0 0 1.5em -24px;
	padding-left: 24px;
	border-left: 2px solid #c7ced6;
	font-style: normal;
}

q {
	quotes: none;
}

cite {
	font-style: normal;
}

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

b,strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

ins {
	text-decoration: none;
}

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

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

pre {
	white-space: pre-wrap;
	}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

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: bold;
	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;
}

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

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

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

/* +++++++++++++++++  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: bold;
	background: #fff;
	padding: 5px 10px
}

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

label {
	color: #333333;
	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: bold;
	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: bold;
}

.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: bold;
	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
}

textarea,.contact-form input[type="text"],.contact-form input[type="email"],.contact-form textarea
	{
	width: 80%;
	-moz-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
}

#jform_captcha {
	clear:both;
	padding-bottom:10px;
}

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
}

/* ++++++++++++++ loginmodule +++++++++++++++++++++++++++ */

#form-login-remember {
	overflow: hidden;
	margin-bottom: 10px
}

#form-login-remember label {
	display: inline;
	margin-left: 10px
}

#modlgn-remember {
	float: left
}

#login-form fieldset {
	background: #f5f5f5
}

#login-form input[type="text"], input[type="password"], input[type="submit"] {
	width: 100%;
	box-sizing: border-box
}

form ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

/* +++++++++++++++++++++++ pagenav +++++++++++++++++++++++  */
.pagenav {
	text-align: right
}

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

.pagenav li {
	display: inline;
	margin: 0;
	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 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;
}

.pagination span,.pagination span  a:hover {
	cursor: default;
	padding: 0 14px;
	line-height: 2em;
}

.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;
}

/* +++++++++++++++++ Breadcrumbs  +++++++++++++++++++++++++++  */

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

.breadcrumbs li {
	display: inline-block;
}

/* +++++++++++++++++ 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
}

.article-info dd {
	float: left;
	padding: 0 5px;
	border-right: solid 1px #ccc
}

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

.article-info dd.create {
	clear: left
}

/* ######################  header   ###################### */
#fontsize {
	padding: 0;
	margin: 0 20px 0 1px;
	text-align: right;
	margin-bottom: 0;
	float: none;
}

#fontsize h3 {
	padding-right: 0;
	font-weight: normal;
	display: inline;
	font-size: 1em;
	margin: 0
}

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

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

/* +++++++++++++++  menus ++++++++++++++++++++++++ */
#header ul.menu {
	padding: 0;
	width: auto;
	text-align: left;
	display: block;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	margin: 0 10px
}

#header ul.menu li {
	display: inline;
	padding: 0;
	margin: 0;
}

#header ul.menu li a:link,#header ul.menu li a:visited,#header ul.menu li:last-child a
	{
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	display: inline-block;
	padding: 12px 15px;
	position: relative;
	border-right: 1px solid #ddd;
	box-shadow: 1px 0 0 #f5f5f5;
}

#header ul.menu li:first-child a {
	border-radius: 4px 0 0 0;
	margin-left: -1px
}

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

ul.menu {
	margin: 0 0 20px 0;
	padding: 0;
}

ul.menu,ul.menu ul {
	list-style-type: none;
}

ul.menu a {
	display: block;
	margin: 0;
	text-decoration: none;
	padding: 5px 0;
	border-bottom: solid 1px #ddd;
}

ul.menu li:last-child a {
	border: 0;
	box-shadow: none
}

ul.menu ul {
	margin: 0;
	padding: 0
}

ul.menu ul a {
	padding-left: 20px
}

ul.menu ul ul a {
	padding-left: 30px
}

ul.menu ul ul ul a {
	padding-left: 40px
}

ul.menu ul ul ul ul a {
	padding-left: 45px
}

/* ++++++++++++++  content-module ++++++++++++++ */
.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;
}

/* ++++++++++++++++++++++  Footer +++++++++++++++++++++++++ */
#footer-outer
{font-size:0.8em}
.box {
	text-align: left
}

.box ul {
	list-style-type: none
}

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

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

.box3 {
	padding-left: 10px
}

.box h3 {
	font-size: 1.3em
}

#footer {
	font-size: 0.8em
}

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

.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;
	border: solid 1px #ddd;
	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: normal;
	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: bold;
}

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

div.current {
	position: relative;
	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-fulltext-left {
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.img-intro-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-fulltext-right {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.img-intro-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.img-fulltext-none
{display:block;
	margin:10px 0
}

/* 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;
}
/*
 * @author ( Angie Radtke )
*/

/* ##########################  general  ########################### */

body
{
	font-family: arial, helvetica, sans-serif;
	background:#fff;
	color:#444
}

h3 {
	color: #555
}

h2 a {
	text-decoration: none
}

h2, .moduletable h3 {
	border-bottom: solid 1px #ddd;
}

.items-row h2
{border-top: solid 1px #ddd;
}

a:link,
a:visited
{
	color:#0A5E69
}

a:hover,
a:active,
a:focus
{
	background:#0A5E69;
	color:#FFF;
}

/* ##########################  logo  ########################### */

.logoheader
{
	border-top:solid 1px transparent;
	color:#fff;
	max-width: 1050px;
	margin:37px auto;
	min-height:20px;
	margin-bottom:0;

}
.logoheader h1#logo
{padding:20px 10px 0px 10px; }
.logoheader h1#logo  span.header1 {padding:0}

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

#all {padding-top:13em}
#line { position:relative; max-width:1050px; margin:0 auto; text-align:right; right:0;  top:0em}
#header
{
	background: #004746; /* Old browsers */
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#185359", endColorstr="#007774");
	background: -moz-linear-gradient(top,  #004746 0%, #0a5e69 25%, #185359 18%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004746), color-stop(25%,#0a5e69), color-stop(18%,#185359)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #004746 0%,#0a5e69 25%,#185359 18%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #004746 0%,#0a5e69 25%,#185359 18%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #004746 0%,#0a5e69 25%,#185359 18%); /* IE10+ */
	background: linear-gradient(top,  #004746 0%,#0a5e69 25%,#185359 18%); /* W3C */
	position:absolute;
	left:0;
	top:0;
	width:99.9%;
	padding:0;
}
/* green background */
.button:hover, button:hover, p.readmore a:hover,
.pagenav a:hover, .pagenav a:active,  .pagenav a:focus,  #advanced-search-toggle:hover,  #advanced-search-toggle:active,  #advanced-search-toggle:focus,
.profile-edit a:hover, .profile-edit a:active, .profile-edit a:focus,
#fontsize a:hover,  #fontsize a:active,  #fontsize a:focus,#mobile_select h2 a
	{

color: #fff;
	background: #008885; /* Old browsers */

background-color: hsl(165, 27%, 27%) ;
	 background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008885", endColorstr="#004746");
	   background-image: -khtml-gradient(linear, left top, left bottom, from(#008885), to(#004746));
	   background-image: -moz-linear-gradient(top, #008885, #004746);
background-image: -ms-linear-gradient(top, #008885, #004746);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008885), color-stop(100%, #004746));
background-image: -webkit-linear-gradient(top, #008885, #004746);
background-image: -o-linear-gradient(top, #008885, #004746);
background-image: linear-gradient(#008885, #004746);
border-color: #004746 #004746 hsl(165, 27%, 22.5%);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.29);
-webkit-font-smoothing: antialiased;
}

/* ++++++++++++++ header  menu ++++++++++++++ */

#header ul.menu
{

border:0;
	list-style-type:none;
	border-radius:0;
	overflow:hidden;
	margin:0 auto ;
	text-align:right;
	position:absolute;
	top:0;
	right:10px;
}

#header ul.menu li
{
	border:0;

}
#header ul.menu a {
	box-shadow:none;
	border-bottom:0
	}
#header ul.menu li a:link,
#header ul.menu li a:visited
{
	color:#fff;
	border:0;
	border-right:solid 1px #237D85;
	box-shadow: none;
	background:transparent;
	padding:10px ;
	display:inline-block
}
#header ul.menu li:first-child a {border-radius:0}
#header ul.menu li a:hover,
#header ul.menu li a:active,
#header ul.menu li a:focus
{
	color:#333;
	background:#bddfb3;
	padding:10px
}

#header ul li.active a:link,
#header ul li.active a:visited
{
	color:#333;
	border-right:solid 1px #237D85;
	background:#bddfb3;
	padding: 10px  ;

}

#fontsize a , #fontsize h3 {color:#fff}
/*  grey background */
.button, button , p.readmore a ,
 .pagenav a:link, .pagenav a:visited, #advanced-search-toggle , .profile-edit a:link,.profile-edit a:visited,  h3.js_heading
 {
	background-color: #F5F5F5;
	background-image: -moz-linear-gradient(center top, #FFFFFF, #E6E6E6);
	background-repeat: repeat-x;
	border:solid 1px #ccc;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px
		rgba(0, 0, 0, 0.05);
	color: #004746;
}

/* ++++++++++++++++++++++  navigation  ++++++++++++++++++++++++++  */

.moduletable_menu {
	border: solid 1px #ddd;
	background: #f9f9f9;

}
#header ul.menu {
	border-color: #D5D5D5;
}

ul.menu a:hover,
ul.menu a:active,
ul.menu a:focus {
	background-color: #F5F5F5;
	background-image: -moz-linear-gradient(center top, #FFFFFF, #E6E6E6);
	background-repeat: repeat-x;
	background: url(../images/arrow.png) no-repeat right center;
	color: #004746;

}

/* ++++++++++++++++   highlighting active menuitem  +++++++++++++++++++ */

ul.menu li.active a,ul.menu  li.active ul li.active a,
ul.menu  li.active ul li.active  ul li.active a,
ul.menu  li.active ul li.active  ul li.active ul li.active  a ,
ul.menu  li.active ul li.active  ul li.active ul li.active ul li.active a
{font-weight:bold; }
ul.menu  li.active ul li a,
ul.menu  li.active ul li.active  ul li a,
ul.menu  li.active ul li.active  ul li.active ul li  a,
ul.menu  li.active ul li.active  ul li.active ul li.active ul li a
{font-weight:normal}

ul.menu a
{
	box-shadow:0 1px 0 #fff;
	border-bottom:solid 1px #ddd;

}

ul.menu ul a {
	background: #e5e5e5;
	margin-bottom:1px
}

ul.menu ul ul ul a {
	background: #f5f5f5 url(../images/arrow.png) no-repeat 24px center;

}

ul.menu ul ul ul ul a {
	background: #fff;
}

/* +++++++++++++++++  content  +++++++++++++++ */

.article-info {
	background-color: #fbfbfb;
	background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff),
		to(#f5f5f5) );
	background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: linear-gradient(top, #ffffff, #f5f5f5);
	background-repeat: repeat-x;
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
		'#ffffff', endColorstr = '#f5f5f5', GradientType = 0 );
	border: 1px solid #ddd;
	-webkit-box-shadow: inset 0 1px 0 #ffffff;
	-moz-box-shadow: inset 0 1px 0 #ffffff;
	box-shadow: inset 0 1px 0 #ffffff;
}

ul.menu a:link,ul.menu a:visited {
	color: #444;
}

#footer-inner, #footer , #footer-outer {
	background: #f5f5f5;
}
#footer-sub {background:#555;}
#footer {background:#555; max-width:1025px; margin:0 auto; }
#footer a {color:#fff}

.box1
{border-right:solid 1px #ccc}
.box3
{border-left:solid 1px #ccc}
#bottom  ul li a
{background-image:none;
padding-left:0}

/* +++++++++++++++++++++++  SLIDER  ++++++++++++++++++++  */

.panel h3.pane-toggler a
{
	background: url(../images/slider_plus.png) right  top no-repeat;
	color:#333
}
.panel h3.pane-toggler-down a
{
	background: url(../images/slider_minus.png) right  top no-repeat;
	border-bottom:solid 1px #ddd;
	color:#333
}

/*  +++++++++++++++++   Tabs ++++++++++++++++++++++  */

ul.tabs li,
dl.tabs dt h3 a:link,
dl.tabs dt h3 a:visited
{
	background:#f5f5f5 url(../images/nature/box.png) repeat-x;

}
ul.tabs li a:link,
ul.tabs li a:visited,
dl.tabs dt a
{
	color:#333;
	border:solid 1px #ddd; border-bottom:0
}

ul.tabs li a:hover,
ul.tabs li a:active,
ul.tabs li a:focus
{
	color:#000
}

.tabcontent, div.current
{
	background:#fff;
	color:#000;
	border:solid 1px #ddd;
}

.tabcontent .linkclosed
{
	color:#000;
	border-bottom:solid 1px #e5e5e5;
}

ul.tabs li a.linkopen,
dl.tabs dt.open  h3 a:link,
dl.tabs dt.open  h3 a:visited
{
	background:#fff;
	color:#333;
	border-radius: 5px 5px 0px 0px;
}

ul.tabs li a.linkclosed:hover,
ul.tabs li a.linkclosed:active,
ul.tabs li a.linkclosed:focus,
ul.tabs li a.linkopen:hover,
ul.tabs li a.linkopen:active,
ul.tabs li a.linkopen:focus
{
	background:#555;
	color:#fff
}

/* +++++++++++++++++  Pagination +++++++++++++++ */

.pagination span,
.pagination span  a:hover {
	color: #999999;
	background-color: #f5f5f5;
}

/* active item */
span.pagenav
{
background:#0A5E69;
color:#fff
}

.pagination-start span.pagenav,
.pagination-prev  span.pagenav,
.pagination-end span.pagenav,
.pagination-next span.pagenav

{
background-color:#f5f5f5;
color:#444
}

/* +++++++++++++  table display  Catgegories table, contact etc, ++++++++++++++++++++* */

table {border:solid 1px #ddd}
table th
 {
	background-color: #0A5E69;;
	color: #fff;
}
table th a:link,
table th a:visited
{color:#fff}
tr.odd, tr.cat-list-row1 {background:#f8f8f8}
table  tr:hover td,
table tr:hover th {
  background-color: #FEFDE2;
}

/* 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;
}

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

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

#fontsize{display:none}
	#nav,#wrapper2,#wrapper,.cols-3 .column-1,.cols-3 .column-2,.cols-3 .column-3,#right,.box,#header form
		{
		float: none;
		width: 100%
	}
	#header {padding-top:3em; position:relative; margin:0; max-height:auto !important; }
	#header form  {margin:0}
	#all {padding-top:0}
	.logoheader {background:#004746 ; min-height:100px;margin:0 }
	.box {
		border-left: 0 !important;
		border-bottom: solid 1px #ddd;
	}
	#line {
		text-align: center;
		top: 0;
		right: auto;
		max-width: 100% ;
		min-width:100%;
		margin: 0 0px;
		background:#0A5E69;
		position:absolute
	}
	#header form input {
		float: none; margin-bottom:4px
	}
	#menuwrapper { margin-top:10px; background:#fff; padding:10px; width:97%}
	#header ul.menu {position:relative; top:0;left:20px; right:20px; margin:0; width:90%; border-radius:4px; text-align:left; border:0}
	#header ul.menu li:first-child a {border-radius: 4px 4px 0 0}
	#header ul.menu li:last-child a {border-radius:0 0 4px 4px }
	#header ul.menu li a:link,
	#header ul.menu li a:visited {
		display: block;
		padding: 6px 10px;
		border-right:0;
		border-bottom: solid 1px #ccc;
		background:#eee;
		color:#444
	}
}

@media only screen and (min-width: 600px) {
}

@media only screen and (min-width: 768px) {
}

@media only screen and (min-width: 992px) {
}

@media only screen and (min-width: 1382px) { /* Styles */
}

#header ul.menu {
	left: 0;
	right: auto;
}
#logo span {
    padding-right: 2px;
}
body {
	background: #eee
}

h3 {
	color: #555
}

h2 a {
	text-decoration: none
}

h2,.moduletable h3, .items-leading h2 {
	border-bottom: solid 1px #ddd;
}

.items-row h2 {
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}

a:link,a:visited {
	color: #095197
}

a:hover,a:active,a:focus {
	background: #095197;
	color: #FFF;
}

.logoheader {
	background: url(../images/personal/personal2.png) no-repeat right
		bottom #0C1A3E;
	color: #FFFFFF;
	min-height: 250px;
}

#all {
	background: #FFFFFF;
	color: #444;
}

#shadow #all {
	box-shadow: 0px 20px 10px #555555
}

#header ul.menu {
  background-color:#ddd;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#dddddd");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
  background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
  background-image: linear-gradient(#eeeeee, #dddddd);
  border-color: #b2b2b2 #b2b2b2 hsl(114, 0%, 62.5%);

text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49);
  -webkit-font-smoothing: antialiased;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px
		rgba(0, 0, 0, 0.05);
	color: #095197;
	border: solid 1px #ddd;
	border: 1px solid #e5e5e5;
	text-transform: uppercase;
}

#header ul.menu a:link,#header ul.menu a:visited {
	color: #333;
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 10px;
	margin: 0;
	display: inline-block;
	margin: 0 0 0;
	padding: 12px 15px;
	position: relative;
	border-right: 1px solid #ddd;
	box-shadow: 1px 0px 0px #f5f5f5;
}

/*  grey background */
.button,button,p.readmore a,#header input.button,.pagenav a:link,.pagenav a:visited,#advanced-search-toggle,.profile-edit a:link,.profile-edit a:visited,h3.js_heading
	{
  background-color:#ddd;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#dddddd");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
  background-image: -moz-linear-gradient(top, #ffffff, #dddddd);
  background-image: -ms-linear-gradient(top, #ffffff, #dddddd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
  background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
  background-image: -o-linear-gradient(top, #ffffff, #dddddd);
  background-image: linear-gradient(#ffffff, #dddddd);
  border-color: #b2b2b2 #b2b2b2 hsl(114, 0%, 62.5%);

/* +++++++++++++  table display  Categories table, contact etc, ++++++++++++++++++++* */
table {
	border: solid 1px #ddd
}

table th {
	background-color: #0074cc;
	color: #fff;
	background-image: -moz-linear-gradient(top, #095197, #1B6BA5);
	background-image: -ms-linear-gradient(top, #095197, #1B6BA5);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#095197),
		to(#1B6BA5) );
	background-image: -webkit-linear-gradient(top, #095197, #1B6BA5);
	background-image: -o-linear-gradient(top, #095197, #1B6BA5);
	background-image: linear-gradient(top, #095197, #1B6BA5);
	background-repeat: repeat-x;
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=
		 '#095197', endColorstr =   '#1B6BA5', GradientType =   0 );
	border-color: #0055cc #0055cc #003580;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid :   dximagetransform.microsoft.gradient (   enabled =
		false );
}

table th a:link,table th a:visited {
	color: #fff
}

tr.odd,tr.cat-list-row1 {
	background: #f8f8f8
}

table  tr:hover td {
	background: #FEFDE2;
}

/* blue background */
.button:hover,
.button:active,
.button:focus,
button:hover,
p.readmore a:hover,
#header ul.menu a:hover,
#header ul.menu a:active,
#header ul.menu a:focus,
.pagenav a:hover,
.pagenav a:active,
.pagenav a:focus,
#advanced-search-toggle:hover,
#advanced-search-toggle:active,
#advanced-search-toggle:focus,
.profile-edit a:hover,
.profile-edit a:active,
.profile-edit a:focus,
#fontsize a:hover,#fontsize a:active,#fontsize a:focus,
#mobile_select h2 a
	{
	background-color: #000000;
	color: #fff;

background-color:#095197;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0087d1", endColorstr="#095197");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#0087d1), to(#095197));
  background-image: -moz-linear-gradient(top, #0087d1, #095197);
  background-image: -ms-linear-gradient(top, #0087d1, #095197);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0087d1), color-stop(100%, #095197));
  background-image: -webkit-linear-gradient(top, #0087d1, #095197);
  background-image: -o-linear-gradient(top, #0087d1, #095197);
  background-image: linear-gradient(#0087d1, #095197);
  border-color: #00456b #095197 hsl(201, 100%, 16%);
  color: #fff ;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;

}

/* +++++++++++++++++  Pagination +++++++++++++++ */
.pagination span,.pagination span  a:hover {
	color: #999999;
	background-color: #f5f5f5;
}

/* active item */
span.pagenav {
	background: #095197;
	color: #fff
}

.pagination-start span.pagenav,.pagination-prev  span.pagenav,.pagination-end span.pagenav,.pagination-next span.pagenav
	{
	background-color: #f5f5f5;
	color: #444
}

/* +++++++++++++++++  content  +++++++++++++++ */
.article-info {
	background-color: #fbfbfb;
	background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff),
		to(#f5f5f5) );
	background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: linear-gradient(top, #ffffff, #f5f5f5);
	background-repeat: repeat-x;
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=
		 '#ffffff', endColorstr =   '#f5f5f5', GradientType =   0 );
	border: 1px solid #ddd;
	-webkit-box-shadow: inset 0 1px 0 #ffffff;
	-moz-box-shadow: inset 0 1px 0 #ffffff;
	box-shadow: inset 0 1px 0 #ffffff;
}

ul.menu a:link,ul.menu a:visited {
	color: #444;
}

/* ++++++++++++++++++++++  menu ++++++++++++++++++++++++++  */
.moduletable_menu {
	border: solid 1px #ddd;
	background: #f9f9f9;
}

#header ul.menu {
	border: solid 1px #D5D5D5;
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1);
}

#header ul.menu a {
	box-shadow: none;
	border-bottom: 0
}

ul.menu a:hover,ul.menu a:active,ul.menu a:focus {
	background-color: #F5F5F5;
	background-image: -moz-linear-gradient(center top, #FFFFFF, #E6E6E6);
	background-repeat: repeat-x;
	background: url(../images/arrow.png) no-repeat right center;
	color: #095197
}

/* ++++++++++++++++   highlighting active menuitem  +++++++++++++++++++ */
ul.menu li.active a,ul.menu  li.active ul li.active a,ul.menu  li.active ul li.active  ul li.active a,ul.menu  li.active ul li.active  ul li.active ul li.active  a,ul.menu  li.active ul li.active  ul li.active ul li.active ul li.active a
	{
	font-weight: bold;
}

ul.menu  li.active ul li a,ul.menu  li.active ul li.active  ul li a,ul.menu  li.active ul li.active  ul li.active ul li  a,ul.menu  li.active ul li.active  ul li.active ul li.active ul li a
	{
	font-weight: normal
}

ul.menu a {
	box-shadow: 0 1px 0 #fff;
	border-bottom: solid 1px #ddd;
	text-shadow: 0 1px 0 #fff
}

ul.menu ul a {
	background: #e5e5e5;
	margin-bottom: 1px
}

ul.menu ul ul ul a {
	background: #f5f5f5 url(../images/arrow.png) no-repeat 24px center;
}

ul.menu ul ul ul ul a {
	background: #fff;
}

/* +++++++++++++++++++++++  SLIDER  ++++++++++++++++++++  */
.panel h3.pane-toggler a {
	background: url(../images/slider_plus.png) right top no-repeat;
	color: #333
}

.panel h3.pane-toggler-down a {
	background: url(../images/slider_minus.png) right top no-repeat;
	border-bottom: solid 1px #ddd;
	color: #333
}

/*  +++++++++++++++++   Tabs ++++++++++++++++++++++  */
ul.tabs li,dl.tabs dt h3 a:link,dl.tabs dt h3 a:visited {
	background: #f5f5f5 url(../images/nature/box.png) repeat-x;
}

ul.tabs li a:link,ul.tabs li a:visited,dl.tabs dt a {
	color: #333;
	border: solid 1px #ddd;
	border-bottom: 0
}

ul.tabs li a:hover,ul.tabs li a:active,ul.tabs li a:focus {
	color: #000
}

.tabcontent,div.current {
	background: #fff;
	color: #000;
	border: solid 1px #ddd;
}

.tabcontent .linkclosed {
	color: #000;
	border-bottom: solid 1px #e5e5e5;
}

ul.tabs li a.linkopen,dl.tabs dt.open  h3 a:link,dl.tabs dt.open  h3 a:visited
	{
	background: #fff;
	color: #333;
	border-radius: 5px 5px 0px 0px;
}

ul.tabs li a.linkclosed:hover,ul.tabs li a.linkclosed:active,ul.tabs li a.linkclosed:focus,ul.tabs li a.linkopen:hover,ul.tabs li a.linkopen:active,ul.tabs li a.linkopen:focus
	{
	background: #555;
	color: #fff
}

#footer-inner,#footer {
	background: #f5f5f5;
	box-shadow: 0px 20px 10px #555
}

#footer {
	background: #555;
	max-width: 1025px;
	margin: 0 auto;
	box-shadow: 0px 0px 10px #555555;
	color: #fff
}

#footer a {
	color: #fff;
	background: none
}

#bottom a {
	background: none
}

.box1 {
	border-right: solid 1px #ccc
}

.box3 {
	border-left: solid 1px #ccc
}

#bottom  ul li a {
	background-image: none;
	padding-left: 0
}

/* responsive */
#mobile_select h2 {border:0; margin:-17px 0 0 0; padding:0; background:#0C1D43;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;
}

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

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

#fontsize{display:none}
	#nav,#wrapper2,#wrapper,.cols-3 .column-1,.cols-3 .column-2,.cols-3 .column-3,#right,.box,#header form
		{
		float: none;
		width: 100%
	}
	#header {padding-top:3em}
	#header form  {margin:0}
	.logoheader {background:#0C1D43; min-height:100px; margin:0}
	.box {
		border-left: 0 !important;
		border-bottom: solid 1px #ddd;
	}
	#line {
		text-align: center;
		top: 0;
		right: auto;
		max-width: 100% ;
		min-width:100%;

margin: 0 0px; background:#095197;
	}
	#header form input {
		float: none; margin-bottom:4px
	}
	#menuwrapper { margin-top:10px; }
	#header ul.menu {position:relative; top:0;left:20px; right:20px; margin:0; width:90%; border-radius:4px}
	#header ul.menu li:first-child a {border-radius: 4px 4px 0 0}
	#header ul.menu li:last-child a {border-radius:0 0 4px 4px }
	#header ul.menu li a:link,
	#header ul.menu li a:visited {
		display: block;
		padding: 6px 10px;
		border-bottom: solid 1px #ccc
	}
}

@media only screen and (min-width: 600px) {
}

@media only screen and (min-width: 768px) {
}

@media only screen and (min-width: 992px) {
}

@media only screen and (min-width: 1382px) { /* Styles */
}

/**

html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

html {
    background: #ffffff;
    font-size: 100.01%;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: #f3f5f6;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {

position: relative;
    width: 100%;
    line-height: 1.5em;
    background: #eee
}

/* ###################### general ###################### */
#all {
    margin: 0 auto;
    max-width: 1050px;
    padding: 0;
    text-align: left;
    font-size: 0.8em
}

#header {
    display: block !important;
    position: relative;
    padding: 8em 0 0 0;
    overflow: hidden;
}

#header ul {
    position: absolute;
    left: 0;
    top: 5em;
    right: 0;
    display: block;
    margin: 0 0 1px 0;
    text-align: right;
    list-style-type: none;
    padding: 10px 0
}

#back {
    margin: 0;
    padding: 0;
}

#contentarea,
#contentarea2 {
    position: relative;
    overflow: hidden;
    padding: 0 20px !important;
    margin: 0;

}

#wrapper {
    width: 53%;
    float: left;
    position: relative;

}

#wrapper2 {
    width: 72%;
    float: left;
    position: relative;
    padding-bottom: 20px;

}

#wrapper2 .item-page {
    max-width: 660px
}

#main {
    padding-top: 10px;
    padding-bottom: 20px;
    position: relative;

}

#right {
    float: left;
    width: 20%;
    margin: 10px 0 10px 2%;
    padding: 0 0 5px 0;
    position: relative;
}

.unseen,
.hidelabeltxt,
#line label {
    display: inline;
    height: 0;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0;
}

/* ++++++++++++++  nav after content  ++++++++++++++ */
.left {
    padding-top: 0;
    float: right;
    margin: 10px 0 10px 0;
    width: 22%;
    position: relative;

}

/* ++++++++++++++  nav before content  ++++++++++++++ */
.left1 {
    padding: 0;
    float: left;
    margin: 10px 3% 10px 0;
    width: 21%;
    position: relative
}

.leftbigger {
    width: 25%
}

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

.skiplinks,
.skiplinks li {
    display: inline;
    height: 0;
    line-height: 0;
    padding: 0 !important;
}

.skiplinks li a.u2 {
    display: inline;
    height: 0;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0;

}

.skiplinks li a.u2:active,
.skiplinks li a.u2:focus {
    position: absolute;
    width: 13em;
    top: -4em;
    left: 10px;
    line-height: 1.5em;
    padding: 5px;
    font-weight: bold;
    height: 3em;

}

.wrap {
    border: 0;
    clear: both;
    float: none;
    font-size: 1px;
    height: 0;
    line-height: 1px;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

#logo {
    margin-top: 0;
    margin-left: 10px;
    display: block;
    padding: 1em 20px 20px 10px;
    width: 425px;
    font-weight: normal;
    line-height: 1em;

}

#logo img {
    display: block;
}

#logo span {
    padding-left: 2px
}

#logo span.header1 {
    display: block;
    top: 0;
    line-height: 0.8em;
    font-size: 0.7em;
    padding-left: 55px
}

.logoheader {
    margin: -2px 10px 0;
    padding: 0;
    text-align: left;
    font-weight: normal;
    line-height: 1.5em;
}
.header1 {
	font-size: 1.5em;
	margin-left: 10px;
}

#line {
    padding: 5px 0 2px 2px;
    position: absolute;
    right: 10px;
    top: 0.5em;
    max-width: 40em;
    text-align: right;
    min-width: 40em

}

#fontsize,
#line .search {
    display: inline;
    margin: 0;
}

/* ++++++++++++++  button for closing right column  ++++++++++++++ */

#close {
    margin-right: 0;
    text-transform: uppercase;
}

#close span {
    position: absolute;
    right: 20px;
    z-index: 10000;
    top: 5px;
    font-weight: bold;
    text-align: right;
    line-height: 1.5em;
    margin-top:20px;
    padding: 5px
}

#close > a {
    display: block;
    overflow: hidden
}

#close > a:hover span {
    background: #095197
}

/* ###################### main ###################### */

/* ++++++++++++++  position  ++++++++++++++ */

.blog-featured {
    padding: 0;
}

.items-leading {
    padding: 0 5px 10px 5px;
    overflow: hidden;
    margin-bottom: 10px
}

.row-separator {
    display: block;
    clear: both;
    margin: 0;
    border: 0;
    height: 1px
}

.item-separator {
    display: none;
    margin: 0;
}

.shownocolumns {
    width: 98% !important;
}

#top {
    margin: 0 0 20px 0;
    overflow: hidden
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important;
}

.cols-2 .column-1 {
    width: 46%;
    float: left;
}

.cols-2 .column-2 {
    width: 46%;
    float: right;
    margin: 0
}

.cols-3 .column-1 {
    float: left;
    width: 29%;
    padding: 0 5px;
    margin-right: 4%

}

.cols-3 .column-2 {
    float: left;
    width: 29%;
    margin-left: 0;
    padding: 0 5px
}

.cols-3 .column-3 {
    float: right;
    width: 29%;
    padding: 0 5px
}

.items-row {
    overflow: hidden;
    margin-bottom: 10px !important;
}

.column-1,
.column-2,
.column-3 {
    padding: 10px 5px
}

.column-2 {
    width: 55%;
    margin-left: 40%;
}

.column-3 {
    width: 30%
}

.blog-more {
    padding: 10px 5px
}

/* ++++++++++++++  footer  ++++++++++++++ */

#bottom {
    overflow: hidden
}

.box {
    width: 27%;
    float: left;
    margin-right: 10px;
    min-height: 100px
}

.box1 {
    width: 35%
}

.box2 {
    width: 32%
}

.box3 {
    float: right
}

#footer-inner, #footer {
    max-width: 1025px;
    margin: 0 auto;

padding: 10px 15px 10px 10px;
}

img {
    border: 0 none;
    max-width: 100%;
}

/* hide the mobile menu button */
#mobile_select {
    display: none
}
/**
 * @author Design & Accessible Team ( Angie Radtke / Robert Deutz )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright (C) 2010 Open Source Matters, Inc. <https://www.joomla.org>
 * @license GNU/GPL, see LICENSE.txt
 * 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.
 */

/* not ready */

h1,
#main h1
{
      font-size: 16pt;
      font-weight: bold;
      margin: 0.4em 0 0.5em 0;
      padding:0;
}

h2,
#main h2
{
      font-size: 14pt;
      font-weight: bold;
      margin: 0.2em 0 0.5em 0;
      padding: 0.3em 0.3em 0.3em 0;
}

h3
{
      font-size: 12pt;
      font-weight: bold;
      margin: 0.4em 0 0.2em 0;
}

/* Vermeidung von Seitenumbr�chen direkt nach einer �berschrift */
h1,
h2,
h3
{
      page-break-after: avoid;
}

body
{
  line-height:150%;
  font-family:Arial, Verdana, Helvetica, sans-serif;
}

p,
ul li, ol li,
address,
.category-desc,
table,
label,
dt,
dd
{
  font-size:10pt
}

address
{
	font-style:normal
}

.contact-address address span
{
	display:block
}

a
{
      font-weight: bold;
}

.unseen,
#line,
#header ul,
#breadcrumbs,
.article-info-term,
ul.actions,
#close,
.display-limit,
.moduletable_menu,
.moduletable_js,
.tabouter,
#bottom,
.pagination,
#footer,
#header-image

{
      display: none;
}

.skiplinks,
#suckerfish
{
	display:none !important
}

#header .logoheader
{
	border:0;
}

#header
{
      width: auto;
}

#all #back #header
{
padding-top:0
}

#all
{
      text-align:left;
      border:solid 0px #000
}

#back
{
  border:solid 0px #000;
  padding:0
}

#right
{
      display: block;
}

#header h1#logo
{
  font-size:20pt;
  font-weight:normal
}

#contentarea2,
#contentarea
{
	border: solid 0px #000;
	padding:0 !important
}

#main .blog-featured h1
{
  padding:0 !important;
}

#main #top
{
  overflow:hidden;
  margin-bottom:25pt;
  border:0
}

#main .categories-listalphabet ul
{
	padding-left:0
}

#main .categories-listalphabet ul li
{
	display:inline;
	padding:5pt;
	border-right:solid 1pt #ddd
}

#wrapper
{
	display:block;
	width:100% !important;
}

.item
{
  margin-bottom:30pt
}

.category-desc
{
	margin:15pt 0
}

.items-leading
{
	margin-bottom:30pt
}

#main .items-leading h2,
#main .item h2
{
      font-size: 14pt;
      font-weight: bold;
}

h2 a
{
	text-decoration:none
}

#main h1
{
	padding:5pt
}

#main .readmore a
{
  border:0 !important;
  padding-left:0 !important
}

.image-left {
	float:left;
	margin:0 15pt 5pt 0;
}

table
{
  margin:20pt 0;
  border-collapse:collapse;
  width:90%;
}

table td,
table th
{
  padding:2pt 5pt;
  border:solid 1pt #ddd
}

.items-more h3
{
	padding: 5pt 0;
	font-size:14pt
}

.items-more ol li a
{
	font-weight:normal
}

#nav a.readmore
{
  font-size:10pt
}

#nav .module_content
{
  margin-bottom:20pt;
  border:0 !important;
  padding:0 !important
}

#nav .moduletable ul.menu
{
	border:0;
	list-style-type:none;
	padding:0
}

#nav .moduletable ul.menu,
#nav .moduletable ul.menu ul,
#nav .moduletable ul.menu ul ul
{
	border:0;
	list-style-type:none
}

#nav .moduletable ul.menu ul,
#nav .moduletable ul.menu ul ul
{
	padding-left:15pt
}

#nav .moduletable ul.menu li
{
  border:0
}

#nav .moduletable ul.menu li a,
#nav .moduletable ul.menu li.active ul li a,
#nav .moduletable ul.menu li.active ul li.active ul li a
{
	text-decoration:none;
	border:solid 0px #000
}

ul#archive-items
{
	list-style-type:none;
	padding-left:0
}

.moduletable
{
  margin:20pt 0
}

dl.article-info
{
	line-height:120%;
	font-size:9pt
}

dl.article-info dd
{
	margin-left:0
}

h3.js_heading a img
{
  border:0
}

h3.js_heading,
#bottom h3,
.moduletable h3,
#nav h3
{
  font-size:12pt !important;
}

.category-list
{
	padding:0 !important;
}

.moduletable_js
{
  margin-bottom:20pt
}

.tabouter
{
  border:solid 0px ;
  overflow:hidden;
  margin:20pt 0
}

ul.tabs
{
  padding:0;
}

ul.tabs li.tab
{
  list-style-type:none;
  text-transform:uppercase;
  display:inline;
  border-right:solid 1pt #ddd;
  padding:2pt 10pt
}

ul.tabs li.tab a
{
  text-decoration:none;
}

.tabcontent
{
  padding:10pt
}

.contact-email div
{
	overflow:hidden
}

.contact-email label
{
	border:solid 0px #000;
	float:left;
	width:10em
}

.login div
{
	overflow:hidden
}

.login label
{
	float:left;
	width:10em
}

form fieldset dt
{
	clear:left;
	float:left;
	width:12em;
}

legend
{
	background:#fff;
	font-size:.85em
}

.phrases,
.only
{
	margin-bottom:15pt
}

.newsflash a.readmore:link
{
	border: solid 0pt ;
	font-weight:normal;
	font-size:0.8em;
	text-decoration:none
}

.stats dt
{
	float:left;
	width:10em
}

#footer-outer
{
  border:solid 0px;
  padding:0;
  background:none
}

#bottom
{
  text-align:left
}

#footer-outer #bottom .box .moduletable
{
  border-bottom:solid 1px #ddd;
  padding:10pt 0
}

#footer-outer #bottom .box1,
#footer-outer #bottom .box3
{
  border:0;
}

#bottom ul
{
  list-style-type:none;
  padding:0 !important
}

#bottom ul li
{
  border:solid 0px #c00
}
/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */
body {
	background: #eee
}

h3 {
	color: #555
}

h2 a {
	text-decoration: none
}

h2, .moduletable h3, .items-leading h2 {
	border-bottom: solid 1px #ddd
}

.items-row h2 {
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd
}

a:link, a:visited {
	color: #c00
}

a:hover, a:active, a:focus {
	background: #c00;
	color: #FFF
}

.logoheader {
	background: #900;
	color: #FFF;
	min-height: 200px
}

#all {
	background: #fff;
	color: #555
}

#shadow #all {
	box-shadow: 0 20px 10px #555
}

#header ul.menu {
	background-color: #ddd;
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr=#eeeeee, endColorstr=#dddddd);
	background-image: -khtml-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
	background-image: -moz-linear-gradient(top, #eee, #ddd);
	background-image: -ms-linear-gradient(top, #eee, #ddd);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ddd));
	background-image: -webkit-linear-gradient(top, #eee, #ddd);
	background-image: -o-linear-gradient(top, #eee, #ddd);
	background-image: linear-gradient(#eee, #ddd);
	border-color: #b2b2b2 #b2b2b2 #9f9f9f;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .49);
	-webkit-font-smoothing: antialiased;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 2px rgba(0, 0, 0, .05);
	border: solid 1px #ddd;
	border: 1px solid #e5e5e5;
	text-transform: uppercase
}

#header ul.menu a:link, #header ul.menu a:visited {
	color: #333;
	display: inline-block;
	font-weight: 700;
	text-decoration: none;
	padding: 0 10px;
	margin: 0;
	display: inline-block;
	margin: 0 0 0;
	padding: 12px 15px;
	position: relative;
	border-right: 1px solid #ddd;
	box-shadow: 1px 0 0 #f5f5f5
}

.button, button, p.readmore a, #header input.button, .pagenav a:link, .pagenav a:visited, #advanced-search-toggle, .profile-edit a:link, .profile-edit a:visited, h3.js_heading, .article-info {
	background-color: #ddd;
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr=#ffffff, endColorstr=#dddddd);
	background-image: -khtml-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	background-image: -moz-linear-gradient(top, #fff, #ddd);
	background-image: -ms-linear-gradient(top, #fff, #ddd);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ddd));
	background-image: -webkit-linear-gradient(top, #fff, #ddd);
	background-image: -o-linear-gradient(top, #fff, #ddd);
	background-image: linear-gradient(#fff, #ddd);
	border-color: #b2b2b2 #b2b2b2 #9f9f9f;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .49);
	-webkit-font-smoothing: antialiased;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 2px rgba(0, 0, 0, .05);
	color: #c00;
	border: solid 1px #ddd
}

.article-info {
	color: #555
}

table {
	border: solid 1px #ddd
}

table th a:link, table th a:visited {
	color: #fff
}

tr.odd, tr.cat-list-row1 {
	background: #f8f8f8
}

table tr:hover td {
	background: #FEFDE2
}

.button:hover, .button:active, .button:focus, button:hover, p.readmore a:hover, #header ul.menu a:hover, #header ul.menu a:active, #header ul.menu a:focus, .pagenav a:hover, .pagenav a:active, .pagenav a:focus, #advanced-search-toggle:hover, #advanced-search-toggle:active, #advanced-search-toggle:focus, .profile-edit a:hover, .profile-edit a:active, .profile-edit a:focus, #fontsize a:hover, #fontsize a:active, #fontsize a:focus, #mobile_select h2 a, table th, .logoheader {
	background-color: #c00;
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr=#cc0000, endColorstr=#990000);
	background-image: -khtml-gradient(linear, left top, left bottom, from(#c00), to(#900));
	background-image: -moz-linear-gradient(top, #c00, #900);
	background-image: -ms-linear-gradient(top, #c00, #900);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c00), color-stop(100%, #900));
	background-image: -webkit-linear-gradient(top, #c00, #900);
	background-image: -o-linear-gradient(top, #c00, #900);
	background-image: linear-gradient(#c00, #900);
	border-color: #900;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .33);
	-webkit-font-smoothing: antialiased
}

.pagination span, .pagination span a:hover {
	color: #999;
	background-color: #f5f5f5
}

span.pagenav {
	background: #095197;
	color: #fff
}

.pagination-start span.pagenav, .pagination-prev span.pagenav, .pagination-end span.pagenav, .pagination-next span.pagenav {
	background-color: #f5f5f5;
	color: #444
}

ul.menu a:link, ul.menu a:visited {
	color: #444
}

.moduletable_menu {
	border: solid 1px #ddd;
	background: #f9f9f9
}

#header ul.menu {
	border: solid 1px #D5D5D5;
	box-shadow: 0 1px 0 #fff inset, 0 1px 5px rgba(0, 0, 0, .1)
}

#header ul.menu a {
	box-shadow: none;
	border-bottom: 0
}

ul.menu a:hover, ul.menu a:active, ul.menu a:focus {
	background-color: #F5F5F5;
	background-image: -moz-linear-gradient(center top, #fff, #e6e6e6);
	background-repeat: repeat-x;
	background: url(../images/arrow.png) no-repeat right center;
	color: #c00
}

ul.menu li.active ul li a, ul.menu li.active ul li.active ul li a, ul.menu li.active ul li.active ul li.active ul li a, ul.menu li.active ul li.active ul li.active ul li.active ul li a {
	font-weight: 400
}

ul.menu a {
	box-shadow: 0 1px 0 #fff;
	border-bottom: solid 1px #ddd;
	text-shadow: 0 1px 0 #fff
}

ul.menu ul a {
	background: #e5e5e5;
	margin-bottom: 1px
}

ul.menu ul ul ul a {
	background: #f5f5f5 url(../images/arrow.png) no-repeat 24px center
}

ul.menu ul ul ul ul a {
	background: #fff
}

.panel h3.pane-toggler a {
	background: url(../images/slider_plus.png) right top no-repeat;
	color: #333
}

.panel h3.pane-toggler-down a {
	background: url(../images/slider_minus.png) right top no-repeat;
	border-bottom: solid 1px #ddd;
	color: #333
}

ul.tabs li, dl.tabs dt h3 a:link, dl.tabs dt h3 a:visited {
	background: #f5f5f5 url(../images/nature/box.png) repeat-x
}

ul.tabs li a:link, ul.tabs li a:visited, dl.tabs dt a {
	color: #333;
	border: solid 1px #ddd;
	border-bottom: 0
}

ul.tabs li a:hover, ul.tabs li a:active, ul.tabs li a:focus {
	color: #000
}

.tabcontent, div.current {
	background: #fff;
	color: #000;
	border: solid 1px #ddd
}

.tabcontent .linkclosed {
	color: #000;
	border-bottom: solid 1px #e5e5e5
}

ul.tabs li a.linkopen, dl.tabs dt.open h3 a:link, dl.tabs dt.open h3 a:visited {
	background: #fff;
	color: #333;
	border-radius: 5px 5px 0 0
}

ul.tabs li a.linkclosed:hover, ul.tabs li a.linkclosed:active, ul.tabs li a.linkclosed:focus, ul.tabs li a.linkopen:hover, ul.tabs li a.linkopen:active, ul.tabs li a.linkopen:focus {
	background: #555;
	color: #fff
}

#footer-inner, #footer {
	background: #f5f5f5;
	box-shadow: 0 20px 10px #555
}

#footer {
	background: #555;
	max-width: 1025px;
	margin: 0 auto;
	box-shadow: 0 0 10px #555;
	color: #fff
}

#footer a {
	color: #fff;
	background: 0
}

#bottom a {
	background: 0
}

.box1 {
	border-right: solid 1px #ccc
}

.box3 {
	border-left: solid 1px #ccc
}

#bottom ul li a {
	background-image: none;
	padding-left: 0
}

#mobile_select h2 {
	border: 0;
	margin: -17px 0 0 0;
	padding: 0;
	background: #900;
	text-align: right
}

#mobile_select h2 a {
	display: inline-block;
	font-size: .8em;
	border-radius: 4px 4px 0 0;
	padding: 6px;
	font-size: .75em;
	margin-right: 5px
}

@media only screen and (max-width: 480px) {
	img {
		max-width: 100%;
		height: auto;
		border: 0;
		-ms-interpolation-mode: bicubic
	}

#fontsize {
		display: none
	}

#nav, #wrapper2, #wrapper, .cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3, #right, .box, #header form {
		float: none;
		width: 100%
	}

#header {
		padding-top: 3em
	}

#header form {
		margin: 0
	}

.logoheader {
		background: #900;
		min-height: 100px;
		margin: 0
	}

.box {
		border-left: 0 !important;
		border-bottom: solid 1px #ddd
	}

#line {
		text-align: center;
		top: 0;
		right: auto;
		max-width: 100%;
		min-width: 100%;
		margin: 0 0;
		background: #c00
	}

#header form input {
		float: none;
		margin-bottom: 4px
	}

#menuwrapper {
		margin-top: 10px
	}

#header ul.menu {
		position: relative;
		top: 0;
		left: 20px;
		right: 20px;
		margin: 0;
		width: 90%;
		border-radius: 4px
	}

#header ul.menu li:first-child a {
		border-radius: 4px 4px 0 0
	}

#header ul.menu li:last-child a {
		border-radius: 0 0 4px 4px
	}

#header ul.menu li a:link, #header ul.menu li a:visited {
		display: block;
		padding: 6px 10px;
		border-bottom: solid 1px #ccc
	}
}
/**
 * @author Design & Accessible Team ( Angie Radtke  )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright (C) 2010 Open Source Matters, Inc. <https://www.joomla.org>
 * @license GNU/GPL, see LICENSE.txt
 * 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.
 */

body {
    background: #fff;
    color: #000000;
    font-size: 100.1%;
    padding: 0px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.contentpane {
	width:auto;
	margin:10px;
	text-align: left;
}

img { border: 0 none; }
/**
 * @author Design & Accessible Team ( Angie Radtke  )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright (C) 2010 Open Source Matters, Inc. <https://www.joomla.org>
 * @license GNU/GPL, see LICENSE.txt
 * 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.
 */

#all
{
	text-align: right;
}

#wrapper
{
	float:right;
}

#logo span
{
	padding-right:15px;}

h1#logo{
	font-family: 'Titillium Maps',  Arial;
	padding:0.9em 20px 20px 10px;
	/*text-transform:uppercase;*/
	text-align:right;
}

#logo
{
	margin-top:0.6em;
	margin-left:10px;
	/* position:absolute;*/
	display:block;
	padding:20px 20px 20px 10px;
	width:425px;
	padding-top:0.6em;
	font-weight:normal;
	line-height:1em;
	font-size:3em;
}

.logoheader
{
	text-align:right;
}

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

#header
{
	font-size:1em;
	position:relative
}

#header ul.menu {
	text-align: right;
}

/* ++++++++++++++  search box+font options ++++++++++++++ */
#line {
	left: 20px;
	margin-right: -10px;
	right: auto;
	text-align: left;
}

/* ++++++++++++++  breadcrumbs   ++++++++++++++ */

#breadcrumbs {
	/*display: block;*/
	background: none;
	float: right;
	text-align: right;
	width: 100%;
}

#breadcrumbs *
{
	text-align:right;
	float: right;

}
/* for IE7 and less */
*:first-child+html .breadcrumbs, * html .breadcrumbs {
	width: 100%;
}
#breadcrumbs
{
	margin:15px 5px 15px 0px;
}
#breadcrumbs img
{
	padding: 4px 5px 0px 5px;
}

#breadcrumbs .showHere {
	margin-left: 4px;
}
ul.menu li a:link,ul.menu li a:visited {
	background: url(../images/nature/karo.gif) no-repeat scroll right 14px;
	padding-right: 10px;
}

ul.menu li {
	text-align: right;
}

ul.menu li.active ul li a:link,
ul.menu li.active ul li a:visited
{
	padding-right: 20px;
}

ul.menu li.active ul li.active a:link,
ul.menu li.active ul li.active a:visited
{
	padding-right: 20px;
}

ul.menu li.active ul li.active ul li a:link,
ul.menu li.active ul li.active ul li a:visited
{
	padding-right: 33px;
}

ul.menu li.active  ul li.active  ul li.active  ul li  a:link,
ul.menu li.active  ul li.active  ul li.active  ul li a:visited
{
	padding: 3px 47px 3px 2px;
	background:#fff url(../images/nature/arrow_small_rtl.png) no-repeat scroll right 8px;
}

ul.menu li.active  ul li.active  ul li.active  ul li.active	ul li  a:link,
ul.menu li.active  ul li.active  ul li.active  ul li.active	ul li a:visited
{
	padding-right:30px;
}

h3 {
	text-align: right
}

h3.js_heading a {
	position: absolute;
	right: auto;
	left: 5px
}

.box {
	text-align: right
}

ul.newsfeed {
	text-align: right
}

a.readmore:link,a.readmore:visited,.readmore a:link,.readmore a:visited
	{
	background: url(../images/nature/arrow1_rtl.gif) repeat-x scroll right top;
	padding-right: 10px !important
}

.readmore a:hover, .readmore a:active, .readmore a:focus,
a.readmore a:hover, a.readmore a:active, a.readmore a:focus
{
	background: url(../images/nature/arrow2_rtl.gif) no-repeat right 6px #555 !important;
}

.mailto-close {
	left: 5px !important;
	right: auto !important;
}

* html .mailto-close {
	left: 0;
	position: absolute;
	right: 340px !important
}

/* personal.css overrides */

.panel h3.pane-toggler a
{
	background:#f5f5f5 url(../images/slider_plus_rtl.png) left top no-repeat;
}
.panel h3.pane-toggler-down a
{
	background:#f5f5f5  url(../images/slider_minus_rtl.png) left top no-repeat;
	border-bottom:solid 1px #ddd;
}

.form-required
{
	background-position: right;
}

input.button,
button.button
{
	background:#FFFFFF url(../images/nature/arrow1_rtl.gif) no-repeat right top;
}

/* layout.css overrides */

#main ul
{
	padding:0 15px 0 0;
	margin:10px 0 10px 0px;
}

#main ol
{
	padding:0 20px 0 0;
	margin:10px 0 10px 0px;
}

.contact-email label
{
	width:17em;
	float:right;
}

#contact-email-copy
{
	float:right;
	margin-left:10px;
}

table.weblinks th, table.category th {
	text-align: right;
}

table th, table td {
	text-align: right;
}

dl.tabs {
	float: right;
	margin: 50px 0 0 0;
	z-index: 50;
	clear:both;
}

dl.tabs dt {
	float: right;
	padding: 4px 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-left: 3px;
	margin-right: 0px;
}

form fieldset dt
{
	clear:right ;
	float:right;
	width:12em;
	padding:3px 0
}

form fieldset dd
{
	float:right;
	padding:3px 0
}

#users-profile-core dt,
#users-profile-custom dt
{
	float:right;
	width:12em;
	padding:3px 0;

}

.profile-edit form#member-profile fieldset dt,
.registration form#member-registration fieldset dt
{padding:5px 0px 5px 5px; width:13em}

.login-fields label
{float:right}

/* ++++++++++++++  pagination  ++++++++++++++ */

#main .pagination
{
	float:right;
	text-align:right;
	padding:10px 10px 0px 0px;
	width: 100%;
	clear:both;
}

#main .pagination ul
{
	float:right;
	text-align:right;

}

#main .pagination li
{
	float:right;
	text-align:right;
}

#main .pagination li.pagination-start span,
#main .pagination li.pagination-start a
{
padding:4px 0;
}

.left1 {
	float: right;
	margin: 10px 10px 3% 10px ;
}

/* ++++++++++++++  login  ++++++++++++++ */

#login-form label
{
	margin-right:0px;
}

#form-login-remember label
{
	float:none;
	width:auto;
	display:inline
}

input.button,
button.button,
button.validate
{
	padding:3px 7px 5px 7px;
}

#modlgn-username,
#modlgn-passwd
{
	margin-right: 0;
}

.module_content #form-login-username label,
.module_content #form-login-password label
{
	float:right;

}

.login-fields
{
	margin:10px 0
}

.login-fields label
{
	float:right;
}

.login-description img,
.logout-description img
{
	float:right;
	margin-right:0px
}

.login-description,
.logout-description
{
	padding-right:5px;
	margin:20px 10px 0 0;
}

/* ++++++++++++++  columns alignment left to right  ++++++++++++++ */
ul.tabs li {
	float: right;
	border-left: 1px solid #DDDDDD;
	border-right: 0px solid #DDDDDD;
}

ul.pagenav li.pagenav-next {
	float: left;
}
ul.pagenav li.pagenav-prev {
	float: right;
}
#close span {
	width: auto;
	left: 20px;
	right: auto;
}
#header ul.menu li a:link,
#header ul.menu li a:visited
{
	border-right:solid 0px #237D85;
	border-left:solid 1px #237D85;
}

#header ul li.active a:link,
#header ul li.active a:visited
{
	border-right:solid 0px #237D85;
	border-left:solid 1px #237D85;
}
#fontsize {
	margin: 0 1px 0 20px;
	text-align: right;
}
#fontsize p a:link, #fontsize p a:visited {
	border-left: 1px solid #CCCCCC;
	border-right: none;
}
#header form .inputbox {
	margin: 2px 2px 2px 13px;
}
#header form .inputbox:focus { margin: 1px 1px 0 11px; }
#header ul.menu li {
	float: right;
}

/* ############## Blog/featured columns ######## */

.blog-featured .item, .blog .item {
	float:right;
}
.items-row .column-1 {
	margin-right: 0;
	margin-left: 4%;
}

#main ul.actions {
	text-align: left;
}

.content_rating {
	text-align: right;

}

ul.menu li ul li ul li ul li ul {
	padding-right: 7px;
}

#system-message dd.notice ul,
#system-message dd.error ul,
#system-message dd.message  ul {
        background-position: 100% 0!important;
        padding: 10px 40px 10px 10px!important;
}
#system-message dd.message  ul {
        background-image:url(../images/system/notice-info_rtl.png)!important;
}
#system-message dd.notice ul {
        background-image:url("../images/system/notice-note_rtl.png")!important;
}
#system-message dd.error ul {
        background-image:url(../images/system/notice-alert_rtl.png)!important;
}

/* ++++++++++++++  image float style ++++++++++++++ */
.img-fulltext-left {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.img-intro-left {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.img-fulltext-right {
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.img-intro-right {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* ++++++ Bootstrap markup ++++++++++++++ */
.pull-left {
	float: right;
}

/* ++++++ tooltip  +++++++ */
.tooltip.right {
	margin-left: -3px;
}
.tooltip.left {
	margin-left: 3px;
}
.popover,
.tooltip-inner {
	text-align: right;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	right: 50%;
	margin-right: -5px;
}
.tooltip.right .tooltip-arrow {
	left: 0;
	border-width: 5px 0 5px 5px;
}
.tooltip.left .tooltip-arrow {
	right: 0;
	border-width: 5px 5px 5px 0;
}
.tooltip.bottom .tooltip-arrow {
	right: 50%;
	margin-right: -5px;
}

/* Smartsearch Calendar*/
#filter_date1_img,
#filter_date2_img {
	margin-left: 0;
	margin-right: 3px;
}
ul#finder-filter-select-dates li.filter-date {
	text-align: right;
}
.radio, .checkbox {
	padding-left: 0;
	padding-right: 4px;
}
#searchForm .searchintro {
	padding: 0 250px 0 0;
}body {
	background: #eeeeee;
}
h3 {
	color: #555;
}
h2 a {
	text-decoration: none;
}
h2,
.moduletable h3,
.items-leading h2 {
	border-bottom: solid 1px #ddd;
}
.items-row h2 {
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}
a:link,
a:visited {
	color: #009999;
}
a:hover,
a:active,
a:focus {
	background: #009999;
	color: #FFF;
}
.logoheader {
	background: #009999;
	color: #FFFFFF;
	min-height: 200px;
}
#all {
	background: #fff;
	color: #555;
}
#shadow #all {
	box-shadow: 0px 20px 10px #555555;
}
#header ul.menu {
	background-color: #ddd;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eee,endColorstr=#ddd);
	background-image: -khtml-gradient(linear,left top,left bottom,from(#eee),to(#ddd));
	background-image: -moz-linear-gradient(top,#eee,#ddd);
	background-image: -ms-linear-gradient(top,#eee,#ddd);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#eee),color-stop(100%,#ddd));
	background-image: -webkit-linear-gradient(top,#eee,#ddd);
	background-image: -o-linear-gradient(top,#eee,#ddd);
	background-image: linear-gradient(#eee,#ddd);
	border-color: #b2b2b2 #b2b2b2 #9f9f9f;
	text-shadow: 0 1px 1px rgba(255,255,255,0.49);
	-webkit-font-smoothing: antialiased;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 2px rgba(0,0,0,0.05);
	border: solid 1px #ddd;
	border: 1px solid #e5e5e5;
	text-transform: uppercase;
}
#header ul.menu a:link,
#header ul.menu a:visited {
	color: #333;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 10px;
	margin: 0;
	display: inline-block;
	margin: 0 0 0;
	padding: 12px 15px;
	position: relative;
	border-right: 1px solid #ddd;
	box-shadow: 1px 0px 0px #f5f5f5;
}
.button,
button,
p.readmore a,
#header input.button,
.pagenav a:link,
.pagenav a:visited,
#advanced-search-toggle,
.profile-edit a:link,
.profile-edit a:visited,
h3.js_heading,
.article-info {
	background-color: #ddd;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#dddddd);
	background-image: -khtml-gradient(linear,left top,left bottom,from(#ffffff),to(#dddddd));
	background-image: -moz-linear-gradient(top,#ffffff,#dddddd);
	background-image: -ms-linear-gradient(top,#ffffff,#dddddd);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#dddddd));
	background-image: -webkit-linear-gradient(top,#ffffff,#dddddd);
	background-image: -o-linear-gradient(top,#ffffff,#dddddd);
	background-image: linear-gradient(#ffffff,#dddddd);
	border-color: #b2b2b2 #b2b2b2 #9f9f9f;
	text-shadow: 0 1px 1px rgba(255,255,255,0.49);
	-webkit-font-smoothing: antialiased;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 2px rgba(0,0,0,0.05);
	color: #009999;
	border: solid 1px #ddd;
}
.article-info {
	color: #555;
}
table {
	border: solid 1px #ddd;
}
table th a:link,
table th a:visited {
	color: #fff;
}
tr.odd,
tr.cat-list-row1 {
	background: #f8f8f8;
}
table  tr:hover td {
	background: #FEFDE2;
}
.button:hover,
.button:active,
.button:focus,
button:hover,
p.readmore a:hover,
#header ul.menu a:hover,
#header ul.menu a:active,
#header ul.menu a:focus,
.pagenav a:hover,
.pagenav a:active,
.pagenav a:focus,
#advanced-search-toggle:hover,
#advanced-search-toggle:active,
#advanced-search-toggle:focus,
.profile-edit a:hover,
.profile-edit a:active,
.profile-edit a:focus,
#fontsize a:hover,
#fontsize a:active,
#fontsize a:focus,
#mobile_select h2 a,
table th,
.logoheader {
	background-color: #00B9B9;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00B9B9,endColorstr=#009999);
	background-image: -khtml-gradient(linear,left top,left bottom,from(#00B9B9),to(#009999));
	background-image: -moz-linear-gradient(top,#00B9B9,#009999);
	background-image: -ms-linear-gradient(top,#00B9B9,#009999);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#00B9B9),color-stop(100%,#009999));
	background-image: -webkit-linear-gradient(top,#00B9B9,#009999);
	background-image: -o-linear-gradient(top,#00B9B9,#009999);
	background-image: linear-gradient(#00B9B9,#009999);
	border-color: #009999;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.33);
	-webkit-font-smoothing: antialiased;
}
input:focus,
textarea:focus {
	box-shadow: 0 1px 1px #ddd inset, 0 0 8px #00B9B9;
	outline: 0 none;
}
.pagination span,
.pagination span  a:hover {
	color: #999999;
	background-color: #f5f5f5;
}
span.pagenav {
	background: #009999;
	color: #fff;
}
.pagination-start span.pagenav,
.pagination-prev  span.pagenav,
.pagination-end span.pagenav,
.pagination-next span.pagenav {
	background-color: #f5f5f5;
	color: #444;
}
ul.menu a:link,
ul.menu a:visited {
	color: #444;
}
.moduletable_menu {
	border: solid 1px #ddd;
	background: #f9f9f9;
}
#header ul.menu {
	border: solid 1px #D5D5D5;
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0,0,0,0.1);
}
#header ul.menu a {
	box-shadow: none;
	border-bottom: 0;
}
ul.menu a:hover,
ul.menu a:active,
ul.menu a:focus {
	background-color: #F5F5F5;
	background-image: -moz-linear-gradient(center top,#FFFFFF,#E6E6E6);
	background-repeat: repeat-x;
	background: url(../images/arrow.png) no-repeat right center;
	color: #009999;
}
ul.menu li.active a,
ul.menu  li.active ul li.active a,
ul.menu  li.active ul li.active  ul li.active a,
ul.menu  li.active ul li.active  ul li.active ul li.active  a,
ul.menu  li.active ul li.active  ul li.active ul li.active ul li.active a {
	font-weight: bold;
}
ul.menu  li.active ul li a,
ul.menu  li.active ul li.active  ul li a,
ul.menu  li.active ul li.active  ul li.active ul li  a,
ul.menu  li.active ul li.active  ul li.active ul li.active ul li a {
	font-weight: normal;
}
ul.menu a {
	box-shadow: 0 1px 0 #fff;
	border-bottom: solid 1px #ddd;
	text-shadow: 0 1px 0 #fff;
}
ul.menu ul a {
	background: #e5e5e5;
	margin-bottom: 1px;
}
ul.menu ul ul ul a {
	background: #f5f5f5 url(../images/arrow.png) no-repeat 24px center;
}
ul.menu ul ul ul ul a {
	background: #fff;
}
.panel h3.pane-toggler a {
	background: url(../images/slider_plus.png) right top no-repeat;
	color: #333;
}
.panel h3.pane-toggler-down a {
	background: url(../images/slider_minus.png) right top no-repeat;
	border-bottom: solid 1px #ddd;
	color: #333;
}
ul.tabs li,
dl.tabs dt h3 a:link,
dl.tabs dt h3 a:visited {
	background: #f5f5f5 url(../images/nature/box.png) repeat-x;
}
ul.tabs li a:link,
ul.tabs li a:visited,
dl.tabs dt a {
	color: #333;
	border: solid 1px #ddd;
	border-bottom: 0;
}
ul.tabs li a:hover,
ul.tabs li a:active,
ul.tabs li a:focus {
	color: #000;
}
.tabcontent,
div.current {
	background: #fff;
	color: #000;
	border: solid 1px #ddd;
}
.tabcontent .linkclosed {
	color: #000;
	border-bottom: solid 1px #e5e5e5;
}
ul.tabs li a.linkopen,
dl.tabs dt.open  h3 a:link,
dl.tabs dt.open  h3 a:visited {
	background: #fff;
	color: #333;
	border-radius: 5px 5px 0px 0px;
}
ul.tabs li a.linkclosed:hover,
ul.tabs li a.linkclosed:active,
ul.tabs li a.linkclosed:focus,
ul.tabs li a.linkopen:hover,
ul.tabs li a.linkopen:active,
ul.tabs li a.linkopen:focus {
	background: #555;
	color: #fff;
}
#footer-inner,
#footer {
	background: #f5f5f5;
	box-shadow: 0px 20px 10px #555;
}
#footer {
	background: #555;
	max-width: 1025px;
	margin: 0 auto;
	box-shadow: 0px 0px 10px #555555;
	color: #fff;
}
#footer a {
	color: #fff;
	background: none;
}
#bottom a {
	background: none;
}
.box1 {
	border-right: solid 1px #ccc;
}
.box3 {
	border-left: solid 1px #ccc;
}
#bottom  ul li a {
	background-image: none;
	padding-left: 0;
}
#mobile_select h2 {
	border: 0;
	margin: -17px 0 0 0;
	padding: 0;
	background: #009999;
	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;
}
@media only screen and (max-width: 480px) {
	img {
		max-width: 100%;
		height: auto;
		border: 0;
		-ms-interpolation-mode: bicubic;
	}
	#fontsize {
		display: none;
	}
	#nav,
	#wrapper2,
	#wrapper,
	.cols-3 .column-1,
	.cols-3 .column-2,
	.cols-3 .column-3,
	#right,
	.box,
	#header form {
		float: none;
		width: 100%;
	}
	#header {
		padding-top: 3em;
	}
	#header form {
		margin: 0;
	}
	.logoheader {
		background: #009999;
		min-height: 100px;
		margin: 0;
	}
	.box {
		border-left: 0 !important;
		border-bottom: solid 1px #ddd;
	}
	#line {
		text-align: center;
		top: 0;
		right: auto;
		max-width: 100%;
		min-width: 100%;
		margin: 0 0px;
		background: #00B9B9;
	}
	#header form input {
		float: none;
		margin-bottom: 4px;
	}
	#menuwrapper {
		margin-top: 10px;
	}
	#header ul.menu {
		position: relative;
		top: 0;
		left: 20px;
		right: 20px;
		margin: 0;
		width: 90%;
		border-radius: 4px;
	}
	#header ul.menu li:first-child a {
		border-radius: 4px 4px 0 0;
	}
	#header ul.menu li:last-child a {
		border-radius: 0 0 4px 4px;
	}
	#header ul.menu li a:link,
	#header ul.menu li a:visited {
		display: block;
		padding: 6px 10px;
		border-bottom: solid 1px #ccc;
	}
}
@basecolor 		: rgb(45,53,62);
@compcolor 		: spin(@basecolor, 180);
@bordercolor    : lighten(@basecolor, 60%);
@bodycolor : #eeeeee;
@contentbackground:#fff;
@textcolor : #555;
@linkcolor 		    : #009999;
@linkcolorhover 	: darken(@linkcolor, 10);
@linkcolorvisited   : darken(@linkcolorhover, 10);
@linkcolorfocus 	: darken(@linkcolorvisited, 10);
@backgroundlogoheader: #009999;
@headermenugradientfrom:#eee;
@headermenugradientto:#ddd;
@uxelmentsgradientfrom: #ffffff;
@uxelmentsgradientto: #dddddd;
@uxelmentshovergradientfrom: #00B9B9;
@uxelmentshovergradientto: #009999;

body {
	background: @bodycolor
}

h3 {
	color: @textcolor
}

h2 a {
	text-decoration: none
}

h2,.moduletable h3, .items-leading h2 {
	border-bottom: solid 1px #ddd;
}

.items-row h2 {
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}

a:link,a:visited {
	color: @linkcolor
}

a:hover,a:active,a:focus {
	background:@linkcolor 	 ;
	color: #FFF;
}

.logoheader {
	background: @backgroundlogoheader;
	color: #FFFFFF;
	min-height: 200px;
}

#all {
	background: @contentbackground;
	color: @textcolor ;
}

#shadow #all {
	box-shadow: 0px 20px 10px #555555
}

#header ul.menu {
  background-color:#ddd;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@headermenugradientfrom, endColorstr=@headermenugradientto);
  background-image: -khtml-gradient(linear, left top, left bottom, from(@headermenugradientfrom), to(@headermenugradientto));
  background-image: -moz-linear-gradient(top, @headermenugradientfrom, @headermenugradientto);
  background-image: -ms-linear-gradient(top, @headermenugradientfrom, @headermenugradientto);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @headermenugradientfrom), color-stop(100%, @headermenugradientto));
  background-image: -webkit-linear-gradient(top, @headermenugradientfrom, @headermenugradientto);
  background-image: -o-linear-gradient(top, @headermenugradientfrom, @headermenugradientto);
  background-image: linear-gradient(@headermenugradientfrom, @headermenugradientto);
  border-color: #b2b2b2 #b2b2b2 hsl(114, 0%, 62.5%);

text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49);
  -webkit-font-smoothing: antialiased;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px
		rgba(0, 0, 0, 0.05);
	border: solid 1px #ddd;
	border: 1px solid #e5e5e5;
	text-transform: uppercase;
}

#header ul.menu a:link,#header ul.menu a:visited {
	color: #333;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 10px;
	margin: 0;
	display: inline-block;
	margin: 0 0 0;
	padding: 12px 15px;
	position: relative;
	border-right: 1px solid #ddd;
	box-shadow: 1px 0px 0px #f5f5f5;
}

/*  grey background */
.button,button,p.readmore a,#header input.button,.pagenav a:link,.pagenav a:visited,#advanced-search-toggle,.profile-edit a:link,.profile-edit a:visited,h3.js_heading,.article-info
	{
  background-color:#ddd;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@uxelmentsgradientfrom, endColorstr=@uxelmentsgradientto);
  background-image: -khtml-gradient(linear, left top, left bottom, from(@uxelmentsgradientfrom), to(@uxelmentsgradientto));
  background-image: -moz-linear-gradient(top, @uxelmentsgradientfrom, @uxelmentsgradientto);
  background-image: -ms-linear-gradient(top, #ffffff, #dddddd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @uxelmentsgradientfrom), color-stop(100%, @uxelmentsgradientto));
  background-image: -webkit-linear-gradient(top, @uxelmentsgradientfrom, @uxelmentsgradientto);
  background-image: -o-linear-gradient(top, @uxelmentsgradientfrom, @uxelmentsgradientto);
  background-image: linear-gradient(@uxelmentsgradientfrom, @uxelmentsgradientto);
  border-color: #b2b2b2 #b2b2b2 hsl(114, 0%, 62.5%);

text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49);
  -webkit-font-smoothing: antialiased;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px
		rgba(0, 0, 0, 0.05);
	color: @linkcolor;
	border: solid 1px #ddd
}
.article-info
{color:@textcolor}
/* +++++++++++++  table display  Categories table, contact etc, ++++++++++++++++++++* */
table {
	border: solid 1px #ddd
}

table th a:link,table th a:visited {
	color: #fff
}

tr.odd,tr.cat-list-row1 {
	background: #f8f8f8
}

table  tr:hover td {
	background: #FEFDE2;
}

background-color:@uxelmentshovergradientfrom;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@uxelmentshovergradientfrom, endColorstr=@uxelmentshovergradientto);
  background-image: -khtml-gradient(linear, left top, left bottom, from(@uxelmentshovergradientfrom), to(@uxelmentshovergradientto));
  background-image: -moz-linear-gradient(top,@uxelmentshovergradientfrom, @uxelmentshovergradientto);
  background-image: -ms-linear-gradient(top, @uxelmentshovergradientfrom, @uxelmentshovergradientto);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @uxelmentshovergradientfrom), color-stop(100%, @uxelmentshovergradientto));
  background-image: -webkit-linear-gradient(top, @uxelmentshovergradientfrom, @uxelmentshovergradientto);
  background-image: -o-linear-gradient(top, @uxelmentshovergradientfrom, @uxelmentshovergradientto);
  background-image: linear-gradient(@uxelmentshovergradientfrom, @uxelmentshovergradientto);
  border-color: @uxelmentshovergradientto;
  color: #fff ;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;

}
input:focus,textarea:focus {
	box-shadow: 0 1px 1px  @headermenugradientto inset, 0 0 8px @uxelmentshovergradientfrom;
	outline: 0 none;
}
/* +++++++++++++++++  Pagination +++++++++++++++ */
.pagination span,.pagination span  a:hover {
	color: #999999;
	background-color: #f5f5f5;
}

/* active item */

span.pagenav {
	background: @uxelmentshovergradientto;
	color: #fff;
}

.pagination-start span.pagenav,.pagination-prev  span.pagenav,.pagination-end span.pagenav,.pagination-next span.pagenav
	{
	background-color: #f5f5f5;
	color: #444;
}

/* +++++++++++++++++  content  +++++++++++++++ */

ul.menu a:link,ul.menu a:visited {
	color: #444;
}

/* ++++++++++++++++++++++  menu ++++++++++++++++++++++++++  */
.moduletable_menu {
	border: solid 1px #ddd;
	background: #f9f9f9;
}

#header ul.menu {
	border: solid 1px #D5D5D5;
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1);
}

#header ul.menu a {
	box-shadow: none;
	border-bottom: 0
}

ul.menu a:hover,ul.menu a:active,ul.menu a:focus {
	background-color: #F5F5F5;
	background-image: -moz-linear-gradient(center top, #FFFFFF, #E6E6E6);
	background-repeat: repeat-x;
  background: url(../images/arrow.png) no-repeat right center;
  color:@linkcolor
}

ul.menu a {
	box-shadow: 0 1px 0 #fff;
	border-bottom: solid 1px #ddd;
	text-shadow: 0 1px 0 #fff
}

ul.menu ul a {
	background: #e5e5e5;
	margin-bottom: 1px
}

ul.menu ul ul ul a {
  background: #f5f5f5 url(../images/arrow.png) no-repeat 24px center;
}