/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
    height: 100%;
}

* {
    border: 0px;
    font-family: Tahoma, Geneva, arial, helvetica, sans-serif;
}

body,
html {
    height: 100%;
    padding: 0;
    margin: 0;
    color: #333;
    font-size: 0.9em;
    background: #d4d4d4;
}

#bg {
    position: absolute;

    width: 100%;
    height: 930px;
    background: #f3f3f3 url("../images/bg.jpg") center top no-repeat;
    border: 0px solid green;
}

#wrapper {
    position: absolute;
    left: 50%;
    margin-left: -495px;
    width: 991px;
    border: 0px solid black;
}



#header {
    width: 991px;
    height: 239px;
    border: 0px solid blue;
}

#logo {
    position: absolute;
    z-index: 1000;
    top: 50px;
    left: 45px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .2);
    border: 0px solid blue;
}


#topmenu {

    width: 991px;
    height: 27px;
    padding-left: 23px;
    background: url("../images/img_04.jpg") no-repeat;
}

#submenu {
    background: url("../images/img_05.jpg") no-repeat;
    width: 991px;
    height: 27px;
    padding-left: 23px;
}

#contenttop {
    width: 991px;
    height: 27px;
    background-image: url("../images/img_06.png");
}

#content {
    padding-left: 50px;
    width: 941px;
    background: url("../images/content_bg.png") repeat-y;
    min-height: 491px;
    border: 0px solid yellow;
}

#footer {
    color: #fff;
    width: 991px;
    padding: 10px 0;
    height: 43px;
    background-image: url("../images/img_08.jpg");
}

#fliesstext {
    padding: 0px 105px 20px 20px;
}

#fliesstext li {
    margin: 10px 0 0 -25px;
    padding: 0;
}

/*************Hauptmenu*/


ul.menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.menu li {
    text-align: center;
    /*left*/
    font-size: 1.1em;
    background: url("../images/trenner.png") left repeat-y;
    height: 27px;
    float: left;
}

ul.menu li a,
ul.menu li a:visited {
    text-decoration: none;
    display: block;
    line-height: 21px;
    width: 140px;
    padding: 4px 0px 3px 0px;
    color: #fff;
    background-image: url("../images/bg_inactive.gif");
    background-position: left center;
    background-repeat: no-repeat;
}

ul.menu li a:hover,
ul.menu li.active {
    color: #fff;
    background: #427d01 url("../images/trenner_sub.png") left repeat-y;
    text-decoration: none;
}


/**************submenu**************/


ul.menusub {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.menusub li {
    width: 140px;
    text-align: center;
    /*left*/
    font-size: 0.9em;
    background: url("../images/trenner_sub.png") left no-repeat;
    float: left;
}

ul.menusub li a,
ul.menusub li a:visited {
    text-decoration: none;
    display: block;
    padding: 4px 0px 9px 0px;
    /*6px 4px 4px 6px;*/
    color: #fff;
    background-image: none;
    /*url("../templates/kunde/images/bg_inactive.gif");*/
    background-position: left center;
    background-repeat: no-repeat;
}

ul.menusub li a:hover {
    color: #fff;
    background: #427D01 url("../images/trenner_sub.png") left no-repeat;
    text-decoration: none;
}

ul.menusub li.active {
    color: #fff;
    font-weight: bold;
    background: #427D01 url("../images/trenner_sub.png") left no-repeat;
    text-decoration: none;
}


/************/
.invisible {
    display: none;
}

label {
    width: 162px;
    float: left;
    clear: right;
    display: block;
    margin-bottom: 10px;
    padding-left: 10px;
    text-align: left;
}

div.error {
    float: right;
    font-size: 7pt;
    color: #427D01;
}

div#cd-rom-bestellformular div.image_container {
    margin-top: 20px;
}

.float_right {
    float: right;
}

.float_left {
    float: left;
    display: block;
}

div.layout_latest p.more {
    display: none;
}

div.mod_newslist {
    margin-top: 20px;
}

table.nopad {
    width: 100%;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}

table.nopad td.middle_pad {
    width: 20px;
}

/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
    background: #fffebb;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.2em;
    padding: 5px;
}

span.pathway {
    display: block;
    margin: 0;
    overflow: hidden;
}

/* headers */
div.componentheading {
    padding-left: 0px;
}

