/* Delivery Box */

#idTourBox {
    position: relative;
    float: right;
}

#idTourBox div {
    float: none;
}

#idTourBox div.loader {
    background: #fff url(Images/spinner.gif) no-repeat 50% 50%;
    padding: 20px;
}

#idTouren {
    width: 350px;
    display: none;
    margin: 0;
    z-index: 700;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 3px;
    float: none;
    text-align: left;
}

#idTouren h2 {
    font-size: 0.9em;
}

#idTouren ul {
    margin: 0px;
    padding: 0px;
    max-height: 300px;
    overflow: auto;
}

#idTouren ul li {
    list-style: none;
    margin: 0px;
    padding: 0px 2px;
    padding-left: 70px;
    border-bottom: 1px solid gray;
    background-color: #f6f6f6;
    background-position: 3% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 0.9em;
}

#idTouren ul li.Delivery {
    background-image: url(images/icons/DeliveryRoute.png);
}
#idTouren ul li.Collection {
    background-image: url(images/icons/DeliveryPickup.png);
}
#idTouren ul li.PackageService {
    background-image: url(images/icons/DeliveryParcel.png);
}
#idTouren ul li.NightExpress {
    background-image: url(images/icons/DeliveryExpress.png);
}

#idTouren ul li.evenRow {
    background-color: #fff;
}

#idTouren ul li:hover, #idTouren ul li.evenRow:hover {
    background-color: #ddd;
}

#idTouren ul li:hover a, #idTouren ul li.evenRow:hover a {
    color: #799daf;
}

#idTouren ul li a {
    font-weight: bold;
}

/* Registrierung */

div.registProgress {
    width: 180px;
    float: left;
}

div.registContent div.styled {
    margin-right: 5px;
}

div.registContent {
    margin-left: 185px;
    padding-bottom: 5px;
}

div.registContent table {
    margin-top: 2px;
    width: 99%;
}

div.registContent div.registCard {
    vertical-align: middle;
    text-align: center;
    margin: 2px auto;
}

div.registContent .card {
    text-align: center;
}

div.registContent .card p, div.registContent .card h2 {
    text-align: left;
}

div.registContent #imgGermany {
    margin: 0 auto;
}

div.registContent .blueBox label {
    width: auto;
    color: #fff;
    margin: 5px 5px 0px 5px;
    padding-right: 10px;
    padding-left: 0px;
    font-weight: bold;
}

div.AGBs ul {
    margin: 5px 15px;
}

div.AGBs ul li {
    margin: 5px 10px;
    padding: 0px;
}

div.AGBs p {
    margin: 5px;
}

div.registContent div.AGBs {
    height: 400px;
    width: 99%;
    display: block;
    overflow: auto;
    margin: 5px 2px;
}

div.registContent div.partner table {
    width: 100%;
}

div.registContent #idFinish {
    width: 99%;
}

div.registContent div.partner table tr td {
    vertical-align: top;
}

div.registContent div.partner table tr td.def {
    width: 80px;
    font-weight: bold;
}

/* Auswahl - Boxen (AuDaCon) */

ul.selectionBox {
    line-height: 18px;
    padding: 0px;
    margin: 0px;
}

ul.selectionBox li {
    list-style: none;
    padding: 0px;
    padding-left: 20px;
    margin: 0px;
    background: url('images/icons/directory.png') left top no-repeat;
}

ul.selectionBox a {
    color: #333;
    text-decoration: none;
    display: block;
    padding: 0px 2px;
}

ul.selectionBox A:hover {
    background: #BDF;
}

ul.selectionBox li.expanded, ul.selectionBox li.selected {
    background: url('images/icons/folder_open.png') left top no-repeat;
}

ul.selectionBox li.selected, ul.selectionBox li.file.checked.selected, ul.selectionBox li.file.selected {
    font-weight: bold;
}

ul.selectionBox li ul li, ul.selectionBox li.file {
    font-weight: normal;
    background: url('images/icons/file.png') left top no-repeat;
}

ul.selectionBox li.wait, ul.selectionBox li ul li.wait {
    background-position: left top;
}

ul.selectionBox li.checked {
    background: url('images/icons/file_checked.png') left top no-repeat;
}

ul.listWorkstepParts {
    line-height: 18px;
    padding: 0px;
    margin: 2px;
}

ul.listWorkstepParts li {
    list-style: none;
    padding: 0px;
    padding-left: 20px;
    margin: 0px;
    background: url('images/icons/task.png') left 1px no-repeat;
}

/* Arbeitswerte */

#groupSelectionArea {
    float: left;
    width: 485px;
}

#idCarSelection {
    float: left;
    width: 99%;
    margin: 0px 0px 3px 0px;
}

#idMainGroups {
    float: left;
    width: 48%;
    clear: left;
}

#idSubGroups {
    float: right;
    padding: 0px 1px 0px 0px;
    margin: 0px 3px 0px 0px;
    width: 49%;
}

#idWorkStepParts {
    width: 99%;
    margin: 3px 0 0 0;
}

#idWorks {
    margin-left: 488px;
}

#idWorkSelectionArticleList {
    margin-bottom: 3px;
}

#idWorkSelectionArticleList #idWorkSteps {
    margin: 2px;
    max-height: 100px;
    overflow: auto;
}

/* Handbücher, Wartungsdaten und Technische Daten */

#manualTreeArea, #adjustmentTreeArea, #serviceSelectionArea, #wiringTreeArea, #sosManualTreeArea, #infoTreeArea {
    width: 360px;
    float: left;
}

#adjustmentTreeArea #divImage {
    text-align: center;
    margin-top: 2px;
}

#adjustmentTreeArea #divImage h2 {
    text-align: left;
}

#adjustmentTreeArea #divImage #idImage {
    width: 70%;
    height: 70%;
}

#idManual, #idAdjustment, #idService, #idServiceOptions, #idWiringDiagram, #idSosManual, #idInfo {
    margin-left: 363px;
    table-layout: fixed;
    overflow-x: hidden;
}

#idManual div.buttonArea, #idAdjustment div.buttonArea, #idService div.buttonArea, #idWiringDiagram div.buttonArea, #idSosManual div.buttonArea, #idInfo div.buttonArea {
    margin-bottom: 0px;
}

