/* FRAME */
body {
  margin:0px; padding:0px;
  background:#f3f3f3 url(/pix/structure/background.jpg) 0px 0px repeat-x;
  font-family:Tahoma,Arial,Liberation Sans,sans-serif;
  font-size:12px; line-height:14px; color:#424242
}

var { display:none }

img { border:0px none }

a { color:#424242; text-decoration:none }
a:hover { text-decoration:underline }

.arrowRight {
  padding-right:12px;
  background:url(/pix/navigation/arrowRighttWithoutSpace.gif) right center no-repeat
}
.arrowLeft {
  padding-left:12px;
  background:url(/pix/navigation/arrowRighttWithoutSpace.gif) left center no-repeat
}
.arrowList li {
  background:transparent url(/pix/navigation/arrowRight.gif) 0 top no-repeat;
  padding-left:10px; font-size:12px; line-height:16px;
}

form { margin:0px; padding:0px; display:inline }

label { cursor:pointer }

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

ul { list-style:none outside none; margin:0px; padding:0px }

.left { float:left }
.right { float:right }
.clear { clear:both; font-size:0px; height:0px; line-height:0px }
.bold {font-weight:bold;}

h1 {
  font-size:23px; line-height:25px;
  margin:8px 0px 16px 0px; padding:0px
}
h2 {
  font-size:18px; line-height:22px;
  margin:0px; padding:0px
}
h3 {
  font-size:16px; line-height:19px;
  margin:0px; padding:0px
}

h4 {
  font-weight:bold; font-size:14px; line-height:17px;
  margin:0px; padding:0px  
}

h5 {
  font-size:12px; line-height:14px;
  margin:0px; padding:0px
}

sup.smallSize {
  font-size:8px;
}

/* no jS info/-error-box */
#noJSBox { background:#fff; color:#e52030; font-weight:bold; padding:10px; border-bottom:2px solid #000 }
#noJSBoxHead { font-size:18px; margin-bottom:5px }

/* Border */
.borderTop2 td{
  border-top:2px solid #c8c8c8;
}
.borderTop1 td{
  border-top:1px solid #c8c8c8;
}
.borderTop1Bottom1 td{
  border-top:1px solid #c8c8c8;
  border-bottom:1px solid #c8c8c8;
}
.borderTop2Bottom1 td{
  border-top:2px solid #c8c8c8;
  border-bottom:1px solid #c8c8c8;
}

/* List */
.dot {
  list-style:disc;
  margin-left:13px;
}
/* Padding / Margin */
.top5{
  padding-top:5px;
}
.top10 {
  padding-top:10px;
}
.top20 {
  padding-top:20px;
}
.bottom10 {
  padding-bottom:10px;
}
.bottom20 {
  padding-bottom:20px;
}
.left10 {
  margin-left:10px;
  }
.right10 {
  margin-right:10px;
  }
.margin10{
  margin:10px 0px;
}
.margin20{
  margin:20px 0px;
}
.marginTop10{
	margin-top:10px;
}
.marginBottom20{
	margin-bottom:20px;
}
.marginLeft20{
  margin-left:20px;
} 

/* width */

.width140 {
  width:140px;
}
.width170 {
  width:170px;
}
.width220 {
  width:200px;
}
.width220 {
  width:220px;
}
.width250 {
  width:250px;
}
.width250 {
  width:250px;
}
.width320 {
  width:320px;
}
.width380 {
  width:380px;
}
.width390 {
  width:390px;
}
.width450 {
  width:450px;
}
.width520 {
  width:520px;
}

/* line-height */
.lh24{
  line-height:24px;
}

/* LINES */
.clipline {
  border-top:1px solid #e4e4e4;
  clear:both;
}

.captcha{
  float:left;
  width:320px;
}
.captcha #recaptcha_response_field {position:absolute;bottom:0px;left:0px;}

.pdf{
   background: url(/pix/logos/pdficon_small.gif) center left no-repeat;
   padding-left:26px;
   padding-top:5px;
}
#phoneInfo,
#contactForm{
  margin:10px;
}

#contactForm sup{
  font-size:9px;
  line-height:7px;
  vertical-align:top;
}

