body {
    font-family: Arial, sans-serif, Verdana;
    width: 1024px;
    margin: 0 auto;
    background-color: #fff;
}
body a {
    text-decoration: none;
    color: #012476;
    outline: none;
}

img {
    border: none;
    -ms-interpolation-mode:bicubic;
}
input, textarea, select {
    background-color: #fff;
    border: 1px solid black;
}
input:focus, textarea:focus, select:focus {
    background-image: url('/images/form_active.gif');
    background-position: right top;
    background-repeat: no-repeat;
}
input.error, textarea.error, select.error {
    border: 1px solid #f00;
    background-color: #fadadd;
}
h1{
   font-size: 1.5em;
}
#usermenu input {
    margin-bottom: 2px;
}
#wrapper {
    width: 1024px;
}
#header {
    width: 100%;
    height: 174px;
    background-repeat: no-repeat;
    padding-bottom: 2px;
    font-size: 12px;
    color: #49824f;
    position: relative;
}

#head-telefon {
    position: absolute;
    top: 25px;
    left: 150px;
    color: #0b2983;

}
 
* html #head-telefon{ /*Nur IE, nur Version 6*/
   left: 150px;
}

*+html #head-telefon { /*Nur IE, nur Version 7*/
   left: 150px;
}

#head-telefon { /*Nur IE, nur Version 8*/
   left /*\**/: 150px\9
}


#hotline-hover {
    position: absolute;
    left: 0px;
    top: 18px;
    width: 300px;
    color: #0b2983;
}

*+html #hotline-hover {
   left: 1px;
}

#head-email {
    position: relative;
    left: 50px;
    top: 95px;
    width: 150px;
}

#left {
    float: left;
    position: absolute;
    top: 130px;
    bottom: auto;
    z-index: 2;
}

#navigation-top {
    background-image: url("/images/bg-menu.jpg");
    background-repeat: repeat-x;
    height: 25px;
    font-size: 12px;
    position: absolute;
    width: auto;
    margin-left: -15px;
    padding-right: 30px;
}

* html #navigation-top{
   margin-left: -10px;
   padding-left: 15px;
}

#navigation-top ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#navigation-top li {
    display: block;
    position: relative;
    float: left;
    margin: 0px 0px 0px 5px;
    padding: 0px;
}

#navigation-top li a:hover {
    color: #fff;
    text-decoration: none;
    background-image: url("/images/menu_over.jpg");
    background-repeat: repeat-x;
    height: 20px;
    display: block;
    float: left;
    padding: 5px 5px 0px 5px;
}
.navigation-top-active {
    background-image: url("/images/menu_over.jpg");
    background-repeat: repeat-x;
    color: #fff;
    height: 25px;
}

#navigation-top li a{
    text-decoration: none;
    font-weight: bold;
    padding: 0px;
    height: 20px;
    display: block;
    float: left;
    padding: 5px 5px 0px 5px;

}

#navigation-top ul li:hover ul,
#navigation-top ul a:hover ul {
    visibility: visible;
    height: auto;
    padding-bottom: 20px;
}


#navigation-top ul ul {
    height: 0;
    left: 0px;
    position: absolute;
    top: 21.5px;
    visibility: hidden;
    width: 150px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 20;
}
#navigation-top ul ul li {
    display: block;
    height: auto;
    padding: 0;
    margin: 0;
    position: relative;
    width: 150px;
}

*+html #navigation-top ul ul li { /* IE7 */
    margin-top: -3px;
}

#navigation-top ul ul li a, 
#navigation-top ul ul li a:link {
    width: 150px;
    background-color: #dbe5a0;
    font-weight: normal;
    border: none;
    margin: 0;
}
#navigation-top ul ul li a:hover, 
#navigation-top ul ul li a:focus, 
#navigation-top ul ul li a:active {
    background-image: none;
    background-image: url("/images/menu_over.jpg");
    width: 150px;
    font-weight: normal;
    margin: 0;
}

#navigation-top ul ul li.active a{
   font-weight: bold;
   color: #fff;
   background-image: url("/images/menu_over.jpg");
}

#basket {
   z-index: 10;
   position: absolute;
   font-size: 16px;
   left: 680px;
   top: -17px;
}

* html #basket{ /* IE6 */
   left: 670px;
}


html>/**/body #basket { /*Moderne Browser ohne IE 7*/
   float: left;
}

#basket .basketValue {
   padding-left: 83px;
   margin-top: -38px;
}

*+html #basket .basketValue { /* IE7 */
   margin-top: -42px;
}

* html #basket .basketValue { /* IE6 */
   margin-top: -42px;
}

#basket span{
   font-size: 15px;
   font-weight: bold;
}

*+html #basket span{ /*nur fuer IE 7*/
   left: 625px;
}

#basket a{
   font-size: 15px;
   font-weight: bold;
}

#navigation-left-top{
    background-image: url("/images/sidebar-blau-oben.jpg");
    background-repeat: no-repeat;
    width: 165px;
    height: 7px;
    margin-top: -5px;
    padding-top: 5px;
}

* html #navigation-left-top {
	margin-top: -30px;
}

#navigation-left-bottom{
    background-image: url("/images/sidebar_guren_abschluss.jpg");
    background-repeat: no-repeat;
    width: 165px;
    height: 32px;
}


#navigation-left-bottom-verlauf{
    background-image: url("/images/sidebar-gruen.jpg");
    background-repeat: no-repeat;
    width: 165px;
}


#navigation-left-middle{
    background-image: url("/images/sidebar-uenbergang.jpg");
    background-repeat: no-repeat;
    background-color: #d3e3fd;
    width: 165px;
    height: 39px;    
}

#navigation-left {
    width: 160px;
    font-size: 12px;
    background-image: url("/images/sidebar-bg-blau.jpg");
    background-repeat: no-repeat;
    position: absolute;
}

#navigation-left a:hover{
    color: #fff;
}

#navigation-left .active{
    color: #fff;
    padding-left: 10px;
    margin-left: -5px;
    font-weight: bold;
}

#navigation-left .unactive{
    padding-left: 10px;
    margin-left: -5px;
}

#navigation-left .unactive:hover{
    color: #fff;
    background: #5c7bad;
}


* html #navigation-left{  /* IE6*/
   z-index: -1;
}

*+html #navigation-left{ /* ID7*/
   height: 304px;
}

html>/**/body #navigation-left { /* neue browser ohne IE 7*/
   height: 291px;
}

#navigation-left ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}
#navigation-left li {
	width: 100%;
}

#navigation-left li:hover {
    z-index: 1000;
    background: #5c7bad;
}

#navigation-left li.active{
    display: block;
    z-index: 1000;
    background: #5c7bad;
}

#navigation-bottom div{
   padding-top: 10px;
}

#navigation-bottom a{
   font-weight: bold;
}
#navigation-bottom a:hover{
   font-weight: bold;
   color: #000;
}

	
#sidebar {
    width: 180px;
    height: 100%;
    margin-top: -5px;
}
#usermenu{
    background-image: url("/images/menustreifen-ohne.gif");
    background-repeat: repeat-x;
    background-color: #b8dd74;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 13px;
}
#usermenu a, #usermenu a:link {
    text-decoration: none;
    border: none;
    color: #000000;
}
#usermenu img {
    border: none;
}
#search {
    background-image: url("/images/bg-menu.jpg");
    background-repeat: repeat-x;
    height: 25px;
    padding-left: 10px;
    position: absolute;
    top: -30px;
    bottom: auto;
    z-index: 1;
}
#search input#search_box {
    position: relative;
    top: -8px;
    width: 130px;
    font-size: 12px;
    border: 1px inset;
}

