/**

 * esu.eu stylesheet

 * (c) 2012 ESU electronic solutions ulm GmbH & Co. KG

 */



body {

    height: 100%;

    background: #e2e5e6;

}



/* Font config */

body {

    font-family: 'PT Sans', "Trebuchet MS", sans-serif;

    font-size: 0.813em;

    color: #333;

}

input, textarea, select {

    font-family: 'PT Sans', "Trebuchet MS", sans-serif;

    color: #333;

}

textarea {

    font-size: 13px;

}



a {

    color: #0a5782;

    text-decoration: underline;

}



a:hover {

    color: #0f7ebc;

}



h1 {

    font-weight: normal;

    font-size: 1.6em;

    padding: 10px 0 10px 0;

}



h2 {

    font-weight: normal;

    font-size: 1.375em;

    padding: 8px 0 5px 0;

}



h3 {

    font-weight: normal;

    font-size: 1.125em;

    padding: 5px 0 3px 0;

}



h4 {

    font-weight: normal;

    font-size: 1em;

    padding: 0;

}



h1 a, h2 a, h3 a, h4 a {

    text-decoration: none;

}



table {

    width: 100%;

}

td, th {

    padding: 5px;

}

th {

    font-size: 0.938em;

    font-weight: bold;

    color: #555;

    background: #eff3f4;

    border-bottom: 5px solid #0f7ebc;

}



/* Tabs */

div.tab-menu ul {

    margin: 0 !important;

    overflow: visible;

}

div.tab-menu ul li {

    display: block;

    border: 1px solid #dfdfdf;

    border-bottom: 0;

    float: left;

    background: #eff3f4;

    margin-right: 2px;

}

div.tab-menu ul li a {

    display: block;

    padding: 5px 10px;

    /*border: 1px solid #dfdfdf;

    border-bottom: 0; */

    color: #555;

    background: #ebeeef;

    text-decoration: none;

}

div.tab-menu ul li a:hover {

    background: #eff3f4;

}

ul.tab-menu li a.active {

    position: relative;

    color: #333;

    font-weight: bold;

    /*border: 1px solid #ccc;

    border-bottom-color: #eff3f4;*/

    background: #eff3f4;

    z-index: 2;

    top: 2px;

}

div.tab {

    border: 1px solid #ccc;

    background: #eff3f4;

    padding: 10px;

    position: relative;

}



/* Forms & Buttons */

form {

    overflow: hidden;

    width: 100%;

}



form ul li {

    margin: 5px 0;

}



fieldset {

    background: #eff3f4;

    padding: 10px;

    border: 1px solid #ccc;

    margin: 10px 0;

}

fieldset legend {

    font-weight: bold;

}

fieldset li {

    overflow: hidden;

    margin: 3px 0;

}



input, textarea, select {

    display: inline-block;

    margin: 3px 10px 3px 0;

    padding: 4px 3px;

    width: 240px;

    border: 1px solid #999;

    background: #f9fafd;

    /*-moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px; */

    vertical-align: middle;

}



input:focus, textarea:focus {

    -moz-box-shadow: 0 0 1px 1px #89cef6;

    -webkit-box-shadow: 0 0 1px 1px #89cef6;

    box-shadow: 0 0 1px 1px #89cef6;

    border: 1px solid #0a5782;

}

input[type="file"] {

    width: auto;

}

input[type="submit"] {

    width: auto;

    padding-left: 10px;

    padding-right: 10px;

}

input[type="radio"], input[type="checkbox"] {

    width: auto;

    height: auto;

    border: none;

    padding: 0;

    display: inline-block;

    margin: 6px 3px;

}



input.error, textarea.error, select.error {

    border: 1px solid #d63028;

    background: #fff4fd;

}



label, span.label {

    display: block;

    padding: 6px 0;

    float: left;

    clear: left;

    width: 170px;

}



label.nofloat {

    display: inline-block;

    padding: 7px 0 1px 0;

    float: none;

    clear: none;

    width: auto;

    vertical-align: baseline;

}



span.note {

    font-size: 0.938em;

    color: #555;

}



.input-error {

    color: #d63028;

    font-style: italic;

    display: none;

}