/* Teaser */
#teasers { overflow:hidden }
.teaserBox { position:relative; margin:8px auto; width:170px }
.teaserBox div { position:absolute; }
.teaserBox .bg2010 { position:relative; background-color:#fff; border:1px solid #ccc; }
.teaserBox .org { white-space:nowrap; position:relative; z-index:1; }
.teaserBox .shd { white-space:nowrap; z-index:0 }
.teaserBox .b { font-weight:bold }
.teaserBox .l { text-decoration:underline }
.teaserBox .lt { text-decoration:line-through }
.teaserBox .k { font-style:italic }
.teaserBox a { position:absolute; top:0; left:0; z-index:10 }
.teaser_pic { width:168px; height:220px }
.teaserLink { z-index:3 }
/* /Teaser */

/* PRICE */
.price { color:#ad0109 }
.price sup { vertical-align:top}

.productShort .strikedPrice {font-size:15px;line-height:15px;text-decoration:line-through}

/* STOCKSTATUS */
/* Innerhalb von 24h versandfertig */
.stockStatus1 {
  font-size:12px;
  line-height:14px;
  color:#009824;
  font-weight:bold
}
/*  Download sofort verfügbar */
.stockStatus11 {
  font-size:12px;
  line-height:14px;
  color:#009824;
  font-weight:bold
}
/* Innerhalb 24h versandfertig. Nicht für Ladenabholung */
.stockStatus12 {
  font-size:12px;
  line-height:14px;
  color:#009824;
  font-weight:bold
}
/*  innerhalt 48h versandfertig */
.stockStatus2 {
  font-size:12px;
  line-height:14px;
  color:#488A01;
  font-weight:bold
}
/* 3-5 Werktage lieferbar */
.stockStatus3 {
  font-size:12px;
  line-height:14px;
  color:#E4A100;
  font-weight:bold
}
/* Liefertermin unbekannt */
.stockStatus4 {
  font-size:12px;
  line-height:14px;
  color:#ad0109;
  font-weight:bold
}
/* Artikel wird extra bestellt */
.stockStatus5 {
  font-size:12px;
  line-height:14px;
  color:#E4A100;
  font-weight:bold
}
/* Neuer Artikel, erscheint am xx.xx.xx */
.stockStatus7 {
  font-size:12px;
  line-height:14px;
  color:#e4a100;
  font-weight:bold
}
/* FSK-18 */
.stockStatus8 {
  font-size:12px;
  line-height:14px;
  color:#009824;
  font-weight:bold
}
/* Komplett PC */
.stockStatus9 { 
  font-size:12px;
  line-height:14px;
  color:#72b0ff;
  font-weight:bold
}
/* STOCKSTATUS */
/* PAGE */


/* INFO-, SUCCESS-, ERRORBOX */
.messageBox { padding:10px }
.messageBox a { text-decoration: underline; }
.messageBox li.msgHead { font-weight:bold; font-size:14px; line-height:25px }
.successBox { border:2px solid #2d2; background-color:#efe; padding:10px }
.errorBox { border:2px solid #d22; background-color:#fee; padding:10px }
.infoBox { border:2px solid #ccc; background-color:#eee; padding:10px }
.messageBox.thanksBox { padding:0px; }

.errorText { color:#F00 }

/* BOXEN, TABBER, TOGGLE */
/* veraltet, tabberBox benutzen! */
.box .head { background:#ccc url(/pix/structure/boxHeaderBigBG.png) left top repeat-x }
.box .head ul li { float:left; text-align:center; padding:0px 8px; border-right:1px solid #919191 }
.box .head ul li a { float:left }
.box .head ul li:last-child { border-right:0px }
.box .head ul li.active, .box .head ul li:hover {
  background:url(/pix/structure/boxHeaderBigHoverBG.png) left bottom repeat-x
}
.box .head ul li a:hover { text-decoration:none }
.box .head ul li.toggle a { background:url(/pix/navigation/arrowDown.png) center right no-repeat }
.box .head ul li.toggle.open a { background:url(/pix/navigation/arrowUp.png) center right no-repeat }
/* veraltet, tabberBox benutzen! */

.tabberBox { border:2px solid #E4E4E4; margin:8px 0; }
.tabberBox .head { background:#ccc url(/pix/structure/boxHeaderBigBG.png) left top repeat-x; border-bottom:1px solid #D4D4D4; height:33px;}
.tabberBox .head ul li {font-size:14px; float:left; height:33px; line-height:33px; text-align:center; border-right:1px solid #919191 }
.tabberBox .head ul li a { float:left; }
.tabberBox .head ul li:last-child { border-right:0px }
.tabberBox .head ul li.active,
.tabberBox .head ul li a:hover { background:url(/pix/structure/boxHeaderBigHoverBG.png) left bottom repeat-x; text-decoration:none }
.tabberBox .head ul li .grey { font-weight:normal; color:#999; }
.tabberBox .head ul li.deactive a{ background:url(/pix/structure/boxHeaderBigGrey.png) left bottom repeat-x; text-decoration:none; color:#979797; cursor:default; }

.smallTabberBox { border: 2px solid #E4E4E4; margin: 8px 0; }
.smallTabberBox .head {
  background:#ccc url(/pix/structure/boxHeaderBG.png) left bottom repeat-x;
  height:22px;
  border-bottom:1px solid #D4D4D4;
  line-height:22px;
}
.smallTabberBox .head ul li {
  float:left;
  font-weight:normal;
  height:22px;
  line-height:22px;
  font-size:12px;
}
.smallTabberBox .head ul li.active,
.smallTabberBox .head ul li a:hover {
  background: url(/pix/structure/boxHeaderHoverBG.png) left bottom repeat-x;
  text-decoration:none;
}
.smallTabberBox .head ul li a {
  float:left;
  font-size:12px;
  height: 22px;
  line-height: 22px;
}

#mailTabs .active a{
    color:#AD0109;
  }
/* /BOXEN, TABBER, TOGGLE */

#page, #pageBig, #pageHuge,#pageRight {
  position:relative; z-index:0;
  padding:0px 24px 0px 24px; margin:0px auto; width:1032px;
  background:url(/pix/structure/shadowBG.png) 0px 0px repeat-y
}
#shadowBottom {
  margin:0px auto;
  height:21px;
  width:1080px;
  background:url(/pix/structure/shadowBottomBG.png) 0px 0px
}

/* SELECT INPUT FIELDS */
select { display:none }
select[name=companyType],
select[name=salutation] { float:left }

.sb_selectContainer {
  float:left;
  font-size:13px;
  line-height:19px;
  position:relative;
}
.sb_selectContainer .sb_select {
  background:url("/pix/navigation/arrowDown3.gif") no-repeat scroll right 0 #FAFAFA;
  border:1px solid #C0C0C0;
  cursor:pointer;
  display:block;
  height:19px;
  margin:4px 0;
  overflow:hidden;
  padding:0 25px 0 4px;
}
.sb_selectContainer .sb_select .sb_matching { background-color:#CDD8E4; }

.autocompleteContainer .autocompleteContent,
.sb_selectContainer .sb_options {
  background-color:#FFFFFF;
  border:1px solid #CCCCCC;
  display:none;
  left:0;
  line-height:18px;
  margin:0;
  max-height:220px;
  min-width:200px;
  overflow:auto;
  padding:0;
  position:absolute;
  z-index:100;
  top:26px;
}
.sb_selectContainer .sb_options .sb_li {
  cursor:pointer;
  display:block;
  list-style-type:none;
  margin:0;
  padding:0 2px;
  line-height:22px;
}
.autocompleteContainer .autocompleteContent .active,
.sb_selectContainer .sb_options .sb_selected { background-color:#EAF2FB }

.autocompleteContainer .autocompleteContent li:hover,
.sb_selectContainer .sb_options .sb_li.sb_hover,
.sb_selectContainer .sb_options .sb_li:hover { background-color:#CDD8E4 }

.sb_selectContainer .sb_options .sb_optgroupLabel {
  background-color:#DDE8F4;
  font-weight:bold;
  display:block;
  padding:2px 0 2px 10px;
  text-align:center;
}
.sb_selectContainer .sb_options .sb_optgroup .sb_li { padding-left:10px }

.autocompleteContainer .autocompleteContent { width:200px }
.autocompleteContainer {
  position:relative;
  float:left;
}
.autocompleteContainer .autocompleteContent li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}
.autocompleteContainer .autocompleteContent { top:25px }


#sb_birthdayDay {
  padding:0px 30px 0px 4px;
  margin:4px 2px 0px 0px;
  width:50px;
  float:left;
}
#sb_birthdayMonth {
  padding:0px 30px 0px 4px;
  margin:4px 2px 0px 2px;
  width:65px;
  float:left;
}
#sb_birthdayYear {
  padding:0px 30px 0px 4px;
  margin:4px 2px 0px 2px;
  width:55px;
  float:left;
}
#birthdayDay,
#birthdayMonth,
#birthdayYear { float:left }

.checkout select {
  background-color:#fafafa;
  border:1px solid #c0c0c0;
  margin:4px 0;
  padding:2px;
}
input[type=text],
input[type=password] {
  padding:2px;
  border:1px solid #c0c0c0;
  background-color:#fafafa;
  margin:3px 0;
  font-size:13px;
  line-height:16px;
}
input[type=text]#deliveryStreet,
input[type=text]#street { width:253px !important; margin-right:5px; }
input[type=text]#deliveryStreetNo,
input[type=text]#streetNo { width:50px !important; }
input[type=text]#deliveryCity,
input[type=text]#city { width:253px !important; }
input[type=text]#deliveryZip,
input[type=text]#zip { width:50px !important; margin-right:5px; }

label {
  margin:4px 0;
  font-size:13px;
  line-height:21px;
}
input[type=radio] {
  margin:5px 10px 0 0;
}
input[type=radio]#pod {
  margin:5px 10px 0 0;
}
input[type=radio]#creditcard {
  margin:8px 10px 0 0;
}
input[type=radio]#prepay{
  margin:4px 10px 0 0;
}
input[type=radio]#paypal{
  margin:10px 10px 0 0;
}
input[type=radio]#financial{
  margin:4px 10px 0 0;
}
input[type=checkbox] {
  margin:10px;
}
textarea {
  border:1px solid #c0c0c0;
  background-color:#FAFAFA;
  margin:0px;
  padding:2px;
  width:520px;
  resize: none;
}
#lightbox .address sup{
  font-size:8px;
  }
.lightboxFrame label {
  float:left;
  width:160px;
}
.lightboxFrame input[type=text],
.lightboxFrame input[type=password] {
  float:left;
  width:314px;
}
.lightboxFrame textarea {
  width:314px;
  height:60px;
  resize: none;
}

/* Inputs und div-Elemente als Fehlerhaft markieren */
textarea.error, input.error, select.error, .sb_selectContainer .sb_error, select.error, captcha.error input {
  border: 1px solid red !important;
}

/* SELECT INPUT FIELDS */

/* HEADER */
#header {
  height:98px;
  background-color:#262626;
  /*background-image:url(/pix/header/headerXMasBG.jpg);*/
  background-image:url(/pix/header/headerBG.jpg);
  background-repeat:no-repeat;
  position:relative;
  z-index:50;
}

#headerLogo {
  float:left;
  margin:24px 0 0 32px;
  width:288px; height:60px;
  /*background-image:url(/pix/spacer.gif);*/
  background-image:url(/pix/header/alternateLogo.png);
  background-repeat:no-repeat;
}

#headerCompare {
  height:70px;
  background-color:#262626;
  background-image:url(/pix/header/headerBG.jpg);
  background-repeat:no-repeat;
  position:relative;
  z-index:50;
}
#headerLogoCompare {
  float:left;
  margin:16px 0 0 25px;
  width:230px; height:54px;
  background-image:url(/pix/header/alternateLogoSmaller.png);
  background-repeat:no-repeat;
}
#cartBoxHover {
  margin-bottom:10px;
}
#headerLinks #toCartButton {
  margin:0px 12px 0 0;
  width:40px; height:36px;
  float:left;
}
#toCartButton.empty {
  background:url(/pix/cart/cart_empty.png) 0px 0px no-repeat;
}
#toCartButton.full{
  background:url(/pix/cart/cart_full.png) 0px 0px no-repeat;
}
#headerLinks {
  position:absolute; right:10px; bottom:0px; color:#e7e7e7;
  font-size:12px; line-height:15px; 
}
#headerLinks sup { vertical-align:text-top; line-height:12px}