#search input#search_button {
    padding: 1px;
    font-size: 12px;
    border: none;
    background: none;
}
#marken {
    background-image: url("/images/bg-marken.gif");
    background-repeat: repeat-x;
    padding-top: 19px;
}
#unterwegs-outlet {
    font-size: 12px;
    padding-bottom: 15px;
    position: absolute;
    top: 540px;
}
#unterwegs-outlet ul {
    list-style-image: url('/images/pfeil-schwarz.gif');
    margin: 0px;
    padding: 10px 0px 0px 20px;
}
#unterwegs-outlet li {
    display: block;
}
#right {
    padding-left: 190px;
    position: absolute;
    top: 100px;
    bottom: auto;
}
#content {
    float: left;
    padding-left: 0px;
    width: 578px;
    font-size: 12px;
}
#stdPageContent {
    font-size: 12px;
    width: 780px;
    margin-top: 18px;
    position: absolute;
    top: 75px;
    bottom: auto;
}

* html #stdPageContent{ /* IE6 */
   width: 800px;
}

#stdPageContent #content {
    width: 570px;
    float: left;
}

* html #stdPageContent #content { /* IE6 */
   width: 590px;
}

#stdPageContent2 {
    font-size: 12px;
    width: 830px;
    margin-top: 18px;
    position: absolute;
    top: 75px;
    bottom: auto;
}

#stdPageContent3 {
    font-size: 12px;
    width: 810px;
    margin-top: 50px;
    bottom: auto;
    position: relative;
    left: -15px;
}

#information {
    float: right;
    width: 221px;
}
#content p {
    width: auto;
}
.box {
    background-color: #fff;
    font-size: 12px;
    margin-top: 0px;
    margin-left: 5px;
}
.box-content {
    margin: 5px 5px 5px 5px;
    font-size: 12px;
    overflow: hidden;
}

* html .box-content { /* nur IE 6*/
   padding: 0px 5px 20px 5px;
}

*+html .box-content { /* nur IE 7*/
   padding: 0px 5px 20px 5px;
}

html>/**/body .box-content {
   padding: 0px 5px 10px 5px;
}

.login_box_head {
	color: #000;
	font-weight: bold;
	background-image: url('/images/login-bg-top.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 745px;
	height: 16px;
    padding: 3px 15px;
    margin: 0 3px;
}

.login_box_head strong {
    font-size: 1.2em;
}

.login_box_content {
	background-color: #d3dfed;
    background-image: url('/images/login-bg-bottom.gif');
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 745px;
    padding: 5px 15px;
    margin: 0 3px 25px 3px;
}

.box-head-text, .box-head-text h2 {
    position: relative;
    top: 3px;
    left: -0px;
    font-size: 12px;
    padding-left: 5px;
    padding-top: -4px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #000;
}

.box-head-text strong {
    font-size: 1.2em;
}

.box-top-left {
    background-image: url("/images/box-o-links.gif");
    background-repeat: no-repeat;
    background-position: top left;
}
.box-top-right {
    background-image: url("/images/box-o-rechts.gif");
    background-repeat: no-repeat;
    background-position: top right;
}
.box-top-middle {
    background-image: url("/images/box-verlauf.gif");
    background-repeat: repeat-x;
    background-position: top;
    padding-left: -20px;
}
.box-middle-left {
    background-image: url("/images/box-seite-li.gif");
    background-repeat: repeat-y;
    background-position: left;
    padding-top: 0px;
    margin-bottom: 14px;
}
.box-middle-right {
    background-image: url("/images/box-seite-re.gif");
    background-repeat: repeat-y;
    background-position: right;
}

* html .box-middle-right { /* Bug fix IE6*/
    padding-top: 0px;
    padding-bottom: 14px;
}

.box-bottom-left {
    background-image: url("/images/box-unten-li.gif");
    background-repeat: no-repeat;
    background-position: bottom left;
}
.box-bottom-right {
    background-image: url("/images/box-unten-re.gif");
    background-repeat: no-repeat;
    background-position: bottom right;
}
.box-bottom-middle {
    background-image: url("/images/box-unten-mitte.gif");
    background-repeat: repeat-x;
    background-position: bottom;
}
.box-head-text h1 {
    font-size: 12px;
    position: relative;
    top: -10px;
    color: #000000;
}
.box-content h2{
    font-size: 14px;
}

.kategorieheadline {
    color: #000;
    padding-left: 0px;
    font-size: 12px;
}
#footer {
    position: absolute;
    bottom: 0px;
    padding-left: 220px;
}
div.red {
    border: 1px solid red;
    background-color: #fadadd;
    background-image: url("/images/error.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 50px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 15px;
    font-size: 12px;
    margin-left: 5px;
}
div.warning {
    border: 1px solid red;
    background-color: #fadadd;
    background-image: url("/images/warning.gif");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 55px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 15px;
    font-size: 12px;
    margin-left: 5px;
}
/* @todo das background-image muss unbedingt ausgetauscht werden. z.b. durch einen haken*/
div.green {
    border: 1px solid green;
    background-color: #baf6ba;
    background-image: url("/images/info.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 50px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 15px;
    font-size: 12px;
    margin-left: 10px;
}

#subCategoryText a,
tr.news_text td a,
a.greenLink{
    color: #29437e;
}

div.greenLink a{
   color: #29437e;
   font-weight: bold;
}
#pageInfo {
    margin: 30px 0px 0px 0px;
    font-size: 0.8em;
    font-weight: bold;
    top: 25px;
    bottom: auto;
    width: 780px;
    height: 20px;
}
#pageInfo a {
    font-weight: bold;
    text-decoration: none;
    color: #21395f;
}
#pageInfo a:hover {
    color: #29437e;
}
#pageInfo img {
    border: none;
}
.image img {
    border: none;
}
#orders table{
    border-collapse: collapse;
    border: 1px solid #000000;
    padding-left: 0px;
    margin-right: 10px;
    float: left;
    max-height: 130px;
}
#orders th {
    background-color: #65812b;
    color: #ffffff;
    background-image: url(/images/tablesorter_bg.gif);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center left;
}
#orders th, #orders td {
    padding: 5px 15px;
    text-align: left;
    vertical-align: top;
    cursor: pointer;
}
tr.stripe, li.stripe {
    background-color: #c2e770;
}
td.stripe {
    background-color: #c2e770;
    width: 20px;
}
#orders tr:hover {
    background-color: #92c22c;
}
#orders thead tr:hover, .orders tfoot tr:hover {
   background-color: transparent;
   color: inherit;
}
#orderdetails table {
    border-collapse: collapse;
    border: 1px solid #000000;
    width: 457px;
    max-width: 457px;
}
#orderdetails th {
    background-color: #65812b;
    color: #ffffff;
}
#orderdetails th, td {
    padding: 5px 15px;
    text-align: left;
    vertical-align: top;
}
#orderdetails tbody {
    height: 126px;
    padding-top: 0px;
}
#orders th.headerSortDown, #orderpositions th.headerSortDown{
    background-image: url(/images/tablesorter_desc.gif);
}
#orders th.headerSortUp, #orderpositions th.headerSortUp {
    background-image: url(/images/tablesorter_asc.gif);
}

