html, body {
    height: 100%;
}

.wrap-footer {
    width: 100%;
    padding-top: 30px;
}

.footer {
    width: 771px;
    margin: 0 auto;
}

.footer-logo {
    float: left;
}

.footer-link-list {
    height: 100%;
}

.footer-link {
    vertical-align: middle;
    height: 100%;
    margin-top: 15px;
    display: inline-block;
    text-align: center;
}

.footer-impressum {
    margin-top: 12px;
    color: #434343;
    font-size: 11px;
    font-weight: normal;
    padding-left: 8px;
    padding-right: 11px;
}

a.lb-logo-head {
    float: right;
    padding-top: 18px;
}

form#statusForm div.red {
    background-color: #FFCCCC;
}

form#statusForm div.green {
    background-color: #CCFFCC;
}

.arrow-subnavi {
    position: relative;
    z-index: 101;
    margin-top: -3px;
}

body.login {
}

body.sidebar-right #main {
    width: 532px;
    float: left;
    display: inline;
    position: relative;
}

body.sidebar-right #main .content {
    width: 532px;
}

body.sidebar-right #sidebar-right {
    width: 239px;
    display: inline;
}

#pos-top {
    height: 43px;
    border-bottom: 1px solid #809eba
}

#pos-bottom {
    height: 650px;
    background-color: white;
    height: auto !important;
}

#site-header {
    background-color: transparent;
    height: 60px;
    overflow: hidden;
}

#site-subheader {
    width: 771px;
    margin: 0 auto;
}

#wrap {
    min-height: 100%;
    overflow: hidden;
}

#branding {
    margin-top: 8px;
    text-align: left;
}

#branding span {
    display: inline-block;
}

#logo img {
    position: relative;
}

#mymediamenu {
}

#topmenu {
    float: inherit;
    padding-top: 25px;
}

#logo {
    float: left;
    padding-top: 10px;
    padding-left: 10px;
}

#helpnavi {
    padding-right: 35px;
    height: 50px;
}

#helpnavi a.action.help {
    display: inline;
    height: auto;
    width: auto;
    padding-left: 20px;
}

/* Login,Impressum,Passwort vergessen, Gastaccount Layout */

/* helper container zum vertikalen Zentrieren von #page */
body.login #distance {
    width: 1px;
    float: left;
}

body.login #page {
}

body.login #page-inner {
    margin: 30px auto 0;
    padding: 30px;
    text-align: left;
    width: 800px;
}


body.login #actionMessagesDiv {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
}


/* Main Navi */

ul.menu {
    list-style: none outside none;
    height: 33px;
}

ul.menu li {
    float: left;
    line-height: 24px;
    padding: 0 12px 0px 0px;
    vertical-align: middle;
    position: relative;
}

ul.menu li.last {
    background-image: none !important;
    border-right: none !important;
}

ul.submenu {
    overflow: hidden;
    list-style: none outside none;
    height: 24px;
}

ul.submenu li {
    float: left;
    line-height: 24px;
    padding: 0 16px;
    vertical-align: middle;
}

ul.submenu li.last {
    background-image: none !important;
    border-right: none !important;
}

/* Breadcrumb */
div#breadcrumb {
    padding: 10px 0px;
    margin: 0 auto;
    width: 771px;
}

/* Breadcrumb */
div#bestellungBreadcrumb {
    padding: 10px;
    background-color: #71C4E6;
}

div#breadcrumb div.infotext, div#bestellungBreadcrumb div.infotext {
    float: left;
    text-align: left;
    padding-right: 10px;
    font-weight: bold;
}

div#breadcrumb div.seperator, div#bestellungBreadcrumb div.seperator {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 12px;
    text-align: left;
}

div#bestellungBreadcrumb div.seperator {
    line-height: 15px;
}

div#breadcrumb div.breadcrumbWert, div#bestellungBreadcrumb div.breadcrumbWert {
    float: left;
    text-align: left;
}

div#bestellungBreadcrumb div.breadcrumbWert {
    color: #3C54C9;
}

div#breadcrumb div.lastStep {
    text-decoration: underline;
    color: #405574;
}

/* Content Container */
.content {
    margin-bottom: 20px;
    padding-top: 2px;
    background-repeat: no-repeat;
}

.content .inner {
    padding: 13px 0px 15px; /* padding-top - (.content padding-top(2px)) */
    background-image: url(/px/bg/content_bg.gif);
    background-repeat: no-repeat;
    background-color: #fff;
}

.content .inner .cart-Wrapper {
    background: transparent url("/px/btn/basket.gif") no-repeat scroll right top;
}