#idServiceOptions {
    margin-bottom: 4px;
}

#idManual div.output, #idService div.output, #idAdjustment div.output, #idWiringDiagram div.output, #idSosManual div.output, #idInfo div.output {
    width: auto;
}

#idManual div.output iframe, #idAdjustment div.output iframe, #idManual div.output object, #idAdjustment div.output object, #idService div.output object, #idService div.output iframe, #idWiringDiagram div.output object, #idWiringDiagram div.output iframe, #idSosManual div.output iframe, #idInfo div.output iframe {
    height: 516px;
    width: 99%;
    padding: 2px;
    border: none;
}

div.area {
    margin: 6px 2px 0px 0px;
    padding-bottom: 10px;
    background-position: 99% 99%;
    background-repeat: no-repeat;
}

div.area.right {
    float: right;
}

.defaultSplitLayout div.area.customer {
    background-image: url(images/icons/customer.png);
}

.defaultSplitLayout div.area.computer {
    background-image: url(images/icons/computer.png);
}

.defaultSplitLayout div.area.statistics {
    background-image: url(images/icons/chart.png);
}

.defaultSplitLayout div.area.callcenter {
    background-image: url(images/icons/phone.png);
}

.defaultSplitLayout div.area h3 {
    margin: 0px 8px;
}

.defaultSplitLayout div.area p {
    margin: 5px 10px 4px 10px;
}

.defaultSplitLayout div.area ul {
    list-style: none;
    margin: 2px 0px 2px 20px;
    border-left: 1px solid #ccc;
}

.defaultSplitLayout div.area ul li {
    margin: 2px 2px;
}

.defaultSplitLayout div.area ul li a {
    text-decoration: none;
    color: black;
    font-size: 1.05em;
    display: block;
    padding: 4px 10px 4px 60px;
    background-image: url(images/Icons/MenuOption.png);
    background-repeat: no-repeat;
    background-position: 20px 5px;
    border: 1px solid transparent;
}

.defaultSplitLayout div.area ul li a:hover {
    background-color: #EAF5FE;
    border: 1px solid #C8E6F9;
}

.defaultSplitLayout div.area ul li a span {
    display: block;
    font-size: 0.9em;
    color: #D6D6D6;
}

.defaultSplitLayout div.area ul li a:hover span {
    color: black;
}

.defaultSplitLayout div.area.submenu {
    margin: 20px 100px 20px 10px;
}

.defaultSplitLayout div.area.submenu ul {
    border-left: none;
}

table.styled tr td ul.critList li {
    font-size: 0.8em;
    padding: 0;
    line-height: 1.1em;
}

/* Mini - Warenkorb */

#miniBasket {
    border: none;
}

#miniBasket h2 {
    padding-left: 2px;
}

#miniBasket ul {
    padding: 0px;
    margin: 0px;
    background: #fff;
}

#miniBasket ul li {
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 2px;
    margin: 0px;
    width: 100%;
}

#miniBasket ul li span.artID {
    font-weight: bold;
}

#miniBasket ul li span.manuName, #miniBasket ul li span.artID {
    padding: 0;
    margin: 0;
    margin-right: 30px;
    white-space: normal;
    display: block;
}

#miniBasket ul li a {
    display: block;
    clear: both;
    text-align: right;
    margin-right: 4px;
    margin-top: 5px;
}

#miniBasket ul li div.price {
    float: right;
    margin-top: 22px;
    margin-right: 8px;
}

#miniBasket ul li.avail {
    text-align: left;
    background-position: 95% 5px;
}

#miniBasket p {
    margin: 2px;
}

/* News - Trends */

#idTrends div.menu {
    margin-bottom: 5px;
}

#idTrends div.menu div.image {
    margin: 5px 0px 0px 5px;
    text-align: center;
    width: 90px;
    float: left;
}

#idTrends div.menu div.image img {
    border: 1px solid gray;
}

#idTrends div.menu a {
    display: block;
    text-decoration: none;
    border: none;
}

#idTrends div.menu a:hover {
    text-decoration: none;
}

#idTrends div.menu.right div.image div.selected {
    background: #5F6568;
}

#idTrends div.content {
    text-align: left;
    width: 524px;
    float: left;
}

#idTrends div.holder {
    text-align: center;
}

#idTrends div.content img {
    text-align: center;
}

#idTrends div.articles {
    margin-left: 532px;
}

#idTrends #alvTrends tr td.wkCol {
    width: 100px;
    padding-left: 10px;
}

/* Glasschadensberechnung */

#idGlasLeft {
    width: 300px;
    float: left;
}

#idGlasArticle {
    margin-left: 303px;
}

#idGlasArticle table tr td.quant {
    white-space: nowrap;
    padding: 4px 0px 4px 2px;
    text-align: left;
    width: 120px;
}

#idGlasArticle table tr td.quant input.text {
    width: 40px;
    text-align: right;
    margin-left: 1px;
    margin-bottom: 3px;
}

#idGlasArticle table tr td.quant a.sbutton.minus {
    margin-right: 12px;
}

#idGlasArticle table tr td.ob {
    width: 100px;
    padding-left: 8px;
}


#idGlasArticle .buttonArea {
    height: 30px;
}

#idGlasCategory div.right {
    float: right;
    margin: 4px 4px 4px 0px;
}

#idGlasLeft div.teroson {
    background: url("Images/Teroson-Logo.jpg") 1px 3px no-repeat;
    height: 70px;
    border: 1px solid white;
}

#idGlasLeft div.teroson h3 {
    padding-top: 10px;
    padding-left: 108px;
    padding-bottom: 15px;
    margin: 0px;
    font-size: 1.1em;
    color: #000;
    text-decoration: none;
}

/* Select AG */

#idSelect div.styled p {
    margin: 10px 5px;
}

#idSelect div.styled p.italic {
    font-style: italic;
}

img.imageAndText {
    float: left;
    margin: 10px;
}

img.imageAndText.right {
    float: right;
}

#idSelect div.styled div.left {
    width: 200px;
    float: left;
}

#idSelect div.styled div.right {
    margin-left: 215px;
}