button, input[type="submit"], a.button {

    margin: 0;

    background-color: #e3e9eb;

    background-image: -webkit-linear-gradient(top, #f9f9f9, #e3e9eb);

    background-image: -moz-linear-gradient(top, #f9f9f9, #e3e9eb);

    background-image: -ms-linear-gradient(top, #f9f9f9, #e3e9eb);

    background-image: linear-gradient(top, #f9f9f9, #e3e9eb);

    border: 1px solid #aaaaaa;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    color: #333;

    font-weight: bold;

    font-size: 0.938em;

    line-height: 1;

    padding: 3px 15px;

    text-align: center;

    text-shadow: 0 1px 0 #eee;

    text-decoration: none;

}



button {

    padding: 4px 15px;

    vertical-align: baseline;

}



button:hover, input[type="submit"]:hover, a.button:hover {

    background-color: #eee;

    background-image: -webkit-linear-gradient(top, #e3e9eb, #eee);

    background-image: -moz-linear-gradient(top, #e3e9eb, #eee);

    background-image: -ms-linear-gradient(top, #e3e9eb, #eee);

    background-image: -o-linear-gradient(top, #e3e9eb, #eee);

    background-image: linear-gradient(top, #e3e9eb, #eee);

    border: 1px solid #aaa;

    border-bottom: 1px solid #999;

    cursor: pointer;

    text-shadow: 0 1px 0 #ddd;

}



button:active, input[type="submit"]:active, a.button:active {

    border: 1px solid #aaa;

    border-bottom: 1px solid #888;

    /*-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;

    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;

    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;*/

    background: #ccc;

}



a.button img, button img {

    vertical-align: middle;

    height: 14px;

    width: 14px;

    margin: 0 8px 0 0;

}



/* Message boxes */

div.error, .success, .info, p.warningboxSingle, p.warningboxExclamation, .tx-mmforum-error {

    padding: 10px 10px 10px 40px;

    margin: 10px 0;

    background-position: 10px 10px;

    text-align: left;

}



div.error h2, .success h2, .info h2 {

    padding: 0 0 8px 0;

}



div.error, .tx-mmforum-error {

    border: 1px solid #ff6f6f;

    background: #ffdddd url("../../img/icons/fff/exclamation.png") no-repeat 10px 12px;

}



.success {

    border: 1px solid #3cb54b;

    background: #c0ffc7 url("../../img/icons/fff/tick.png") no-repeat 10px 12px;

}



.info {

    border: 1px solid #0f7ebc;

    background: #edf3fa url("../../img/icons/fff/information.png") no-repeat 10px 12px;

}



p.warningboxSingle, p.warningboxExclamation {

    border: 1px solid #f7d510;

    background: #fefaa3;

}



p.warningboxSingle {

    padding-left: 10px;

}



p.warningboxExclamation {

    background: #fefaa3 url("../../img/icons/fff/error.png") no-repeat 10px 12px;

}



/* Layout */

#wrapper {

    position: relative;

    background: transparent url('../../img/template/wrapper.png') repeat-y center;

    min-height: 100%;

}



#container {

    background: #fff;

    padding-bottom: 120px;

}



/* Top bar */

#top_bar {

    width: 100%;

    height: 35px;

    background-color: rgb(81, 81, 81);

}



#top_bar .inner {

    width: 940px;

    padding: 0 10px;

    margin: 0 auto;

    overflow: hidden;

    text-align: right;

    font-size: 0.938em;

}



#top_bar ul {

    overflow: hidden;

    float: right;

}



#top_bar li {

    float: left;

    padding-left: 8px;

}



#top_bar a {

    color: #fff;

    line-height: 35px;

    text-decoration: none;

}



#top_bar a:hover {

    color: #eff3f4;

}



#lang_chooser {

    margin-right: 20px;

}



/* Header */

#header {

    width: 980px;

    margin: 0 auto;

    position: relative;

    height: 120px;

    background: #fff;

}



#logo {

    position: absolute;

    top: 10px;

    left: 10px;

    z-index: 99;

}



#myesu {

    position: relative;

    height: 50px;

    background: #eff3f4;

    font-size: 0.938em;

}



#myesu .inner {

    position: absolute;

    bottom: 5px;

    right: 20px;

}



#myesu a {

    text-decoration: none;

}



#myesu ul {

    overflow: hidden;

}



#myesu li {

    float: left;

    margin-left: 13px;

}



#myesu img {

    vertical-align: middle;

}



/* Footer */

#footer {

    position: absolute;

    bottom: 0;

    width: 100%;

    background: #eff3f4;

    border-top: 1px solid #cccccc;

}



#footer .inner {

    width: 940px;

    padding: 10px 10px 20px 10px;

    margin: 0 auto;

    overflow: hidden;

    text-align: right;

    font-size: 0.938em;

}



#footer ul {

    float: right;

    overflow: hidden;

    clear: right;

}



#footer li {

    float: left;

    margin-left: 8px;

}



/* Searchbox */

#searchbox {

    width: 240px;

    height: 35px;

    position: absolute;

    right: 0;

    top: 50px;

    text-align: right;

    padding: 0 20px 0 0;

}

#searchbox input {

    width: 160px;

    margin: 5px 0px;

    padding: 3px 3px;

}

#searchbox-submit {

    position: absolute;

    top: 12px;

    right: 25px;

    cursor: pointer;

}



/** Special message on frontpage */

#special-message div.inner {

    padding: 10px;

    font-style: italic;

    background: #eef2f8;

}



/* Navigation */

#navi_main {

    background: #f7d510;

    border-bottom: 5px solid #0f7ebc;

    height: 35px;

}



#navi_main ul {

    margin-left: 170px;

    overflow: hidden;

}



#navi_main li {

    float: left;

}



#navi_main li a {

    color: #333;

    display: block;

    line-height: 35px;

    padding: 0 10px;

    text-decoration: none;

}



#navi_main li a:hover {

    background: #0f7ebc;

    color: #fff;

}



#navi_main li.active a {

    background: #0f7ebc;

    color: #fff;

}



#navi_sub {

    margin-top: 10px;

}



#navi_sub li {

    border-bottom: 1px solid #e1e3e9;

}



#navi_sub ul {

    margin-left: 10px;

    font-size: 0.938em;

}



#navi_sub ul.lvl2 li {

    border-bottom: 0;

}



#navi_sub a {

    text-decoration: none;

    color: #333;

    display: block;

    padding: 3px 0;

}