#headerLinks p { line-height:15px; margin:8px 0 }
#headerLinks a { color:#e7e7e7; }

#headerLinks #loginHeader {
  margin-left:53px;
}

/* /HEADER */
/* TABBERS */
#tabberTabs {
  background-image:url(/pix/structure/tabber/tabberBG.png);
  background-repeat:repeat-x;
  border-bottom:1px solid #a4a4a3;
  height:35px;
  z-index:20;
  position:relative;
  overflow:hidden;
}

#tabberTabs li {
  position:relative;
}
#tabberTabs .tab {
  font-size:15px;
  text-decoration:none;
  height:35px;
  line-height:35px;
  margin:0px;
  padding:0 20px;
  display:block;
  border-right:1px solid #a4a4a3;
}
#tabberTabs li.left:hover {
  background-image:url(/pix/structure/tabber/tabberHoverBG.png);
  background-repeat:repeat-x;
}

/* SUB TABBER */
#tabberSub {
  background-image:url(/pix/structure/tabber/tabberSubBG.png);
  background-repeat:repeat-x;
  border-top:1px solid #82878a;
  border-bottom:1px solid #a4a4a3;
  height:35px;
  line-height:35px;
}
#default-search-value { display:none }
#search { 
  float:left;
  margin:2px 0px; 
  height:33px; 
  border-right:1px solid #b8c0c6; 
}
#search img { 
  margin:5px 0 0 15px;
  float:left;
  background-color:#fefefe;
  border:1px solid #aaa; border-right:0px 
}
#searchCriteria {
  float:left;
  height:20px;
  line-height:20px;
  background-color:#fefefe;
  border:1px solid #aaa; border-left:0px;
  margin:5px 0px 0px 0px;
  width:250px;
  color:#424242;
  padding:1px
}
#search .miniSearchSubmit {
  float:left;
  margin:8px 6px 0 6px;
}
#search .search-suggestions-header {
  color:#fff; background:#30424e;
  font-weight:bold; padding:3px
}
#search .autocompleteContent {
  left:-15px; top:28px; width:411px
}
#tabberSub a {
  font-size:13px;
  line-height:35px;
  color:#595959;
  text-decoration:none;
  height:33px;
  margin:2px 0px;
  padding:0 20px;
  display:block;
  float:left;
  border-right:1px solid #b8c0c6;
}
#tabberSub a:hover {
  background:url(/pix/structure/tabber/tabberSubHoverBG.png) 0px -3px repeat-x;
}
/* /SUB TABBER */


