/**
 * @version $Id: layout.css 9765 2007-12-30 08:21:02Z ircmaxell $
 * @author Design & Accessible Team ( Angie Radtke  )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.

AB - 13-6-9 ABaa ABcc -16-6-9 moving some basic typography to general css - can remove this later after testing
ABrr - 21-7-9

a:link
{
	color:#048DD4;
}
a:hover,a:active,a:focus,a:visited
{
		color:#E8921E;
}
-  ABaa line-height:1.4em; added sup css; added font-size
bottom: 0.7em;  -
p {
	line-height:1.8em;
	margin:6px 0;
font-size:1.0em;
}

sup { font-size:0.8em;
line-height:0;
vertical-align:super;
}



*/

/*  ABdd - deleting  code
h3 {
    font-size:1.1em;
    font-weight:bold;
    margin:10px 0;
}

h4 {
    border:solid 0;
    color:#333;
    font-size:1em;
}

*/

input:focus {

}

fieldset {
    border: 0;
}

ol.list {
    list-style-position: inside;
    margin: 20px 0;
    padding: 0;
}

ol.list li {
    border-bottom: solid 1px #fff;
    margin: 10px 0;
    padding: 10px;
    background: #FBF7FA;
}

ol.list li h4 {
    border-bottom: solid 0 #CCC;
    color: #099;
    display: inline;
    margin: 0 0 10px;
}

ul li a.u2:focus, p a.u2:active {
    padding: 0.5em;
    background-color: #333;
    color: #FFF;
    display: inline;
    height: 2.5em;
    left: 0;
    margin-top: 0;
    padding-left: 15px;
    position: absolute;
    top: 0;
    width: 13.8em;
}

p.counter {
    background: #EEE;
    color: #333;
    font-weight: bold;
    margin: 10px 0;
    padding: 5px;
}

p.buttonheading {
    text-align: right;
}

.buttonheading img {
    border: 0;
    margin: 2px;
}

p.buttonheading a:link, p.buttonheading a:visited {

}

.leading p.buttonheading a:link, .leading p.buttonheading a:visited {

}

p.buttonheading a:hover {
    background: none !important;
    color: #333 !important;
}

p.buttonheading a:active, p.buttonheading a:focus {

}

em {
    font-weight: bold;
}

/* ###########  header content #############  */
#header h1 {
    font-size: 1.5em;
    font-weight: normal;
    text-transform: uppercase;
}

#logo {
    font-size: 1em !important;
    font-weight: bold !important;
    position: relative;
    text-align: left;
    text-transform: none !important;
    z-index: 0;

}

#logo img {
    display: block;
}

#logo span {
    display: block;
    margin: 0 0 2px 100px !important;
    border-bottom: solid 1px #666;
}

/*  Search box  *//*  Search box  *//*  Search box  *//*  Search box  *//*  Search box  *//*  Search box  *//*  Search box  *//*  Search box  *//*  Search box  *//*  Search box  *//*  Search box  *//*  Search box  *//*  Search box  */
#header form {

    float: left;
    width: 178px;
    text-align: left;
    overflow: visible;

}

* html #header form {
    float: left;
    width: 178px;
    text-align: left;
    overflow: visible;
}

#header form fieldset {
    border: 0 solid #333;

    float: left;
    text-align: left;

}

#header form label {
    color: #333;
    position: absolute;
    left: -3000px;
    top: -200px;
    width: auto;
}

#header form .button {
    background: url(../images/pfeil.gif) #333 no-repeat;
    border: 0;
    color: #fff;
    font-weight: bold;

    cursor: pointer;
}

#header form .inputbox {
    background: #fff;
    font-weight: normal;
    font-size: 0.9em;
    padding: 2px;
    width: 173px;
    margin: 1px;
    height: 15px;
    border: solid 1px #fff;
    color: #048dd4;
    text-align: center;
    text-transform: none;

}