#orderpositions {
    margin-top: 10px;
    width: 100%;
}
#orderpositions table{
    border-collapse: collapse;
    border: 1px solid #000000;
    padding-left: 0px;
    float: left;
}
#orderpositions th {
    background-color: #65812b;
    color: #ffffff;
    background-image: url(/images/tablesorter_bg.gif);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center left;
}
#orderpositions th, td {
    padding: 5px 15px;
    text-align: left;
    vertical-align: top;
}
#userleft {
    float: left;
    border: 1px solid #000000;
}
#userleft h3{
    background-color: #65812b;
    color: #ffffff;
    padding: 0;
    margin: 0;
    padding: 5px 15px;
    font-size: 12px;
}
#userright h3 {
    background-color: #65812b;
    color: #ffffff;
    padding: 0;
    margin: 0;
    padding: 5px 15px;
    font-size: 12px;
}
#userright {
    margin-left: 190px;
    border: 1px solid #000000;
}
#userleft ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#userleft li {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 5px 15px;
    cursor: pointer;
}
#userleft li a, #userleft li a:link {
    text-decoration: none;
    color: #000000;
}
#userleft li:hover {
    background-color: #92c22c;
}
#account_content {
    padding: 5px 15px;
}
#account_content h4 {
    background-color: #c2e770;
    margin-bottom: 0;
    margin-left: -20px;
    padding: 3px
}
hr {
    color: #cccccc;
}

#passwordRequestLayer {
    display: none;
    position:absolute;
    left: 300px;
    z-index: 1;
    left: 290px;
    width: 355px;
    height: 167px;
    background-image: url('/images/confirm-window.gif');
    background-repeat: no-repeat;
    background-position: top left;
    font-size: 12px;
}

#passwordRequestLayerContent {
  padding: 10px 10px 5px 15px;
}
#passwordRequestLayer h1 {
  margin:0.33em 0 1em ;
}
#passwordRequestForm {
}
#passwordRequestMsg {
    padding-top: 8px;
    display: none;
}
#passwordRequestLabel {
    padding-top: 8px;
}
#passwordRequestButtons {
  position: absolute;
  bottom: 15px;
  right: 10px;
}
#passwordRequestLayer h1 {
  margin:0.33em 0;
}

.searchImage{
    border: 1px solid #000000;
    float: left;
    margin-right: 15px;
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
    background-color: #ffffff;
    text-align: center;
}
.searchImageText {
    margin-top: 5px;
    background-color: #c2e770;
    border: 1px solid #000000;
    overflow: hidden;
}
.searchText {
    float: right;
    margin-left: 120px;
    margin-top: -103px;
}
.searchItem {
    margin-bottom: 35px;
    float: left;
}
html>/**/body .articleImage { /*neue browser ohne IE7*/
    position: absolute;
    text-align: center;
}

*+html .articleImage { /*nur IE 7*/
   float: left;
   width: 170px;
   height: 150px;
}

* html .articleImage { /* Nur IE bis Version 6 */
   float: left;
   width: 170px;
   height: 150px;
}

.articleImage div.img{
    margin: 0px auto;
}
.space {
}

.space, .noSpace {
    float: left;
    width: 357px;
    height: 150px;
    padding: 10px;
}

.noSpace {
    background-color: #d3e3fc;
}

.space a, .noSpace a {
    color: #012476;
}
html>/**/body .articleText { /*neue browser ohne IE7*/
    margin-left: 170px;
    height: 100px;
}
html>/**/body .articlePreis { /*neue browser ohne IE7*/
    margin-left: 170px;
}

*+html .articleText { /*nur IE7*/
    height: 100px;
}
*+html .articlePreis { /*nur IE7*/

}

* html .articleText { /*nur bis IE6*/
    height: 100px;
}
* html .articlePreis { /*nur bis IE6*/

}
.articleTitle {
    margin-left: 135px;
    position: absolute;
    width: 195px;
    overflow: hidden;
}
#pagesNavi {
    text-align: center;
    clear: both;
}

.box-content .box-head-text #pagesNavi {
    padding-top: 0px;
}

.box-content #pagesNavi {
    padding-top: 20px;
}

#pagesNavi a {
    margin-left: 6px;
    color: #000;
    border: 1px solid #000;
    padding: 5px;
    font-size: 12px;
}
.activePage {
    margin-left: 6px;
    color: #fff;
    background: #5c7bad;
    border: 1px solid #000;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
}
#categoryHeadline {
    margin-left: 5px;
    padding-bottom: 10px;
    margin-top: 5px;
}
#categoryHeader {
    padding-bottom: 10px;
    margin-top: 5px;
    text-align: right;
}
a.manufacturersLink {
	color: #5D5D5D;
}
a#manufacturersActive {
    background-color: #5c7bad;
    color: #fff;
    font-weight: bold;
}
.box-head-text select {
    height: 20px;
    margin-top: -2px;
}
.pagesSelect {
    position: absolute;
    margin-top: 1px;
    width: 200px;
    display: none;
}

li .naviSubcategory {
    margin-left: -40px;
    padding-left: 40px;
    background-color: #addb10;
    cursor: pointer;
    padding-bottom: 2px;
}
.naviCategory {
    cursor: pointer;
    margin-bottom: 2px;
}
.naviCategory .active, .naviCategory .active a {
    height: 16px;
    width: 100%;
    margin-left: -20px;
    padding-left: 20px;
    color: #000000;
    font-weight: bold;
}
#aktuellesContent .box {
    position: relative;
    width: 261px;
}
#producerSelect {
    position: relative;
    top: -15px;
    display: none;
}
#sizeSelect {
    position: relative;
    top: -15px;
    visibility: hidden;
}
#producerSelectNoScript {
    position: relative;
    top: -15px;
}
#sizeSelectNoScript {
    position: relative;
    top: -15px;
    width: 100px;
}
#size_form {
    display: none;
}
.categoryButton, .categoryButtonActive {
    cursor: pointer;
}
#aktuellesContent .boxActual {
    float: left;
}
#aktuellesContent .box-content img {
    float: left;
}
.subcategoryActive {
    display: block;
    color: #b73631;
}
.naviSubcategory a:hover {
    color: #b73631;
}
.subcategoryInactive {
    display: none;
}
#articleWrapper {
    width: 100%;
}
#articleImages {
    position: relative;
    width: 250px;
    left: 500px;
    top: 80px;
    border: 1px solid blue;
}
#articleText {
    float: left;
    width: 400px;
}
#secureShopping {

}
#headlink a{
    position: absolute;
    left: 0px;
    height: 90px;
    width: 220px;
}
#headerImageLink a {
    position: absolute;
    left: 270px;
    height: 120px;
    width: 490px;
}

.startsiteImage {
    border: 1px solid #000000;
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
    background-color: #ffffff;
    text-align: center;
    margin-left: 10px;
}

.startsiteTopMarkenImage {
    height: 63px;
    background-color: #ffffff;
    text-align: center;
    margin-left: 2px;
    color: #012476;
}


#startsite th, td {
    padding: 5px 5px;
    text-align: left;
    vertical-align: top;
}

div.HeadlineText {
    font-size: 16px;
    font-weight: bold;
    color: #303030;
}


#pageFooter {
    clear: both;
    padding-top: 25px;
    text-align: center;
    line-height: 125%;
    color: #000;
}

#pageFooterAdd {
    text-align: center;
    line-height: 125%;
    color: #808080;
}

a.naviInitial {
    margin: 3px;
    font-size: 16px;
    color: #808080;
    font-weight: bold;
}

a.naviInitialActive {
    margin: 3px;
    font-size: 18px;
    font-weight: bold;
}



a.boldLink {
    font-weight: bold;
}
a.footerLink {
    color: #808080;
}

img.categoryImage {
  width: 95px;
}

#categoryFooter {
    text-align: center;
    font-size: 12px;
}
#categoryFooter a{
    text-decoration: none;
    color: #ccc;
}