#idSelect .partnerAddress {
    float: left;
    width: 49%;
    display: block;
    margin: 5px 1px 5px 4px;
    font-size: 0.9em;
    border: 1px solid gray;
    padding-top: 5px;
    height: 200px;
    background-position: 98% 5%;
    background-repeat: no-repeat;
}

#idSelect div.details {
    height: 160px;
    margin: 5px 0px 0px 6px;
}

#idSelect .partnerAddress table {
    margin: 5px 0px;
    width: 100%;
}

#idSelect .partnerAddress table tr th {
    width: 116px;
    font-weight: normal;
}

/* ASP 24 */

#bodyASP .contentBox .styled p {
    margin: 10px 5px;
}

#bodyASP div.bigImage {
    text-align: center;
}

#bodyASP div.bigImage img {
    margin: 5px 2px;
    border: 1px solid #434f75;
}

#bodyASP div.menu div.image {
    margin: 5px 0px 0px 5px;
    text-align: center;
    width: 55px;
    float: left;
}

#bodyASP div.menu img {
    border: 1px solid #434f75;
}

#bodyASP div.menu a {
    display: block;
    text-decoration: none;
    border: none;
}

#bodyASP div.menu a:hover {
    text-decoration: none;
}

#bodyASP div.menu.right div.image div.selected {
    background: #5F6568;
}

#bodyASP #imgCode {
    border: 1px solid #b8b8b8;
    padding: 0px;
    margin: 0px;
}

#bodyASP form fieldset label.checkbox {
    width: 310px;
}

#bodyASP form fieldset input.checkbox {
    margin-left: 10px;
}

#bodyASP table.tblHotline tr {
    margin: 2px;
}

#bodyASP table.tblHotline tr td, #bodyASP table.tblHotline tr th {
    padding: 2px;
    vertical-align: top;
    padding-right: 30px;
}

/* Infotheken */

#idInfotheken #idImage {
    width: 725px;
    float: left;
}

#idInfotheken div.content {
    margin: 10px 10px;
    text-align: center;
    display: block;
}

#idInfotheken #idSmallImages {
    margin-left: 735px;
    width: 200px;
    padding-bottom: 5px;
}

#idInfotheken #idSmallImages div.content img {
    margin: 11px 5px;
}

/* Gespeicherte Warenkörbe */

div.relativeBox {
    position: relative;
    top: 0px;
    left: 0px;
}

a.showDetails {
    display: block;
}

div.articlesEntry {
    display: none;
    position: absolute;
    background: white;
    font-size: 0.9em;
    width: 330px;
    padding: 0px;
}

div.articlesEntry table {
    background: white;
    margin: 0px;
    width: 100%;
}

div.articlesEntry table tr td {
    background: white !important;
}

div.articlesEntry table tr td.price {
    vertical-align: bottom;
    text-align: right;
}

div.bbCode img {
    float: left !important;
    margin: 0px 10px 5px 10px !important;
}

/* News und Downloads */
#newsDetail div.styled .smallerDate {
    margin: 10px 4px;
}

#newsDetail div.styled div.bbCode {
    margin: 10px;
}

/* === Herstellerliste, Genart Liste === */
ul.manufacts {
    list-style: none;
    margin-left: 4px;
    margin-bottom: 4px;
}
ul.manufacts ul {
    list-style: none;
}
ul.manufacts ul li {
    padding-left: 20px;
}
ul.manufacts li.premium ul li {
    background: transparent url(Images/icons/Premium.png) no-repeat 5px 50%;
}

.critList li {
    font-size: 0.8em;
}

#criteriaFilter a.button {
    margin-top: 8px;
}

/* === Fahrzeugauswahl === */

#vehicleSearchContent {
    margin-top: 10px;
}

#vehicleListDetails {
    width: 250px;
    float: right;
}
#vehicleListVehicles {
    margin-right: 260px;
}

#vhSelRightCtrls {
    width: 330px;
    float: left;
}

#vhSelKbaInput {
    height: 100px;
    width: 330px;
    border: 3px solid #434F75;
}

#vhSelKbaInput form.styled fieldset {
    height: 100px;
}

#vhSelKbaInput form.styled fieldset ul {
    margin-top: 2px;
}

#vhSelKbaInput form.styled fieldset div.sequence {
    padding: 5px 0px 40px 0px;
}

#vhSelKbaInput form.styled fieldset div.sequence label {
    width: auto;
    color: #fff;
    padding-top: 3px;
    font-weight: bold;
    padding: 0px;
}

#vhSelKbaInput form.styled fieldset div.sequence input {
    margin-left: 0px;
    margin-right: 4px;
    width: 40px;
    padding-top: 2px;
    padding-bottom: 4px;
}

#vhSelKbaInput form.styled fieldset div.sequence a.button, #vhSelKbaInput form.styled fieldset a.sbutton {
    margin: 0px;
    float: left;
}

#vhSelKbaInput form.styled fieldset a.sbutton {
    float: right;
    margin: 0px 4px 0px 2px;
    padding: 5px 4px 4px 4px;
    background-position: 0px 0px;
}

#vhSelKbaInput form.styled fieldset a.sbutton:hover {
    background-position: 0 -25px;
}

#vhSelKbaInput form.styled fieldset a.sbutton.pressed, #vhSelKbaInput form.styled fieldset a.sbutton:active {
    background-position: 0 -50px;
}

#vhSelKbaInput form.styled fieldset span.footer {
    width: 272px;
    font-size: 0.7em;
}

#vhSelManufactModel {
    height: 104px;
    margin-left: 340px;
}

#vhSelManufactModel legend, #vhSelFilterOptions legend, #vhSelKbaInput legend {
    display: none;
}

#vhSelKbaInput a.button.info {
    position: relative;
    top: 0;
    left: 0;
}

#kbaInfoBox {
    display: none;
    position: absolute;
    padding: 4px 7px;
    width: 650px;
    height: auto;
    background: #ffd;
    border: 3px solid #facb06;
    white-space: normal;
    font-size: 0.8em;
    text-align: center;
}

#kbaInfoBox h3 {
    font-size: 1.1em;
    margin: 1px 0px;
}

