#headBgFull,
#headBgFullLI {
    background: url(headBgFullSmallStage.jpg) repeat-x;
    height: 160px;
    left: 0;
    margin: 0px;
    padding: 0px;
    position: absolute;
    width: 100%;
}

/* **************************************************************************
    Head - Container Konstrukt
************************************************************************** */
.head {
    background-color: transparent;
    color: #ffffff;
    height: 160px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    width: 825px;
}

.head .stageContainer {
    height: 130px;
    float: left;
    width: 600px;
}

.head .stageContainer .mainNav {
    margin: 0;
    padding: 20px 0 0 0;
    width: 250px;
}

.head .actionContainer {
    float: right;
    font-size: 11px;
    height: auto;
    margin: 0;
    padding: 20px 0 0 0;
    width: 190px;
}

.head .actionContainer .userAction {
    float: right;
    margin: 0;
    padding: 0;
    width: 150px;
}

.head .actionContainer .globalAction {
    float: right;
    margin: 0;
    padding: 0;
    width: 150px;
}

.head .actionContainer ul {
    list-style-type: none;
    margin: 0 0 13px 0;
    padding: 0;
    width: 150px;
}

.head .actionContainer ul li {
    height: 17px;
    margin: 0;
    padding: 0 0 3px 0;
    width: 150px;
}

.head .actionContainer ul li a {
    background: url(headNavUser.gif) no-repeat;
    color: #ffffff;
    display: block;
    height: 17px;
    padding: 1px 0 0 13px;
    text-align: left;
    text-decoration: none;
}

.head .actionContainer ul li a:hover {
    background: url(headNavUserHover.gif) no-repeat;
    color: #ffffff;
    display: block;
    height: 17px;
    padding: 1px 0 0 13px;
    text-align: left;
    text-decoration: none;
}

.head .actionContainer .teaserAction {
    font-weight: bold;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 190px;
}

.head .actionContainer .teaserAction p {
    font-size: 13px;
    padding: 5pc 0 0 11px;
}

.head .actionContainer .teaserAction .flowtext {
    background-color: transparent;
    color: #666666;
    font-size: 11px;
    font-weight: normal;
}

.head .actionContainer .teaserAction .flowtext a {
    background: url(linkArrowRight.gif) no-repeat center left;
    color: #666666;
    font-weight: normal;
    padding: 0 0 0 11px;
    white-space: nowrap;
}

.head .actionContainer .teaserAction .trustedShopLogo {
    margin: 0 0 0 70px;
}
/* **************************************************************************
    Styles für die Hauptnavigation
    RESTRUCT THIS - VERY SICK PYTHON TO SET STYLE CLASS NAMES :(
************************************************************************** */
.head .mainNav ul {
    height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: auto;
}

.head .mainNav ul li {
    float: left;
    height: 20px;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: top;
    padding: 0;
}

.head .mainNav ul li.Start,
.head .mainNav ul li.StartActive {
    height: 20px;
    margin: 0 18px 0 0;
    width: 48px;
}

/* **************************************************************************
    Startbutton
************************************************************************** */
.mainNav ul li.Start a:link,
.mainNav ul li.Start a:visited,
.mainNav ul li.Start a {
    background: url(headNavStart.gif) no-repeat;
    display: block;
    height: 20px;
    width: 48px;
}

.mainNav ul li.Start a:hover {
    background: url(headNavStartHover.gif) no-repeat;
    display: block;
    height: 20px;
    width: 48px;
}

/* **************************************************************************
    Startbutton active
************************************************************************** */
.mainNav ul li.StartActive a:link,
.mainNav ul li.StartActive a:visited,
.mainNav ul li.StartActive a {
    background: url(headNavStartActive.gif) no-repeat;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0 0 1px 0;
    vertical-align: top;
    width: 48px;
}

.mainNav ul li.StartActive a img {
    height: 20px;
    margin: 0;
    padding: 0;
    width: 48px;
}

.mainNav ul li.StartActive a:hover {
    background: url(headNavStartActiveHover.gif) no-repeat;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0 0 1px 0;
    vertical-align: top;
    width: 48px;
}

/* **************************************************************************
    Shopbutton
************************************************************************** */
.head .mainNav ul li.Shop,
.head .mainNav ul li.ShopActive {
    height: 20px;
    margin: 0 18px 0 0;
    width: 48px;
}

.mainNav ul li.Shop a:link,
.mainNav ul li.Shop a:visited,
.mainNav ul li.Shop a {
    background: url(headNavShop.gif) no-repeat;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0 0 1px 0;
    vertical-align: top;
    width: 48px;
}

.mainNav ul li.Shop a img {
    height: 20px;
    margin: 0;
    padding: 0;
    width: 48px;
}

