@import url("formStylesMaster.css");

#page {
    clear: right;
}

.contentProcess {
    background-color: transparent;
    color: #000000;
    height: auto;
    width: 815px;
}

.extendedNavigationContainer .trustedShopImage {
    float: left;
}

.extendedNavigationContainer .trustedShopText {
    margin: 0 0 0 10px;
    float: left;
    width: 130px;
}

.contentProcess .buyWithoutRisk {
    font-size: 11px;
    width: 237px;
}

.contentProcess .buyWithoutRisk div {
    float: left;
}

.contentProcess .buyWithoutRisk div.img {
    padding: 0 5px 5px 0;
    width: 70px;
}

.contentProcess .buyWithoutRisk div.text {
    width: 162px;
}

.contentProcess .orderWithoutRisk {
    float: right;
    color: #000000;
    width: 280px;
}

.contentProcess .securityIcons {
    background: url(spritesProcess.gif) -100px -160px no-repeat;
    float: left;
    height: 40px;
    width: 140px;
}

#basketHead {
    width: 815px;
}

#basketHead div {
    float: left;
    height: 50px;
}

#basketHead .left {
    background: url(spritesProcess.gif) 0 0 no-repeat;
    width: 14px;
}

#basketHead .middle {
    background: url(spritesProcess.gif) 0 -55px no-repeat;
    width: 787px;
}

#basketHead .middle h1 {
    margin: 10px 0 0 5px;
}

#basketHead .right {
    background: url(spritesProcess.gif) -15px 0 no-repeat;
    width: 14px;
}

/*
.contentProcess .headlineLeftCorner {
    background: url(spritesProcess.gif) 0 0 no-repeat;
    float: left;
    height: 50px;
    width: 14px;
}

.contentProcess .headlineCenter {
    background: url(spritesProcess.gif) -16px 0 no-repeat;
    float: left;
    height: 50px;
    width: 791px;
}

.contentProcess .headlineCenter h1 {
    margin: 10px 0 0 5px;
}

.contentProcess .headlineRightCorner {
    background: url(spritesProcess.gif) -831px 0 no-repeat;
    float: left;
    height: 50px;
    width: 14px;
}
*/
.contentProcess .basketBody {
    background: url(processBoxContent.gif) repeat-y;
    clear: left;
    height: 100%;
    padding: 10px 20px;
    width: 775px;
}

.basketFooter {
    clear: left;
    width: 815px;
}

.basketFooter div {
    float: left;
    height: 42px;
}

.contentProcess .footerLeftCorner {
    background: url(spritesProcess.gif) -40px 0 no-repeat;
    width: 14px;
}

.contentProcess .footerCenter {
    background: url(spritesProcess.gif) 0 -225px no-repeat;
    width: 787px;
}

.contentProcess .footerRightCorner {
    background: url(spritesProcess.gif) -55px 0 no-repeat;
    width: 14px;
}

#body #page .contentProcess hr {
    display: none;
}

.contentProcess .buPassforgotten {
    float: right;
    list-style-type: none;
    padding-left: 10px;
}

.contentProcess .buPassforgotten li {
    float: right;
    list-style-type: none;
}

.contentProcess .pageEmailAlreadyRegistered p.useremail {
    font-weight: bold;
    padding: 0;
    margin: 0;
}

.contentProcess .processButtons {
    list-style-type: none;
}

/* new layout for summary process buttons*/
.contentProcess .summaryLinks {
    float: right;
    width: 300px;
    margin: 0;
    padding: 10px 30px 0 0;
}

.contentProcess .summaryProcessButtons {
    clear: both;
    width: 780px;
    margin: 0;
    padding: 10px 0 0 0;
}

.contentProcess .summaryProcessButtons .send {
    float: right;
    width: 80px;
}

.contentProcess .summaryProcessButtons .print {
    float: right;
    width: 80px;
}

.contentProcess div.form select.ProductSelection {
    float: left;
    margin: 0 5px 0 0;
}

.buPassforgotten a,.buPassforgotten a:hover,.buPassforgotten a:visited {
    background-image: url(formSendSubmitBG.gif);
    display: block;
    font-size: 12px;
    font-stretch: narrower;
    height: 17px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    width: 150px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    border: 1px solid #000000;
}