#navi_sub a:hover {

    text-decoration: underline;

}



#navi_sub a.active {

    font-weight: bold;

}



/* Breadcrumb menu */

#breadcrumb {

    font-size: 0.938em;

    color: #555;

    padding: 8px 0 5px 0;

}



/* Content formatting */

#topcontent {



}



#thecontent {

    overflow: hidden;

    clear: both;

}



#rightcol {

    float: right;

    width: 200px;

    margin: 2px 0 20px 20px;

    padding: 10px;

    background: #eff3f4;

    border-radius: 5px;

    box-shadow: 0px 3px 5px #e0e0e0;

    border: 1px solid #ccc;

}



#rightcol h3, #rightcol h2 {

    padding: 0 0 5px 0;

}



#thecontent p.bodytext, .ui-tabs p.bodytext {

    padding: 0 0 10px 0;

    clear: none;

}



.content-text ul {

    list-style: disc outside;

    padding-left: 15px;

}

.content-text ul ul {

    list-style: circle;

}

.content-text ul ul ul {

    list-style: square;

}

.content-text ol {

    list-style: decimal outside;

    padding-left: 20px;

}



ul.csc-bulletlist-1 {

    margin: 10px 0 30px;

    /*background: #eff3f4; */

}



ul.csc-bulletlist-1 li {

    padding: 8px 0 5px 36px;

    background: url('../../img/icons/fff/tick.png') 10px 10px no-repeat;

}



ul.csc-bulletlist-1 li.even {

    /*background-color: #fff; */

}



/* Content tables */

table.contenttable {

    width: 100%;

    margin: 5px 0 20px 0;

}



.contenttable td {

    padding: 5px;

    background-color: #eef2f8;

}



.contenttable tr.tr-odd td {

    background-color: #f6f7f8;

}



.contenttable th {

    padding: 5px;

    background-color: #eef2f8;

    border-bottom: 5px solid #0f7ebc;

    font-weight: bold;

}



/* Bestellinforamtionen-Layout*/

.contenttable-0 .td-0, .contenttable-0 .td-3 {

    text-align: center;

}

.contenttable-0 .td-0 {

    max-width: 40px;

}

.contenttable-0 .td-1 {

    width: 60px;

}

.contenttable-0 .td-1 {

    text-align: left;

}



/* Bestellinforamtionen #2 */

.contenttable-2 .td-0 {

    width: 90px;

    text-align: center;

}



.contenttable-2 .td-1 {

    width: 43px;

    text-align: center;

}



.contenttable-2 .td-2 {

    text-align: left;

}



.contenttable-2 .td-3,

.contenttable-2 .td-4,

.contenttable-2 .td-5,

.contenttable-2 .td-6 {

    width: 70px;

    text-align: left;

}



/* Technische Daten-Layout*/

.contenttable-1 .td-0 {

    width: 130px;

    font-weight: bold;

}



/* Sound tabelle */

.contenttable-3 .td-0 {

}



.contenttable-3 .td-1,

.contenttable-3 .td-2,

.contenttable-3 .td-3,

.contenttable-3 .td-4 {

    width: 70px;

    text-align: center;

}



/** Servicepauschalen */

.contenttable-4 .td-0 {

    font-weight: bold;

    width: 190px;

}



.contenttable-4 .td-2 {

    width: 80px;

    text-align: right;

}



/** Lists */

#content ul {

    margin: 10px 0;

}



ul li.item {

    background: #eff3f4;

    border-bottom: 2px solid #fff;

    padding: 10px;

}



ul li.item.even {

    background: #eef2f8;

}



/* Inline search */

div.inline-searchbox {



}



/* Inline-Popups */

.popup {

    display: none;

    position: fixed;

    height: 450px;

    width: 550px;

    left: 50%;

    top: 50%;

    background: #FFFFFF;

    border: 2px solid #999;

    z-index: 8;

    padding: 13px;

    overflow: auto;

    margin: -325px auto auto -275px;

}



.popup-back {

    display: none;

    position: fixed !important;

    position: absolute; /* hack for internet explorer 6*/

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: #000000;

    border: 1px solid #cecece;

    z-index: 7;

}



.popup-close {

    float: right;

    margin: 0 0 5px 0px;

}



/** Frontpage */

div#slider, div#news {

    margin-top: 20px;

    margin-bottom: 20px;

}

div.startpage a {

    text-decoration: none;

}



div.startpage .right h2 {

    font-size: 1.125em;

    padding: 0 0 8px 0;

    margin: 0 0 8px 0;

    border-bottom: 5px solid #0f7ebc;

}



div.startpage h3 {

    padding: 5px 0 5px 0;

}



div.startpage FIGURE.csc-textpic-image {

    margin-bottom: 10px !important;

}



.esu-frontpage-container {

    position: relative;

    width: 700px;

    height: 300px;

}



div#esu-frontpage-slider a {

    color: #fff;

}



ul.bjqs {

    position: relative;

    list-style: none;

    padding: 0;

    margin: 0;

    overflow: hidden;

    display: none;

}

li.bjqs-slide {

    display: none;

    position: absolute;

}

ul.bjqs-controls {

    list-style: none;

    margin: 0;

    padding: 0;

    z-index: 9999;

}