/* PageContent */
#content {
  position:relative;
  border-top:1px solid #dfe2e4;
  width:1032px;
  background:url(/pix/structure/pageContentTeaserBG.gif) 0px 0px repeat-y
}
#pageBig #content {
  background:#fff url(/pix/structure/pageContentBigBG.gif) 0px 0px repeat-y
}
#pageHuge #content { background:#fff }
#pageRight #content {
  background:#fff url(/pix/structure/pageContentBigRightBG.gif) 0px 0px repeat-y
}

#contentWrapper { float:left; }
#page #contentWrapper { background-color:#FFF }

#stage { width:836px; margin-top:-1px;}
.stage {
  background-repeat:no-repeat;
  background-position:0 0;
  display:block;
  width:836px;
  position:relative;
}

#pageContent { float:left; padding:8px; width:624px }
#pageBig #pageContent { width:820px }
#pageBig.themeworld #pageContent { float:left; width:836px; padding:0px; margin-top:-1px }
#pageHuge #pageContent { width:1016px }
#pageRight #pageContent { width:550px; }
#pageBottomContent { background-color:#FFF; padding:0 8px 8px 8px; }

.certificate .ehi {
  background:url(/pix/logos/ehi.gif) 0px 0px no-repeat;
  width:104px;
  height:70px;
  margin:10px auto;
  display:block;
}
.breadCrumbs { padding-bottom:8px }
#pageContent .breadCrumbs { padding:0 10px 3px; }

.sideArea { 
  width:196px;
  float:left;
}
.sideAreaBig {
	padding-top:8px;
  width:270px;
  float:left;
}
/* HIGHLIGHTS */
#highlightMatrix a:hover {
  text-decoration:none; 
  cursor:pointer;
}
/* 4x1 highlight */
.h4x1 {
  margin:0 10px 8px 10px;
  display:block;
  width:620px;
  height:242px;
  position:relative;
}
.h4x1 .highlights .item {
  background-repeat:no-repeat;
  background-position:0 0;
  width:620px;
  height:200px;
  position:absolute;
  left:0px;
  top:0px;
}
.h4x1 .highlights .item sup {
  font-size:24px;
  line-height:27px;
  vertical-align:top;
}
.h4x1 .control {
  position:absolute;
  bottom:0px;
  left:0px;
  background-image:url(/pix/structure/greyBG-45.png);
  width:620px;
  background-repeat:repeat-x;
}
.h4x1 .control .entry {
  width:155px;
  height:45px;
  float:left;
  color:#FFF;
  position:relative;
  border-right:1px solid #494C52;
}
.h4x1 .control .entry:hover { cursor:pointer }
.h4x1 .control .entry .image {
  width:30px;
  height:30px;
  margin:4px 4px 0 4px;
}
.h4x1 .control .entry .name {
  position:absolute;
  overflow:hidden;
  top:6px;
  left:45px;
  font-size:11px;
  line-height:13px;
  vertical-align:top;
  white-space:nowrap;
  width:100px;
}
.h4x1 .control .entry .price {
  position:absolute;
  bottom:6px;
  left:45px;
  font-size:11px;
  line-height:13px;
  color:#FFF;
  font-weight:bold;
}
.h4x1 .control .entry .themeworld {
  position:absolute;
  overflow:hidden;
  top:6px;
  left:6px;
  font-size:11px;
  line-height:13px;
  vertical-align:top;
  width:143px;
}
.h4x1 .control .entry.active {
  background-image:url(/pix/structure/dark-greyBG-45.png);
}
/* /h4x1 highlight */
/* 4x1 stageHighlightFade*/
.stageHighlightFade a:hover {
  text-decoration:none; 
  cursor:pointer;
}
.stageHighlightFade { 
  height:320px;
  position:relative;
}
.stageHighlightFade.count1 {
  height:280px;
}
.stageHighlightFade .item {
  background-repeat:no-repeat;
  background-position:0 0;
  width:836px;
  height:280px;
  position:absolute;
  left:0px;
  top:0px;
}
.stageHighlightFade .item sup {
  font-size:24px;
  line-height:27px;
  vertical-align:top;
}
.stageHighlightFade .control {
  width:836px;
  position:absolute;
  bottom:0px;
  left:0px;
  background-image:url(/pix/structure/light-greyBG-45.png);
  background-repeat:repeat-x;
  height:45px
}
.stageHighlightFade.count1 .control {
  display:none;
}
.stageHighlightFade .control .entry {
  width:209px;
  height:45px;
  float:left;
  position:relative;
  border-right:1px solid #a4a8b0
}
.stageHighlightFade .control .entry:hover { cursor:pointer }
.stageHighlightFade .control .entry .image {
  width:30px;
  height:30px;
  margin:4px 4px 0 4px;
}

.stageHighlightFade .control .entry .name {
  position:absolute;
  overflow:hidden;
  top:6px;
  left:40px;
  font-size:11px;
  line-height:13px;
  vertical-align:top;
  white-space:nowrap;
  width:160px;
}
.stageHighlightFade .control .entry .price {
  position:absolute;
  overflow:hidden;
  bottom:3px;
  left:40px;
  font-size:11px;
  line-height:13px;
  vertical-align:top;
  white-space:nowrap;
  width:160px;
}
.stageHighlightFade .control .entry .themeworld {
  position:absolute;
  overflow:hidden;
  top:6px;
  left:6px;
  font-size:11px;
  line-height:13px;
  vertical-align:top;
  width:200px;
}
.stageHighlightFade .control .entry.active {
  background-color:#bdbdbd;
}
/* 4x1 stageHighlightFade*/