.moduletable.sitesearch{
    position: relative;
    margin-top: -22px;
}
/* firefox hacks */
@-moz-document url-prefix() {
    .moduletable.sitesearch{
        margin-top: -23px;
    }
}


#header form .inputbox:focus {
    border: solid 1px #048DD4;
    font-weight: normal;
    text-transform: none;
}

/* header Top-nav */
#header #active_menu-nav {

    color: #fff;
}
/*
#header ul {

    display: block;
    position: absolute;
    right: 0;
    top: 87px;
    width: 770px;

    text-align: left;

}
*/
#header ul li {

    color: #fff;
    display: inline;
    text-align: center;
}

#header li a {
    text-transform: none;
    color: #fff;
    background: url(../images/menuli.gif) no-repeat left;
    padding-left: 5px;
    padding-right: 15px;
}

#header ul li a:link, #header ul li a:visited {

    color: #fff;
    font-weight: bold;
    text-decoration: none;
    padding:20px;
}

#header ul li a:hover, #header ul li a:active, #header ul li a:focus {

    color: #fff;
    font-weight: bold;
}

/*  fontsize  */
#fontsize {
    z-index: 100;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    color: #333;
}

#fontsize h3, #fontsize p {
    border: 0;
    display: inline;
    font-size: 1em;
}

#fontsize p {
    margin: 0 0 0 5px;
}

#fontsize p a {
    font-weight: bold;
    margin: 0 5px;
    display: inline;
    padding: 2px 0 2px 24px;
}

/* background-images */

#fontsize p a.smaller:hover, #fontsize p a.smaller:active, #fontsize p a.smaller:focus {
    color: #E8921E;
}

#fontsize p a.reset:hover, #fontsize p a.reset:active, #fontsize p a.reset:focus {

    color: #E8921E;
}

#toolbar {
    background: #e8921e url(../images/toolbar.gif) repeat-x top;
    padding-top: 0;
    height: 26px;
    text-align: left;
    color: #fff;

}

#toolbar ul {
    margin-left: 190px;
    line-height: 22px;
}

#toolbar ul.lang-inline {
    margin-left: 0px;
    line-height: 22px;
}

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

* html #toolbar {
    height: 26px;
}

#toolbar li a {
    text-transform: none;
    background: url(../images/menuli.gif) no-repeat left;
    padding-left: 5px;
    padding-right: 12px;
}

#toolbar a:link, #toolbar a:visited {

    color: #fff;
}

#toolbar span {
    color: #fff;
    font-size: 0.9em;
    padding: 7px;
}

#toolbar span a:hover, #toolbar span a:active, #toolbar span a:focus {
    background: #333;
    color: #fff;
    text-decoration: none;
}

/* ################# breadcrumbs ABee then ABff
#breadcrumbs {
background:#e8921e;
min-height:5em;
padding-top:0;
text-align:left;
color:#fff;
}

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

* html #breadcrumbs {
height:65px;
}

#breadcrumbs a {
text-transform:none;
}

#breadcrumbs a:link,#breadcrumbs a:visited {

color:#E8921E;
}

#breadcrumbs span {
color:#fff;
font-size:0.8em;
padding:7px;
}

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

################ */

#breadcrumbs {
    background: #ffffff;
    padding: 0px 0 8px 0;
    text-align: left;
    color: #E8921E;
    text-decoration: none;
    font-size: 0.85em;

}

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

/* html #breadcrumbs {
height:65px;
}
*/
#breadcrumbs a {
    background: #fff url(../images/M_images/arrow.png) no-repeat 0% 50%;
    text-transform: none;
    padding: 0 10px 0 15px;

    color: #E8921E;

}

#breadcrumbs a:link, #breadcrumbs a:visited {
    text-decoration: none;
    color: #E8921E;

}

#breadcrumbs a:hover {
    color: #048DD4;
    text-decoration: none;

}

#breadcrumbs span {

    font-size: 0.85em;
    padding: 7px 7px 14px 7px;
}