ol.bjqs-markers {

    position: absolute;

    right: 10px;

    bottom: 10px;

    list-style: none;

    margin: 0;

    padding: 0;

    z-index: 9999;

}

ol.bjqs-markers li {

    float: left;

    margin-left: 3px;

}

ol.bjqs-markers li a {

    display: block;

    padding: 5px 10px;

    background: #333;

    color: #fff;

}

ol.bjqs-markers li.active-marker a {

    background: #0f7ebc;

}

p.bjqs-caption {

    display: block;

    width: 96%;

    margin: 0;

    padding: 2%;

    position: absolute;

    bottom: 0;

}

.esu-frontpage-container ul li div.description {

    position: absolute;

    left: 10px;

    bottom: 10px;

    width: 430px;

    height: 65px;

    overflow: hidden;

    background: #333;

    padding: 10px;

    color: #fff;

}

.esu-frontpage-container ul li div.description h3 {

    font-size: 1.375em;

    padding-top: 0;

}



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

 * Extensions

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



/* Login */

div.tx-felogin-pi1 {

    margin: 10px 0 30px 0;

}



/* News */

.news-latest-container li {

    margin: 0 0 10px 0;

}



.news-latest-container li .date {

    font-size: 0.938em;

}



.news-latest-container li .date a {

    text-decoration: none;

    color: #555;

}



.news-latest-container li .title a {

    text-decoration: none;

}



.news-list-container ul {

    margin-bottom: 20px;

}



.news-list-container li {

    margin: 0 0 20px 0;

    padding-bottom: 20px;

    border-bottom: 1px solid #ccc;

}



.news-list-container li h2 {

    text-decoration: none;

    padding: 0 0 3px 0;

    margin: 0;

}



.news-list-container li h2 a {

    text-decoration: none;

}



.news-list-container li p.date {

    color: #555;

    font-size: 0.938em;

    padding: 0;

}



.news-single-item p.date {

    font-size: 0.938em;

    color: #555;

    padding: 0 0 15px 0;

}

.news-single-item .content {

    padding: 20px 0;

    margin-bottom: 20px;

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

}



/** ke_search */

form#xajax_form_kesearch_pi1 {

    background: #eff3f4;

    border: 1px solid #ccc;

    padding: 10px;

    margin: 5px 0 20px 0;

}



#kesearch_num_results {

    margin: 10px 0;

    font-weight: bold;

    font-size: 0.938em;

    color: #555;

}



#kesearch_results {

    margin: 10px 0;

}



.result-list-item {

    margin: 10px 0;

}



.add-info {

    color: #555;

    font-size: 0.938em;

    margin-top: 5px;

}



span.hit {

    color: #8c1916;

    font-weight: bold;

}



#kesearch_updating_results {

    display: none;

}



#kesearch_pagebrowser_bottom {

    margin: 10px 0;

    padding: 10px 0 0 0;

    border-top: 1px solid #ccc;

}



/** Pageteaser */

ul.tx-jppageteaser-pi1-list {

    margin: 20px 0;

}



ul.tx-jppageteaser-pi1-list h3 {

    padding: 0;

    margin: 0;

}



ul.tx-jppageteaser-pi1-list h3 a {

    text-decoration: none;

}



ul.tx-jppageteaser-pi1-list li {

    margin: 0 0 20px 0;

}



ul.tx-jppageteaser-pi1-list.default li {

    overflow: hidden;

}



ul.tx-jppageteaser-pi1-list.default li .image {

    float: left;

    width: 140px;

    background: #f0f3f4;

}



ul.tx-jppageteaser-pi1-list.default li .image img {

    width: 140px;

}



ul.tx-jppageteaser-pi1-list.default li .text {

    margin-left: 160px;

}



ul.tx-jppageteaser-pi1-list.onecolumn li {

    overflow: hidden;

}



ul.tx-jppageteaser-pi1-list.onecolumn li .image {

    float: left;

    width: 48px;

    padding: 16px;

}



ul.tx-jppageteaser-pi1-list.onecolumn li .text {

    margin-left: 80px;

}



ul.tx-jppageteaser-pi1-list.onecolumn li .image img {

    width: 48px;

}



ul.tx-jppageteaser-pi1-list.twocolumn {

    overflow: hidden;

}



ul.tx-jppageteaser-pi1-list.twocolumn li {

    float: left;

    width: 380px;

    height: 80px;

    overflow: hidden;

}



ul.tx-jppageteaser-pi1-list.twocolumn li .image {

    float: left;

    width: 48px;

    padding: 16px;

}



ul.tx-jppageteaser-pi1-list.twocolumn li .image img {

    width: 48px;

}



ul.tx-jppageteaser-pi1-list.twocolumn li .text {

    margin-left: 80px;

}



/** Irfaq */

.tx-irfaq-pi1 ul {

    margin: 20px 0;

    clear: both;

}



.tx-irfaq-pi1 li {

    padding: 5px;

    background: #eff3f4;

    border-bottom: 1px solid #ccc;

}



.tx-irfaq-pi1 li div.question {

    cursor: pointer;

    overflow: hidden;

}



.tx-irfaq-pi1 li div.question .question-text {

    float: left;

    margin-right: 90px;

}



.tx-irfaq-pi1 li div.question .question-text img {

    margin-right: 5px;

}



.tx-irfaq-pi1 li div.question .date {

    float: right;

    text-align: right;

    color: #888;

    width: 70px;

}