#topManufacturers, #topCategories {
  width: 210px;
  font-size: 12px;
  float: left;
  margin: 0 0 0 20px;
}
#topManufacturers ul, #topCategories ul{
  list-style-type: disc;
  margin: 0 0 0 20px;
  padding: 0px;
}

#searchHeader {
    height: 225px;
    margin: 20px 0 0 15px;
}
#searchHeader form {
  margin: 20px 0 50px;
}
#searchHeader #searchStuff {
  width: 250px;
  font-size: 12px;
  padding-left: 0;
  float: left;
  margin-right: 30px;
}
#searchHeader #searchStuff a {
  text-decoration: underline;
}
#searchHeader input {
  width: 190px;
  font-size: 12px;
  border: 1px inset;
}
#searchHeader button {
  padding: 0 1px;
  font-size: 12px;
}
#searchHeader span {
  font-size: smaller;
}

#searchContent{

}
#searchResults {
  width: 100%;
}
#searchResults th {
  text-align: left;
  border-bottom: 1px solid #2d466e;
}
#searchResults td {
  vertical-align: middle;
  padding: 5px 2px 2px;
}
#searchResults .price {
  width: 50px;
  text-align: right;
}
#searchResults tr {
  position: relative;
}
#searchResults td.points div {
  position: absolute;
  font-size: 18pt;
  font-weight: bold;
  color: #ef9534;
  vertical-align: bottom;
  padding: 2px;
  top: 0px;
}
#searchResults td.points {
  display: block;
  position: relative;
}
#searchResults td a {
  color: #2d466e;
  font-weight: bold;
}
#contactList li {
    padding: 2px 0 2px;
}
div.contactLink {
   padding: 5px 35px;
   font-weight: bold;
}
#sizeSelectButtonPassiv {
   display: none;
}
span.redText {
    font-weight: bold;
    color: #c00;
}
#errordiv {
    display: none;
}
.categorySeperator {
    height: 12px;
}
a.button {
    height: 17px;
    display: block;
    float: left;
    margin: 0px;
    padding: 12px 2px 0px 2px;
    font-size: 12px;
    background-image: url('/images/button-bg.gif');
    background-repeat: repeat-x;
    background-position: top left;
}
a.sort-down,
a.sort-up {
  padding-left: 18px;
  height: 16px;
  background: url(/images/sort.gif) no-repeat;
  margin: 0 2px;
}
a.sort-down {
  background-position: 0 -16px;
}
a.sort-up {
  background-position: 0 0;
}
#pageInfo table {
    width: 780px;
    padding: 0px;
    margin: 0px;
}
#pageInfo table tr td.info {
    width: 730px;
    padding: 0px;
}
#pageInfo table tr td.recommend {
    width: 50px;
    padding: 0px;
}

img#showInfo {
    cursor: pointer;
    margin-left: 5px;
}

div#subCategoryText {
    position: absolute;
    display: none;
    z-index: 2;
    width: 550px;
    background-color: #f8f8f8;
    border: 1px solid #000;
    padding: 5px;
}

div#subCategoryText div#subCategoryTextClose {
    margin-top: 5px;
    text-align: right;
}
#contentLayer{
   width:500px; 
   height:500px;
   overflow: auto;
}

a.mybutton {
    font-size: 0.9em;
    background: transparent url('/images/button-right.png') no-repeat scroll top right;
    display: block;
    float: right;
    margin-top: 10px;
    margin-right: 5px;
    padding: 0 20px 10px 0;
}
a.mybutton span {
    color: #000;
    background: transparent url('/images/button-left.png') no-repeat;
    display: block;
    padding: 8px 0 10px 40px;
}
a.mybutton span.next {
    background: transparent url('/images/button-left-next.png') no-repeat;
}
a.mybutton span.prev {
    background: transparent url('/images/button-left-prev.png') no-repeat;
}

a.mybutton2 {
    font-size: 0.9em;
    background: transparent url('/images/button-right2.png') no-repeat scroll top right;
    display: block;
    float: right;
    margin-right: 5px;
    padding: 0 20px 10px 0;
}
a.mybutton2 span {
    color: #000;
    background: transparent url('/images/button-left.png') no-repeat;
    display: block;
    padding: 12px 0 10px 40px;
}
a.mybutton2 span.next {
    background: transparent url('/images/button-left-next.png') no-repeat;
}
a.mybutton2 span.prev {
    background: transparent url('/images/button-left-prev.png') no-repeat;
}

/* jquery autocomplete */

.ac_results {
  color: #333;
  background-color: #fff;
  border: 1px solid #666;
  font-family: Arial, Verdana;
  font-size: 12px;
  overflow: hidden;
  min-width:160px;
  z-index: 4;
}

.ac_results ul {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-position: outside;
  overflow: auto;
}

.ac_results li {
  display: block;
  white-space: nowrap;
  cursor: pointer;
  margin: 0px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #fff;
}

.ac_results iframe {
    display:none;/*sorry for IE5*/
    display/**/:block;/*sorry for IE5*/
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    filter:mask();
    width:3000px;
    height:3000px;
}

.form-autocomplete {
    background: url('/images/throbber.gif') no-repeat 100% 2px #FFF;
    width: 160px;
}

.ac_loading {
    background-position: 100% -18px;
}

.ac_over {
    background-color: #cef;
    border-top: 1px solid #9bc;
    border-bottom: 1px solid #9bc;

}
.ac_match {
    text-decoration: none;
    color: #0F0;
}
.ac_results em {
  font-style: normal;
  font-weight: bold;
  color: #2D466E;
}

div.versandPage {
    background-image: url(/images/Teeversand-500-teesorten.jpg);
    background-repeat: no-repeat;
    background-position: top right;
}

div.versandPage #content {
    width: 650px;
}	

.liebhaberTeaser {
    float: left;
    width: 235px;
    padding: 15px 10px 5px 15px;
}

.liebhaberTeaser+.liebhaberTeaser {
    padding: 15px 10px 5px 10px;
}

.liebhaberTeaser+.liebhaberTeaser+.liebhaberTeaser {
    padding: 15px 15px 5px 10px;
}

.liebhaberTeaser .teaserTitle {
    font-weight: bold;
    padding-bottom: 12px;
    display: block;
}

.liebhaberTeaser .teaserContent {
    height: 70px;
    display: block;
}

div.topArticle {
    float: left;
    width: 240px;
    margin: 0px 5px 0px 5px;
    height: 120px;
    text-align: left;
}

#stdPageContent #topArticles {
    width: 200px;
    margin-left: 10px;
    float: left;
}/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
#lva {
    width: 100%;
    position: relative;
}

#lva_scroller {
}

div.lva_header {
    padding-left: 10px;
}

div.lva_content {
}

.jcarousel-skin-tango .jcarousel-container {
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 711px;
    padding: 10px 26px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 100px;
    height: 102px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  711px;
    height: 102px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  100px;
    height: 100px;
}

.jcarousel-skin-tango .jcarousel-item {
    position: relative;
    width: 237px;
    height: 102px;
    padding: 0;
    margin: 0;
}

.jcarousel-skin-tango .jcarousel-item .pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    padding: 0;
    margin: 0;
    border: 1px solid #000;
}

.jcarousel-skin-tango .jcarousel-item .caption {
    position: absolute;
    top: 0;
    left: 105px;
    width: 100px;
    padding: 0;
    margin: 0 15px 0 5px;
    text-align: left;
    font-size: 0.9em;
}