/* 1x1 highlight */
#highlightMatrix .h1x1 {
  overflow:hidden;
  height:210px;
  float:left;
  position:relative;
  margin:0px 0px 8px 8px;
  padding:10px 6px 10px 10px;
  width:130px;
  border:2px solid #e4e4e4;
}
#highlightMatrix .h1x1 .manufacturerName {
  color:#767676;
}
#highlightMatrix .h1x1 .name {
  overflow:hidden;
  max-height:36px;
  font-size:15px;
  display:block;
  line-height:18px;
  color:#000;
}
#highlightMatrix .h1x1 .pic {
  position:absolute;
  bottom:45px;
  left:15px;
  width:120px;
  height:120px;
}
#highlightMatrix .h1x1 .category {
  color:#767676;
  display:block;
  font-size:12px;
  line-height:16px;
}
#highlightMatrix .h1x1 .strikedPrice {
  position:absolute;
  bottom:4px;
  right:10px;
  font-size:12px;
  line-height:14px;
}
#highlightMatrix .h1x1 .price {
  color:#ad0109;
  position:absolute;
  bottom:21px;
  right:10px;
  font-size:18px;
  line-height:20px;
}
#highlightMatrix .h1x1 .price sup {
  vertical-align:top;
  font-size:13px;
  line-height:12px;
}
#highlightMatrix .h1x1 .pricePerUnit {
  color:#888;
  position:absolute;
  bottom:0px;
  right:10px;
  font-size:10px;
  line-height:12px;
}
#highlightMatrix .h1x1 .pricePerUnit sup {
  vertical-align:top;
  line-height:8px;
}
#highlightMatrix .carousel {
  clear:both;
  padding:10px;
  border:2px solid #e4e4e4;
  background-image:url(/pix/structure/whiteToGrey-87.gif);
  background-repeat:repeat-x;
  background-position:0px bottom;
}
#highlightMatrix .carousel .top {
  font-size:15px; line-height:18px; margin-bottom:5px;
}
#highlightMatrix .carousel .top .desc { color:#767676 }

#highlightMatrix .highlight-simple-small {
  float:left;
  margin:0px 0px 8px 8px;
  width:146px; height:220px;
  border:2px solid #e4e4e4
}

/* jcarousel */
.carousel .jcarouselHorizontal { height:50px; overflow:hidden }
.carousel .jcarousel-clip-horizontal { margin:0px 30px }
.carousel ul { height:50px }
.carousel li {
  background-repeat:no-repeat;
  background-position:0 0;
  float:left;
  margin:0 25px 0 5px;
}
.carousel li a { 
  display:block;
  width:50px;
  height:50px
}
.carousel .jcarousel-next-horizontal {
    position: absolute;
    top:0px;
    right:0px;
    width:30px;
    height:50px;
    cursor: pointer;
    background:url(/pix/navigation/carousel-arrow-right.png) no-repeat center center
}
.carousel .jcarousel-prev-horizontal {
    position: absolute; top:0px; left:0px;
    width:30px;
    height:50px;
    cursor: pointer;
    background:url(/pix/navigation/carousel-arrow-left.png) no-repeat center center
}
.carousel .jcarousel-prev-disabled {
  background:none;
}
.carousel .jcarousel-next-disabled {
  background:none;
}
/* /jcarousel*/

/* /HIGHLIGHTS */

/* LIGHTBOX */
#lightboxOverlay {
  top:0px;
  left:0px;
  z-index:200;
  height:100%;
  width:100%;
}
#lightbox .addressSaved {
  float:left;
  width:230px;
  margin-bottom:10px;
}
#lightbox .address .error{
  border: 1px solid red;
}
#lightbox {
  display:none;
  width:480px;
  padding:10px 18px;
  position:absolute;
  background-color:#FFF;
  z-index:1100;
  font-size:13px;
  line-height:21px;
}
#lightbox .header {
  border-bottom:3px solid #cbcbcb;
  padding-bottom:10px;
  margin-bottom:10px;
}
#lightbox .lightboxClose {
  background:url(/pix/icons/remove.png) 0 0 no-repeat;
  float:right;
  width:20px;
  height:20px;
  cursor:pointer
}
/* LIGHTBOX */

/* DISPLAYNAMEINPUTPAGE */
.chooseDisplayName #displayname {margin-left:20px; margin-top:10px; margin-bottom:50px;}
.chooseDisplayName #displayname .head {margin-bottom:10px;}
.chooseDisplayName #displayname .errorBox {width:510px;}
.chooseDisplayName #displayname #submitDisplayName {margin-left:50px}
#displayNameLightBox #submitDisplayName {margin-left:100px}
.chooseDisplayName #input,
#displayNameLightBox #selectDisplayname #input {width:233px; float:left; margin-top:0px;}

#displayNameLightBox .info,
#displayname .info {
  background:url(/pix/icons/infoSmall.png) 0 0 no-repeat;
  width:15px;
  height:15px;
  float:left;
  margin:0px 18px 11px 5px;
  cursor:wait;
}
/* DISPLAYNAMEINPUTPAGE */

/* Login */
.loginpage .tabberBox .head ul li { padding:0 10px; }
.loginpage .tabberBox .content { padding:10px; }
.loginpage .tabberBox .content .button { float:right; margin:10px 115px 0 0 }
.loginpage .tabberBox .content .actions { line-height:21px }

#lightbox .simpleLogin .lock,
#lightbox .loginForCheckout .lock {
  background:url(/pix/icons/lock.png) right 0 no-repeat;
  padding:0px 25px 0px 0;
  float:left;
  line-height:30px;
}
#lightbox .simpleLogin .button,
#lightbox .loginForCheckout .button {
  margin:10px 0;
  float:right;
}
#lightbox .simpleLogin h3,
#lightbox .loginForCheckout h3 {
  line-height:30px
}
#lightbox .simpleLogin .actions,
#lightbox .loginForCheckout .actions {
  text-align:right;
}
.loginForCheckout .leftBox {
  width:450px;
  float:left;
  padding-right:15px;
  border-right:2px solid #CBCBCB;
}
.loginForCheckout .leftBox input[type=text],
.loginForCheckout .leftBox input[type=password] {
  width:284px;
}
.loginForCheckout .rightBox {
  width:300px;
  padding-left:15px;
  float:left;
}
/* Login */
/* Logout*/
#lightbox .toIndex { float:right; }
/* Logout*/
/* Password Forgotten */
#page.newPassword .tabberBox ul li,
#page.passwordForgotten .tabberBox ul li { padding:0 10px; }
#page.newPassword .tabberBox .content,
#page.passwordForgotten .tabberBox .content { padding:10px }
#page.passwordForgotten .tabberBox label { float:left; width:140px; }
#page.newPassword .tabberBox input[type=password],
#page.passwordForgotten .tabberBox input[type=text] { float:left; width:300px; margin:3px 10px }
#page.newPassword .tabberBox .button,
#page.passwordForgotten .tabberBox .button { float:right; margin:3px 0 }
#page.newPassword .tabberBox label { float:left; width:190px; }
/* /Password Forgotten */