.tx-irfaq-pi1 .tx-irfaq-dynans-hidden {

    display: none;

}



.tx-irfaq-pi1 .tx-irfaq-dynans-visible {

    display: block;

    margin: 10px 10px 10px 22px;

}



div.irfaq-search-form {

    float: right;

    padding: 0 0 10px 5px;

}



div.irfaq-search-form input[type="text"] {

    width: 60px;



}



div.irfaq-search-form button {



}



/* Signup */

.tx-esuuser-pi1 form ul {

    background: #eff3f4;

    padding: 10px;

}



.tx-esuuser-pi1 p.allfields-note {

    font-style: italic;

}



.tx-esuuser-pi1 #intro {

    margin-bottom: 20px;

    padding: 10px 10px 10px 68px;

    border: 1px solid #ccc;

    background: #eff3f4 url('../../img/icons/teaser/signup.png') 10px 10px no-repeat;

}

.tx-esuuser-pi1 #intro ul {

    margin: 5px 0 0 0;

}

.tx-esuuser-pi1 #intro ul li {

    padding-left: 26px;

    background: transparent url('../../img/icons/fff/arrow_right.png') center left no-repeat;

}



#esu-signup-submit {

    text-align: right;

    margin: 20px 0;

}

#esu-signup-submit button {

    margin: 10px 0 0 0;

}



/** Profile */

.tx-esuuser-pi3 {

    margin: 13px 0;

}

.tx-esuuser-pi3 .leftcol {

    float: left;

    width: 220px;

}

.tx-esuuser-pi3 .rightcol {

    margin-left: 240px;

}

.tx-esuuser-pi3 ul {

    margin: 0 !important;

    background: #eff3f4;

    padding: 10px;

}

.tx-esuuser-pi3 ul li {

    padding: 5px 0;

    overflow: hidden;

}



.tx-esuuser-pi3 .profile-header {

    overflow: hidden;

    background: #eff3f4;

    padding: 0 10px 10px 0;

    margin-bottom: 20px;

}

.tx-esuuser-pi3 .profile-header .avatar {

    width: 100px;

    padding: 10px 20px;

    float: left;

}

.tx-esuuser-pi3 .profile-header .avatar {

    text-align: center;

}

.tx-esuuser-pi3 .profile-header .avatar img {

    margin-bottom: 5px;

}

.tx-esuuser-pi3 .profile-header .heading-text {

    margin-left: 160px;

}

.tx-esuuser-pi3 .profile-header .heading-text p {

    padding: 0 0 3px 0;

}



.tx-esuuser-pi3 span.firstname {

    color: #555;

}



/** esu_userdetails */

.userdetails-error {

    color: #ff6f6f;

    display: none;

    font-size: 11px;

}

.userdetails-error img {

    vertical-align: middle;

}



/** esu_downloads */

.tx-esudownloads-pi1 {

    overflow: hidden;

}



div.esudownloads-language {

    float: right;

    margin: 0 0 10px 0;

}



ul.esudownloads-list {

    clear: both;

}



div.esudownloads-linkbox {

    float: right;

    width: 160px;

    margin: 0 0 20px 20px;

    text-align: right;

}



div.esudownloads-item-comment {

    display: none;

    border-top: 1px solid #ccc;

    padding: 10px 0 0 0;

    margin: 10px 0 0 0;

}



.esu-downloads-item-showless, .esudownloads-item-showmore {

    margin: 10px 0 0 0;

}



/** Decoderprojects */

.tx-esudecoderprojects-pi1 {

    overflow: hidden;

}



#esu-decoderprojects-searchbox {

    float: right;

}



#esu-decoderprojects-filterbar {

    padding: 10px 0;

    margin: 0 0 10px 0;

    border-bottom: 1px solid #ccc;

}



#esu-decoderprojects-filterbar select {

    width: 80px;

}



.esu-decoderprojects-pagination {

    float: right;

    clear: right;

    padding: 0 0 5px 0;

}



#esu-decoderprojects-itemcount {

    clear: right;

    float: right;

}



ul.esu-decoderprojects-list {

    overflow: hidden;

}



ul.esu-decoderprojects-list li.item {

    padding: 10px;

    border-bottom: 1px solid #ccc;

    overflow: hidden;

}



ul.esu-decoderprojects-list li.even {

    background: #eef2f8;

}



div.esu-decoderprojects-image {

    width: 190px;

    float: left;

}



div.esu-decoderprojects-image img {

}



ul.esu-decoderprojects-list li h2, ul.esu-decoderprojects-list li h3 {

    margin: 0;

    padding: 0;

}



ul.esu-decoderprojects-list li h2 {

    font-size: 1.063em;

    font-weight: bold;

}



div.esu-decoderprojects-description {

    margin: 0 105px 0 210px;

    width: 470px;

}



div.esu-decoderprojects-downloads {

    float: right;

    width: 105px;

}



div.esu-decoderprojects-downloads p {

    padding: 0 0 3px 0;

    margin: 0;

    width: 100%;

}



p.esu-decoderprojects-download-links img {

    margin: 0 4px 4px 0;

}



.esu-decoderprojects-functions-div {

    display: none;

    margin-top: 10px;

}



.esu-decoderprojects-functions-note {

    margin: 0;

    padding: 0 0 17px 0;

}



table.esu-decoderprojects-functions {

    margin: 0 0 8px 0;

}



table.esu-decoderprojects-functions td, table.esu-decoderprojects-functions th {

    font-size: 0.875em;

    border: 1px solid #aaa;

    background: #f4f4f4;

}



table.esu-decoderprojects-functions th {

    font-weight: bold;

}



/** Old sounddownload */

table.content-sound-table {



}



table.content-sound-table th {

    padding: 5px;

    background-color: #eef2f8;

    border-bottom: 5px solid #0f7ebc;

    font-weight: bold;

}



table.content-sound-table td {

    background: #eff3f4;

    border-bottom: 1px solid #fff;

}



/** Locpics **/

#esu-locopics-search {

    float: right;

}

.esu-locopics-pagination {

    float: right;

    text-align: right;

}



#esu-locopics-filterbar {

    margin: 10px 0;

    padding: 10px;

    border-bottom: 1px solid #ccc;

    background: #eff3f4;

    overflow: hidden;

}

#esu-locopics-filterbar label {

    width: 80px;

}

#esu-locopics-filterbar ul {

    overflow: hidden;

    margin: 0;

}

#esu-locopics-filterbar ul li {

    float: left;

    margin-right: 10px;

}

#esu-locopics-filterbar ul li a {

    display: block;

    padding: 6px 0;

}

#esu-locopics-filterbar ul li.active a {

    font-weight: bold;

}



.esu-locopics-table-top {

    overflow: hidden;

    margin: 0 0 10px 0;

}

.esu-locopics-table-bottom {

    overflow: hidden;

    margin: 10px 0 0 0;

}



#esu-locopics-table {

    clear: both;

    width: 100%;

}

#esu-locopics-table tr.sorting th {

    padding: 3px;

    background: #0f7ebc;

}

#esu-locopics-table td {

    background: #eff3f4;

    border-bottom: 2px solid #fff;

}



form#locopics-upload-form, form#locopics-edit-form {

    background: #eff3f4;

    padding: 10px;

}

form#locopics-upload-form li, form#locopics-edit-form li {

    padding: 3px 0;

}



/**

 * ESU Gallery Style

 */

.tx-esugallery-pi1 {

    overflow: hidden;

}

div.esugallery-container {

    overflow: hidden;

}

div.esugallery-thumb {

    float: left;

    margin: 5px;

}



.tx-esugallery-pi1 .note {

    padding: 10px 5px;

    font-style: italic;

}





/* Email assistant */

.tx-esuemailassistent-pi1 .container {

    background: #eff3f4;

    padding: 10px;

}



.tx-esuemailassistent-pi1 td {

    padding: 0;

    overflow: hidden;

}

.tx-esuemailassistent-pi1 td.col0 {

    width: 130px;

}



.tx-esuemailassistent-pi1 .start-icon {

    display: block;

    float: left;

    padding: 16px 16px 16px 6px;

    width: 48px;

    height: 48px;

}



.tx-esuemailassistent-pi1 .start-icon img {

    width: 48px;

    height: 48px;

}



.tx-esuemailassistent-pi1 .start-text {

    padding: 3px;

    margin-left: 70px;

}



.tx-esuemailassistent-pi1 .start-text h2 a {

    text-decoration: none;

}



#esu-emailassistent-product-container,

#esu-emailassistent-suchergebnis-container,

#esu-emailassistent-kontaktformular-container,

#esu-emailassistent-thankyou-container {

    display: none;

}



.esu-emailassistent-footer {

    overflow: hidden;

    padding: 20px 0;

}



.esu-emailassistent-footer .left {

    float: left;

}



.esu-emailassistent-footer .right {

    float: right;

}



#kontakt-error, #product-error {

    color: #ff3333;

    font-style: italic;

    display: none;

}



#kontakt-message input, #kontakt-message textarea {

    width: 360px;

}



/** Dealerlist */

table.esu-haendler-maintable {

    width: 100%;

    margin: 10px 0;

}



table.esu-haendler-maintable th {

    background: #eff3f4;

    border-bottom: 5px solid #0f7ebc;

}



table.esu-haendler-maintable td {

    background: #eff3f4;

    border-bottom: 1px solid #fff;

}



table.esu-haendler-maintable td.distributor {

    background: #f7d510;

}



table.esu-haendler-maintable td.esu-haendler-td-1 {

    width: 220px;

}



table.esu-haendler-maintable td.esu-haendler-td-3 {

    width: 140px;

}



table.esu-haendler-maintable td.esu-haendler-td-3 img {

    margin: 0 5px 5px 0;

}



/**

* mm_forum Styles

**/



#forumtime {

    text-align: right;

    float: right;

    width: 240px;

    color: #555;

    font-size: 0.938em;

}



a.tx-mmforum-buttons-small {

    padding: 1px 5px;

    font-size: 0.938em;

    font-weight: normal;

    margin-right: 5px;

}



a.tx-mmforum-buttons-small img {

    margin-right: 3px;

}



div.tx-mmforum-options {

    margin: 20px 0;

    padding: 10px;

    background: #eff3f4;

    border: 1px solid #ccc;

    font-size: 0.938em;

    color: #555;

}



div.tx-mmforum-options h3 {

    padding: 0 0 3px 0;

}



div.tx-mmforum-options ul {

    overflow: hidden;

    margin: 0 auto;

}



div.tx-mmforum-options ul li {

    float: left;

    text-align: center;

    margin-right: 10px;

}



table.tx-mmforum-table {

    margin: 5px 0 10px 0;

    width: 100%;

}



table.tx-mmforum-table th {

    background: #eff3f4;

    border-bottom: 5px solid #0f7ebc;

    font-size: 0.938em;

    color: #555;

}



table.tx-mmforum-table td {

    background-color: #eff3f4;

    border-bottom: 2px solid #fff;

}



.tx-mmforum-list-even td, .tx-mmforum-list-odd td {

}



table.tx-mmforum-table tr.tx-mmforum-list-even td {

    background-color: #f8f8f8;

}



td.tx-mmforum-pi1-listforum-icon,

td.tx-mmforum-pi1-listtopic-icon {

    width: 24px;

    padding: 10px;

}



td.tx-mmforum-pi1-listforum-icon img,

td.tx-mmforum-pi1-listtopic-icon img {

    width: 24px;

    height: 24px;

}



.tx-mmforum-pi1-listforum-forum {



}



.tx-mmforum-pi1-listforum-forum h3 {

    padding: 0 0 3px 0;

}



.tx-mmforum-pi1-listforum-forum h3 a {

    text-decoration: none;

}



.tx-mmforum-pi1-listforum-forum p {

    font-size: 0.938em;

    color: #555;

}



.tx-mmforum-pi1-listforum-topics {

    width: 60px;

    text-align: center;

    font-size: 0.938em;

    color: #555;

}



.tx-mmforum-pi1-listforum-posts {

    width: 60px;

    text-align: center;

    font-size: 0.938em;

    color: #555;

}



.tx-mmforum-pi1-listforum-lastpost {

    width: 220px;

    font-size: 0.938em;

}



.tx-mmforum-pi1-listforum-lastpost p.title {

    font-size: 1.063em;

    padding: 0 0 3px 0 !important;

}



.tx-mmforum-pi1-listforum-lastpost a {

    text-decoration: none;

}



.tx-mmforum-pi1-listtopic-topic {



}



.tx-mmforum-pi1-listtopic-author,

.tx-mmforum-pi1-listtopic-replies,

.tx-mmforum-pi1-listtopic-hits,

.tx-mmforum-pi1-listtopic-lastpost {

    font-size: 0.938em;

    color: #555;

    width: 60px;

}



.tx-mmforum-pi1-listtopic-author {

    width: 90px;

}



.tx-mmforum-pi1-listtopic-replies {

    text-align: center;

}



.tx-mmforum-pi1-listtopic-hits {

    text-align: center;

}



.tx-mmforum-pi1-listtopic-lastpost {

    width: 140px;

}



.tx-mmforum-pi1-actionbar {

    padding: 10px 0;

    overflow: hidden;

}



.tx-mmforum-pi1-backlink {

    clear: right;

    float: right;

    margin-top: 5px;

}



.tx-mmforum-pi1-listtopic-newtopic {

    float: left;

}



.tx-mmforum-pi1-listtopic-newtopic.top {

    padding-top: 30px;

}



.tx-mmforum-pi1-listtopic-newtopic.bottom {



}



.tx-mmforum-markread {

    margin: 11px 0 0 0;

}



.tx-mmforum-pagenav {

    float: right;

    clear: right;

    font-size: 0.938em;

    color: #555;

}



.tx-mmforum-pagenav a {

    text-decoration: none;

}



.tx-mmforum-pi1-listtopic-settings {

    float: right;

    text-align: right;

    width: 220px;

}



.tx-mmforum-pi1-listtopic-settings label {

    width: auto;

    position: relative;

    padding-left: 22px;

    line-height: 22px;

}



.tx-mmforum-pi1-listtopic-settings input {

    width: auto;

    display: inline-block;

}



ul.tx-mmforum-posts li {

    border-top: 5px solid #0f7ebc;

    background: #e9f4f7;

    overflow: hidden;

    margin-bottom: 10px;

}



ul.tx-mmforum-posts li div.userinfo {

    float: left;

    width: 140px;

    padding: 30px 10px 10px 10px;

}



ul.tx-mmforum-posts li div.post {

    width: 600px;

    margin-left: 160px;

    padding: 10px;

    background: #f7f8f9;

    min-height: 260px;

}



ul.tx-mmforum-posts li div.post .date {

    float: right;

    height: 20px;

    line-height: 20px;

    font-size: 0.938em;

    font-weight: bold;

}



ul.tx-mmforum-posts li div.post .text {

    clear: right;

}



ul.tx-mmforum-posts li div.post ul.tx-mmforum-list {

    margin-left: 5px !important;

}



ul.tx-mmforum-posts li div.post ul.tx-mmforum-list li {

    background: transparent url('../../img/icons/fff/bullet_black.png') no-repeat top left;

    padding-left: 18px;

    border: none;

}



ul.tx-mmforum-posts li div.post .attachments {

    overflow: hidden;

}



ul.tx-mmforum-posts li div.post .attachments .tx-mmforum-pi1-attachmentlabel {

    border-top: 1px solid #ccc;

    margin-top: 10px;

    padding-top: 10px;

    font-weight: bold;

}