.jcarousel-skin-tango .jcarousel-item .price {
    position: absolute;
    bottom: 0;
    left: 110px;
    font-size: 0.9em;
    text-align: left;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
}

.jcarousel-skin-tango .jcarousel-item-vertical {
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #fff;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 32px;
    height: 100px;
    cursor: pointer;
    background: transparent url(/images/next.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 10px;
    left: -5px;
    width: 32px;
    height: 100px;
    cursor: pointer;
    background: transparent url(/images/prev.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/next.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/prev.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;	
    z-index: 3000;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
    position: absolute;
    top: 150px;
    left: 200px;
    margin-left: 0;
     
    background: none;
    background-color: transparent;
    height: 1px;
}








/**
 * css-definitionen für das layer-fenster
 */
 .jqm {
    background-color: #cbd7e9;
    font-size: 12px;
    margin-top: 0px;
    margin-left: 5px;
}

.jqmDrag {
    height: 15px;
    margin-top: 5px;
    cursor: pointer;
}
 
 .jqmContent {
    margin: 0px 5px 5px 5px;
    padding: 0px 5px 10px 5px;
    font-size: 12px;
    overflow: hidden;
}

.jqm-head-text, .jqm-head-text h2 {
    position: relative;
    top: -10px;
    left: -8px;
    font-size: 12px;
    padding-left: 5px;
    padding-top: 0px;
    font-weight: bold;
}

.jqm-top-left {
    background-image: url("/images/layer_ol.gif");
    background-repeat: no-repeat;
    background-position: top left;
}
.jqm-top-right {
    background-image: url("/images/layer_or.gif");
    background-repeat: no-repeat;
    background-position: top right;
}
.jqm-top-middle {
    background-image: url("/images/layer_o.gif");
    background-repeat: repeat-x;
    background-position: top;
    padding-left: -20px;
}
.jqm-middle-left {
    background-image: url("/images/layer_l.gif");
    background-repeat: repeat-y;
    background-position: left;
    padding-top: 0px;
}
.jqm-middle-right {
    background-image: url("/images/layer_r.gif");
    background-repeat: repeat-y;
    background-position: right;
}
.jqm-bottom-left {
    background-image: url("/images/layer_ul.gif");
    background-repeat: no-repeat;
    background-position: bottom left;
}
.jqm-bottom-right {
    background-image: url("/images/layer_ur.gif");
    background-repeat: no-repeat;
    background-position: bottom right;
}
.jqm-bottom-middle {
    background-image: url("/images/layer_u.gif");
    background-repeat: repeat-x;
    background-position: bottom;
}
.jqm-head-text h1 {
    font-size: 12px;
    position: relative;
    top: -10px;
    color: #000000;
}
.jqm-content h2 {
    font-size: 14px;
}/* beginn produkt des monats */
#stdpotmcontent{
   margin-top: 50px;
}

*+html #stdpotmcontent { /* IE7 */
   margin-top: 70px;
}


#potmcontent{
   font-family: verdana, helvetica, arial, sans-serif;
   float: left;
   width: 649px;
}

#potmcontent a, #specialsbox a{
   text-decoration: underline;
   font-weight: bold;
   color: #012476;
}

#potmcontent div.box{

}

#tipbox div.box{
   background-color: #fff;
}

* html #potmcontent { /* Nur IE bis Version 6 */
   width: 600px;
}

#potmcontent{
   font-size: 12px;
}

#potmOverview {
    width: 616px;
    float: left;
    margin-right: 14px;
}

#potmOverview .article {
    float: left;
    width: 280px;
    height: 150px;
    margin-left: 12px;
    margin-top: 10px;
}

#potmOverview .article .image {
    float: left;
    width: 100px;
    height: 100px;
    background-color: #fff;
    border: 1px solid #000;
    margin-right: 10px;
    text-align: center;
}
#potmOverview .article .image img {
    vertical-align: middle;
}

#potmOverview .article .text {
    float: left;
    width: 168px;
}

#potmOverview h1 {
    font-size: 12px;
    margin: 0px;
    color: #000;
    margin: 5px 0px 20px 8px;
}


#boxpotmenue{
   font-family: verdana, helvetica, arial, sans-serif;
   width: 150px;
   float: left;
}
#boxpotmenue a.active {
    color: #666;
}
#boxpotmenue a.inactive {
    color: #000;
}

.datetext, .titletext{

   text-decoration: none;
   color: black;
}

.datetextActive, .titletextActive{

   text-decoration: none;
   color: grey;
}

.datetext, .datetextActive{
   font-weight: bold;   
}
/* end produkt des monats*/

/* beginn special */
#specialsbox div.box{
   background-color: #fffecb;
}

#specialsPagesNavi{
   text-align: center;
}

#specialsPagesNavi a{
   text-decoration: none;
   margin-left: 5px;
}

#specialsPagesNavi span.specialsActive{
   font-weight: bold;
   text-decoration: none;
   color: #b24929;
   margin-left: 5px;
}
/* end special*/
#artikeldetailNavi {
    margin: 20px 0px 0px 0px;
    font-size: 0.8em;
}
#artikeldetailNavi a {
    text-decoration: underline;
}

#artikeldetailInfo {
    z-index: 1;
    width: 500px;
    float: left;
    padding: 0px 15px 10px 0px;
    margin: 0px 0px 50px 0px;
}

#artikeldetailInfo h1 {
    color: #000000;
    font-size: 1.2em;
}
#artikeldetailInfo ul li {
    margin: 0px;
}
#artikeldetailInfo li {
    margin-left: 20px;
}

#artikeldetailInfo table.stock_legend td {
    vertical-align: middle;
    padding: 0px 10px 0px 0px;
    line-height: 16px;
}
#artikeldetailInfo table.stock_legend td img {
    float: left;
    padding: 0px 5px 0px 0px;
}

#artikeldetailInfo table.artikeldetail {
    margin-top: 10px;
    background-color: #ffffff;
    width: 420px;
}

#artikeldetailInfo table.artikeldetail th {
    background-color: #e7e7e7;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #d6d6d6;
    margin-right: 1px;
    margin-bottom: 1px;
}

html>/**/body #artikeldetailInfo .specialpriceImages{
   padding-left: 420px; 
   position: absolute;
   width: 75px;
   z-index: -1;
}

* html #artikeldetailInfo .specialpriceImages{ /*Nur IE, nur Version 6*/
   left: 150px;
}

*+html #artikeldetailInfo .specialpriceImages { /*Nur IE, nur Version 7*/
   left: 150px;
}


#artikeldetailInfo table.artikeldetail tr.row_class_1 td {
    background-color: #fff;
}
#artikeldetailInfo table.artikeldetail tr.row_class_2 td {
    background-color: #e7e7e7;
}

#artikeldetailInfo table.artikeldetail td {
    vertical-align: middle;
}

#artikeldetailInfo table.artikeldetail td.center {
    text-align: center;
}

/** Groesse */
#artikeldetailInfo table.artikeldetail td.attribut2 {
    text-align: center;
}

#artikeldetailInfo span.oldprice{
   text-decoration: line-through;
   font-size: 10px;
}

#artikeldetailInfo span.woldprice{
   font-size: 10px;
}

span.pricecolor{
   color: #ff0000;
}

#artikeldetailInfo span.woldpricetext{
   font-size: 10px;
}