/* TEASERS */
.sideArea .box {
  background-color:#FFF;
  margin:8px auto;
  padding:10px;
  width:150px;
  border:2px solid #E4E4E4;
}

.sideArea .box ul { margin:2px 0; }
.sideArea .box ul li { margin:2px 0; }
#navTree.sideArea .box h5 { font-weight:normal; font-size:14px; line-height:16px }
#navTree.sideArea .box ul li a { font-size:13px; line-height:20px; color:#767676; display:block; }

/* STARTPAGE TREE */
.sideArea .box ul li a.openArea { background:url(/pix/navigation/arrowRight.gif) right center no-repeat; }
.sideArea .box ul li a.videoChat { background:url(/pix/icons/videoChat.png) right center no-repeat; }
.sideArea .box a.logo { margin:0 4px; float:left; }
.sideArea .box a.ehi { width:65px; height:43px; background-image:url(/pix/logos/ehi_small.png) }
.sideArea .box a.internetPrice { width:60px; height:31px; background-image:url(/pix/logos/deutscherInternetPreis.gif) }
.sideArea .box a.paypal { width:67px; height:31px; background-image:url(/pix/logos/paypal.gif) }
.sideArea .box a.trustedShops { width:61px; height:37px; background-image:url(/pix/logos/trustedShops.gif) }
.sideArea .box a.zackzack { width:155px; height:25px; background:url(/pix/logos/zackzack.gif) 0 0 no-repeat }
.sideArea .box a.micrositeWin7Prof { width:155px; height:60px; background:url(/pix/logos/win7Prof.png) center 0 no-repeat; display:block; }

/* social Media Links */
.sideArea .social { position:relative; }
.sideArea .social .links a { 
  float:left; 
  margin:3px;
  width:30px;
  height:30px;
  background-position:center center;
  background-repeat:no-repeat;
}
.sideArea .social .facebook { background-image:url(/pix/logos/socialNetwork/facebook.gif) }
.sideArea .social .twitter { background-image:url(/pix/logos/socialNetwork/twitter.png) }
.sideArea .social .googlePlus { background-image:url(/pix/logos/socialNetwork/googlePlus.png) }

.sideArea .social .rss { background-image:url(/pix/logos/socialNetwork/rss.gif) }

.sideArea .social a.more { 
  position:absolute;
  right:10px;
  bottom:8px;
  height:14px;
  width:14px;
  background:url(/pix/navigation/arrowDown.gif) center center no-repeat
}
.sideArea .teaser {
  margin:8px auto;
  border:2px solid #E4E4E4;
  position:relative;
  background-color:#FFF;
  background-repeat:no-repeat;
  background-position:0 0;
  display:block;
}
.sideArea a.teaser:hover {
  text-decoration:none;
  cursor:pointer;
}
.sideArea .teaser span { position:absolute; }
.sideArea .teaser .org { position:relative; white-space:nowrap; z-index:1; }
.sideArea .teaser .shd { white-space:nowrap; z-index:0; }
.sideArea .teaser .b { font-weight:bold; }
.sideArea .teaser .l { text-decoration:underline; }
.sideArea .teaser .lt {text-decoration:line-through; }
.sideArea .teaser .k { font-style: italic; }
.sideArea .teaser a { position:absolute; z-index:1; }

/* Änderungen für die Cloud, die es ja momentan nicht gibt */
.tagging .m1 {font-size: 11px; color: #777E84}
.tagging .m2 {font-size: 13px; color: #636A70}
.tagging .m3 {font-size: 15px; color: #596066}
.tagging .m4 {font-size: 17px; color: #4F565C}
.tagging .m5 {font-size: 19px; color: #454C52}
.tagging a {margin:2px 1px 1px 2px; color: #777E84; float: left; }

/* FOOTER */
.additionalSmall {
  color:#767676;
  margin-left:10px;
  font-size:11px
}
.additionalSmall sup{
  font-size:7px;
}
.additionalSmall .text { float:left }
#page .additionalSmall .text { width:590px }
#pageBig .additionalSmall .text { width:790px }
#pageHuge .additionalSmall .text { width:990px }

#pageBig.themeworld #footer { margin:0 8px 8px 8px } 
#footer .tab {
  background:url(/pix/structure/footer-bg.gif) 1px 0px repeat-y;
  margin-top:8px;
  line-height:28px  
}
#pageBig #footer .tab { background-image:url(/pix/structure/footer-bg-big.gif) }
#pageHuge #footer .tab { background-image:url(/pix/structure/footer-bg-huge.gif) }
#pageRight #footer .tab { background-image:url(/pix/structure/footer-bg-right.gif) }

#page #footer .tab { width:624px }
#pageBig #footer .tab { width:820px }
#pageHuge #footer .tab { width:1016px }
#pageRight #footer .tab { width:820px }

#footer .item { float:left; font-size:13px; color:#424242 }
#page #footer .item { width:156px }
#pageBig #footer .item { width:205px }
#pageHuge #footer .item { width:254px }
#pageRight #footer .item { width:186px }
#pageRight #footer .item.last { width:262px }

#footer .item span {
  background:url(/pix/structure/footerTabBG.gif) repeat-x;
  padding-left:15px;
  display:block;
}
#footer .item .desc:hover { text-decoration:none }
#footer ul {
  margin:0px 1px;
  padding:15px;
  border-top:1px solid #d3d3d3;
}
#footer .item ul li { line-height:18px }
#footer .item ul li a { 
  line-height:18px;
  padding:0px;
  font-size:11px;
  display:block;
}
#footer .item ul li.section {
  margin-top:5px;
  padding-top:5px; 
  border-top:1px solid #DDD
}
#footer .item ul li.section:first-child {
  margin-top:0px;
  padding-top:0px; 
  border:none
}