.no-sidebars #main .content {
    background-position: -773px top;
}

.no-sidebars #main .content .inner {
    background-position: left bottom;
}

.one-sidebar #main .content {
    background-position: -2078px top;
    margin: 0;
}

.one-sidebar #main .content .inner {
    background-position: -1546px bottom;
}

#sidebar-right .content {
    background-position: -2841px top;
}

#sidebar-right .content .inner {
    background-position: -2610px bottom;
}

#sidebar-right .content.with-bg .inner {
    padding: 0;
}

/* Default Table Layout */
table {
    width: 771px;
    border-collapse: collapse;
}

.one-sidebar table {
    width: 502px;
}

th,
td {
    background: transparent url(/px/bg/separate_bg.gif) repeat-x 1px bottom;
    vertical-align: top;
    padding: 5px 0;
}

.detailLink {
    cursor: pointer;
}

.detailLink:hover {
    background: #FAFAFA;
}

table td.withoutunderline {
    background: none;
    vertical-align: top;
    padding: 5px 0;
}

table td.withoutunderline label {
    width: 400px;
    float: left;
    clear: left;
    width: 150px;

}

.form-input-container.inline label.largelabel {
    float: left;
    clear: left;
    width: 350px;
}

th {
    background-color: #FAFAFA;
}

tfoot td {
    background: none;
    padding-top: 10px;
}

td.action div {
    margin: 2px 0;
    overflow: hidden;
}

table td.actions {
    width: 70px;
}

table td.actions div {
    padding-left: 0;
}

table.articleTable th,
table.articleTable td {
    background-image: none;
}

/* Warenkorb hinzugefügt ("Auswahl aktualisiert.") Meldung */
table.articleTable .updateContainer {
    position: relative;
    height: 25px;
    overflow: hidden;
    margin-right: 15px;
}

table.articleTable .updateText {
    position: absolute;
    padding-right: 0;
    width: 125px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    right: -125px;
}


.detail-head {
    font-size: 16pt;
    text-transform: uppercase;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    margin-bottom: 10px;
    margin-top: 20px;
}

.detail-column {
    width: 45%;
}

.text-small {
    width: 80px !important;
}

.detail-column.left {
    margin-right: 10px;
}

/* Scrollable Table */

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.scrollableContainer {
    clear: both;
    height: 385px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 743px;
    position: relative;
}

.articleTable.scrollable {
    width: 728px;
}

.articleTable thead th {
    background: #FAFAFA;
}

.articleTable tbody td {
    padding: 5px 0;
    background: transparent url(/px/bg/separate_bg.gif) repeat-x left bottom;
}

.articleTable tr.selectable {
    cursor: pointer;
}


.articleTable tbody tr.last td {
    background-image: none;
}

.articleTable tbody tr.choosen td {
    background: transparent url(/px/bg/tr_chosen.gif) repeat-x left center;
}

.articleTable tbody td .row {
    margin-bottom: 4px;
    padding-right: 5px;
}

.articleTable thead th.last div {
    padding-right: 30px;
}

.articleTable thead tr.nospan th {
    padding-top: 0;
    padding-bottom: 0;
}

.articleTable thead tr.last th {
    background: #FAFAFA url(/px/bg/separate_bg.gif) repeat-x left bottom;
}

.articleTable thead th.first,
.articleTable tbody td.first {
    width: 100px
}

.articleTable thead th.second,
.articleTable tbody td.second {
    width: 190px
}

.articleTable thead th.third,
.articleTable tbody td.third {
    width: 90px
}

.articleTable thead th.fourth,
.articleTable tbody td.fourth {
    width: 120px
}

.articleTable thead th.fifth,
.articleTable tbody td.fifth {
    width: 110px
}

.articleTable thead th.last {
    width: 160px;
}

.articleTable tbody td.last {
    width: 145px;
}

.articleTable tbody td.last .row {
    padding-right: 15px;
}

/* DecoTable */

table.deco thead th.first,
table.deco tbody td.first {
    width: 451px;
}

table.deco thead th.second,
table.deco tbody td.second {
    width: 102px;
}


table.deco thead th.third,
table.deco tbody td.third {
    width: 110px;
}

table.deco thead th.last {
    width: 190px;
}

table.deco tbody td.last {
    width: 170px;
}

/* VKFM Table */

table.vkfm thead th.first {
    width: 101px !important;
}

table.vkfm tbody td.first {
    width: 95px !important;
}

table.vkfm thead th.second {
    width: 170px !important;
}

table.vkfm tbody td.second {
    width: 160px !important;
}