#artikeldetailBilder {
    width: 240px;
    border-width: 0px 2px 5px 2px;
    border-style: solid;
    border-color: #dfdfdf;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    float: left;
}
#artikeldetailBilder .buttons {
    width: 222px;
    /*height: 0px;*/
    background-color: #dfdfdf;
    padding: 10px;
}
#artikeldetailBilder .buttons img {
    margin-right: 4px;
}
#artikeldetailBilder .icons {
    width: 226px;
    text-align: center;
}
#artikeldetailBilder .picture {
    width: 240px;
    height: 240px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #767676;
    clear: both;
}
#artikeldetailBilder #pictureText {
    width: 231px;
    padding: 2px 5px 2px 5px;
    background-color: #929292;
    font-size: 1.0em;
}
#artikeldetailBilder #previewPictures {
    width: 212px;
}
#artikeldetailBilder #previewPictures .box {
    width: 100px;
    margin: 6px 0px 0px 6px;
    float: left;
}
#artikeldetailBilder #previewPictures .box .image {
    width: 100px;
    height: 100px;
    text-align: center;
    border: 1px solid #767676;
}
#artikeldetailBilder #previewPictures .box .imageText {
    width: 98px;
    padding: 1px 2px 1px 2px;
    background-color: #929292;
    font-size: 0.8em;
    min-height: 28px;
}

#artikeldetailVersandinfo {
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    clear: left;
}
#artikeldetailVersandinfo div.image {
    float: left;
    margin-right: 10px;
}
#artikeldetailVersandinfo div.text {
    float: left;
    height: 38px;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}

#articleRelations {
    clear: both;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin-bottom: 50px;
}
#articleRelations .articleRelation {
    float: left;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 10px;
    width: 180px;
    /*height: 200px;*/
}

#articleLvR {
    width: 768px;
    margin-left: -5px;
}

#articleRelations .box-content {
   /*height: 390px;*/
}
#articleRelations .lva_content {
   height: 140px;
}
#articleRelations .articleRelation .image {
    width: 100px;
    height: 100px;
    border: 1px solid #000;
    background-color: #fff;
    margin: 0 auto 0 auto;
}
#articleRelations .articleRelation .headline {
    height: 18px;
    text-align: center;
    font-weight: bold;
}


#articleFooter {
    clear: both;
    width: 800px;
    text-align: center;
    margin: 20px 0px 20px 0px;
}

#confirmWindow {
    position: absolute;
    display: none;
    z-index: 99;
    top: 400px;
    left: 80px;
    width: 500px;
    height: 160px;
    padding: 15px 5px 5px 10px;
    border: 2px solid #0f3775;
    background: #f7f7f7;

}
#confirmWindow .text {
    position: relative;
    width: 100%;
    line-height: 10px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
#confirmWindow .text img {
    float: left;
    padding-right: 5px;
}
#confirmWindow .detail {
    position: relative;
    width: 340px;
    height: 45px;
    margin: 0px;
    padding: 0px;
    top: 25px;
}
#confirmWindow .buttons {
    position: absolute;
    margin: 0px;
    padding: 0px;
    top: 140px;
}

#confirmWindow .buttons img {
    float: left;
    top: 40px;
}
#confirmWindow .buttons img.buttonRight {
    margin-right: 10px;
}

input.artikeldetailMenge {
    text-align: right;
    font-size: 12px;
    padding: 0px;
    border: 1px #000000 solid;
}
/* START css zu zoomer.js */
#zoomer {
  position: absolute;
  top: 100px;
  left: 266px;
  display: none;
  width: 1000px;
  height: 750px;
  background-color: white;
  border: 2px solid #e2e7f0;
  font-size: 12px;
  line-height: 14px;
  
}
#zoomer .current {
  width: 800px;
  position: absolute;
  top: 22px;
  left: 0;
}
#zoomer .current img {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;  
}
#zoomer .images {
  position: absolute;
  top: 22px;
  right: 0;
}
#zoomer .images div {
  position: relative;
  width: 100px;
  cursor: pointer;
  font-size: 0.8em;
  border: 1px solid #929292;
}
#lense {
  display: none;
  position: fixed;
  top: 100px;
  left: 10px;
  width: 250px;
  height: 250px;
  border: 1px solid #929292;
}
#lense h3 {
  background-color: #929292;
  color: white;
  font-weight: bold;
  margin: 0;
  padding: 3px 0;
  text-align: center;
  height: 14px;
  font-size: 9pt;
}
#lense div {
  background: url(/js/greybox/indicator.gif) white 85px 175px fixed no-repeat;
  overflow: hidden;
  width: 250px;
  height: 230px;
  position: relative;
}
#lense img {
  position: absolute;
  overflow: hidden;
}
.zoomable {
  position: absolute;
  top: 0px;
  left: 0px;
}
#zoomer .toolbar {
  height: 22px;
  background: url(/images/box-verlauf.gif) 8px 0 repeat-x;
  /* background: url(/images/box-o-links.png) 0 0 no-repeat, url(/images/box-o-rechts.pngwww) right top no-repeat, url(/images/box-verlauf.gif) 8px 0 repeat-x; */
  alignment: right;
  padding: 4px 10px 0 0;
  text-align: right;
  color: white;
  font-weight: bold;
}
#zoomer .toolbar span {
  cursor: pointer;
}
.tracker {
  display: none;
  border: 10px inset white;
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  height: 230px;
  z-index: 11;
}

/* START css zu zoomer.js */
#zoomer {
  position: absolute;
  top: 100px;
  left: 266px;
  display: none;
  width: 1000px;
  height: 750px;
  background-color: white;
  border: 2px solid #ddd;
  font-size: 12px;
  line-height: 14px;

}
#zoomer .current {
  width: 800px;
  position: absolute;
  top: 49px;
  left: 0;
}
#zoomer .current .img {
  position: relative;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
#zoomer .images {
  position: absolute;
  top: 49px;
  right: 0;
}
#zoomer .images div {
  position: relative;
  width: 100px;
  cursor: pointer;
  font-size: 0.8em;
  border: 1px solid #929292;
  text-align: center;
}
#lense {
  display: none;
  position: fixed;
  top: 100px;
  left: 10px;
  width: 250px;
  height: 250px;
  border: 1px solid #929292;
}
#lense h3 {
  background-color: #929292;
  color: white;
  font-weight: bold;
  margin: 0;
  padding: 3px 0;
  text-align: center;
  height: 14px;
  font-size: 9pt;
}
#lense div {
  background: url(/js/greybox/indicator.gif) white 85px 175px fixed no-repeat;
  overflow: hidden;
  width: 250px;
  height: 230px;
  position: relative;
}
#lense img {
  position: absolute;
  overflow: hidden;
}
.zoomable {
  position: absolute;
  top: 0px;
  left: 0px;
}
#zoomer .toolbar {
  height: 22px;
  background: url(/images/box-verlauf.gif) 8px 0 repeat-x;
  padding: 4px 10px 0 0;
  text-align: right;
  color: white;
  font-weight: bold;
}
#zoomer .toolbar .close {
  cursor: pointer;
  padding: 2px 8px;
}
#zoomer .toolbar .title {
  position: absolute;
  left: 5px;
  top: 4px;
  max-width: 90%;
  text-align: left;
  overflow: hidden;
  width: 90%;
  white-space: nowrap;
  color: black;
}
#zoomer .current .tracker {
  display: none;
  border: 1px solid black;
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  height: 230px;
  z-index: 11;
  background-color: #fff;
  cursor: move;
}
#zoomer .actionbar {
  height: 22px;
  text-align: left;
  color: black;
  font-weight: normal;
  position: relative;
}
#zoomer .actionbar .left select {
  margin-left: 10px;
}