#breadcrumbs span a:hover {
    text-decoration: underline;
}

#breadcrumbs span a:active, #breadcrumbs span a:focus {

    text-decoration: none;
}

/* ################ left ######################## */
#left .moduletable {

    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #B2DDF0;
}

/*#left form {
background:#fff;
color:#333;
font-size:0.9em;
margin:5px 0 20px 10px;
padding:20px 10px;
}*/

#left h3, #right h3 {
    color: #048DD4;

    font-size: 0.98em;
    letter-spacing: -1px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 10px;

}

#left ul {
    list-style-type: none;
    margin: 0 0 10px 0px;
}

#left ul li {

    margin: 0 0 2px;
}

#left ul li a, #left ul li a {
    font-size: 0.85em;
    text-decoration: underline;
}

#left ul li a:link, #left ul li a:visited {
    background: #FFF;

    color: #048DD4;

    font-weight: normal;
}

#left ul li a:hover, #left ul li a:active, #left ul li a:focus {

}

/* ################## Main Menue ################## */
#left .moduletable_menu {
    margin-left: 10px;
}

#left a, #right a {
    font-size: 0.90em;
    text-decoration: underline;
}

#left ul li ul {
    background: #fff;
    border: solid 1px #FFF;
    border-bottom: solid 0 #FFF;
    border-left: solid 4px #FFF;
    border-top: 0;
    margin: 0;
}

#left ul li ul li {
    border: solid 1px #fff;
}

#left ul li ul li {
    margin: 0;
}

#left ul li ul li a:hover, #left ul li ul li a:active, #left ul li ul li a:focus {

    color: #E8921E;
}

#left ul li ul li ul {
    border: solid 0 #FFF;
    padding: 10px 0 10px 5px;
}

#left ul li.active a:link, #left ul li.active a:visited {

    color: #E8921E;
    border-bottom: solid 1px #FFF;

}

#left ul li.active ul li a:link, #left ul li.active ul li a:visited {

    color: #333;
    font-weight: normal;

}

#left ul li.active ul li ul li a:link, #left ul li.active ul li ul li a:visited {
    background: #fff;
    border-bottom: solid 1px #FFF;
    color: #333;
    font-weight: normal;
    margin: 0 0 0 10px;
}

#left ul li.active ul li.active a:link, #left ul li.active ul li.active a:visited {
    background: #fff;
    border-left: solid 0 #DD75BB;
    color: #333;
    font-weight: bold;
}

#left ul li.active ul li.active ul li a:link, #left ul li.active ul li.active ul li a:visited {
    background: url(../images/arrow.gif) #fff no-repeat top left;
    color: #333;
    font-weight: normal;
    margin: 0 0 0 15px;
    padding: 3px 0 3px 15px;
}

#left ul li.active ul li.active ul li.active span.active_link {
    background: url(../images/arrow.gif) #fff no-repeat top left;
    border-bottom: solid 1px #FFF;
    color: #333;
    font-weight: bold;
    margin: 0 0 0 15px;
    padding: 3px 0 3px 15px;
}

/*#left form a:hover,#left form a:active,#left form a:focus {
color:#fff;
}*/

/* ###############  main * ########################### */
/* position */
.leading_separator {
    border-bottom: solid 0 #333;
    display: block;
    height: 10px;
    margin: 0;
}

#main .leading h2, #main2 .leading h2 {
    background: #fff;
    border-bottom: solid 0 #333; /*color:#FFF;*/

    font-size: 1.4em;
    font-weight: normal;
    margin: 0 0 10px;
    text-transform: uppercase;
}

#main h2 a, #main2 h2 a {
    text-decoration: none;
}

#main .leading .readon, #main2 .leading .readon {

    border: solid 0;
    bottom: 0;
    color: #FF6600 !important;
    display: block !important;
    margin-top: 20px !important;
    position: absolute;
    right: 0;
    text-decoration: none;
    padding: 2px 2px 0 30px;
}