#page.highlights #pageContent { padding:8px 8px 8px 0px; width:632px }

/** STARTPAGE - INDEX **/
#page.home #pageContent { padding:8px 8px 8px 0px; width:632px }
#page.home .additionalSmall,
#page.home #footer { margin-left:8px }
#page.home .carousel { margin:0px 0px 8px 8px }

/* Glossary */

a.glossary {
  background: url(/pix/help/glossaryLink.png) no-repeat right top;
  padding-right: 8px;
  text-decoration: none;
}

/* /Glossary */


/* History (Zeitspiegel) */
#history {margin-left:5px;}
#history #head{font-weight:bold; font-size:18px; margin:20px 0px;}
#history .head{font-weight:bold; font-size:14px; margin-bottom:10px;}
#history .content{margin-top:5px; margin-bottom:30px;}
/* /History (Zeitspiegel) */

/* BuyVoucher */
#pageBig.buyVoucher #pageContent  {
  padding: 0px;
}
#pageBig.buyVoucher #pageContent .smallHelp {
  margin-left: 8px; 
}
#buyVoucher .voucherBox {
 width: 836px;
}
#buyVoucher .voucherBox .head {
font-weight:bold;
font-size:16px;
}
#buyVoucher .voucherBox .content {
  height:341px;
}
#buyVoucher .voucherBox .content .buyForm .elements{
float:left;
font-size: 22px;
font-weight: bold;
}
#buyVoucher .voucherBox .content .buyForm { margin-left:315px; padding-top:286px;}
#buyVoucher .voucherBox .content .buyForm .button { margin-left:20px }
/* /BuyVoucher */

/* productList */
.contentListHead,
.productListHead {
  border-top:1px solid #C8C8C8;
  border-bottom:1px solid #C8C8C8;
  font-weight:bold;
  line-height:24px;
  padding:0 10px
}

.myAlternate.orderHistory .contentListHead{
  font-size:13px;
}

.contentListRow,
.productListRow {
  border-bottom:1px solid #C8C8C8;
  padding:5px 10px;
}
.contentListRow .price,
.productListRow .price {
  font-size:14px;
  line-height:16px;
}

.productListRow .price sup {
  font-size:12px;
  line-height:10px;
  vertical-align:top;
}

.contentListRow:hover,
.productListRow:hover {
  background-color:#E3E9EE;
}
/* /productList */

/* NEWSLETTER */
#page.newsletter .tabberBox .head { padding: 0 10px; }
#page.newsletter .tabberBox .content { padding:10px; }

.newsletterForm label { float:left; width:140px; }
.newsletterForm input[type=text] { float:left; width:300px; margin:3px 10px }
.newsletterForm .button { float:right; margin:3px 0 }

.newsletter iframe { border:0px; overflow:hidden; width:100% }
/* /NEWSLETTER */

/* tabberBox closeable*/
.tabberBox.closeable .content { display:none; margin:10px;}
.tabberBox.closeable .head { cursor:pointer }
.tabberBox.closeable .head .arrow {
  float:right;
  width:8px;
  margin-right:10px;
  height:33px;
}
.tabberBox.closeable .head .arrow { background:url(/pix/navigation/arrowDown.png) right center no-repeat }
.tabberBox.closeable.active .arrow { background:url(/pix/navigation/arrowUp.png) right center no-repeat }
.tabberBox.closeable.active .content { display:block }
/* /tabberBox closeable*/

/* LIGHTBOX DELIVERY ADDRESS PACKSTATION */
#lightbox #geoLocation iframe {
  border:none;
  width:480px;
  height:680px;
}
/* /LIGHTBOX DELIVERY ADDRESS PACKSTATION */

/* ACCORDION */
#accordion { 
  width:836px;
  overflow:hidden;
  height:280px;
  position:relative;
}
#accordion .slider {
  position:absolute;
  left:0px;
  top:0px;
  width:836px;
  height:280px;
  box-shadow:0px 0px 15px #000;
  -moz-box-shadow:0px 0px 15px #000;
  -webkit-box-shadow:0px 0px 15px #000;
}
#accordion .slider a:hover{
  text-decoration:none;
}
#accordion .slider .item {
  width:836px;
  height:280px;
  display:block;
}
/* /ACCORDION */

.specialBundle .bundleMainContent{
  background:url(/pix/promotion/bundle/sharkoon_main.jpg) 0px 0px no-repeat; 
  width:836px; 
  height:1969px; 
  position:relative; 
  color:#fff;
  font-weight:bold;
}

.specialBundle .bundleSlaveContent{
  background:url(/pix/promotion/bundle/sharkoon_slave.jpg) 0px 0px no-repeat; 
  width:835px; 
  height:380px; 
  position:relative; 
  color:#000;
  font-weight:bold;
}

.specialBundle .bundleMainContent .top.more{
  position:absolute;
  top:740px;
  color:#fff;
}

.specialBundle .bundleMainContent .top.choose{
  position:absolute;
  top:755px;
}

.specialBundle .bundleMainContent .top.price{
  position:absolute;
  top:790px;
  color:#fff;
}

.specialBundle .bundleMainContent .bottom.more{
  position:absolute;
  color:#064b99;
}

.specialBundle .bundleMainContent .bottom.choose{
  position:absolute;
  color:#000;
}

.specialBundle .bundleMainContent .bottom.price{
  position:absolute;
  color:#ad0109;
}

.specialBundle .watt{
  font-weight:bold;
  font-size:16px;
}

.specialBundle #pageContent{
  padding:0px;
}

#bundleFormSlave .box{
	float:left;
	margin-left:50px;
	font-weight:bold;
}

#bundleFormSlave .more{
	display:block;
	margin-top:10px;
	color:#064b99;
}

#bundleFormSlave .price{
	display:block;
	margin:15px 0px;
}