#zoomer .actionbar .status {
  margin-left: 20px;
}
#zoomer .actionbar .basket {
  margin-left: 20px;
  margin-right: 10px;
}
#zoomer .actionbar .right {
  position: absolute;
  right: 0px;
  top: 0;
}
#zoomer .actionbar .right .recommendLinkBox {
  margin-left: 10px;
  margin-right: 10px;
}
/* END css zu zoomer.js */table.basket {
    width: 100%;
    border-collapse: collapse;
}

table.basket tr.basketItem {
    border-bottom: 1px dashed #999;
}

table.basket tr.basketItem td a {
    color: #012476;
    font-weight: bold;
}

table.basket th {
    background: #eee;
    padding: 2px 5px;
    text-align: left;
}

table.basket th.right {
    text-align: right;
}

table.basket td {
    padding: 3px 5px;
}

table.basket td.right {
    text-align: right;
}

table.basket td.center {
    text-align: center;
}

table.basket td.vcenter {
    vertical-align: middle;
}

table.basket td.voucherPrice {
    text-align: right;
}

input.artikeldetailMenge {
    width: 20px;
    text-align: center;
}

input#input_voucher_no {
    text-align: center;
}

div#lowValueWarning {
    position: absolute;
    display: none;
    padding: 5px 5px 5px 55px;
    width: 490px;
    border: 2px solid #b0b0b0;
    background-color: #e0e0e0;
    left: 110px;
    z-index: 99;
    background-image: url('/images/warning_yellow.gif');
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

div#lowValueWarning div.lowValueClose {
    text-align: right;
    width: 540px;
    top: 20px;
}#sicherEinkaufen {
   margin: 0 0 0 50px;
   padding: 15px 0 0 0;
   list-style: none;
   font-size: 11px;
   color: #000;
}

input:focus, textarea:focus, select:focus {
    border: 1px solid #080;
}
table.address td {
    color: #000;
    font-weight: normal;
    vertical-align: middle;
}
table.address td {
    color: #000;
    font-weight: normal;
    vertical-align: middle;
}
table.address td.mandatory {
    font-weight: bold;
    white-space: nowrap;
}
table.address span.star {
    color: #f00;
    font-weight: bold;
}
table.address input[type='text'], textarea {
    margin:0;
    margin-right:10px;
    width: 235px;
}
div.info {
    position: absolute;
    background-color: #ffffe1;
    border: 1px solid #000;
    padding: 10px;
}
#adresszusatzinfo {
    top: 170px;
    left: 120px;
}
#phoneinfo {
    top: 70px;
    left: 500px;
}
#dateofbirthinfo {
    top: 40px;
    left: 550px;
}
#sendOrder {
    clear: both;
    text-align: right;
    padding-left: 300px;
}
#sendOrder input {
    border: none;
}

h2.cashForm {
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 8px;
    font-size: 1.2em;
}

#cashLogin {
    width: 795px;
    margin: 0 0 20px 5px;
    background-color: #dfeac8;
}
#cashLogin .header {
    width: 787px;
    height: 20px;
    padding: 3px 0px 0px 8px;
    background: url(/images/customer-login-top-bg.jpg);
    font-weight: bold;
}
#cashLogin .header strong {
	font-size: 1.2em;
}
#cashLogin .content {
    width: 775px;
    padding: 10px;
    background: url(/images/customer-login-bottom-bg.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
}

table.deliveryTable {
    border: 0px;
    padding: 0px;
    width: 100%;
    vertical-align: top;
}
table.deliveryTable td.address {
    width: 45%;
    vertical-align: top;
}
table.deliveryTable td.messageNote {
    width: 15%;
    vertical-align: top;
    text-align: right;
}
table.deliveryTable td.message {
    width: 40%;
    vertical-align: top;
    text-align: left;
}

#checkoutContinue {
    padding-left: 680px;
}

* html #checkoutContinue { /* IE6 */
   width: 120px;
}

.checkout-buttons{
   text-align: right;
   margin-top: 10px;
   float: right;
}


#privacyNote{
   float: left;
}

#deliveryAddressForm{
   width: 800px;
}

#navigation-bottom {
   margin-left: 10px;
   margin-top: 10px;
}

#navigation-bottom ul{
   margin: 0;
   padding: 0;
   list-style: none;
}

#navigation-left ul li:hover {
    background: none;
}

a.mybutton {
   padding-left: 15px;
}#header {
    height: 174px;
    padding-bottom: 0;
}
#left {

}
#right {

}
div.section {
    margin: 0;
    padding: 0;
    font-size: 12px;
    width: 195px;
    border-bottom: 1px solid #ccc;
    padding: 10px 10px 5px 10px;
}
div.section strong {
    display: block;
    margin: 0;
    padding: 0;
    margin: 0 0 5px 0;
}
div.section p {
    margin: 0;
    padding: 0;
    margin: 0 0 8px 10px;
}
div.section ul {
    margin: 0 0 0 20px;
    padding: 0;
}
div.section ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
div.section ul li.info {
    list-style-image:url('/images/cash_info.png');
}
div.section ul li a {
    color: #080;
    font-weight: bold;
}
div.button-next {
    text-align: right;
    padding-top: 20px;
}table#steps {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
table#steps tr {
    margin: 0;
    padding: 0;
}
table#steps td {
    width: 25%;
    color: #999;
    background: #ebe4dd;
    padding: 10px;
    font-size: 0.9em;
    border: 1px solid #ebe4dd;
}
table#steps td.active {
    width: 25%;
    color: #666;
    background: #fff;
    border: 1px dotted #999;
}
table#steps td.active_done {
    width: 25%;
    color: #666;
    background: #fff;
    border: 1px dotted #999;
}
table#steps td.done {
    background: #ebe4dd;
    border: 1px solid #ebe4dd;
}
table#steps td.done_done {
    width: 25%;
    color: #999;
    background: #ebe4dd;
    padding: 10px;
    font-size: 0.9em;
    border: 1px solid #ebe4dd;
}
table#steps td.done:hover {
    color: #666;
    background: #fff;
    border: 1px dotted #999;
}
table#steps td.done a {
    color: #012476;
}
table#steps td#step_4 {
    display: none;
}
table#steps td div.number {
    display: inline;
    font-size: 2.0em;
}
table#steps td div.title {
    display: inline;
    font-size: 1.2em;
}
table#steps td.active div.number {
    color: #012476;
}
table#steps td.active div.title {
    color: #012476;
}
table#steps td div.text {
    margin-top: 10px;
}
table#steps td a.step_link {

}/* standardmäßig so */
.newsletter {
    color: #000000;
    font-family: Arial,Verdana,Helvetica;
    font-size: 12px;
    scrollbar-base-color: #ffcc99;
    scrollbar-track-color: #cccc99;
    scrollbar-face-color: #000000;
    scrollbar-highlight-color: #ffcc99;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-shadow-color: #ffcc99;
    scrollbar-arrow-color: #000000;
    margin-top: 10px;
}

/* links */
.newsletter a {
    font-size: 12px;
    text-decoration: underline;
    font-weight: normal;
    color: #000000;
    font-family: Arial,Verdana,Helvetica;
}

.newsletter a:hover {
    font-size: 12px;
    text-decoration: underline;
    font-weight: normal;
    color: #000000;
    font-family: Arial,Verdana,Helvetica;
}

.newsletter a.beige {
    color: #ffffcc;
}

.newsletter a.baige:hover {
    color: #ffffcc;
}

.newsletter a.black {
    color: #000000;
}

.newsletter a.black:hover {
    color: #000000;
}

.newsletter a.white {
    color: #ffffff;
}

.newsletter a.white:hover {
    color: #ffffff;
}


/* noch ein paar standards */
.newsletter font     {FONT-FAMILY: Arial,Verdana,Helvetica; FONT-SIZE: 12px}
.newsletter TD       {FONT-FAMILY: Arial,Verdana,Helvetica; FONT-SIZE: 12px}
.newsletter TH       {FONT-FAMILY: Arial,Verdana,Helvetica; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #FFFFFF}
.newsletter P        {FONT-FAMILY: Arial,Verdana,Helvetica; FONT-SIZE: 12px}
.newsletter DIV      {FONT-FAMILY: Arial,Verdana,Helvetica; FONT-SIZE: 12px}
.newsletter INPUT    {FONT-SIZE: 12px; FONT-FAMILY: Arial,Verdana,Helvetica;}
.newsletter TEXTAREA {FONT-SIZE: 12px; FONT-FAMILY: Arial,Verdana,Helvetica;}
.newsletter SELECT   {FONT-SIZE: 12px; FONT-FAMILY: Arial,Verdana,Helvetica;}
.newsletter FORM     {FONT-FAMILY: Arial,Verdana,Helvetica; FONT-SIZE: 10px}
.newsletter H3       {COLOR: #000000; margin-top: .5em; margin-bottom: .5em; FONT-FAMILY: Arial,Verdana,Helvetica;}

.newsletter table,
.newsletter th,
.newsletter td {
    padding: 0px;
}

.newsletter_formtable,
.newsletter_formtable th,
.newsletter_formtable td {
	padding: 2px 0% 2px 10px;
	border-collapse: collapse;
	border-spacing: 0px;
}

.newsletter_formtable .error {
	color: red;
}


/* boxen */
.boxnewsletterform {
    margin-top: 0px;
}

.boxnewslettercontent {
    font-family: verdana, helvetica, arial, sans-serif;
    float: left;
    width: 606px;
    font-size: 12px;
}

* html .boxnewslettercontent{ /* IE6 */
   width: 600px;
   overflow: hidden;
}

.boxnewslettermenue {
    font-family: verdana, helvetica, arial, sans-serif;
    width: 174px;
    float: right;
}

/* ausgewählter newsletter */
.boxnewslettermenue .selected {
    color: #666;    
} .recommendLinkBox{cursor:pointer;display:none}#rexxJqmClose{float:right;cursor:pointer}#fromData.recommendForm{clear:both;float:left;display:block;width:49%}#toData.recommendForm{float:right;display:block;width:49%}#mailData.recommendForm{clear:both;display:block;padding-top:15px}* html #mailData.recommendForm{padding-top:0}#captcha.recommendForm{clear:both;display:block;margin-left:8px;margin-top:25px}#captcha.recommendForm img{float:left;display:block;margin-right:15px;border:1px solid #000}#captchaReloadBlock{padding-top:10px}#send.recommendForm{clear:both;display:block;margin-top:15px;height:20px}.recommendForm h3{margin:2px}.recommendForm #recommendCapcha{float:left;padding-bottom:5px}.recommendForm .formFieldName{clear:both;float:left;display:inline;line-height:20px;font-weight:bold}.recommendForm .formField{float:right;display:inline}.recommendForm .formField input{line-height:20px}#fromData.recommendForm .formField,#toData.recommendForm .formField{width:270px}#mailData.recommendForm .formField{width:565px;float:right;margin-bottom:20px}.recommendForm #recommendSubmit{display:inline;float:right;margin:1px}.recommendForm #recommendExit{display:inline;float:right;margin:1px}#recommendError{display:none;min-height:30px}#recommendSuccess{min-height:30px;margin-bottom:20px}#naviManufacturersInitials { 
    padding: 0px 5px 10px 15px;
}

#stdPageContent .background {
    background-repeat: no-repeat;
    background-position: bottom; 
    height: auto;
    width: 831px;
    
}

#manufacturerWrapper {
   height: 300px;
   padding-bottom: 300px;

}

div.markenTeaser { 
    float: left;
    width: 200px;
    height: 200px;
    padding: 5px;
    margin: 5px;
}

div.markenTeaser div.logo {
    height: 100px;
    text-align: center;
}

a.markenTeaserLink { 
    font-size: 16px;
    font-weight: bold;
    color: #012476;
}
div.markenCatNavigation { 
    clear: both;
    text-align: center;
    padding: 15px 35px;
}

a.markenCatLink { 
    white-space: nowrap;
    padding: 5px 7px;
}

h1.markenHeadline { 
    color: black;
    margin-top: 0px;
}

#manufacturerTeaser { 
    padding: 10px 20px 25px 0px;
}
#manufacturerTeaserLogo { 
    width: 140px;
    min-height: 375px;
    float: left;
    padding-right: 50px;
    padding-bottom: 5px;

}
#manufacturerTeaser .text {
	width: 770px;
	float: right;
}
#manufacturerTeaser .categories {
	margin-top: 20px;
	position: relative;
}

#manufacturerTeaser .categorieLink {
   padding-right: 20px;
   float: left;

}

div.manufacturerCategory { 
    float: left;
    text-align: center;
    width: 180px;
    height: 110px;
    padding: 5px;
    margin: 5px;
}

a.manufacturerCatLink { 
    font-weight: normal;
}

div.manufacturerParentCategory { 
    clear: both;
    padding:3px 0px;
    font-weight: bold;
    padding-top: 30px;
}

a.manufacturerParentCatLink {
    font-size: 14px;
    color: black;
}

#manufacturerBox {
   width: 260px;
   background: #c1e770;
   float: left;
   margin: 40px 4px 0px 2px;
   position: relative;
}

#manufacturerBox .boxhead {
	font-weight: bold;
	background: #c1e770;
	height: 20px;
	padding-top: 5px;
	padding-left: 10px;
}

#manufacturerBox .boxcontent {
   background: #fff;
   margin-left: 1px;
   margin-right: 1px;
   min-height: 130px;
   position: relative;
}

#manufacturerBox .icon {
   float: left;
   padding-top: 30px;
   padding-right: 10px;
}

#manufacturerBox .text {
   padding-left: 80px;
   padding-top: 15px;
}

#allemarkenContent {
	padding-left: 50px;
	padding-top: 30px;
}/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
#lva {
    width: 100%;
    position: relative;
}

#lva_scroller {
}

div.lva_header {
    padding-left: 10px;
}

div.lva_content {
}

.jcarousel-skin-tango .jcarousel-container {
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 711px;
    padding: 10px 26px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 100px;
    height: 102px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  711px;
    height: 102px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  100px;
    height: 100px;
}

.jcarousel-skin-tango .jcarousel-item {
    position: relative;
    width: 237px;
    height: 102px;
    padding: 0;
    margin: 0;
}

.jcarousel-skin-tango .jcarousel-item .pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    padding: 0;
    margin: 0;
    border: 1px solid #000;
}

.jcarousel-skin-tango .jcarousel-item .caption {
    position: absolute;
    top: 0;
    left: 105px;
    width: 100px;
    padding: 0;
    margin: 0 15px 0 5px;
    text-align: left;
    font-size: 0.9em;
}

.jcarousel-skin-tango .jcarousel-item .price {
    position: absolute;
    bottom: 0;
    left: 110px;
    font-size: 0.9em;
    text-align: left;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
}

.jcarousel-skin-tango .jcarousel-item-vertical {
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #fff;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 32px;
    height: 100px;
    cursor: pointer;
    background: transparent url(/images/next.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 10px;
    left: -5px;
    width: 32px;
    height: 100px;
    cursor: pointer;
    background: transparent url(/images/prev.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/next.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/prev.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}