#main .leading .small, #main .leading .modifydate, #main2 .leading .small, #main2 .leading .modifydate {

    color: #048DD4;
}

.article_column h2 {
    background: #fff;
    color: #333 !important;
    font-family: trebuchet MS;
    font-size: 1.2em !important;
    font-weight: bold !important;
    padding: 0;
}

.article_row .column1 h2, .article_row .column2 h2 {
    background: #fff;
    border-bottom: solid 1px #D4A7C5;
    color: #333;
    margin: 0 0 10px;
    padding: 5px 5px 5px 0;
}

.article_row p.iteminfo {
    background: #fff;
    line-height: 1em;
    margin: 0 -10px 5px;
    padding: 10px;
}

/*   ABdd - deleting erroneous code
#main h3,#main2 h3 {
margin:20px 0 10px;
}

*/

#main .blog_more h2, #main2 .blog_more h2 {
    background: #fff;
    color: #048DD4;

    font-size: 1.3em;
    font-weight: normal;
    margin: 0;
}

#main .blog_more li a, #main2 .blog_more li a {
    display: inline;
    margin: 0;
    padding: 0;
}

#main .blog_more li, #main2 .blog_more li {
    padding: 4px;
}

#main .blog_more ul li a, #main2 .blog_more ul li a {

    font-weight: bold;
    padding: 2px 0 4px 30px;
}

#main .blog_more ul li a:hover, #main2 .blog_more ul li a:hover {

    color: #fff;
    font-weight: bold;
    padding: 2px 0 2px 30px;
}

#main .blog_more ul li a:active, #main2 .blog_more ul li a:active, #main .blog_more ul li a:focus, #main2 .blog_more ul li a:focus {

    color: #fff;
    font-weight: bold;
    padding: 2px 0 2px 30px;
}

#main .blog_more ul, #main2 .blog_more ul {
    background: #eee;
    border: solid 1px #ccc;
    color: #333;
    line-height: 1.3em;
    list-style-type: none;
    margin: 0;
    padding: 10px 10px 30px;
}

#main .blog_more, #main2 .blog_more {
    padding-top: 10px;
}

.image_right {
    float: right;
    border: solid 1px #ccc;
    margin: 0 0 10px 10px;
}

.wrap_image {
    clear: left;
}

.createdate {
    color: #048DD4;
    display: block;
    font-size: 0.85em;
}

.createdby {
    color: #048DD4;
    display: block;
    font-size: 0.85em;
    padding: 0 0 0 2px;
}

/* ABbb font-size:0.85em;
ABff - added padding bottom */
.modifydate {
/*  color:#048DD4; ABqq */
    color: #000000;

    display: block;
    font-size: 0.85em;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 8px;
    text-align: right;

}

/* AB - styling for bottom of regions pages  */
td.modifydate {
    color: #000000;
    display: block;
    font-size: 0.85em;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 8px;
    text-align: right;
    border-bottom: 1px solid #dfdfdf;
}

dl.references {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 5px;
}

table.contentpaneopen {
    margin-bottom: 20px;
    width: 100%;
}

/*  end styling for regions */

span.content_rating, .leading span.content_rating {
    margin: 10px 0 0;
    display: block;
}

.content_vote {
    margin: 0 0 10px;
    display: block;
}

.content_vote input {
    margin: 0 5px;
}

.content_vote .button {
    background: url(../images/pfeil.gif) #333 no-repeat;
    border: 0;
    color: #fff;
    font-weight: bold;
    margin: 20px 10px 0 0;
    padding: 0 0 0 30px;
    cursor: pointer;
}

/* ###############  right #################  */
#right .moduletable {

    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #B2DDF0;
}

#right .moduletable p, #left .moduletable p {
    font-size: 0.95em;
    color: #048DD5;
}

#right ul {
    border: solid 0 #ccc;
    color: #333;
    line-height: 1.4em;
    list-style-type: none;
    margin: 0;
    padding: 10px 10px 10px 0;
    position: relative;
}