.buPassforgotten a:hover {
    background-image: url(formSendSubmitBGHover.gif)
}

.form .left {
    float: left;
    height: auto;
    width: 155px;
}

ul.progress {
    width: 137px;
}

.form .right hr {
    background-color: #666666;
    border: 0;
    height: 1px;
    width: 476px;
}

p.pageError {
    background-color: #ffcc00;
    color: #cc0000;
    height: 40px;
}

p.confirmationText {
    margin: 0 10px 18px 10px;
}

p img {
    padding: 0 5px 0 0;
}

fieldset p {
    margin: 18px 0 10px 0;
}

fieldset .redStar,.redStar {
    background-color: transparent;
    color: #ff0000;
}

fieldset ul.textarea {
    height: 110px;
}

fieldset ul li {
    height: 18px;
}

fieldset ul li.label {
    width: 160px;
}

fieldset ul li.submit {
    width: 278px;
}

fieldset ul li.link img {
    padding: 0 5px 8px 0;
}

fieldset ul li img {
    margin: 0;
    padding: 0 5px 0 0;
}

fieldset ul.error,fieldset ul.errorLong {
    background-color: #ffcc00;
    border: 2px solid #ffcc00;
    height: 35px;
}

fieldset input {
    border: 1px solid #666666;
    height: 18px;
    width: auto;
}

fieldset input.radio {
    margin: 0 10px 0 0;
}

fieldset input.short {
    border: 1px solid #666666;
}

fieldset input.long {
    border: 1px solid #666666;
}

fieldset textarea {
    border: 1px solid #666666;
}

input.disabled {
    background-color: #cccccc;
}

fieldset input.checkBox {
    margin: 0px 6px 0px 0px;
    padding: 0px;
    width: auto;
}

/**************** Styles fuer den Warenkorb ***********/
.buttonContainer,.buttonContainerTop {
    float: right;
    margin: 0 0 10px 0;
}

.buttonContainerTop {
    margin: 20px 0 10px 0;
}

.shoppingCart0 {
    clear: both;
    width: 775px;
}

.shoppingCart0 .emptyShoppingCart,.shoppingCart0 .billingLine {
    float: left;
    margin: 0 0 5px 0;
    padding: 0;
    width: 220px;
}

.shoppingCart0 .emptyShoppingCartValue,.shoppingCart0 .billingLineValue
    {
    float: left;
    margin: 0 0 5px 0;
    padding: 0;
    text-align: right;
    width: 110px;
}

.shoppingCart0 .emptyShoppingCart {
    border: 0;
    float: none;
    margin: 0;
    text-align: right;
    vertical-align: top;
}

.shoppingCart0 .infoBox {
    float: left;
    margin: 10px 0 0 0;
    width: 395px;
}

.shoppingCart0 .infoBoxRight {
    float: right;
    margin: 0;
    width: 330px;
}

.shoppingCart0 .infoBoxList {
    margin: 0 0 10px 0;
}

.shoppingCart0 .infoBoxList li {
    background: url(spritesProcess.gif) 0 -115px no-repeat;
    padding: 0 0 0 15px;
}

.shoppingCart0 h1 {
    text-align: left;
    background-color: transparent;
    color: #cc0000;
    font-size: 21px;
    font-weight: bold;
    margin: 0 0 14px 0;
    padding: 0 0 15px 0;
    width: 625px;
}

.shoppingCart0 p {
    padding: 0 10px 10px 0px;
}

.shoppingCart0 table {
    border-collapse: collapse;
    width: 775px;
}

.shoppingCart0 table th {
    background-color: #999;
    border: 0 solid #ccc;
    border-width: 0 1px;
    color: #fff;
    padding: 5px;
}

.shoppingCart0 table td {
    border: 0 solid #ccc;
    border-width: 0 1px;
}

.shoppingCart0 table th.count {
    width: 100px;
}

.shoppingCart0 table th.monthlyPrice,.shoppingCart0 table th.singlePrice
    {
    text-align: center;
}

.shoppingCart0 table td.count {
    vertical-align: top;
    width: 100px;
}

.shoppingCart0 table td.count button img {
    margin: 0 5px 0px -4px;
    padding: 0;
}