#bundleFormSlave .cart{
	margin-right:10px;
	float:right;
}
#rightFixedFeedbackButton {
	height:115px; width:27px;
	position:fixed; right:0; top: 50%; margin-top:-58px;
	background:url(/pix/structure/feedbackButton.png) no-repeat 0 0;
}

.lotteryWinnerTab {
  border-bottom:1px solid #f2f2f2;
}

.lotteryWinnerTab.active .head {
  background-color:#f8f8f8;
  font-weight:bold;
}

.lotteryWinnerTab .head {
  font-size:13px;
  padding:5px 0px 5px 30px;
  cursor:pointer;
}

.lotteryWinnerTab .head .arrow {float:right; height:10px; width:8px; margin-right:25px}

.lotteryWinnerTab .head .arrow { background:url(/pix/navigation/arrowDown.png) right center no-repeat }
.lotteryWinnerTab.active .arrow { background:url(/pix/navigation/arrowUp.png) right center no-repeat }

.lotteryWinnerTab .content {
  font-size:13px;
  padding:10px 0px 0px 30px;
  display:none;
}

.lotteryWinnerTab .content .manufacturerLogo{
  float:left;
  width:170px;
  height:70px;
}

.lotteryWinnerTab .content .title{
  font-weight:bold;
  float:left;
  font-size:15px;
}

.lotteryWinnerTab .content .winnersPrizes{
  float:left; width:550px; margin-top:30px; 
}

.lotteryWinnerTab .content .prize{
  float:right;
  font-size:12px;
  width:200px;
}

.lotteryWinnerTab .content .winners{
  float:left;
  width:350px;
  font-size:12px;
}

.lotteryWinnerTab .content .lottery{
  margin-top:20px;
}

/* Blog */
#blogContent{
  float:left;
  width:600px;
}

#sidebar .serendipity_quicksearch_plugin .tabHead .tabIcon{
  background:url(/html/blog/templates/alternate/icons/search.gif) no-repeat 0 4px;
}

#sidebar .serendipity_categories_plugin .tabHead .tabIcon{
  background:url(/html/blog/templates/alternate/icons/categories.gif) no-repeat 0 4px;
}

#sidebar .serendipity_syndication_plugin .tabHead .tabIcon{
  background:url(/html/blog/templates/alternate/icons/feed.gif) no-repeat 0 4px;
}

#sidebar .serendipity_archives_plugin .tabHead .tabIcon{
  background:url(/html/blog/templates/alternate/icons/folder.gif) no-repeat 0 4px;
}

#sidebar{
  float:right;
  position:relative;
  width:200px;
}

#sidebar .tabHead .tabIcon{
  padding:3px 0px 0px 20px;
}

#sidebar .listEntry {
  margin-top:20px;
  padding:10px 4px;
  position:relative;
}

#sidebar .listEntry .headTab{
  height:21px;
  left:10px;
  position:absolute;
  width:165px;
}

#sidebar .listEntry:first-child {
  margin-top:0px;
}

#blog #pageContentBig div:last-child {
  display:none;
}

#blog #pageContentBig div div:last-child {
  display:block;
}

#blogContent .post .entrytext{
  margin-top:15px;
}

#blogContent .post .timestamp{
  text-align:right;
  border-top:1px solid #ccc;
  padding-top:5px;
}

#blogContent .post{
  margin-top:20px;
}

#sidebar .headTab .tabHead{
  background:url(/html/blog/templates/alternate/sidebarBoxTitleBackground.gif) repeat-x 0px 0px;
  float:left;  
  height:21px;
}

#blogContent .navigation{
  margin:50px 0px 20px 0px;
}

/* Builder Help */
#pageBig.builder.help.pcbuilder #components .item { width:204px }
.builder.help .list li {border-bottom:1px solid #E4E4E4;}
.builder.help .list li .rightBoxComponents {width:715px;}
.builder.help .list li .leftBoxComponents {text-align: center; margin:17px 8px 0px 7px;}
.builder.help .list li {padding:15px 0px;}
/* /Builder Help */

/* Components */

.additionalSmall .text { float:left }
#page .additionalSmall .text { width:590px }
#pageBig .additionalSmall .text { width:790px }
#pageHuge .additionalSmall .text { width:990px }

#components .tab {
  margin-top:8px;
  line-height:28px  
}

#page #components .tab { width:624px }
#pageBig #components .tab { width:820px }
#pageHuge #components .tab { width:1016px }
#pageRight #components .tab { width:820px }

#components .item { float:left; font-size:13px; color:#424242 }
#page #components .item { width:156px }
#pageBig #components .item { width:205px }
#pageHuge #components .item { width:254px }
#pageRight #components .item { width:262px }

#components .item span {
  background:url(/pix/structure/footerTabBG.gif) repeat-x;
  padding-left:15px;
  display:block;
}
#components .item .desc:hover { text-decoration:none }
#components ul {
  margin:0px 1px;
  padding:15px;
  border-top:0px solid #d3d3d3;
}
#components .item ul li { line-height:18px }
#components .item ul li a { 
  line-height:18px;
  padding:0px;
  font-size:11px;
  display:block;
}
#components .item ul li a:hover{background-color:#e9edf1; text-decoration:none;}

#lightbox #bigEquipmentForm input[type=radio] { float:left; width:20px; }
#lightbox #bigEquipmentForm input[type=checkbox] { float:left; width:20px;margin:5px 5px 5px 5px; }
#lightbox #bigEquipmentForm label { float:left; width:450px; line-height:16px; }
#lightbox #bigEquipmentInfo ul { list-style:none; padding:0; margin:15px 0 0 0; }
#lightbox #bigEquipmentInfo ul li { padding-left:10px; background-image:url(/pix/navigation/arrowRight_light.png); background-repeat:no-repeat; background-position:0 top; line-height:15px; margin-bottom:3px;}
#lightbox #bigEquipmentInfo .price { font-weight:bold; font-size:18px; float:right; line-height:20px;padding-bottom:10px;}
#lightbox #bigEquipmentInfo .price sup { line-height:16px;}
#lightbox #bigEquipmentInfo h4 { margin-top:10px;}


#pageContent .ptx_block .ptx_set .ptx_item ul li { margin-left:16px; }