#right ul li {
    margin-bottom: 4px;
}

#right ul li a {
    color: #048DD4;
    font-weight: normal;
    padding: 2px;
}

#right ul li a:link, #right ul li a:visited {
    color: #048DD4;
}

#right ul li a:hover, #right ul li a:active, #right ul li a:focus {

    color: #E8921E;
}

dl.poll {
}

dl.poll dt {
    border-bottom: solid 1px #ccc;
}

dl.poll dd {
    padding: 6px 0;
    font-weight: bold;
}

.polls_color_1 {
    background: #4bade0;
}

.polls_color_2 {
    background: #048dd4;
}

.polls_color_3 {
    background: #85c8ea;
}

.polls_color_4 {
    background: #e8921e;
}

.polls_color_5 {
    background: #f2c383;
}

.polls_color_6 {
    background: #fbecd8;
}

/*  ####################   Formulare   #####################  */
form.limit {
}

form.login {

    color: #333;
    font-size: 0.9em;
    margin: 5px 0 20px;
    padding: 10px 10px 20px 15px;
    text-align: left;
}

form.login .inputbox:focus {
    border: solid 2px #333;
}

form.login p {
    clear: both;
    border: solid 0 #333;
    font-size: 1em;
}

/*form.login .button {
background:url(../images/pfeil.gif) #C39 no-repeat;
clear:left;
color:#fff;
display:block;
font-weight:bold;
margin:0 0 10px !important;
padding:0 0 0 30px !important;
cursor:pointer;
border:solid 0;
}*/

form.login fieldset {
    border: solid 0 #333;
    margin: 0;
    padding: 0;
    text-align: left;
}

form.login input {
    background: #fff;
    border: solid 2px #C39;
    color: #333;
    padding: 2px 2px 0;
    width: 90%;
}

form.login input.checkbox {
    background: none;
    border: solid 0 #333;
    float: left;
    margin: 11px 0 0;
    padding: 5px;
    width: 20px;
}

form.login label {
    color: #333;
    display: block;
    font-weight: bold;
    margin: 5px 0 0;
    padding: 2px 2px 0;
}

form.login label.remember {
    float: left;
    margin: 5px 0 20px;
    padding: 5px 0 0;
    width: 11em;
}

form.login p {
    color: #333;
}

form.login p a {
    color: #333;
}

form.login p a:hover, form.login p a:active, form.login p a:focus {
    color: #333;
    text-decoration: none;
}

/*form.lost_password .button,.login_form .button {
background:url(../images/pfeil.gif) #333 no-repeat;
border:0;
color:#fff;
font-weight:bold;
margin:0;
padding:0 0 0 30px;
cursor:pointer;
}*/

/* ################# poll ################ */
.poll {
    padding: 0;
}

form.poll fieldset {
    border: 0 solid #333;
    margin: 0 0 10px;
    padding: 0;
    padding-left: 5px;
}

form.registration input, form.lost_password input, .login_form input {
    border: solid 1px #B1DBF4;
    padding:4px;
    
}

form.registration label, form.lost_password label, .login_form label {
    display: block;
    float: left;
    font-weight: normal;
    width: 12em;
}

/* #####################  form.registration ################ */
form.search_result, form.registration, form.lost_password, .login_form {

    border: solid 0 #B1DBF4;
    margin: 15px 10px 0;
    padding: 0;
    position: relative;
}

/*.search_result .button,form.registration .button {
background:url(../images/pfeil.gif) #333 no-repeat;
border:0;
color:#fff;
font-weight:bold;
margin:10px 0 0;
padding:0 5px 0 30px;
cursor:pointer;
}*/

.registration fieldset p {
    margin: 10px 0;
}

.registration div, .login_form div, .lost_password div {
    margin: 5px 0;
}

/* ########################## search ############################ */
.searchintro {
    font-weight: normal;
    margin: 0 0 20px;
}

.searchintro img {
    display: inline;
    border: 0px
}