table.vkfm thead th.third {
    width: 150px !important;
}

table.vkfm tbody td.third {
    width: 147px !important;
}

table.vkfm thead th.fourth {
    width: 90px !important;
}

table.vkfm tbody td.fourth {
    width: 103px !important;
}

table.vkfm thead th.fifth,
table.vkfm tbody td.fifth {
    width: 90px !important;
}

table.vkfm thead th.last {
    width: 160px !important;
}

table.vkfm tbody td.last {
    width: 127px !important;
}

/* Full Cart Table */
.articleTable.cart th.first,
.articleTable.cart td.first {
    width: 50px !important;
}

.articleTable.cart th.second,
.articleTable.cart td.second {
    width: 480px !important;
}

.articleTable.cart th.last,
.articleTable.cart td.last {
    width: 210px !important;
}

/* Full Cart Table - VGS */

.articleTable.cart.vgs th.first,
.articleTable.cart.vgs td.first {
    width: 50px !important;
}

.articleTable.cart.vgs th.second,
.articleTable.cart.vgs td.second {
    width: 80px !important;
}

.articleTable.cart.vgs th.third,
.articleTable.cart.vgs td.third {
    width: 255px !important;
}

.articleTable.cart.vgs th.fourth,
.articleTable.cart.vgs td.fourth {
    width: 63px !important;
}

.articleTable.cart.vgs th.fifth,
.articleTable.cart.vgs td.fifth {
    width: 90px !important;
}

.articleTable.cart.vgs th.last,
.articleTable.cart.vgs td.last {
    width: 210px !important;
}

/* Full Cart Table - VKFM */

.articleTable.cart.vkfm th.first,
.articleTable.cart.vkfm td.first {
    width: 50px !important;
}

.articleTable.cart.vkfm th.second,
.articleTable.cart.vkfm td.second {
    width: 80px !important;
}

.articleTable.cart.vkfm th.third,
.articleTable.cart.vkfm td.third {
    width: 350px !important;
}

.articleTable.cart.vkfm th.last,
.articleTable.cart.vkfm td.last {
    width: 210px !important;
}


/* PosterTable */

#posterList div.scrollableContainer {
    height: 300px;
}

table.poster thead th.first,
table.poster tbody td.first {
    width: 300px;
}

table.poster thead th.second {
    width: 245px;
}

table.poster div.second {
    width: 225px;
}

table.poster thead th.last {
    width: 200px;
}

table.poster tbody div.last {
    width: 180px;
}

/* VGS Datenblätter Tabelle */
.articleTable.datenblatt thead th.first,
.articleTable.datenblatt tbody td.first {
    width: 77px;
}

.articleTable.datenblatt thead th.second,
.articleTable.datenblatt tbody td.second {
    width: 334px;
}

.articleTable.datenblatt thead th.third,
.articleTable.datenblatt tbody td.third {
    width: 81px;
}

.articleTable.datenblatt thead th.fourth,
.articleTable.datenblatt tbody td.fourth {
    width: 73px;
}

.articleTable.datenblatt thead th.last,
.articleTable.datenblatt tbody td.last {
    width: 195px;
}


/* Adresstable Lieferadressen Liste */

.addressTable th.first {
    width: 165px;
}

.addressTable th.second {
    width: 195px;
}

.addressTable th.third {
    width: 282px;
}

.addressTable th.last {
    width: 101px;
}


/* Bestellarchiv Tabelle */

.archiveTable th.first {
    width: 70px;
}

.archiveTable th.second {
    width: 100px;
}

.archiveTable th.third {
    width: 210px;
}

.archiveTable th.fourth {
    width: 110px;
}

.archiveTable th.fifth {
    width: 120px;
}

.archiveTable th.sixth {
    width: 89px;
}

.archiveTable th.last {
    width: 60px;
}

.vertriebsTable th.first {
    width: 20px;
}

.vertriebsTable th.second {
    width: 20px;
}

.vertriebsTable th.third {
    width: 20px;
}

.vertriebsTable th.fourth {
    width: 20px;
}

.vertriebsTable th.fifth {
    width: 20px;
}

.mitarbeiterTable tr:hover {
    background-color: #EAEAEA;
}

.mitarbeiterTable tr.detailLink {
    cursor: pointer;
}

.markenTable tr:hover {
    background-color: #EAEAEA;
}

.markenTable tr.detailLink {
    cursor: pointer;
}

.lagerTable tr.detailLink {
    cursor: pointer;
}

.kundenhierarchieTable tr:hover {
    background-color: #EAEAEA;
}