.mainNav ul li.Shop a:hover {
    background: url(headNavShopHover.gif) no-repeat;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0 0 1px 0;
    vertical-align: top;
    width: 48px;
}

/* **************************************************************************
    Shopbutton active
************************************************************************** */
.mainNav ul li.ShopActive a:link,
.mainNav ul li.ShopActive a:visited,
.mainNav ul li.ShopActive a {
    background: url(headNavShopActive.gif) no-repeat;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0 0 1px 0;
    vertical-align: top;
    width: 48px;
}

.mainNav ul li.ShopActive a:hover {
    background: url(headNavShopActiveHover.gif) no-repeat;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0 0 1px 0;
    vertical-align: top;
    width: 48px;
}

.head .mainNav ul li.Support,
.head .mainNav ul li.SupportActive {
    height: 20px;
    width: 77px;
}

/* **************************************************************************
    Supportbutton
************************************************************************** */
.mainNav ul li.Support a:link,
.mainNav ul li.Support a:visited,
.mainNav ul li.Support a {
    background: url(headNavSupport.gif) no-repeat;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0 0 1px 0;
    vertical-align: top;
    width: 78px;
}

.mainNav ul li.Support a img {
    height: 20px;
    margin: 0;
    padding: 0;
    width: 78px;
}

.mainNav ul li.Support a:hover {
    background: url(headNavSupportHover.gif) no-repeat;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0 0 1px 0;
    vertical-align: top;
    width: 78px;
}

/* **************************************************************************
    Supportbutton active
************************************************************************** */
.mainNav ul li.SupportActive a:link,
.mainNav ul li.SupportActive a:visited,
.mainNav ul li.SupportActive a {
    background: url(headNavSupportActive.gif) no-repeat;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0 0 1px 0;
    vertical-align: top;
    width: 78px;
}

.mainNav ul li.SupportActive a img {
    height: 20px;
    margin: 0;
    padding: 0;
    width: 78px;
}

.mainNav ul li.SupportActive a:hover {
    background: url(headNavSupportActiveHover.gif) no-repeat;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0 0 1px 0;
    vertical-align: top;
    width: 78px;
}

/* **************************************************************************
    Head - mainFunction (horizontal Mainnavigation)
************************************************************************** */
.head .mainFunction {
    clear: both;
    height: 30px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    width: 825px;
}

/* **************************************************************************
the rest of this sick little thing is located in productMenu.css
we kill this bad thing very soon
************************************************************************** */
#productNaviStyle {
    float: left;
    font-size: 11px;
    position: absolute;
}

.head .mainFunction a {
    background: transparent;
    color: #ffffff;
    font-size: 11px;
    margin: 0;
    padding: 0;
}

.head .mainFunction .search {
    height: 29px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 450px;
    text-align: right;
    width: 250px;
}

.head .mainFunction .search div {
    float: left;
    height: 30px;
    margin: 0;
    padding: 0;
    width: auto;
}

.head .mainFunction .search .searchDescription {
    font-size: 11px;
    height: 24px;
    padding: 6px 5px 0 0;
}

.head .mainFunction .search .input {
    height: 24px;
    padding: 4px 5px 0 0;
}

.head .mainFunction .search .submit {
    height: 25px;
    padding: 5px 0 0 0;
}

.head .mainFunction .search .submit input,
.head .mainFunction .search .submit input.norm {
    background: url(mainFunctionSubmit.gif) no-repeat;
    border: 0;
    cursor: pointer;
    height: 18px;
    width: 30px;
}

.head .mainFunction .search .submit input.hov {
    background: url(mainFunctionSubmitHover.gif) no-repeat;
    border: 0;
    cursor: pointer;
    height: 18px;
    width: 30px;
}

.head .mainFunction .user {
    clear: both;
    right: 0;
    position: absolute;
    top: 0;
}

.head .mainFunction .user ul li img {
    margin: 0 5px 0 0;
    padding: 0;
}









/* **************************************************************************
    shopping cart drop down
************************************************************************** */
.head .mainFunction .user ul#shoppingCart li.shoppingCart {
    background: url(mainFunctionShoppingCartBG.gif) no-repeat;
    height: 30px;
    margin: 0;
    padding: 0;
    width: 135px;
}

.head .mainFunction .user ul#shoppingCart li.shoppingCartHover {
    background: url(mainFunctionShoppingCartBGHover.gif) repeat-x;
    height: 30px;
    margin: 0;
    padding: 0;
    width: 135px;
}

.head .mainFunction .user ul#shoppingCart li.shoppingCart a,
.head .mainFunction .user ul#shoppingCart li.shoppingCartHover a {
    cursor: pointer;
    display: block;
    height: 16px;
    padding: 5px 10px;
    text-decoration: none;
    width: 115px;
}