.shoppingCart0 table td.product {
    width: 280px;
}

.shoppingCart0 table td.product .left {
    float: left;
    margin: 0;
    padding: 0;
    width: 50px;
}

.shoppingCart0 table td.product .right {
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 230px;
}

.shoppingCart0 table td.monthlyPrice,.shoppingCart0 table td.singlePrice
    {
    text-align: center;
}

.shoppingCart0 table td.seperator {
    background-color: #ccc;
    border: 0;
}

.shoppingCart0 table td.summaryDescription,.shoppingCart0 table td.summaryPrice,.shoppingCart0 table td.endSum,.shoppingCart0 table td.endSumValue
    {
    border: 0;
    padding: 5px;
    text-align: left;
}

.shoppingCart0 table td.endSumValue,.shoppingCart0 table td.summaryPrice
    {
    text-align: right;
}

.shoppingCart0 table td.userInfo {
    border: 0;
    padding: 0;
    vertical-align: top;
}

.shoppingCart0 table td.endSum,.shoppingCart0 table td.endSumValue {
    border-top: 1px solid #000000 ! important;
}

.shoppingCart0 table td.emptyShoppingCart,.shoppingCart0 table td.billingLine
    {
    margin: 0 0 5px 0;
    padding: 0;
}

.shoppingCart0 table td.emptyShoppingCart {
    padding: 10px 0 0 0;
    width: auto;
}

.shoppingCart1 {
    width: 780px;
}

.shoppingCart1 table td.summaryDescription,.shoppingCart1 table td.summaryPrice,.shoppingCart1 table td.endSum,.shoppingCart1 table td.endSumValue
    {
    border: 0;
    padding: 5px;
    text-align: left;
}

.shoppingCart1 table td.endSumValue,.shoppingCart1 table td.summaryPrice
    {
    text-align: right;
}

.shoppingCart1 table td.userInfo {
    border: 0;
    padding: 0;
    vertical-align: top;
}

.shoppingCart1 table td.endSum,.shoppingCart1 table td.endSumValue {
    border-top: 1px solid #000000 ! important;
}

.shoppingCart1 table td.emptyShoppingCart,.shoppingCart1 table td.billingLine
    {
    float: left;
    margin: 0 0 5px 0;
    padding: 0;
    width: 220px;
}

.shoppingCart1 .infoBoxRight {
    float: right;
    margin: 10px 0 0 0;
    width: 330px;
}

.shoppingCart1 h1 {
    text-align: left;
    background-color: transparent;
    color: #cc0000;
    font-size: 21px;
    font-weight: bold;
    margin: 0 0 14px 0;
    padding: 0 0 15px 10px;
    width: 465px;
}

.shoppingCart1 p img.linkArrow {
    margin: 0;
    padding: 0;
}

.shoppingCart1 table {
    border-collapse: collapse;
    width: 775px;
}

.shoppingCart1 table col.count {
    width: 50px;
}

.shoppingCart1 table col.endPrice {
    width: 100px;
}

.shoppingCart1 table col.monthlyPrice {
    width: 105px;
}

.shoppingCart1 table col.singlePrice {
    width: 100px;
}

.shoppingCart1 table col.product {
    width: 336px;
}

.shoppingCart1 table th {
    background-color: #999;
    border: 0 solid #ccc;
    border-width: 0 1px;
    color: #fff;
    padding: 5px;
}

.shoppingCart1 table th.count,.shoppingCart1 table td.count {
    text-align: center;
    width: 50px;
}

.shoppingCart1 table th.endPrice,.shoppingCart1 table td.endPrice {
    text-align: right;
    width: 100px;
}

.shoppingCart1 table th.monthlyPrice,.shoppingCart1 table td.monthlyPrice
    {
    text-align: center;
    width: 100px;
}

.shoppingCart1 table th.singlePrice,.shoppingCart1 table td.singlePrice
    {
    text-align: center;
    width: 100px;
}

.shoppingCart1 table td {
    border: 0 solid #ccc;
    border-width: 0 1px;
}

.shoppingCart1 table td.product .left {
    float: left;
    width: 50px;
}

.shoppingCart1 table td.product .right {
    float: left;
    width: 276px;
}

.shoppingCart1 table td.count {
    width: 50px;
}

.shoppingCart1 table td.count button.actualize {
    color: #cc0000;
}

.shoppingCart1 table td.count button.actualizeHover {
    color: #cc0000;
}

input.disabled {
    background-color: #cccccc;
}

.shoppingCart1 table td.count button img {
    margin: 0 5px 0px -4px;
    padding: 0;
}

.shoppingCart1 table td.endPrice,.shoppingCart1 table td.monthlyPrice,.shoppingCart1 table td.singlePrice
    {
    vertical-align: top;
}

.shoppingCart1 table td.endPrice {
    vertical-align: top;
    width: 100px;
}

.shoppingCart1 table td.seperator {
    background-color: #ccc;
}

.shoppingCart1 table td.back img {
    margin: 0;
    padding: 0;
}

.shoppingCart1 table td.right input {
    margin-right: 0px;
}

.shoppingCart1 table td.count button img {
    margin: 0 5px 0px -4px;
    padding: 0;
}

.shoppingCart0 table.shoppingBasketSummary th {
    border-bottom: 1px solid #999999;
}

.shoppingCart0 table.shoppingBasketSummary td.seperator {
    border-bottom: 1px dotted #999999;
}

.shoppingCart0 table.shoppingBasketSummary td.end {
    background-color: #999999;
}

.shoppingCart1 table.shoppingBasketSummary th {
    border-bottom: 1px solid #999999;
}

.shoppingCart1 table.shoppingBasketSummary td.seperator {
    border-bottom: 1px dotted #999999;
}

/* WTF */
.contentProcess .comSlot {
    clear: both;
    width: 780px;
}

.contentProcess .comSlot .filler {
    float: left;
    margin: 40px 15px 0 0;
    width: 250px;
}

.contentProcess .comSlot .fillerRight {
    float: left;
    margin: 40px 0 0 0;
    width: 250px;
}

.contentProcess .smallWidth .filler {
    float: left;
    margin: 40px 15px 0 0;
    width: 245px;
}

.contentProcess .smallWidth .fillerRight {
    float: left;
    margin: 40px 0 0 0;
    width: 245px;
}

.filler {
    float: left;
    margin: 0 10px 0 0;
    width: 255px;
}

.leftBox {
    display: none;
}

.description p {
    margin: 0;
    font-size: 12px;
    padding: 0 0 10px 0;
}

.description p.noSpace {
    margin: 0;
    padding: 0;
}

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

.description ul li {
    float: left;
    margin: 0;
    padding: 0;
}

.description ul li.image {
    width: 10px;
}

/*produktsuche support*/
ul.productSearch {
    list-style-type: none;
    margin: 0;
    padding: 0 0 30px 0;
}

ul.productSearch li {
    float: left;
}

ul.productSearch li.select {
    margin: 1px 0 0 0;
    width: 260px;
}

fieldset {
    border: 0;
    clear: both;
    margin: 0;
    padding: 0;
    text-align: left;
}

body.print fieldset {
    width: 480px;
}

fieldset p {
    margin: 10px 0px;
}

fieldset ul {
    clear: both;
    list-style-type: none;
    margin: 0px 0px 10px 0px;
    padding: 0;
}

fieldset ul li {
    float: left;
    margin: 0;
    padding: 0;
}

fieldset ul li.label {
    width: 160px;
    padding: 0 0 10px 0;
}

fieldset ul li.submit {
    width: 278px;
}

fieldset ul li.link {
    width: 278px;
}

fieldset ul li.link img {
    padding: 0 5px 8px 0;
}

fieldset ul li img {
    margin: 0;
    padding: 0px 5px 0px 0px;
}

fieldset ul.note {
    clear: both;
    height: 35px;
    list-style-type: none;
    margin: 0px 0px 10px 0px;
    padding: 0;
}

fieldset ul.error {
    background-color: #ffcc00;
    border: 2px solid #ffcc00;
    clear: both;
    height: 40px;
    list-style-type: none;
    margin: 0px 0px 10px 0px;
    padding: 0;
}

fieldset ul.error li {
    float: left;
    margin: 0;
    padding: 0;
    width: 285px;
}

fieldset ul.error li span,fieldset ul.errorLong li span {
    background-color: transparent;
    color: #ff0000;
}

fieldset ul.error li.label,fieldset ul.errorLong li.label {
    width: 158px !important;
}

fieldset ul.error li.submit,fieldset ul.errorLong li.submit {
    width: 276px;
}

fieldset ul.error li img {
    margin: 0;
    padding: 0px 5px 0px 0px;
}

fieldset ul.decision {
    clear: both;
    height: 18px;
    list-style-type: none;
    margin: 0px 0px 10px 0px;
    padding: 0;
}

fieldset ul.decision li {
    float: left;
    height: 18px;
    margin: 0;
    padding: 0;
    width: 295px;
}

fieldset ul.decision li.left {
    margin: 0;
    padding: 0;
    width: 23px;
}

fieldset ul.decision li {
    width: 272px;
}

fieldset input {
    border: 1px solid #666666;
    height: 18px;
    width: 278px;
}

fieldset input.radio {
    border: 0;
    height: 13px;
    margin: 0;
    padding: 0;
    width: 13px;
}

fieldset input.short {
    border: 1px solid #666666;
    margin: 0;
    padding: 0;
    width: 50px;
}

fieldset input.long {
    border: 1px solid #666666;
    margin: 0;
    padding: 0;
    width: 222px;
}

fieldset ul.textarea {
    height: auto;
}

fieldset textarea {
    border: 1px solid #666666;
    height: 30px;
    width: 278px;
}

fieldset textarea.noBorder {
    border: 0px;
}

fieldset input.checkBox {
    border: 0px;
    margin: 0px 6px 0px 0px;
    padding: 0px;
    width: auto;
}

ul.autoHeight,li.autoHeight {
    height: auto;
}

li.autoHeight textarea {
    height: 100px;
}

/**** VERSCHIEDENE STYLES FUER SUBMIT BUTTONS *****/
input.sendSubmit {
    background: url(formSendSubmitBG.gif);
    color: #000000;
    border: 1px solid #535353;
    cursor: pointer;
    float: right;
    height: 19px;
    margin: 0;
    padding: 0;
    width: auto;
}

input.sendSubmitHover {
    background: url(formSendSubmitBGHover.gif);
    color: #000000;
    cursor: pointer;
    border: 1px solid #535353;
    float: right;
    height: 19px;
    margin: 0;
    padding: 0;
    width: auto;
}

input.sendSubmitBold {
    background: url(formSendSubmitBG.gif);
    border: 1px solid #535353;
    color: #000000;
    cursor: pointer;
    float: right;
    height: 19px;
    margin: 0;
    padding: 0;
    width: auto;
}

input.sendSubmitBoldHover {
    background: url(formSendSubmitBGHover.gif);
    border: 1px solid #535353;
    color: #000000;
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 19px;
    margin: 0;
    padding: 0;
    width: auto;
}

input.cancelSubmit {
    background: url(formCancelSubmitBG.gif);
    border: 1px solid #535353;
    color: #000000;
    cursor: pointer;
    float: right;
    height: 19px;
    margin: 0px 15px 0px 0px;
    padding: 0;
    width: auto;
}

input.cancelSubmitHover {
    background: url(formCancelSubmitBGHover.gif);
    border: 1px solid #535353;
    color: #ffffff;
    cursor: pointer;
    float: right;
    height: 19px;
    margin: 0px 15px 0px 0px;
    padding: 0;
    width: auto;
}

.tsSummary {
    width: 350px;
}

.trustedShopImage {
    float: left;
    width: 70px;
}

.contentProcess .trustedShopText {
    font-size: 12px;
}

.trustedShopButton {
    background: none;
    border: none;
    color: #cc0000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: 300px ! important;
}

.trustedShopButton:hover {
    background: none;
    border: none;
    color: #cc0000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    text-decoration: underline;
    width: 300px ! important;
}

.trustedShopSubmit {
    background: url(trustedShop.gif) no-repeat;
    border: none;
    cursor: pointer;
    height: 70px;
    padding: 0;
    margin: 0;
    width: 70px;
}

.trustedShopImage {
    margin: 0 10px 10px 0;
}