h1 {
    padding: 0;
    font-size: 1.55em;
    font-weight: normal;
    vertical-align: bottom;
    color: #427D01;
    text-align: left;
    width: 100%;
}

h2,
.contentheading {
    padding: 0;
    font-size: 1.3em;
    font-weight: normal;
    vertical-align: bottom;
    color: #427D01;
    text-align: left;
    width: 100%;
}

table.contentpaneopen h3 {
    margin-top: 25px;
}

h3 {
    font-weight: bold;
    font-size: 1.1em;
    padding-left: 0px;
    margin: 25px 0 0px 0;
    text-align: left;
}

h4 {
    color: #333;
}

p {
    font-size: 0.9em;
    line-height: 140%;
}

#page ul li {
    margin-bottom: 0.5em;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 0.9em;
    line-height: 125%;
}



.componentheading,
table.moduletable th,
legend {
    font-weight: normal;
    font-size: 1.3em;
    padding-left: 0px;
    margin: 15px 0;
    text-align: left;
}



/********topmenu*****/



/*****************/

.leading_separator,
.article_separator {
    clear: both;
    display: block;
    height: 0px;
    margin: 0px 0;
    width: 100%;
}

/* small text */
.small {
    font-size: .90em;
    color: #999;
    font-weight: normal;
    text-align: left;
}

.modifydate {
    height: 20px;
    vertical-align: bottom;
    font-size: .90em;
    color: #999;
    font-weight: normal;
    text-align: left;
}

.createdate {
    height: 20px;
    vertical-align: top;
    font-size: .90em;
    color: #999;
    font-weight: normal;
    vertical-align: top;
    padding-bottom: 5px;
    padding-top: 0px;
}

a.readon {
    margin-top: 10px;
    display: block;
    padding-right: 20px;
    line-height: 14px;
    color: #427D01;
}

a:link,
a:visited {
    line-height: 14px;
    color: #000000;

}

a:hover,
a:active {
    color: #427D01;
    text-decoration: underline;
}

/* form validation */
.invalid {
    border-color: #ff0000;
}

label.invalid {
    color: #ff0000;
}

/** overlib **/

.ol-foreground {
    background-color: #f6f6f6;
}

.ol-background {
    background-color: #666;
}

.ol-textfont {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.ol-captionfont {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #f6f6f6;
    font-weight: bold;
}

.ol-captionfont a {
    color: #0B55C4;
    text-decoration: none;
    font-size: 12px;
}

.ol-closefont {}

/* menu links */
a.mainlevel:link,
a.mainlevel:visited {
    padding-left: 5px;
}

a.mainlevel:hover {}

/* spacers */

.article_column {
    padding-right: 5px;
}

.column_separator {
    border-left: 1px dashed #e0e0e0;
    padding-left: 10px;
}

td.buttonheading {}

td.buttonheading img {
    border: none;
}

.clr {
    clear: both;
}

td.greyline {
    width: 20px;
    background: none;
    /*url("../templates/kunde/images/mw_line_grey.png") 50% 0 repeat-y;*/
}

table.blog span.article_separator {
    display: block;
    height: 20px;
}

/* edit button */
.contentpaneopen_edit {
    float: left;
}

/* table of contents */
table.contenttoc {
    margin: 5px;
    border: 1px solid #ccc;
    padding: 5px;
    float: right;
}

table.contenttoc td {
    padding: 0 5px;
}

/* content tables */
td.sectiontableheader {
    background: #efefef;
    color: #333;
    font-weight: bold;
    padding: 4px;
    border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
    padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
    padding: 3px;
}

/* content styles */
table.contentpaneopen,
table.contentpane {
    margin: 0;
    padding: 0;
    width: auto;
}

table.contentpaneopen li {
    margin-bottom: 5px;
}

table.contentpaneopen fieldset {
    border: 0;
    border-top: 1px solid #ddd;
}

table.contentpaneopen h3 {
    margin-top: 25px;
}

table.contentpaneopen h4 {
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
}

.highlight {
    background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable {
    margin-bottom: 0px;
}

div.moduletable,
div.module {
    margin-bottom: 20px;
}

div.moduletable h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    font-weight: normal;
    text-align: left;
    color: #731323;
    margin: 0px 0;
    padding: 0px 1px;
    background: none;
    /* url("../templates/kunde/images/moduletable_h3.png"); */
    border: 1px solid #fff;
    padding-bottom: 2px;
}

/* forms */
table.adminform textarea {
    width: 540px;
    height: 400px;
    font-size: 1em;
    color: #000099;
}

div.search input {
    border: 1px solid #ccc;
    margin: 2px 0 2px 0;
    padding: 1px;
}

form#form-login fieldset {
    border: 0 none;
    margin: 0em;
    padding: 0.2em;
}