.kundenhierarchieTable tr.detailLink {
    cursor: pointer;
}

/* Paging */

.paging {
    overflow: hidden;
    margin: 15px 0 5px 0;
}

.paging p {
    float: left;
}

.paging ul {
    float: right;
}

.paging li {
    float: left;
    list-style: none outside none;
    text-align: center;
    margin-right: 4px;
    height: 15px;
}

.paging li a {
    font-weight: bold;
    height: 15px;
    padding-right: 5px;
    float: left;
    background: url(/px/btn/paging_btn.png) no-repeat right bottom;
}

.paging li span {
    color: #0154C2;
    font-weight: bold;
    padding-left: 5px;
    height: 15px;
    color: #fff;
    float: left;
    background: url(/px/btn/paging_btn.png) no-repeat left top;
}

.paging li.active a,
.paging li.active a span {
    background: none;
    color: #0154C2;
}

/* Order Progress*/

#orderProgress li {
    float: left;
    list-style: none outside none;
    display: block;
    width: 178px;
    height: 20px;
    line-height: 20px;
    background: transparent url(/px/bg/order_progress_bg.png) no-repeat left top;
    margin-left: 10px;
    padding-bottom: 11px;
}

#orderProgress li.first {
    margin-left: 5px;
}

#orderProgress li.locked {
    background-position: left top;
}

#orderProgress li.inactive {
    background-position: left -40px;
}

#orderProgress li.active {
    background-position: left -80px;
}


#orderProgress li label {
    display: block;
    float: left;
    height: 20px;
    text-align: center;
    width: 20px;
    margin-right: 2px;
}

/* Lieferadresse Block */

.lieferAdressBlock {
    border: 1px solid #809EBA;
    width: 400px;
    min-height: 120px;
    height: auto !important;
    height: 120px;
}

.lieferAdressBlock h5 {
    background-color: #EAEAEA;
    padding: 3px 5px;
    margin-bottom: 10px;
}

.lieferAdressBlock dl.inline dt {
    width: 150px;
    clear: left;
    margin: 0 0 5px 5px;
}

.lieferAdressBlock dl.inline dd {
    width: 240px;
    float: left;
    margin: 0 0 5px 5px;
}

.lieferAdressEdit dl.inline dt {
    width: 200px;
    clear: left;
}

#designLieferInfoTabs.ui-widget,
#designLieferInfoTabs ul.ui-tabs-nav,
#designLieferInfoTabs .ui-tabs-panel,
#designLieferInfoTabs ul.ui-tabs-nav li {
    background: none repeat scroll 0 0 transparent;
    border: none;
    float: none;
    color: #405574;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

/*
#lieferInfoTabs0.ui-widget,
#lieferInfoTabs0 ul.ui-tabs-nav,
#lieferInfoTabs0 .ui-tabs-panel,
#lieferInfoTabs0 ul.ui-tabs-nav li{
	background: none repeat scroll 0 0 transparent;
	border: none;
	float: none;
	color: #405574;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

#lieferInfoTabs1.ui-widget,
#lieferInfoTabs1 ul.ui-tabs-nav,
#lieferInfoTabs1 .ui-tabs-panel,
#lieferInfoTabs1 ul.ui-tabs-nav li{
	background: none repeat scroll 0 0 transparent;
	border: none;
	float: none;
	color: #405574;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
*/

#bestellungFortsetzen div.infotext {
    margin-bottom: 15px;
}

#bestellungFortsetzen div.links a {
    margin-right: 10px;
    margin-left: 10px;
}

/* ImageZoom */
#imageZoom {
    position: absolute;
    z-index: 999;
    -moz-box-shadow: 0 0 10px #000000;
    -webkit-box-shadow: 0 0 10px #000000;
    box-shadow: 0 0 10px #000000;
}


#imageZoom-inner {
    position: relative;
}

#imageZoom-close {
    position: absolute;
    right: 13px;
    top: 10px;
    z-index: 9999;
    display: block;
    width: 16px;
    height: 16px;
    background: #ffffff url(/px/icon/dialog_close.png) no-repeat left top;
    cursor: pointer;
    display: none;
}

.imageLarge {
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, direction=0, strength=7) progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, direction=90, strength=10) progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, direction=180, strength=10) progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, direction=270, strength=7);
}

a.imageZoom {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    text-align: center;
    cursor: url("/px/misc/lupe.cur"), pointer;
}

/* Platzhalter Bild/Link für nachgeladene Artikelbilder*/
a.lazyLoad {
    display: block;
    widht: 80px;
    height: 80px;
    position: relative;
    text-align: center;
    background: transparent url(/px/misc/no-image-ul-small.gif) no-repeat right top;
    cursor: default;
}

/* VGS Datenblätter - nachgeladene Bilder rechts floaten */
a.imageZoom {
    float: right;
}

span.imageZoomHover {
    background: transparent url(/px/icon/zoom.gif) no-repeat 50% 50%;
    position: absolute;
    top: 25%;
    left: 25%;
    width: 30px;
    height: 30px;
    display: none;
}

span.imageZoomHover.zoomLoading {
    background: transparent url(/px/misc/zoomLoading.gif) no-repeat 50% 50%;
}

.imageLarge {
    position: relative;
}

.vgs-kategorie-icon-form {
    width: 80px;
    float: left;
    display: inline;
    margin-right: 10px;
    position: relative;
}

.lieferadresse-newadresse-legend {
    color: #999999;
}

div.vgs-katalog-artikel-table {
    clear: left;
    min-height: 720px;
}

div.vgs-kategorie {
    clear: left;
    padding: 10px;
}

a.vgsKategorieTab {
    width: 120px;
    float: left;
    text-align: center;
    padding: 7px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 3px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

div.vgs-filter-div {
    display: inline-block;
    width: 99%;
    clear: left;
    border: solid;
    border-width: 1px;
    border-radius: 15px;
    margin-bottom: 10px;
    border-color: #CCCCFF;
}

div.vgs-filter-tabs {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    height: 30px;
    background: #CCCCCC;
}

a.vgsKategorieTab.selected {
    background: #FFFFFF;
}

div.vgs-kategorie-rand-left {
    float: left;
    width: 10px;
    border-bottom-right-radius: 6px;
    padding-left: 10px;
}

img.vgs-datenblatt-kategorie-icon-image {
    width: 40px;
    height: 40px;
}

span.vgs-datenblatt-kategorie-icon-label {
    display: inline-block;
    padding-left: 4px;
    vertical-align: middle;
    height: 44px;
    max-width: 150px;
}

form.vgs-datenblatt-kategorie-icon-form {
    width: 230px;
    height: 44px;
    float: left;
    display: inline;
}

a.vgs_datenblatt_kategorie_icon {
    display: inline-flex;
    height: 20px;
}

a.vgs_kategorie_icon {
    display: inline-flex;
}

a.to-vgs-cart-link {
    float: right;
    margin-top: 9px;
    margin-right: 10px;
}

a.vgs-kategorie-selected {
    color: #17b3e6;
}

.bestellarchiv-zeitraum .ui-datepicker-trigger {
    float: left;
}

#kunden-import-start-btn {
    width: 130px;
}

.bestellung-vgs-filter-div {
    width: 100%;
}

#impressum-div-left {
    float: left;
    padding-right: 40px;
}

#sidebar-right .abstractbg {
    height: 700px;
    padding-bottom: 15px;
}

.ajaxSelect {
    margin-top: 1px;
    margin-bottom: 1px;
}

button.ui-multiselect {
    border: 1px solid #809EBA;
    color: #405574;
    font-size: 12px;
    font-weight: normal;
    font-family: arial;
    background-color: white;
    background: transparent;
    border-radius: 0;
}

.vkfm-detail-image-div {
    display: inline-block;
}

.vkfm-detail-image {
    float: left;
}

table.half-width {
    width: 430px;
}

.form-input-container.inline .checkbox-table-div input,
.form-input-container.inline .checkbox-table-div label {
    display: inline-block;
}

.form-input-container.inline .checkbox-table-div input {
    margin-top: 0px;
    margin-right: 5px;
}

.modal-text-div {
    height: auto;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom: 5px;
    border-bottom-color: grey;
    padding-bottom: 10px;
    width: 100%;
}

span.link {
    color: #00adee;
    text-decoration: none;
    cursor: pointer;
}

table.paging-table {
    background-color: #DDDDDD;
    margin-bottom: 10px;
}

table.paging-table td {
    text-align: center;
    background-image: none;
    border-bottom: solid 1px #AAAAAA;
}

table.paging-table td div {
    padding: 0px;
}

table.paging-table td.shift {
    width: 70px;
}


.paging-element {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.paging-element.inaktiv {
    color: navy;
    font-weight: bold;
}

.min10 {
    min-width: 10px;
}

table.entityTable th {
    text-transform: uppercase;
}

.vkfm-bestand-verfuegbar {
    color: green;
}

.vkfm-bestand-nicht-verfuegbar {
    color: red;
}

table.entityTable td,
table.entityTable th {
    padding-right: 5px;
}