#kbaInfoBox h3, #kbaInfoBox p {
    text-align: left;
}

#kbaInfoBox img {
    margin: 6px auto;
    border: 1px solid #ddd;
}

#vhSelKbaInput a.sbutton.info:hover #kbaInfoBox {
    display: block;
}

/* === Sonderformatierung: Tabs für Fahrzeugauswahl === */

div.vertical ul.tabpage {
    float: right;
    width: 130px;
    overflow: visible;
    margin: 0px;
}
div.vertical ul.tabpage li {
    float: none;
    padding: 0 0 2px 0px;
    background: none;
}
div.vertical ul.tabpage li a {
    color: #fff;
}

div.vertical ul.tabpage li a:hover {
    color: #ddd;
}

div.vertical ul.tabpage li span {
    margin: 0;
    display: block;
    padding: 5px 0 6px 6px;
    background: url("Images/Core/VerticalTabBtnBg.png") 0 0 no-repeat;
}

div.vertical #selectionMethod_byManufact_Page {
    border: 3px solid #434F75;
}

div.vertical #selectionMethod_byEngine_Page {
    border: 3px solid #6D7FA8;
}

div.vertical #selectionMethod_byBuild_Page {
    border: 3px solid #FACB06;
}

div.vertical ul.tabpage #selectionMethod_byEngine span {
    background-position: 0px -30px;
}

div.vertical ul.tabpage #selectionMethod_byBuild span {
    background-position: 0px -60px;
}

div.vertical ul.tabpage #selectionMethod_byBuild span a {
    color: #000;
}

div.vertical ul.tabpage #selectionMethod_byBuild span a:hover {
    color: #505050;
}

div.vertical div.tabpage form.styled fieldset {
    margin: 0px;
    border: none;
    height: 100px;
}

div.vertical div.tabpage form.styled fieldset label {
    width: 80px;
}

div.vertical div.tabpage form.styled fieldset label.checkbox {
    width: auto;
}

div.vertical div.tabpage form.styled fieldset a.button {
    margin-left: 85px;
}

div.vertical div.tabpage form.styled fieldset div.sequence a.button {
    margin-left: 0px;
    clear: none;
}

div.vertical div.tabpage form.styled fieldset div.sequence {
    margin-top: 6px;
}

div.vertical div.tabpage form.styled fieldset div.sequence input.checkbox {
    margin-left: 0px;
    margin-right: 2px;
}

div.vertical div.tabpage form.styled fieldset div.sequence label.checkbox {
    margin-right: 12px;
}

div.vertical div.tabpage {
    margin: 0px;
    margin-right: 130px;
    padding: 0px;
    background: #e8e8e8;
    height: 100px;
}

#vhSelManufactModel .inputSelector input {
    width: 60%;
}

#vdlvDetails td, #vdlvTechDetails td {
    border-bottom: none;
    padding: 1px;
    background: transparent;
}

#vdlvTechDetails td.yes, #vdlvTechDetails td.no {
    width: 33px;
    background-position: center center;
    background-repeat: no-repeat;
}

#vdlvTechDetails td.yes {
    background-image: url(Images/icons/checked.png);
}

#vdlvTechDetails td.no {
    background-image: url(Images/icons/unchecked.png);
}

/* Besonderheit: Auswahloptionen nicht einrücken */
#vhSelFilterOptions form.styled input.checkbox, #vhSelFilterOptions form.styled .submit {
    margin-left: 10px;
}
#vhSelFilterOptions form.styled label.checkbox {
    width: auto;
}

/* == Inline Search Box == */
.inlineSearch {
    padding: 3px;
}
.inlineSearch input {
    padding: 1px 2px 3px 2px; /*background: url(Images/InputArea.png) 0 0 repeat-x;*/
    background: none;
    border: 1px solid #b8b8b8;
    float: left;
    height: 17px;
    line-height: 17px;
    width: 80%;
}
.inlineSearch a {
    display: block;
    background: url(Images/inlinesearch.png) 0 0 no-repeat;
    position: relative;
    float: left;
    width: 24px;
    height: 23px;
    text-indent: -500em;
}
.inlineSearch a:hover {
    background: url(Images/inlinesearch.png) 0 -23px no-repeat;
}

/* === Artikeldetails === */
/* = Stückliste = */
.plvImageArea {
    background: #fff;
    width: 99%;
    margin-bottom: 5px;
}
.partlistImage {
    width: 50%;
    margin: 0 auto;
}

/* = Allgemein = */
#articleDetailsTbl td {
    border-bottom: none;
    padding: 1px;
    background-color: #fff;
}

/* = 3-Spalten Layout mit fluid Center = */
/* Implementiert nach vergleichsweise kompatibler Methode unter http://www.tanfa.co.uk/css/layouts/flexi-float.txt
 * Die ursprüngliche Implementierung war nach A-List-Apart "Holy-Grail" aber hier gab es IE7 Probleme
 */
#divAllgemeinContainer, #divKomplettprogrammContainer {
    float: left;
    width: 100%;
}
#articleDetailsContainer {
    float: left;
    width: 100%;
    margin-right: -95%;
    padding: 0;
}
#articleLeftContainer {
    float: left;
    width: 180px;
    margin-left: -5%;
}
#articleDetails {
    margin: 0 276px 0 186px;
}
#manufactLogo {
    padding-bottom: 30px;
}
#referenceNumbers {
    float: right;
    width: 270px;
    margin: 0;
}


/* = Weitere Formatierungen = */
#manufactLogo img {
    display: block;
    margin: 0 auto;
    margin-top: 30px;
}
#divAllgemeinContainer #orderBasketInfo {
    margin-top: 6px;
}
#orderBasketInfo .aibx, #orderBasketInfo .wkCtrl {
    margin: 4px;
}

#refArticleTreeView {
    padding: 4px;
}

ul#usageNumbers {
    list-style: none;
    padding: 4px;
}
ul#usageNumbers li {
    float: left;
    padding-right: 8px;
}


/* = Tab Icons = */
#idTabTecArticle ul.tabpage a {
    padding-left: 20px;
    background-position: 0 50%;
    background-repeat: no-repeat;
}
#idTabTecArticle_Allgemein a {
    background-image: url(Images/icons/TabAllgemein.png);
}
#idTabTecArticle_Eigenschaften a {
    background-image: url(Images/icons/TabEigenschaften.png);
}
#idTabTecArticle_Preise a {
    background-image: url(Images/icons/TabPreise.png);
}
#idTabTecArticle_Bilder a {
    background-image: url(Images/icons/TabBilder.png);
}
#idTabTecArticle_Adresse a {
    background-image: url(Images/icons/TabAdresse.png);
}
#idTabTecArticle_Verknuepfungen a {
    background-image: url(Images/icons/TabVerknuepfungen.png);
}
#idTabTecArticle_Stueckliste a {
    background-image: url(Images/icons/TabStueckliste.png);
}
#idTabTecArticle_Zubehoer a {
    background-image: url(Images/icons/TabZubehoer.png);
}

#idTabTecArticle_Statistiken a {
    background-image: url(Images/icons/TabStatistiken.png);
}


/* = Eigenschaften = */
#artProperties, #replacedArticles {
    float: left;
    width: 50%;
    background-color: #fff;
    clear: left;
}
#artInfos, #replacedByArticles {
    float: right;
    width: 49%;
    background-color: #fff;
    clear: right;
}
#replacedArticles, #replacedByArticles {
    margin-top: 5px;
}
#replacedArticles table, #replacedByArticles table {
    width: 100%;
}


/* = Adresse = */
div.addressView div.address {
    background: #fff;
    float: left;
    width: 400px;
    height: 250px;
    border: 1px solid #434f75;
    border-left: 3px solid #434f75;
    margin: 5px 5px 5px 5px;
}
div.addressView div.addressType1 {
    /* Standardadresse */
    border: 1px solid #434f75;
    border-left: 3px solid #434f75;
}

ul.address {
    margin-top: 10px;
    padding: 0 0 0 10px;
    list-style: none;
}
ul.address li {
    float: left;
    clear: left;
    width: 100%;
    padding-bottom: 3px;
}
ul.address label {
    float: left;
    width: 115px;
    margin-right: 5px;
    line-height: 20px;
    font-weight: bold;
}


/* = Bilder (einfacher Viewer) = */

div#simpleViewer {
}
div#simpleViewer div.picture {
    width: 820px;
    margin: 0 auto;
}
div#simpleViewer div.picture img {
    display: block;
    margin: 10px auto;
}

/* Warenkorb */
table.styled td.quant input {
    width: 56px;
    text-align: right;
}

table.styled ul.inputs li {
    margin-bottom: 2px;
    padding: 1px 2px;
}

table.styled td ul.inputs li:hover {
    background: #EAEAEA;
}

table.styled td ul.inputs li input.text {
    width: 56% !important;
    float: right;
}

table.styled td ul.inputs li label {
    width: 40%;
}

/* Kundenliste + Erweiterung + EMail Liste */

table.customerTable tr td.company,
table.mailsTable tr td.company {
    width: 20%;
}

table.customerTable tr td.options,
table.mailsTable tr td.options {
    width: 50px;
}

table.customerTable tr td.company span,
table.mailsTable tr td.company span {
    font-size: 0.8em;
    color: gray;
}

table.customerTable tr td.roles,
table.mailsTable tr td.roles {
    font-size: 0.8em;
    white-space: normal;
    width: 15%;
    color: gray;
}

#divCustomerList ul.users {
    list-style: none;
    margin: 0;
    padding: 0;
}

#divCustomerList ul.users li {
    margin: 0;
    padding: 2px;
    width: 98%;
    position: relative;
    top: 0;
    left: 0;
    border-bottom: 1px solid #ccc;
}

#divCustomerList ul.users li input {
    margin: 3px;
}

#divCustomerList ul.users li label span {
    display: block;
    font-size: 0.9em;
    color: gray;
}

#divCustomerList ul.users li div {
    position: absolute;
    left: 200px;
    top: 10px;
    display: block;
    z-index: 10;
    background: #FCF7D1;
    border: 1px solid #ccc;
    display: none;
    padding: 5px 40px 10px 5px;
    white-space: nowrap;
}

#divCustomerList ul.users li div span {
    font-weight: bold;
}

#divCustomerList ul.users li div span.label {
    font-weight: normal;
    text-decoration: underline;
}

#divCustomerList ul.users li.evenRow {
    background-color: #fff;
}

#divCustomerList ul.users li.oddRow {
    background-color: #f6f6f6;
}

#divCustomerList ul.users li:hover {
    background-color: #ddd;
}

#divCustomerList ul.users li:hover div {
    display: block;
}

#divCustomerList a.button {
    float: right;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 3px 4px;
}

#divCustomerList a.reverse {
    margin-left: 2px;
}

/* Tourenliste */

#idDelivery tr td.times {
    text-align: right;
}

#idDelivery tr td.times span {
    font-size: 0.9em;
    color: Gray;
    white-space: nowrap;
}

/* Tour bearbeiten */

form.styled div.WeekDays label.checkbox {
    width: auto;
    margin: 0px;
    padding: 0px;
    margin-right: 10px;
}

form.styled div.WeekDays input.checkbox {
    width: auto;
    margin-left: 0px;
}

/* Zusätzliche Lager */

#idAdditionalDepot tr td.options {
    width: 40px;
}

#idAdditionalDepot tr td.checkbox {
    padding-top: 9px;
    width: 25px;
}

/* Lizenzen */

#tblLicenceReport .sum, #tblLicenceReportUserList .sum {
    font-weight: bold;
}

#tblLicenceReport .curRow, #tblLicenceReport .valRow, #tblLicenceReportUserList .curRow, #tblLicenceReportUserList .valRow {
    font-size: 0.9em;
}

#tblLicenceReport .valRow, #tblLicenceReportUserList .valRow {
    text-align: right;
}

#tblLicenceReport .curRow, #tblLicenceReportUserList .curRow {
    color: gray;
    padding-left: 0px;
}

#tblLicenceReportUserList .ajaxResultRow td table {
    font-size: 0.8em;
}

#tblLicenceReportUserList .ajaxResultRow td table tr td.options {
    font-size: 1.2em;
}

/* AuDaCon - Lizenzen */