form#form-login ul {
    padding-left: 20px;
}

form#com-form-login fieldset {
    border: 0 none;
    margin: 0em;
    padding: 0.2em;
}

form#com-form-login ul {
    padding-left: 20px;
}

/* thumbnails */
div.mosimage {
    margin: 5px;
}

div.mosimage_caption {
    font-size: .90em;
    color: #666;
}

div.caption {
    padding: 0 10px 0 10px;
}

div.caption img {
    border: 1px solid #CCC;
}

div.caption p {
    font-size: .90em;
    color: #666;
    text-align: center;
}

/* Parameter Table */
table.paramlist {
    margin-top: 5px;
}

table.paramlist td.paramlist_key {
    width: 128px;
    text-align: left;
    height: 30px;
}

table.paramlist td.paramlist_value {}

div.message {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #c30;
    text-align: center;
    width: auto;
    background-color: #f9f9f9;
    border: solid 1px #d5d5d5;
    margin: 3px 0px 10px;
    padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.bannergroup {}

.banneritem img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Text advert style */

.banneritem_text {
    padding: 4px;
    font-size: 11px;
}

.bannerfooter_text {
    padding: 4px;
    font-size: 11px;
    background-color: #fff;
    text-align: right;
}

/* System Messages */
/* see system general.css */

ul.pagination li {
    display: block;
    margin: 3px;
    list-style: none;
    border: 1px solid #ccc;
    padding: 3px;
    float: left;
}

.pagination span {
    padding: 2px;
}

.pagination a {
    padding: 2px;
}

/* Polls */
.pollstableborder td {
    text-align: left;
}

/* WebLinks */
span.description {
    display: block;
    padding-left: 30px;
}

/* Frontend Editing*/
fieldset {
    border: 1px solid #ccc;
    margin-top: 15px;
    padding: 15px;
}

legend {
    margin: 0;
    padding: 0 10px;
}

td.key {
    border-bottom: 1px solid #eee;
    color: #666;
}

/* Tooltips */

.tool-tip {
    float: left;
    background: #ffc;
    border: 1px solid #D4D5AA;
    padding: 5px;
    max-width: 200px;
}

.tool-title {
    padding: 0;
    margin: 0;
    font-size: 100%;
    font-weight: bold;
    margin-top: -15px;
    padding-top: 15px;
    padding-bottom: 5px;
    background: url("../../system/images/selector-arrow.png") no-repeat;
}

.tool-text {
    font-size: 100%;
    margin: 0;
}

.smallgrey {
    clear: left;
    line-height: 10px;
    height: 28px;
    float: left;
    margin: 0;
    padding: 0;
    width: 90px;
}

.button {
    position: absolute;
    margin-left: -20px;
}

.inputbox {
    line-height: 10px;
    padding: 0;
    margin: 0 10px;
}


.article_column h2 {
    background: #fff;
    color: #427D01 !important;
    font-size: 1.2em !important;
    font-weight: normal !important;
    padding: 2px;
    margin: 0 0 5px 0;
}

.article_separator {
    border: solid 1px #333333;
    display: none;
    margin: 0px 0 0px 0;
}

.blog {
    padding: 0;
}

.cols1 {
    display: block;
    float: none !important;
    margin: 0 !important;
}

.cols2 {
    width: 45%;
}

.cols3 {
    width: 30%;
}

.cols4 {
    width: 23%;
}

.column1,
.column2,
.column3,
.column4 {
    border: solid 0px #D4A7C5;
    margin: 0 5px 0 0;
    position: relative;
}

.column2,
.column1,
.column3,
.column4 {
    float: left;
    margin: 0;
}



.article_row {
    margin: 0px 0 0px 0;
    padding: 0;
    overflow: hidden;
}

.article_column {
    border: solid 0px #ccc;
    padding: 10px 10px 10px 0;
}

.row_separator {
    display: block;
    clear: both;
    margin: 0;
    border: solid 0px;
    height: 30px;
}



/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */