/* ********************************************************************************
MAIN CONTENT
******************************************************************************** */
#body {
    font-size: 12px;
    text-align: left;
    width: 825px;
}

/* ********************************************************************************
CONTENT
******************************************************************************** */
.content,
.contentList {
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 535px;
}

.contentContainer ul.twoCol,
.contentContainer ul.twoCols {
    height: auto;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 535px;
}

.contentContainer ul.threeCol {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 825px;
}

.contentContainer ul.twoCol li,
.contentContainer ul.twoCols li,
.contentContainer ul.threeCol li {
    float: left;
    margin: 0;
    padding: 0;
}

.contentContainer ul.twoCol li.left,
.contentContainer ul.twoCol li.right,
.contentContainer ul.twoCols li.left,
.contentContainer ul.twoCols li.right,
.contentContainer ul.threeCol li.left,
.contentContainer ul.threeCol li.middle,
.contentContainer ul.threeCol li.right {
    width: 260px;
}

.contentContainer ul.twoCol li.spacer,
.contentContainer ul.twoCols li.spacer,
.contentContainer ul.threeCol li.spacer {
    width: 15px;
}

.contentList ul.product {
    clear: both;
    height: auto;
    list-style-type: none;
    margin: 0;
    min-height: 160px;
    padding: 0;
}

.contentList ul.product li {
    float: left;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.contentList ul.product li.image {
    width: 120px;
}

.contentList ul.product li.text {
    width: 415px;
}

/* ********************************************************************************
Buttons mit Mouseovereffekt
******************************************************************************** */
a.buttonMoreInfo,
a.buttonMoreInfo:visited,
a.buttonMoreInfo:link {
    background: url(buttonMoreInfo.gif) no-repeat;
    display: block;
    font-size: 11px;
    height: 24px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    width: 150px;
    color: #000000;
    font-weight: bold;
}

a.buttonMoreInfo:hover {
    background: url(buttonMoreInfoHover.gif) no-repeat;
    display: block;
    font-size: 11px;
    height: 24px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    width: 150px;
    color: #000000;
    font-weight: bold;
}

.moreProductsButton {
    padding-bottom: 20px;
}

#moreInfos .productLink{
    float:left;
}
/* ********************************************************************************
some usefull global helper - ne need for local definitions
******************************************************************************** */
.left {
    float: left;
}

.right {
    float: right;
}

.nowrap {
    white-space: nowrap;
}


/* ********************************************************************************
underlined links for in text
******************************************************************************** */
a.line,
a.line:visited,
a.line:active {
    border-bottom: 1px solid #999999;
    display: inline;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

a.line:hover {
    border-bottom: 1px solid #ff0000;
    display: inline;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

/* ********************************************************************************
productHighlight - mainContent
******************************************************************************** */
.productHighlight {
    clear: left;
    height: auto;
    margin: 0;
    min-height: 230px;
    padding: 0 0 15px 0;
    text-align: left;
    width: 600px;
}

.productHighlight h1 {
    background-color: transparent;
    border-bottom: 1px solid #c9c9c9;
    color: #CC0000;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 6px 0;
    padding: 0 0 6px 0;
}

.productHighlight h2 {
    background-color: transparent;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 6px 0;
}

.productHighlight h3 {
    background-color: transparent;
    color: #666666;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 6px 0;
}

.productHighlight ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 600px;
}

.productHighlight ul li {
    float: left;
    margin: 0;
    padding: 0;
    width: 425px;
}

.productHighlight ul li.image {
    margin: 0;
    padding: 0;
    width: 175px;
}

/* ********************************************************************************
productPlacement - mainContent
******************************************************************************** */
.productPlacement {
    margin: 0;
    padding: 0 0 15px 0;
}

.productPlacement ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 600px;
}

.productPlacement ul li {
    float: left;
    margin: 0;
    padding: 0;
    width: 292px;
}

.productPlacement ul li.seperator {
    height: 100px;
    width: 15px;
}

.productPlacement h1 {
    background-color: transparent;
    border-bottom: 1px solid #cccccc;
    color: #CC0000;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 14px 0;
    padding: 0 0 2px 0;
}

.productPlacement h2 {
    background-color: transparent;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 6px 0;
}

.productPlacement h3 {
    background-color: transparent;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 6px 0;
}

.productPlacement ul.product {
    list-style-type: none;
    margin: 0;
    min-height: 110px;
    padding: 0;
    width: 292px;
}

.productPlacement ul.product li {
    float: left;
    margin: 0;
    padding: 0;
    width: 204px;
}

.productPlacement ul.product li.image {
    width: 88px;
}

.productPlacement ul.link {
    clear: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    width: 292px;
}

.productPlacement ul.link li {
    float: left;
    margin: 0;
    padding: 0;
    width: 281px;
}

.productPlacement ul.link li.image {
    float: left;
    padding: 0 6px 0 0;
    width: 5px;
}

/* ********************************************************************************
lastSeenProducts - mainContent
******************************************************************************** */
.lastSeenProducts h2 {
    background-color: transparent;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 6px 0;
}

.lastSeenProducts h3 {
    background-color: transparent;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 6px 0;
}

.lastSeenProducts ul.product {
    list-style-type: none;
    margin: 0;
    min-height: 110px;
    padding: 0;
    width: 244px;
}

.lastSeenProducts ul.product li {
    float: left;
    margin: 0;
    padding: 0;
    width: 204px;
}

.lastSeenProducts ul.product li.image {
    border: 1px solid #666666;
    width: 40px;
}

/* ********************************************************************************
productList - mainContent
******************************************************************************** */
.productList {
    float: left;
    margin: 0;
    padding: 0 0 15px 0;
    width: 344px;
}

.productList h1 {
    background-color: transparent;
    border-bottom: 1px solid #666666;
    color: #CC0000;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 14px 0;
    padding: 0 0 2px 0;
}

.productList h2 {
    background-color: transparent;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 6px 0;
}

.productList h3 {
    background-color: transparent;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 6px 0;
}

.productList ul {
    clear: both;
    height: 95px;
    list-style-type: none;
    margin: 0;
    padding: 0 0 15px 0;
    width: 344px;
}

.productList ul li {
    float: left;
    margin: 0;
    padding: 0;
    width: 256px;
}

.productList ul li.image {
    width: 88px;
}

.price {
    background-color: transparent;
    color: #666666;
    margin: 0 0 0 5px;
}

.priceComment {
    background-color: transparent;
    color: #666666;
    margin: 0;
    padding: 0 0 20px 0;
}

span.spPrice {
    background-color: transparent;
    color: #666666;
    font-weight: bold;
}

span.spPrice .spCancel {
    color: #666666;
    text-decoration: line-through;
}

span.spPrice .spSubscription {
    color: #666666;
}

span.spPrice .spSubscription .spLabel {
    color: #666666;
}

h1.listHeadline {
    color: #CC0000;
    font-size: 11pt;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px 0;
}

.listItemPicture {
    float: left;
    width: 88px;
}

.listItem {
    background: transparent;
    color: #666666;
    float: left;
    width: 248px;
}

p.listItemDate {
    padding: 0 0 6px 0;
}

ul.listItemLink {
    list-style: none;
    font-weight: bold;
    margin: 0;
    padding: 0 0 6px 0;
}

ul.listItemLink li {
    margin: 0;
    padding: 0;
}

ul.listItemLink li.arrow {
    float: left;
    margin: 0 6px 0 0;
    padding: 0;
}

p.listItemHeadline {
    font-weight: bold;
}

div.listSeperator {
    border-top: 1px solid #cccccc;
    clear: both;
    height: 1px;
    margin: 0;
    padding: 10px 0;
}

/* ********************************************************************************
pageFunction - mainContent
******************************************************************************** */
.pageFunction {
    margin: 0;
    padding: 35px 0 0 0;
}

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

.pageFunction ul li {
    margin: 0;
    padding: 0;
}

.pageFunction ul li img {
    margin: 0 6px 0 0;
    padding: 0;
}

.pageFunction ul li a {
    margin: 0;
    padding: 0;
    position: relative;
    top: -2px;
}

ul#shoppingCard li ul {
    height: auto;
    left: -999em;
    list-style: none;
    margin: 0;
    padding: 9px 0 10px 14px;
    position: absolute;
    right: 0;
    top: 28px;
    width: 255px;
    z-index: 40;
}

ul#shoppingCard li:hover ul ul,
ul#shoppingCard li.sfhover ul ul {
    left: -999em;
}

ul#shoppingCard li:hover ul,
ul#shoppingCard li.sfhover ul {
    left: auto;
}

ul#shoppingCard li:hover ul li,
ul#shoppingCard li.sfhover ul li {
    clear: both;
    left: auto;
}

ul#shoppingCart li ul {
    height: auto;
    list-style: none;
    margin: 0;
    padding: 9px 0 10px 14px;
    position: absolute;
    right: 0;
    top: 28px;
    width: 255px;
    z-index: 40;
}

.content .pStrongBig {
    background-color: transparent;
    color: #666666;
    font-size: 20px;
    font-weight: bold;
}

.content {
    float: left;
    margin: 0;
    padding: 0;
    width: 620px;
}

/* ********************************************************************************
HTML Editor Klassen
******************************************************************************** */
img.left {
    float: left
}

img.right {
    float: right
}

.red {
    color: #ff0000;
}

.bold {
    font-weight: bold;
    color: #666666;
}

/* ********************************************************************************
Testsieger
******************************************************************************** */
.productSubView .testwinner {
    float: left;
    margin: 0;
    padding: 10px 0 0 0;
    width: 430px;
}

.productSubView .testwinner li.img {
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 0;
    width: 65px;
}

.productSubView .testwinner li.text {
    float: left;
    list-style-type: none;
    width: 360px;
}

.productSubView .testwinner li.text .headline {
    background-color: transparent;
    color: #666666;
    float: left;
    margin: 0;
    padding: 0;
    width: 360px;
}

.productSubView .testwinner li.text p {
    width: 360px;
}

/* ********************************************************************************
Screenshots
******************************************************************************** */
.productSubView .screenshot {
    float: left;
    margin: 0;
    padding: 20px 0 0 0;
    width: 430px;
}

.productSubView .screenshot li.image {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 110px;
}

.productSubView .screenshot li.title {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 5px;
    width: 300px;
}

.productSubView .screenshot li.title a,
.productSubView .screenshot li.title a:visited,
.productSubView .screenshot li.title a:hover {
    background-color: transparent;
    color: #666666;
    font-weight: bold
}

.productSubView .screenshot li.text {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 300px;
}

.productSubView .screenshot li.text .screenshotDescription {
    margin: 0;
    padding: 0;
    width: 300px;
}

.productSubView .screenshot li.text .screenshotDescription ul li {
    list-style-type: disc;
    margin-left: -20px;
    padding-left: -20px;
}

/* ********************************************************************************
Formular Service
******************************************************************************** */
.productSubView .formularservice {
    float: left;
    margin: 0;
    padding: 0;
    width: 430px;
}

.productSubView .formularservice .image {
    float: left;
    list-style-type: none;
    width: 85px;
}

.productSubView div.text .formularservice li.text {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 10px 0 0 0;
    width: 340px ! important;
}

.productSubView .formularservice .text .title {
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.productSubView .formularservice .text .PPrice {
    background-color: transparent;
    color: #666666;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.productSubView .formularservice .text ul {
    list-style-type: disc;
}

/* ********************************************************************************
Systemanforderungen
******************************************************************************** */
.productSubView .systemrequirements {
    float: left;
    margin: 0;
    padding: 0;
    width: 435px;
}

.productSubView .systemrequirements ul {
    margin: 0;
    padding: 0 0 0 25px;
    width: 405px;
}

.productSubView .systemrequirements p {
    margin: 0;
    padding: 0;
}

.productSubView div.text table.fullscreen {
    float: left;
    width: 430px;
}

.productSubView div.text .fullscreen a {
    background-color: transparent;
    color: #666666;
}

/* ********************************************************************************
produkt datenblatt
******************************************************************************** */
.productSubView ul.produktdatenblatt {
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 0;
}

.productSubView ul.produktdatenblatt li a {
    background-color: transparent;
    color: #666666;
}

/* ********************************************************************************
bundle produkt
******************************************************************************** */
.productSubView div.text .productBundle {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 20px 0 0 0;
    width: 430px;
}

.productSubView div.text .productBundle .image {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 60px;
}

.productSubView div.text .productBundle li.text {
    float: left;
    list-style-type: none;
    width: 360px;
}

.productSubView div.text .productBundle li.text .title {
    list-style-type: none;
}

.productSubView div.text .productBundle li.text .subTitle {
    list-style-type: none;
    padding: 5px 0 0 0;
}

.productSubView div.text .productBundle li.text .headline {
    clear: none;
    float: left;
    margin: 0;
    padding: 0;
}

/* ********************************************************************************
SHADOWBOXES FOR SHOPPING CARD
******************************************************************************** */
#moreInfos {
    clear: both;
    margin: 40px 0 0 0;
    padding-top: 20px;
}

/* ********************************************************************************
boxOverlay -  allgemein und Plusversion
******************************************************************************** */
.boxOverlay {
    vertical-align: top;
    position: relative;
    font-size: 11px;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
    color: #666666;
    font-size: 13px;
    font-weight: normal;
    height: 310px;
    background-color: #666666;
    left: 0px;
    width: 100%;
}

.boxOverlay .windowHeadline {
    color: #666666;
    font-size: 20px;
    font-weight: bold;
}

.boxOverlay .productHeadline {
    color: #666666;
    font-size: 18px;
    font-weight: normal;
}

.boxOverlay hr {
    color: #666666;
    background-color: #000000;
    height: 1px;
    border: 0;
    width: 100%;
}

.boxOverlay .productIMG {
    float: left;
    padding: 0px;
    padding-right: 16px;
}

.boxOverlay .productTable {
    color: #666666;
    width: auto;
    border: 0px solid #000000;
    padding: 0px;
    margin: 0px;
    font-size: 11px;
}

.boxOverlay .imgRowSpan {
    width: 23px;
}

.boxOverlay .listColumn {
    height: 16px;
}

.boxOverlay .priceColumn {
    color: #666666;
    font-size: 19px;
    font-weight: bold;
    padding-top: 11px;
}

.boxOverlay .bottomButtons {
    width: 97%;
    height: 30px;
    border: 0px solid;
    text-align: right;
}

/* ********************************************************************************
boxOverlay - Warenkorb
******************************************************************************** */
.boxOverlay .shoppingCard {
    vertical-align: top;
    position: relative;
    font-size: 11px;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
    color: #666666;
    font-size: 13px;
    font-weight: normal;
    height: 310px;
    background-color: #000000;
    left: 0px;
    width: 100%;
}

.boxOverlay .shoppingCard .windowHeadline {
    text-align: left;
    color: #666666;
    font-size: 22px;
    font-weight: normal;
}

.boxOverlay .shoppingCard .productHeadline {
    color: #666666;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
}

.boxOverlay .shoppingCard .flowtext {
    color: #666666;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}

.boxOverlay .shoppingCard hr {
    color: #666666;
    background-color: #000000;
    height: 1px;
    border: 0;
    width: 100%;
    text-align: left;
}

.boxOverlay .shoppingCard .productIMG {
    float: left;
    padding: 0px;
    padding-right: 16px;
    text-align: left;
}

.boxOverlay .shoppingCard .productTable {
    color: #666666;
    width: auto;
    border: 0px solid #000000;
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    text-align: left;
}

.boxOverlay .shoppingCard .imgRowSpan {
    width: 23px;
    text-align: left;
}

.boxOverlay .shoppingCard .listColumn {
    height: 16px;
    text-align: left;
}

.boxOverlay .shoppingCard .priceColumn {
    color: #666666;
    font-size: 19px;
    font-weight: bold;
    padding-top: 11px;
    text-align: left;
}

.boxOverlay .shoppingCard .bottomButtons {
    width: 97%;
    height: 30px;
    border: 0px solid;
    text-align: right;
}

.boxOverlay .shoppingCard .closeButton {
    width: 97%;
    height: 20px;
    border: 0px solid;
    text-align: right;
}

.boxOverlay .shoppingCard .alignment {
    text-align: left;
}

.boxOverlay .shoppingCard .alignment .legend {
    color: #666666;
    font-weight: bold;
    text-align: left;
}

.boxOverlay .shoppingCard .alignment .legend hr {
    color: #666666;
    background-color: #000000;
    height: 1px;
    border: 0;
    width: 100%;
    text-align: left;
}

.boxOverlay .shoppingCard .alignment .col1 {
    width: 67px;
}

.boxOverlay .shoppingCard .alignment .col2 {
    width: 308px;
}

.boxOverlay .shoppingCard .alignment .col3 {
    width: 89px;
}

.boxOverlay .shoppingCard .alignment .col4 {
    width: 110px;
}

.boxOverlay .shoppingCard .productTitel,
.gutschein {
    color: #666666;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    margin-top: 45px
}

.boxOverlay .shoppingCard .productTitel,.closeLink {
    color: #666666;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    margin-top: 20px;
}

.boxOverlay .shoppingCard .articleNumber {
    color: #666666;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}

.boxOverlay .shoppingCard input {
    width: 35px;
    height: 16px;
}

.boxOverlay .shoppingCard a,
.boxOverlay .shoppingCard a:link,
.boxOverlay .shoppingCard a:active,
.boxOverlay .shoppingCard a:visited {
    color: #666666;
    background: none;
    padding: 0px;
    margin: 0px;
    padding-right: 0px;
}

.boxOverlay .shoppingCard .zwischensumme,
.boxOverlay .shoppingCard .lieferpauschale,
.boxOverlay .shoppingCard .summe {
    font-size: 11px;
    color: #666666;
}

.boxOverlay .shoppingCard .summe {
    font-weight: bold;
}

.boxOverlay .shoppingCard .tableSumme {
    width: 100%;
    border: 0;
}

.boxOverlay .shoppingCard .gutschein a:link,
.boxOverlay .shoppingCard .gutschein  a:visited,
.boxOverlay .shoppingCard .gutschein a:hover {
    color: #999999;
    background: none;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
}

.boxOverlay .shoppingCard .bottomButtons a:link,
.boxOverlay .shoppingCard .bottomButtons a:hover,
.boxOverlay .shoppingCard .bottomButtons a:visited {
    color: #666666;
    background: none;
    padding: 0px;
    margin: 0px;
    padding-right: 20px;
    padding-top: 20px;
}

/* ********************************************************************************
boxOverlay -  trustWarrenty (Vertrauengarantie)
******************************************************************************** */
.boxOverlay .trustWarrenty {
    font-size: 11px;
}

.boxOverlay .trustWarrenty .windowHeadline {
    text-align: left;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
}

.boxOverlay .windowHeadline .alignment {
    text-align: left;
}

/* ********************************************************************************
boxOverlay - shopProductListLayer1(Produktübersicht)
******************************************************************************** */
.boxOverlay .allProducts {
    font-size: 11px;
}

.boxOverlay .allProducts .windowHeadline {
    text-align: left;
    color: #666666;
    font-size: 22px;
    font-weight: normal;
}

.boxOverlay .allProducts .linkListColumn {
    padding: 5px;
    width: auto;
    border: 0px solid #000000;
    float: left;
}

.boxOverlay .allProducts .linkListColumn ul li {
    font-weight: normal;
    color: #666666;
    list-style-type: none;
    text-align: left;
}

.boxOverlay .allProducts .linkListColumn .firstElement {
    font-weight: bold;
    color: #666666;
    list-style-type: none;
    text-align: left;
}

.boxOverlay .allProducts .linkListColumn ul li {
    font-weight: normal;
    color: #666666;
    list-style-type: none;
    text-align: left;
}

.boxOverlay .allProducts .linkListColumn ul {
    padding: 0px;
    margin: 0px;
}

.boxOverlay .allProducts .linkListColumn .childs {
    padding: 0px;
    margin-left: 20px;
}

.boxesSummary {
    width: 100%;
}

.boxesSummary strong {
    color: #666666;
}

.boxesSummary .contentHeading {
    color: #666666;
    font-weight: bold;
    border-top: 1px solid #cccccc;
    width: 60%;
    font-size: 14px;
    padding: 10px 0 10px 0;
}

.boxesSummary .contentHeadingSub {
    color: #666666;
    font-weight: normal;
    font-size: 12px;
}

.boxesSummary .formInput {
    width: 40%;
}

.boxesSummary .formLabel {
    width: 40%;
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 5px 0;
}

.boxesSummary .fullscreen {
    width: 100%;
}

.contentDescription {
    color: #666666;
    padding: 0 0 5px 0;
}

.contentDescription a,
.contentDescription a:visited,
.contentDescription a:hover {
    color: #666666;
    font-weight: bold;
    font-size: 11px;
}

/* ********************************************************************************
Produktregistrierung - Login
******************************************************************************** */
.boxesForm {
    height: 30px;
    background-color: #cccccc;
    font-weight: normal;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.boxesFormHeadline {
    color: #666666;
    padding-left: 10px;
    height: 25px;
    font-weight: bold;
    background-color: #000000;
    padding-top: 9px;
}

.fullscreen .feedbackImageInfo {
    display: none;
}

.fullscreen .feedbackSuccessMessage {
    color: #666666;
    font-size: 21px;
    font-weight: bold;
}