#frmLicences select {
    width: 60%;
    float: left;
}

#frmLicences a {
    margin-top: 0px;
}

#frmLicences #cmdShow {
    margin-right: 40%;
}

/* Artikeldetails */

.articleDetails div.content {
    padding: 4px;
}

.articleDetails div.nopadding {
    padding: 4px 3px 0px 2px;
}

.articleDetails ul.properties {
    line-height: 18px;
    padding: 0px;
    margin: 2px;
}

.articleDetails div.desc ul {
    padding: 0px;
    padding-left: 30px;
    margin: 2px;
}

.articleDetails div.desc ul li {
    padding: 0px;
    margin: 0px;
}

.articleDetails table.properties tr td {
    padding-right: 10px;
    vertical-align: top;
}

.articleDetails div.order {
    width: 92%;
    float: right;
    padding-right: 13px;
    height: 120px;
    display: block;
}

.articleDetails div.order div.aibx {
    float: right;
    margin-right: 5px;
}

.articleDetails div.order div.price {
    clear: right;
    text-align: right;
    white-space: nowrap;
}

.articleDetails div.order div.avail {
    background-position: right 3px;
    background-repeat: no-repeat;
    padding-right: 20px;
    padding-top: 0px;
    text-align: right;
    white-space: nowrap;
    width: 100%;
}

.articleDetails div.order div.price {
    font-weight: bold;
    font-size: 1.1em;
}

.articleDetails div.order div.info {
    float: right;
    width: 100%;
    text-align: right;
}

.articleDetails div.order div.wkCtrl, .articleDetails div.order div.price, .articleDetails div.order div.avail {
    float: right;
    margin: 2px 0px;
}

.articleDetails p {
    margin-bottom: 10px;
}

.articleDetails div.images {
    float: left;
    width: 120px;
    overflow: visible;
}

.articleDetails #idBigDiv {
    margin-left: 220px;
    float: none;
    padding: 3px;
    width: auto;
}

.articleDetails div.images div.image, #idBigImage {
    margin: 2px;
    padding: 3px;
    display: block;
    border: 2px solid #434f75;
    text-align: center;
    vertical-align: middle;
    background: #6d7fa8;
}

.articleDetails div.downloads div.download {
    float: left;
    border: 2px solid #434f75;
    background: #6d7fa8 url('Images/Icons/drive.png') 5px 5px no-repeat;
    padding: 10px 3px 10px 44px;
    margin: 2px;
    width: 40%;
}

.articleDetails div.downloads div.download h4, .articleDetails div.downloads div.download p {
    margin-right: 40px;
    color: #fff;
}

.articleDetails div.images div.selected {
    background: #434f75;
}

.articleDetails #idBigDiv {
    width: inherit;
}

.articleDetails div.images div.image {
    float: left;
    width: 200px;
}

.articleDetails div.images div.image img, .articleDetails #idBigImage {
    margin: 0 auto;
    padding: 0;
    vertical-align: middle;
}

/* Warenkorb */

#alvOrderBasket tr.orderBasketRow td.article {
    width: 35%;
}

#alvOrderBasket tr.orderBasketRow td.article span {
    font-weight: bold;
}

#alvOrderBasket tr.orderBasketRow td.article div {
    font-size: 0.8em;
    margin-top: 5px;
}

#alvOrderBasket tr.orderBasketRow td.article div span {
    text-decoration: underline;
    font-weight: normal;
}

#alvOrderBasket tr.orderBasketRow td.article div ul {
    margin: 2px 0px 0px 0px;
    padding: 0px;
}

#alvOrderBasket tr.orderBasketRow td.article ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#alvOrderBasket tr.orderBasketRow td.dummy {
    width: 5px;
}

#alvOrderBasket tr.orderBasketRow td.quant {
    width: 90px;
    padding-top: 18px;
    padding-right: 15px;
}

#alvOrderBasket tr.orderBasketRow td.quant input {
    width: 57px;
    margin-left: 10px;
    text-align: right;
}

/* Artikelliste */

tr.articleRow td.quant {
    font-size: 1.2em;
}

tr.articleRow td.img {
    width: 85px;
}

/* Sortiment - Werbung */

#expressAdvertisments div.picture {
    text-align: center;
    float: left;
    width: 181px;
    display: block;
    margin: 4px 2px;
    padding: 2px;
    border: 1px dashed #ddd;
    background: #FFFEF1;
    cursor: pointer;
}

#expressAdvertisments div.picture * {
    text-align: center;
}

#expressAdvertisments div.picture span.title {
    display: block;
    font-size: 1em;
    height: 53px;
    color: #434f75;
    padding: 0px 5px;
    font-weight: bold;
    font-style: italic;
}
#expressAdvertisments a {
    text-decoration: none;
}
#expressAdvertisments div.picture a:hover span.manufactArtID, #expressAdvertisments div.picture a:hover span.title {
    text-decoration: underline;
}

#expressAdvertisments div.picture img {
    margin: 2px auto;
}
#expressAdvertisments div.picture span {
    cursor: pointer;
}
#expressAdvertisments div.picture span.price {
    text-align: right;
    float: right;
    color: #000;
}
#expressAdvertisments div.picture span.manufactArtID {
    text-align: center;
    display: block;
    float: none;
    height: 45px;
    margin: 2px 5px;
}

/* Katalog - Startseite */
#idMainView {
    margin-left: 300px;
}

#idMainView div.order {
    font-size: 1.1em;
    text-align: center;
}

#idMainView div.order a {
    font-weight: bold;
}

#idMainView div.points {
    padding-top: 5px;
}

#idMainView div.points span.uline {
    text-decoration: underline;
    text-align: center;
}

#idMainView div.points p {
    margin-top: 10px;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 1.2em;
}

#idMainView div.points ul {
    margin-top: 10px;
}

#idMainView div.points ul li {
    margin: 0px 0px 5px 0px;
    text-align: justify;
    list-style: none;
}

div.premiumImage {
    background: url("images/premiums.png") top left no-repeat;
    display: block;
    height: 200px;
    width: 300px;
    border-right: 1px solid #ccc;
    float: left;
}

div.premiumImage a {
    display: block;
    height: 100%;
    width: 100%;
}