ul.tx-mmforum-posts li div.post .signature {

    font-size: 0.938em;

    color: #555;

    border-top: 1px solid #ccc;

    padding-top: 10px;

    margin-top: 10px;

}



.tx-mmforum-pi1-listpost-edited {

    font-size: 0.938em;

    color: #555;

    padding-top: 10px;

    text-align: right;

    font-style: italic;

}



ul.tx-mmforum-posts li div.post .postmenu {

    border-top: 1px solid #ccc;

    padding: 15px 0 5px 0;

    margin-top: 10px;

    overflow: hidden;

}



ul.tx-mmforum-posts li div.post .postmenu .menu {

    float: left;

}



ul.tx-mmforum-posts li div.post .postmenu .options {

    float: right;

}



ul.tx-mmforum-posts li div.userinfo .topbox {

    overflow: hidden;

}



ul.tx-mmforum-posts li div.userinfo .avatar {



}



ul.tx-mmforum-posts li div.userinfo .avatar img {

    height: 80px;

    width: 80px;

}



ul.tx-mmforum-posts li div.userinfo .username {

    word-wrap: break-word;

    margin: 0 0 5px 0;

}



ul.tx-mmforum-posts li div.userinfo .username p.creator {

    font-weight: normal;

    color: #555;

    font-size: 0.938em;

}



ul.tx-mmforum-posts li div.userinfo .additional {

    margin-top: 20px;

    color: #555;

    font-size: 0.938em;

}



ul.tx-mmforum-posts li div.userinfo .actions {

    margin-top: 10px;

    color: #555;

    font-size: 0.938em;

}



ul.tx-mmforum-posts li div.userinfo .additional p,

ul.tx-mmforum-posts li div.userinfo .actions p {

    padding: 0 0 3px 0 !important;

}



.tx-mmforum-pi1-pt-quote {

    border: 1px solid #ccc;

    background: #eff3f4;

    padding: 10px;

    margin: 5px 0px 5px 10px;

}



.tx-mmforum-pi1-newpost-container {

    background: #eff3f4;

    width: 100%;

}



.tx-mmforum-pi1-newpost-container div.line {

    padding: 10px;

    margin: 10px 0;

    border-bottom: 2px solid #fff;

}



.tx-mmforum-pi1-newpost-container div.line textarea {

    width: 100%;

}



.tx-mmforum-pi3-buttons {

    margin-bottom: 20px;

}



.tx-mmforum-pi3-message .header {

    background: #eff3f4;

    border-bottom: 1px solid #ccc;

    padding: 10px;

}



.tx-mmforum-pi3-message .message {

    padding: 10px;

}



.tx-mmforum-pi3-message .actions {

    padding: 10px;

    background: #eff3f4;

    border-top: 1px solid #ccc;

}



ul.tx-mmforum-pi3-write {

    background: #eff3f4;

    padding: 10px;

}



.tx-mmforum-pi6-container {

    background: #eff3f4;

    border: 1px solid #ccc;

    font-size: 0.938em;

    color: #555;

    padding: 10px;

    margin: 20px 0;

}



/** Forum search */

.tx-mmforumextsearch-pi1 tr td {

    background: #eff3f4;

}



/* Product variations */

div.tx-esu-productdb {

    overflow: hidden;

}

div.tx-esu-productdb div, div.tx-esu-productdb ul, div.tx-esu-productdb li {

    padding: 0;

    margin: 0;

}



#tx_esuproductdb_image_container {

    position: relative;

}



ul#tx_esuproductdb_topimages {

    position: relative;

    width: 780px;

    height: 300px;

    margin: 0;

}

ul#tx_esuproductdb_topimages li {

    position: absolute;

    top: 0;

    left: 0;

}

ul#tx_esuproductdb_topimages li img {

    width: 780px;

    height: 300px;

}



#tx_esuproductdb_description {

    position: absolute;

    top: 10px;

    left: 0;

    background: #515151;

    color: #fff;

    padding: 0 10px;

    width: 460px;

    z-index: 99;

}

#tx_esuproductdb_description p {

    padding: 5px 0;

}

ul#tx_esuproductdb_descriptions {

    margin: 0 !important;

}





#tx_esuproductdb_variations {

    padding: 10px 0;

    overflow: hidden;

    text-align: right;

    margin-bottom: 20px;

}

#tx_esuproductdb_variations p {

    line-height: 30px;

    padding: 0;

    margin: 0;

}



#tx_esuproductdb_variations_placeholder {

    margin-top: 30px;

}



ul#tx_esuproductdb_variations_chooser {

    margin: 0 0 0 0;

    float: right;

    overflow: hidden;

    padding: 0;

}

#tx_esuproductdb_variations ul li {

    display: inline;

    margin-left: 5px;

}

#tx_esuproductdb_variations ul li img {

    cursor: pointer;

}





/* Tabs */

.ui-tabs { padding: 0; zoom: 1; margin: 0 0 20px 0; }

.ui-tabs .ui-tabs-nav { position: relative; overflow: hidden; padding: 0 10px; margin: 0 !important; border-bottom: 5px solid #0f7ebc; }

.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0; padding: 0; }

.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 0px 20px; line-height: 30px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; background: #0f7ebc; color: #fff;}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #fff; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel { padding: 10px; display: block; border-width: 0; background: #f0f3f4;}

.ui-tabs .ui-tabs-hide { display: none !important; }