.display {
    margin: 20px 0 0;
    text-align: right;
}

.filter {
    margin: 10px 0 0;
}

.inputbox:focus {
    border: solid 2px #333;
}

.highlight {
    font-weight: bold;
}

fieldset.word, fieldset.only {
    border: solid 1px #ccc;
}

.only {
    border: solid 0;
    margin: 10px 0 0 10px;
    padding: 5px 10px;
    line-height: 1.3em;
}

.word {
    background: #fff;
    padding: 10px 10px 10px 0;
    border: solid 0 !important;
}

.word input {
    background: #ffffff;
    border: solid 2px #999;
    color: #4d4d4d;
    font-weight: bold;
    margin: 0 0 0 10px;
    padding: 2px;
}

.phrase {
    color: #333;
    margin: 10px 10px 10px 0;
    padding: 10px;
    width: 60%;
    border: solid 1px #ccc;
    float: left;
}

/* Selects   height:1.5em;  */
.phrase .inputbox {
    background: #fff;
    color: #333;
    display: block;

    margin-top: 10px;
    width: 12em;
}

.phrase .inputbox option {
    background: #fff;
    border-bottom: solid 1px #333;
    padding: 2px;
}

.phrase .inputbox option a:hover {
    background: #C00;
    border-color: #CFD0D6;
    color: #fff;
}

.search_result legend {
    border-bottom: solid 0 #333;
    background: #fff;
}

/* ########################### contacts ########################### */

address {
    font-style: normal;
    margin: 10px 0;
}

address p {
    line-height: 1em;
}

.contact label {
    float: left;
    font-weight: bold;
    /* width: 14em; */
    margin: 6px 0 5px;
}

.contact_email label {
    float: left;
    font-weight: bold;
    width: 14em;
    margin: 6px 0 5px;
}

span.marker {
    margin: 0 10px 0 0;
}

.contact_email_checkbox label {
    float: none !important;
}

.contact label.copy {
    width: 90%;
    padding: 0 0 0 10px;
}

.contact form {
    background: #fff;
    color: #333;
    padding: 20px;
    margin: 10px 0;
}

/*.contact .button {
background:url(../images/pfeil.gif) #333 no-repeat;
border:0;
color:#fff;
font-weight:bold;
margin:20px 10px 0 0;
padding:0 0 0 30px;
cursor:pointer;
}*/

label.textarea {
    float: none !important;
    margin: 10px 0;
    display: block;
    width: 100%;
}

#contact_text {
    width: 80%;
    height: 150px;
}

.contact input.invalid, .contact textarea.invalid {
    border: solid 2px red;
}

.contact label.invalid {
    color: red;
}

/*#################### tabellen ############################ */
table.newsfeed {
    border: solid 1px;
}

table.newsfeeds td, table.weblinks td, table.category td {
    border-right: solid 1px #EEE;
    padding: 5px;
}

table.newsfeeds th, table.weblinks th, table.category th {
    background: #EEE;
    padding: 5px;
}

table.newsfeeds, table.weblinks, table.category {
    border: solid 1px #eee;
    font-size: 1em;
    margin: 20px 0;
}

/* category table */
#count {
    width: 10%;
}

#tableOrdering {
    width: 70%;
}

#author {
    width: 20%;
}

/*  polls */
poll .polls_color_1, .poll .polls_color_2, .poll .polls_color_3, .poll .polls_color_4, .poll .polls_color_5 {
    border: solid 1px;
    position: relative;
}

.poll h3 {
    color: #048DD4;
    border: solid 0;
    margin: 20px 0;
}

.poll .td_2 {
    width: 100px;
}

.poll .td_3 {
    width: 300px;
}

.poll form {
    margin: 20px 0;
}

.poll table {
    font-size: 1em;
    width: auto;
    border: solid 0;
    position: relative;
}

.poll table .td_1 {
    width: 30px;
}