/* = Portal Layout Bereiche = */
#bodyStartseite div.styled {
    margin: 0px 3px;
}

#bodyStartseite img {
    border: 1px solid #6d7fa8 !important;
    margin: 2px;
    text-align: center;
    padding: 0px;
}

.smallLogout a.button.right {
    margin-right: 20px;
    position: relative;
    top: -10px;
}

#bodyStartseite .welcome {
    margin-top: 2px;
}

#bodyStartseite #idAds, #bodyStartseite #idAds1 {
    float: right;
    margin: 0px 10px 4px 20px;
}

#bodyStartseite #idAds img {
    border: none !important;
    margin-left: 8px;
}

/* = News = */
div.news ul li div.img {
    width: 85px;
    float: right;
}

div.news ul li div.text {
    margin-right: 90px;
}

div.news ul {
    list-style: none;
}
div.news ul li {
    padding: 3px;
    margin-bottom: 4px;
    border-bottom: 1px dotted #ddd;
}

div.news ul li h3 {
    font-weight: normal;
    padding-left: 20px;
    background: transparent url(Images/Icons/file.png) no-repeat 0 60%;
}
.smallerDate {
    font-size: 90%;
    color: #446;
}
div.news ul li h3 a {
    text-decoration: none;
}

/* Callcenter Status Box */

div.styled.callcenter {
    margin-bottom: 2px;
}

div.styled.callcenter table.details tr th {
    background: #fff url("Images/Icons/Phone.png") center -5px no-repeat;
}

div.styled.callcenter table.details {
    width: 100%;
}

div.styled.callcenter table.details tr td {
    vertical-align: middle;
}

div.styled.callcenter table.details tr td.options {
    width: 143px;
}

div.styled.callcenter table.details a.button {
    float: right;
    width: 120px;
    margin: 3px 8px 2px 3px;
}

/* Fehlermeldungen */

.infoBox.error h2, .infoBox.caution h2, .infoBox.success h2, .infoBox.maintenance h2 {
    border: none;
    background: none !important;
    color: #000 !important;
    font-weight: bold;
    padding: 5px 5px;
    font-size: 0.9em;
    font-style: italic;
}

#gBodyError .infoBox h1 {
    font-size: 1.6em;
}

#gBodyError .infoBox p.text {
    margin: 15px 5px 10px 0px;
}

#gBodyError .infoBox h2, #gBodyError .infoBox p, #gBodyError .infoBox ul li {
    font-size: 1.1em;
}

.infoBox.caution {
    border: 3px solid #FACB06 !important;
    background: #FFF url("Images/Core/BoxCautionBg.png") left top repeat-x;
}

.infoBox.success {
    border: 3px solid #00B304 !important;
    background: #FFF url("Images/Core/BoxSuccessBg.png") left top repeat-x;
}

.infoBox.error {
    border: 3px solid #E62409 !important;
    background: #FFF url("Images/Core/BoxErrorBg.png") left top repeat-x;
}

.infoBox.maintenance {
    border: 3px solid #434f75 !important;
    background: #FFF url("Images/Core/BoxMaintenanceBg.png") left top repeat-x;
}

.infoBox div {
    margin: 12px 0px 5px 70px;
}

.infoBox div.icon {
    display: block;
    float: left;
    margin: 12px 5px 5px 10px;
    padding: 25px;
    background: url("images/Icons/caution.png") center center no-repeat;
}

.infoBox.success div.icon {
    background-image: url("images/Icons/success.png");
    padding-bottom: 15px;
}

.infoBox.error div.icon {
    background-image: url("images/Icons/error.png");
    padding-bottom: 15px;
}

.infoBox.maintenance div.icon {
    background-image: url("images/Icons/maintenanceBig.png");
    padding: 20px 35px 45px 35px;
}

.infoBox ul {
    margin: 0px 30px;
}

.infoBox ul li {
    margin-right: 120px;
    font-size: 0.9em;
    list-style: none;
}

.infoBox a.button {
    float: right;
    padding: 0px 2px;
    position: relative;
    top: -10px;
    right: 5px;
}

.infoBrowser ul {
    list-style: none;
    margin-left: 50px;
}

/* Baugruppen */

/* === Genartliste, Suchbaum === */
ul.genarts {
    list-style: none;
    margin: 6px;
}

/* === Suchbaum === */
#vehicleTreeArea {
    margin-right: 506px;
}
#vehicleTreeOptionArea {
    width: 500px;
    float: right;
}

#vehicleTreeOptionArea ul.tabpage {
    margin: 0px;
}

#vehicleTreeArea ul.universal a {
    color: #039;
}
#treeTypeSelectionArea {
    margin-top: 0;
    margin-bottom: 5px;
}
.searchRemoveHint {
    margin: 2px 6px;
}
.searchRemoveKeyword {
    text-decoration: underline;
}

div.searchRemoveHint a {
    float: left;
    margin-top: 0px;
    margin-right: 5px;
}

div.searchRemoveHint span {
    font-weight: bold;
}

/* Quickstart Leiste */

#treeSearchArea {
    border-top: none;
}

ul.quickStart {
    list-style-type: none;
    overflow: hidden;
    height: 1%; /* IE6 Clear Bug Fix */
    padding: 4px;
}
ul.quickStart li {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    float: left;
    margin: 2px 3px 2px 0;
}
ul.quickStart li.selected > a {
    border: 2px solid #FACB06;
}

ul.quickStart li a, ul.quickStart li span {
    display: block;
    width: 47px;
    height: 23px;
    text-indent: -999em;
    border: 2px solid #434f75;
}

ul.quickStart li span {
    padding: 1px;
}

ul.quickStart li a:hover {
    border: 2px solid #FACB06;
    padding: 0px;
}