.head .mainFunction .user ul#shoppingCart li.shoppingCartFilled {
    background: url(mainFunctionShoppingCartBGFilled.gif) no-repeat;
    height: 30px;
    width: 139px;
    z-index: 30;
}

.head .mainFunction .user ul#shoppingCart li.shoppingCartFilledHover {
    background: url(mainFunctionShoppingCartBGFilledHover.gif) no-repeat;
    height: 30px;
    width: 139px;
    z-index: 30;
}

.head .mainFunction .user ul#shoppingCart li.shoppingCartFilled a,
.head .mainFunction .user ul#shoppingCart li.shoppingCartFilledHover a {
    background-color: transparent;
    color: #ffffff;
    height: 16px;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    width: 122px;
}

.head .mainFunction .user ul#shoppingCart li.shoppingCartFilled a:hover,
.head .mainFunction .user ul#shoppingCart li.shoppingCartFilledHover a:hover {
    background-color: transparent;
    color: #ffffff;
    height: 16px;
    display: block;
    padding: 6px 10px;
    text-decoration: none;
    width: 122px;
}

.head .mainFunction .user ul#shoppingCart li.shoppingCartFilled a span,
.head .mainFunction .user ul#shoppingCart li.shoppingCartFilledHover a span {
    background-color: transparent;
    color: #ffffff;
    margin: 0;
    padding: 0 5px;
}

.head .mainFunction .user ul#shoppingCart li a img {
    float: left;
    margin: 0;
    padding: 2px 2px 0 0;
}


.head .mainFunction .user ul#shoppingCart .link {
    margin: 0;
    padding: 0;
    width: 5px;
}

.head .mainFunction .user ul#shoppingCart .text a,
.head .mainFunction .user ul#shoppingCart .text a:visited {
    margin: 0;
    padding: 0;
}

.head .mainFunction .user ul#shoppingCart .logo {
    float: left;
    margin: 0 0 0 20px;
    padding: 0;
}

.head .mainFunction .user ul#shoppingCart {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.head .mainFunction .user ul#shoppingCart li {
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.head .mainFunction .user ul#shoppingCart li.border {
    background: url(mainFunctionUserBorderBG.gif) no-repeat;
    float: left;
    height: 29px;
    margin: 0;
    width: 1px;
}

.head .mainFunction .user ul#shoppingCart li.login {
    background: url(mainFunctionUserBG.gif) repeat-x;
}

.head .mainFunction .user ul#shoppingCart li.loginHover {
    background: url(mainFunctionUserBGHover.gif) repeat-x;
}

.head .mainFunction .user ul#shoppingCart li.account {
    background: url(mainFunctionUserBG.gif) repeat-x;
}

.head .mainFunction .user ul#shoppingCart li.accountHover {
    background: url(mainFunctionUserBGHover.gif) repeat-x;
}

.head .mainFunction .user ul#shoppingCart li.login a,
.head .mainFunction .user ul#shoppingCart li.loginHover a {
    height: 16px;
    display: block;
    margin: 6px 10px;
    padding: 0;
    text-decoration: none;
    width: 72px;
}

.head .mainFunction .user ul#shoppingCart li.account a,
.head .mainFunction .user ul#shoppingCart li.accountHover a {
    height: 16px;
    display: block;
    margin: 6px 10px;
    padding: 0;
    text-decoration: none;
    width: 78px;
}

.search #shopsuggest {
    border: 1px solid #69818A;
    width: 144px !important;
}

.head .logo img {
    right: 0;
    position: relative;
    top: 19px;
}

.headLi {
    background-color: transparent;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    height: 28px;
    margin: 0;
    padding: 18px 0 0 0;
}

.contentLi {
    background-color: transparent;
    color: #666666;
    font-size: 10px;
    font-weight: bold;
    height: auto;
    margin: 0;
    padding: 18px 0 0 0;
}

ul.link {
    clear: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.link li {
    float: left;
    height: 15px;
    margin: 0;
    padding: 0;
}

ul.link li.image {
    width: 10px;
    padding: 0 0 0px 0;
}

ul.link li.image img {
    margin: 0;
    padding: 2px 0 0 0;
    vertical-align: top;
}

ul.link a {
    background-color: transparent;
    color: #000000;
}

.moreProductsButton {
    clear: both;
    height: 25px;
}

.moreProductsButton img {
    cursor: pointer;
    float: left;
    padding: 0 10px 0 0;
    text-align: left;
}

.moreProductsButton p {
    padding: 3px 0 0 0;
}

form .button {
    clear: both;
    float: left;
    padding: 10px 0 0 0;
}