.poll table caption {
    color: #FFF;

    font-weight: bold;
    margin: 10px 0;
    text-align: left;
}

.poll td {

    padding: 2px;
}

.poll td.line {
    width: 300px;
}

.poll th {
    background: #EEE;
    border: solid 1px #ccc;
}

.question {
    font-weight: bold;
}

p.syndicate {
    float: left;
    display: block;
    text-align: left;
}

#footer a {
    color: #fff;
}

/* --- 20110327: replaced by ryan for new footer layout, ul added ---

#footer .moduletablemenu { width: 160px; font-size:0.80em; margin-left: 20px; float:left;}
#footer .moduletablemenu li {list-style-type: none;}

*/

#footer .moduletablemenu {
    font-size: 0.8em;
    text-align: center;
    background-color: #F5F5F5;
    padding-top: 15px;
}

#footer .moduletablemenu ul {
    text-align: center;
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
}

#footer .moduletablemenu li {
    list-style: none;
    display: inline;
    margin-left: 5px;
    margin-right: 5px;
    padding-right: 2px;
    padding-left: 2px;
}

#footer .moduletablemenu li a {
    color: #048DD4;
    text-decoration: none;
}

#footer .moduletabletxt {
    width: 160px;
    font-size: 0.8em;
    margin-left: 10px;
    float: left;
}

/* Error Message contact form */
p.error {
    color: #FFF;
    background: #FFF;
    border-top: 3px solid #FFF;
    border-bottom: 3px solid #FFF;
    padding: 10px;
}

/* form validation */
.invalid {
    border-color: 1px solid red !important;
}

label.invalid {
    color: red;
}

/* editor */
.contentpaneopen_edit {
    float: right;
}

.contentpaneopen_edit img {
    border: 0
}

/* AB added editor */
.contentpaneopen {
    float: left;

}

.contentpaneopen img {
    border: 0
}

form.editor legend {
    font-size: 1.2em;
    font-weight: bold;
    padding: 2px;
}

form.editor fieldset {
    border: solid 1px #ccc;
    padding: 20px;
    margin: 10px 0 10px 180px;
    width: 700px;
}

form.editor .publishing label {
    float: left;
    width: 14em;
    font-weight: bold;
}

form.editor .publishing div {
    margin: 5px 0;
}

form.editor .publishing .radio label {
    float: none;
    width: 14em;
}

form.editor .publishing .radio label span {
    float: left;
    width: 14em;
}

form.editor fieldset.metadata label {
    float: none !important;
    display: block;
    font-weight: bold;
}

.save {
    text-align: right;
    padding: 10px 0;
}

/* user */
form.user {
    margin: 10px 0;
}

form.user label {
    width: 40%;
    float: left;
}

/* article index */
table.contenttoc {
    border: solid 1px #ccc;
    padding: 10px;
    margin: 10px;
}

.pagenavcounter {
    font-weight: bold;
}

/* Advertisement */

.moduletable_text {
    margin: 10px
}

.banneritem_text {
    margin: 10px 0 10px 0;
    background: #f5f5f5;
    padding: 5px;
    border: solid 1px #eee
}

#toolbar ul.menu {
    /*width: 640px;*/
    width: 810px;
}


#footer .footext{
    background-color: #f5f5f5;
    text-align:center;
    height: 100px;
    font-size: 0.8em;
}

/* layout */
#container {
    font-size: 80%;
    margin: 0 auto;
    width: 968px;
    background: #fff;
}

#header h1 {
    margin: 0;
}

#navigation {
    float: left;
    width: 968px;
    background: #333;
}

#wrapper {
    background: url(../images/pagebg.gif) left repeat-y;
	width: 100%;
    overflow: hidden;
}

#left {
    float: left;
    width: 180px;
	overflow: hidden;

}

#content {
    float: left;
    padding: 12px 0;
    margin: 0 0 0 25px;
    width: 560px;
}


#right {
    float: right;
    width: 180px;
}


#footer {
    clear: both;
    height: 1%;
}