/* Quickstart Symbole */
li#qs0 {
    background-image: url("Images/Quickstart/tecdoc-sc-alle-g.png");
}
li#qs2 {
    background-image: url("Images/Quickstart/tecdoc-sc-karosserie-g.png");
}
li#qs3 {
    background-image: url("Images/Quickstart/tecdoc-sc-motor-g.png");
}
li#qs4 {
    background-image: url("Images/Quickstart/tecdoc-sc-kupplung-g.png");
}
li#qs5 {
    background-image: url("Images/Quickstart/tecdoc-sc-filter-g.png");
}
li#qs6 {
    background-image: url("Images/Quickstart/tecdoc-sc-wischanlage-g.png");
}
li#qs7 {
    background-image: url("Images/Quickstart/tecdoc-sc-oel-g.png");
}
li#qs8 {
    background-image: url("Images/Quickstart/tecdoc-sc-stossdaempfer-g.png");
}
li#qs9 {
    background-image: url("Images/Quickstart/tecdoc-sc-bremse-g.png");
}
li#qs10 {
    background-image: url("Images/Quickstart/tecdoc-sc-abgas-g.png");
}
li#qs11 {
    background-image: url("Images/Quickstart/tecdoc-sc-lueftung-g.png");
}
li#qs12 {
    background-image: url("Images/Quickstart/tecdoc-sc-lenkung-g.png");
}
li#qs13 {
    background-image: url("Images/Quickstart/tecdoc-sc-ausstattung-g.png");
}
li#qs14 {
    background-image: url("Images/Quickstart/tecdoc-sc-beleuchtung-g.png");
}
li#qs15 {
    background-image: url("Images/Quickstart/tecdoc-sc-elektrik-g.png");
}
li#qs16 {
    background-image: url("Images/Quickstart/tecdoc-sc-zuendung-g.png");
}
li#qs17 {
    background-image: url("Images/Quickstart/tecdoc-sc-anhaenger-g.png");
}
li#qs18 {
    background-image: url("Images/Quickstart/tecdoc-sc-service-g.png");
}
li#qs19 {
    background-image: url("Images/Quickstart/tecdoc-sc-karosserie-g.png");
}
li#qs20 {
    background-image: url("Images/Quickstart/tecdoc-sc-motor-g.png");
}
li#qs21 {
    background-image: url("Images/Quickstart/tecdoc-sc-kupplung-g.png");
}
li#qs22 {
    background-image: url("Images/Quickstart/tecdoc-sc-filter-g.png");
}
li#qs23 {
    background-image: url("Images/Quickstart/tecdoc-sc-wischanlage-g.png");
}
li#qs24 {
    background-image: url("Images/Quickstart/tecdoc-sc-oel-g.png");
}
li#qs25 {
    background-image: url("Images/Quickstart/tecdoc-sc-stossdaempfer-g.png");
}
li#qs26 {
    background-image: url("Images/Quickstart/tecdoc-sc-bremse-g.png");
}
li#qs27 {
    background-image: url("Images/Quickstart/tecdoc-sc-abgas-g.png");
}
li#qs28 {
    background-image: url("Images/Quickstart/tecdoc-sc-lueftung-g.png");
}
li#qs29 {
    background-image: url("Images/Quickstart/tecdoc-sc-lenkung-g.png");
}
li#qs30 {
    background-image: url("Images/Quickstart/tecdoc-sc-ausstattung-g.png");
}
li#qs31 {
    background-image: url("Images/Quickstart/tecdoc-sc-beleuchtung-g.png");
}
li#qs32 {
    background-image: url("Images/Quickstart/tecdoc-sc-elektrik-g.png");
}
li#qs33 {
    background-image: url("Images/Quickstart/tecdoc-sc-zuendung-g.png");
}
li#qs34 {
    background-image: url("Images/Quickstart/tecdoc-sc-anhaenger-g.png");
}

/* Missing Licence */


#idMissingLicence {
    font-size: 1.1em;
}

#idMissingLicence h1 {
    font-size: 1.4em;
}

#idMissingLicence h2 {
    font-size: 1.1em;
}

#idMissingLicence ul.list {
    margin: 10px 0px 5px 50px;
}

#idMissingLicence ul.list li {
    list-style: disc;
    font-size: 1.0em;
}

#idMissingLicence div.image {
    margin: 10px 0px;
}

#idMissingLicence div.image img {
    border: 2px solid #facb06;
    padding: 5px 5px;
}

#idMissingLicence div.image.textRight {
    text-align: right;
}

#idMissingLicence div.floating {
    margin: 20px 1px;
}

/* Logbücher */

#idExtLoggingList {
    width: 650px;
    float: left;
}

#idLoggingContent {
    margin-left: 655px;
    table-layout: fixed;
    overflow: auto;
    padding-left: 1px; /* display:table-cell;  Chrome - Fix */
    max-height: 600px;
}

/* Herstellerliste */

div.check {
    display: inline;
    padding: 12px 10px;
    background-repeat: no-repeat;
    background-position: center center;
}

div.check.yes {
    background-image: url("Images/icons/checked.png");
}

div.check.no {
    background-image: url("Images/icons/unchecked.png");
}

/* Reifendaten */

.tyreArea td.wait {
    padding-left: 25px;
    background-position: 2% 50%;
}

/* Adventskalendar */

div.articleListView.christmas {
    background:white url("Images/Backgrounds/ChristmasCalendarView.jpg") top center no-repeat;
    background-position: top center;
    min-width: 664px;
    max-width:800px;
    width: auto;
    margin: 0 auto;
    border:2px solid #434F75;
}

div.alvChristmasView {
    width: 664px;
    margin: 0px auto;
    padding: 0px;
    padding-top: 78px; /*background-color:#FFF;*/
}

div.christmasEntry {
    margin:0px 0px 1px 0px;
    padding:0px !important;
    height:auto;
}

div.leftColumn, div.centerColumn, div.rightColumn {
    display: block;
    float: left;
    margin-right: 5px;
    width: 218px;
}

div.centerColumn {
    width: 216px;
    margin-right: 4px;
}

div.rightColumn {
    width: 220px;
    margin-right: 0px;
}

div.christmasEntry.closed {
    padding: 0px;
}

div.christmasEntry a:hover img {
    border:1px solid #434F75;
}

#EmailDetails div iframe {
	width: 100%;
	min-height: 300px;
	border: none;
}

#frmTyreSearch label {
	width: 75px;
}

#frmTyreSearch label.long {
	width: 201px;
}

#frmTyreSearch .button {
	float: right; 
	margin: 0 26px 0 0;
}