/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* COMMON */

html {
	overflow-y:scroll;
}

body, html {
  height:100%;
  background:#a2a2a2;
}

body {
  position:relative;
  
	font-family:helvetica,arial,sans-serif;
	font-size:16px;
	font-size:90%;
}

body, fieldset legend, table td, table th {
  color:#333;
}

strong, b {
	font-weight:bold;
}

em, i {
	font-style:italic;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	font-size:120%;
}

fieldset legend {
  font-weight:bold;
}

fieldset.articles {
  margin-bottom:2em;
}

fieldset.submit {
  padding-top:2em;
  clear:both;
}

fieldset.submit legend {
  display:none;
}

#contentjump {
  display:none;
}

/* CUSTOM */

a {
  color:#333;
}

#content p a {
  font-weight:bold;
}

#content h3 {
  margin:1em 0;
}

p.error {
  color:#cc0000;
  font-weight:bold;
}

/*
#content span.mydlight {
  padding:0.1em 0.2em 0.2em 0.3em;
  font-weight:bold;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  
  background-color:black;
  color:#ffffff;
}

#content span.mydlight:hover {
  background-color:#fff;
  color:#000;
}

body.light #content span.mydlight {
  background-color:#fff;
  color:#000;
}

body.light #content span.mydlight:hover {
  background-color:#000;
  color:#fff;
}
*/

h5, h6 {
	font-size:100%;
}

#wrapper {
  background:url(../images/head/light/001.jpg) no-repeat top center;
}

#headimage {
  width:1200px;
  height:600px;
  overflow:hidden;
  z-index:1;
  position:absolute;
  left:50%;
  margin-left:-600px;
  top:0;
}

#uberwrapper {
  background:url(../images/gradient_bg.jpg) repeat-x #ccc;
}

#outerwrapper {
  /*background:url(../images/head_gradient_bg.png) repeat-x top center;*/
}

.smallheader #outerwrapper {
  background-image:none;
}

#page {
  position:relative;
  z-index:2;
}

#page,
#innerfoot {
  margin:0 auto;
  width:960px;
}

#innerfoot {
  width:945px;
  padding-left:15px;
}

#head {
  padding-top:25px;
  min-height:575px;
  position:relative;
}

#breadcrumbs {
  position:absolute;
  top:570px;
  z-index:80;
  
  margin-left:15px;
}

.smallheader #breadcrumbs {
  top:auto;
  bottom:0.5em;
}

#breadcrumbs,
#breadcrumbs a {
  color:#5A5A5A;
  color:#efefef;
  
  color:#4F4F4F;
}

.smallheader #breadcrumbs,
.smallheader #breadcrumbs a {
  color:#5A5A5A;
}

#breadcrumbs {
  font-size:85%;
}

#box {
  float:right;
  position:relative;
  z-index:80;
  width:343px;
  margin-top:-64px;
  margin-right:-2px;
  color:#fff;
  padding:10px;
  height:264px;
  background:url(../images/box_bg.png) no-repeat;
}

#box h2 {
  font-size:100%;
  margin-bottom:14px;
}

#box .badge {
  background:url(../images/badge_neu.png) right;
  position:absolute;
  right:0;
  top:0;
  width:90px;
  height:88px;
  margin-right:-25px;
  margin-top:-35px;
}

.lang-en #box .badge {
  background-image:url(../images/badge_neu.en.png);
}

#box a.productlink {
  margin-right:14px;
  display:block;
  float:left;
  width:103px;
}

#box a.productlink3 {
  margin-right:0;
}

#content {
  padding-right:400px;
  margin-left:15px;
  ]padding-right:45px;
  min-height:225px;
}

.smallheader #content {
  padding-left:160px;
  min-height:180px;
  padding-right:0;
  padding-bottom:50px;
}

#body {
  padding:25px 0;
}

#body h1 {
  margin-bottom:1em;
  /* text-shadow:#fff 1px 1px 0; */
}

h2 .mydlight,
h3 .mydlight,
h1 .mydlight {
  font-weight:normal;
}

#body p {
  margin:0.5em 0;
  line-height:150%;
  font-size:95%;
}

#logo a span {
  display:none;
}

#logo a {
  display:block;
  width:139px;
  height:112px;
  background:url(../images/mydlight_logo.png);
  position:relative;
}

#right {
  width:200px;
  border-left:1px solid gray;
  padding-left:15px;
  margin-left:25px;
  float:right;
}

#right a {
  font-weight:bold;
  text-decoration:none;
}

.longtext #content .left {
  margin-right:240px;
}

/* NAVIGATION */

#navigation {
  width:793px;
  height:33px;
  background:url(../images/navi_bg_dark.png) no-repeat;
  position:absolute;
  top:1.5em;
  right:0;
  padding:1px 5px 0 5px;
  z-index:80;
}

#navigation li {
  float:left;
}

#navigation,
#navigation a {
  color:#fff;
  text-decoration:none;
}

#navigation li a {
  display:block;
  padding:0.5em 0.8em;
  text-transform:uppercase;
  background:url(../images/navitem_bg.png) no-repeat right;
}

#navigation li.last a {
  background:none;
}

#navigation li.basket .basket {
  display:none;
}

#navigation li.basket {
  position:absolute;
  right:0.5em;
}

#navigation li.basket a {
  text-transform:none;
  background:none;
}

#navigation li.mail a {
  background:url(../images/icon_mail.png) no-repeat left;
  height:15px;
  margin-left:10px;
  width:16px;
  padding-right:0;
}

#navigation li.mail a span {
  display:none;
}

#navigation li.langswitch a {
  background:url(../images/icon_uk.png) no-repeat left;
  height:15px;
  width:16px;
}

#navigation li.langswitch.de a {
  background-image:url(../images/icon_de.png);
}

#navigation li.langswitch a span {
  display:none;
}

/* LIGHT NAVIGATION - DARK IMAGE */

.dark #wrapper {
  background:url(../images/head/dark/001.jpg) no-repeat top center #979797;
}

.dark #navigation {
  /* background-image:url(../images/navi_bg_light.png); */
}

.dark #navigation a {
  /* color:#333; */
}

#welcome.dark #logo a {
  background:url(../images/mydlight_logo_white.png);
}

/* B2B */

#b2b #wrapper {
  background:url(../images/head/b2b.jpg) no-repeat top center #979797;
}

#b2b #breadcrumbs a,
#b2b #breadcrumbs {
  color:#333;
}

#b2b #content {
  padding-left:160px;
  padding-right:200px;
}

#b2b #footercontent {
  display:none;
}

/* SMALLHEADER */

body.smallheader #head {
  min-height:140px;
}

body.smallheader #wrapper {
  background:none;
}

/* FOOTER */

#foot {
  /*border-top:8px solid #bababa;*/
  height:10em;
  padding:25px 0 5px 0;
  font-size:85%;
}

#footercontent {
  width:770px;
  padding:0;
  margin:0 auto;
  padding-left:160px;
  min-height:150px;
}

.smallheader #footercontent {
  min-height:225px;
}

#welcome #footercontent {
  min-height:0;
}

#innerfoot {
  background:url(../images/foot_bg.png) repeat-y;
  min-height:9em;
  margin-bottom:25px;
}

#foot a {
  color:#333;
}

#foot .col {
  float:left;
  margin-right:10px;
  width:220px;
}

#foot .lastcol {
  margin-right:0;
}

/* FOOTER BOXES */

#foot .col > div {
  margin-bottom:10px;
}

/* ZAHLUNG und VERSAND */

#footercol3 a img {
  margin-top:5px;
  margin-right:5px;
}

/* FOOTER NAVI */

#foot .address,
#foot .navigation li {
  line-height:160%;
}

#foot .navigation li a {
  background:url(../images/arrow_black.png) no-repeat left;
  padding-left:10px;
  text-decoration:none;
}

/* NEWSLETTER */

#newsletter_optin input {
  border:0;
  padding:2px;
  background:url(../images/nl_input_bg.png) no-repeat;
  width:120px;
  height:19px;
  padding-left:20px;
  color:#333;
}

#newsletter_optin fieldset {
  padding-top:10px;
}

#newsletter_optin input.submit {
  background:none;
  padding:0;
  width:14px;
  height:17px;
  vertical-align:top;
  ]margin-top:1px;
}

#newsletter_optin .label {
  display:none;
}

/* LIGHTSWITCH */

#lightswitch {
  position:absolute;
  z-index:80;
  bottom:7em;
  left:159px;
  cursor:hand;
  cursor:pointer;
  
  margin-left:-53px;
}

#switch_on {
  border-right:1px solid transparent;
}

/* SHOP CATEGORIES */

#left {
  width:220px;
  margin-left:-160px;
  float:left;
}

#modeswitch a.active {
  text-decoration:none;
}

#modeswitch a {
  background:url(../images/icon_layout_default.png) no-repeat center #fff;
  display:inline-block;
  margin-bottom:5px;
  width:20px;
  height:20px;
}

#modeswitch a span {
  display:none;
}

#modeswitch a.grid {
  background-image:url(../images/icon_layout_grid.png);
}

#modeswitch a.list {
  background-image:url(../images/icon_layout_list.png);
}

#categories {
  margin-bottom:2em;
}

#categories li.all {
  margin-bottom:15px;
  text-transform:uppercase;
}

#categories li {
  line-height:150%;
}

#categories li a {
  text-decoration:none;
}

#categories li.active a {
  text-decoration:none;
  font-weight:bold;
}

#categories li a.info {
  vertical-align:middle;
  margin-left:5px;
}

.qtip-content .info h3,
#details h3,
#content .item h3 {
  margin:0;
  
  /* text-shadow:#111 1px 1px 0; */
  font-size:140%;
}

#details,
#content .item {
  background:#5B5B5B;
  padding:15px;
  margin-bottom:25px;
  width:670px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;

  position:relative;
}

#details,
#details a,
.qtip-content a,
#content .tooltip,
#content .tooltip a,
#content .item,
#content .item a {
  color:#fff;
}

.product .item h3 a {
  text-decoration:none;
}

.product .price {
  font-size:140%;
  
  margin-bottom:40px;
}

.product .price .vat {
  font-size:55%;
  color:silver;
}

.tooltip .description,
.product .description {
  margin:1em 0 !important;
}

#content .item a.details {
  position:absolute;
  bottom:4px;
}

#content #details .item a.productimg {
  float:left;
  margin-right:25px;
}

#details .description {
  margin:1.5em 0 !important;
  /* width:365px; */
  padding-right:200px;
}

#details .images {
  width:200px;
  float:left;
  margin-right:25px;
}

#details.with_pic .info,
#content .item.with_pic .info {
  padding-left:225px;
}

#details .images a.productimg {
  display:inline-block;
  overflow:hidden;
  height:64px;
}

#details .images a.productimg,
#details .images a.productimg img {
}

#details #productimg {
  display:block;
  overflow:hidden;
  text-align:center;
  height:200px;
  width:200px;
  margin-bottom:3px;
}

#details #productimg img {
  margin-left:-50px;
}

#details .tobasket {
  float:right;
  width:146px;
}

#details a.facebook {
  position:absolute;
  right:15px;
  bottom:10px;
}

#details .tobasket .button {
  padding:5px;
  text-align:center;
  width:136px;
}

#details .price span {
  display:block;
}

#details .price b {
  font-size:200%;
  /* text-shadow:1px 1px 0 #111111; */
}

#details .price {
  margin-bottom:15px;
}

#details input.amount {
  border:0;
  padding:0.2em 0.2em;
  width:2.2em;
  text-align:center;
}

#details #stockinfo {
  margin-bottom:25px;
}

#details #stockinfo.green {
  background:url(../images/icon_stock_green.png) no-repeat center left;
  padding-left:16px;
}

#details #stockinfo.red {
  background:url(../images/icon_stock_red.png) no-repeat center left;
  padding-left:16px;
}

#details {
  margin-top:1em;
  width:915px;
  margin-left:-160px;
}

/* ANSICHTEN */

#content .mode-default .item {
  background:none;
  padding:0;
  position:relative;
  margin:0;
  border:0;
  height:450px;
  width:204px;
  /* margin-right:10px; */
}

#content .mode-default .info {
  font-size:80%;
  background:url(../images/tooltip_bg.png) no-repeat;
  width:160px;
  position:absolute;
  top:-200px;
  left:10px;
  height:150px;
  padding:15px;
  z-index:39;
  
  ]top:auto;
  ]bottom:40px;
  
  display:none;
}

#content .mode-default .info p.description {
  height:3em;
}

#content .mode-default .button {
  text-transform:uppercase;
}

#content .mode-default .info .button {
  position:relative;
  margin:0;
}

#content .mode-default .info .price {
  margin-bottom:15px;
  font-size:200%;
}

#content .mode-default .info .price .vat {
  font-size:40%;
  color:gray;
  display:block;
  margin-top:2px;
}

/* FORMS & BUTTONS */

.button {
  border:0;
  background-color:#fff;
  color:black !important;
  padding:0.3em 1em;
  font-weight:bold;
  text-decoration:none;
  margin-bottom:1em;
  display:inline-block;
  cursor:hand;
  cursor:pointer;
}

/*
.button:hover {
  background-color:black;
  color:#fff;
}
*/

form#form_basket label {
  width:6em;
  display:inline-block;
  margin-bottom:0.5em;
}

form#form_basket h2 {
  margin:2em 0 1em 0;
}

form#form_basket a.delete span {
  display:none;
} 

form#form_basket a.delete {
  display:inline-block;
  width:13px;
  height:13px;
  background:url(../images/icon_remove.png) no-repeat;
  vertical-align:middle;
}

form#form_basket input.radio {
  width:auto;
}

form#form_basket fieldset.payment {
  margin-bottom:3em;
}

form#form_basket .allsum {
  font-weight:bold;
  border-bottom:3px double silver;
}

form#form_basket .summe {
  border-top:1px solid silver;
  padding-top:0.6em;
  margin-top:1em;
}

form#form_basket input,
form#form_basket select {
  width:200px;
}

form#form_basket input.image {
  width:auto;
}

form#form_basket legend {
  /* margin-bottom:3em; */
  margin-top:1em;
  margin-left:-1em;
}

form#form_basket fieldset {
/*
  background:#5B5B5B;
  padding:0.5em 1em;
  
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  
  color:#efefef;
  margin-bottom:1em;
*/
}

form#form_basket fieldset.articles legend {
  display:none;
}

form#form_basket fieldset.submit {
  background:none;
  /* margin-left:-1em; */
}

form#form_basket fieldset table td {
/*  color:#efefef; */
}

form#form_basket fieldset.billing-shipping {
  width:350px;
  float:left;
  margin-right:50px;
}

table.basketitems {
  width:90%;
}

table.basketitems th,
table.basketitems td {
  padding:3px 10px 3px 0;
}

table.basketitems .amount {
  padding-left:3px;
  width:30px;
}

table.basketitems .pic a {
  display:block;
  width:32px;
  height:32px;
  margin-left:3px;
}

table.basketitems th {
  font-weight:bold;
}

table.basketitems td.price,
table.basketitems th.price {
  text-align:right;
}

table.basketitems tr.allsum {
  font-weight:bold;
}

table.basketitems tr td.preis {
  text-align:right;
  width:120px;
}

table.basketitems tr.sum td {
  padding-top:0.5em;
  text-align:right;
}

table.basketitems td.delete {
  padding-left:5px;
  text-align:right;
  width:20px;
}

table.basketitems tr.odd td {
  background:#fff;
}

/* jquery tools scrollable */

.mode-default {
  position:relative; 
  overflow:hidden; 
  width:610px;
  height:450px;
  margin-top:-50px;
}

#left.mode-default {
  margin-top:50px;
  height:auto;
}

.mode-default .items { 
  /*
  width:20000em; 
  position:absolute; 
  */
}

.body a.browse {
  display:block;
  float:left;
  width:45px;
  height:450px;
  text-align:center;
  cursor:hand;
  cursor:pointer;
  background:no-repeat center;
  ]margin-top:-50px;
  
  visibility:hidden;
}

.body a.browse span {
  display:none;
}

.body a.browse.left {
  background-image:url(../images/arrow_left.png);
  margin-right:13px;
  ]margin-right:20px;
}

.body a.browse.right {
  float:right;
  background-image:url(../images/arrow_right.png);
}

.body a.browse.disabled {
  background-image:none;
  cursor:default;
}


/* newsletter */

form.newsletter legend {
  display:none;
}

form.newsletter label {
  display:block;
  margin-bottom:0.5em;
}

form.newsletter .submit {
  margin-top:1em;
}

/* gallery */

.polaroid {
  padding:5px;
  padding-bottom:40px;
  background:#fff;
  text-align:center;
  border-right:1px solid gray;
  border-bottom:1px solid gray;
  float:left;
}

.polaroid a {
  height:280px;
  width:280px;
  display:block;
  overflow:hidden;
}

.polaroid.small {
  padding:2px;
  padding-bottom:18px;
  margin-bottom:26px;
  ]width:71px;
}

.polaroid.small a {
  height:70px;
  width:70px;
  display:block;
  text-align:center;
  overflow:hidden;
}

#gallery .scroller {
  position:relative; 
  overflow:hidden; 
  width:355px;
  height:350px;
}

#gallery .thumbs {
  padding-left:340px;
}

#gallery .thumbnails .group {
  float:left;
  width:90px;
}

#gallery .scroller .thumbnails { 
  width:20000em; 
  position:absolute; 
  margin-left:5px;
}

ul.galleries {
  margin-bottom:2em;
}

ul.galleries li {
  margin-bottom:10px;
}

ul.galleries li a {
  text-decoration:none;
}

/* pfeilbuttons */
a.browse {
  display:block;
  float:left;
  width:45px;
  height:325px;
  text-align:center;
  cursor:hand;
  cursor:pointer;
  background:no-repeat center;
}

a.browse span {
  display:none;
}

a.browse.left {
  background-image:url(../images/arrow_left.png);
  ]margin-right:6px;
}

a.browse.right {
  float:right;
  background-image:url(../images/arrow_right.png);
}

 a.browse.disabled {
  background-image:none;
  cursor:default;
}

#gallery a.left {
  /*margin-left:20px;*/
}

/* LONGTEXT */

.longtext #content li,
.longtext #content li,
.longtext #content li p {
  margin-bottom:0.5em;
  line-height:130%;
}

.longtext #content ol li {
  list-style-type:decimal;
}

.longtext #content ol {
  padding-left:1.5em;
}

.longtext #content h2 {
  margin:2em 0 1em 0;
}

/* PRESSE */

#contact .product img {
  float:left;
  margin-right:15px;
}

#contact .product {
  margin-bottom:15px;
}

#contact h2 {
  margin-top:3em;
}

#contact p.pressdownload {
  margin-bottom:2em;
}

#imprint .address,
#contact .address {
  margin:2em 0;
}

#body .disclaimer {
  margin-top:2em;
}

/* alternative3 */

#foot {
  border-top:0;
}

#innerfoot {
  border-top:1px solid gray;
  background-image:none;
  padding-top:25px;
}

body, html, #uberwrapper, #wrapper {
  background-color:#979797;
}

.smallheader #wrapper {
  background:url(../images/gradient_bg.jpg) top repeat-x #ccc !important;
}

#foot .navigation li a {
  background-image:none;
  padding-left:0;
}

#newsletter_optin .label {
  display:inline;
}

#newsletter_optin input.email {
  background:#fff;
  padding:1px;
  height:15px;
}

#newsletter_optin legend {
  text-transform:uppercase;
  ]margin-left:-7px;
  ]margin-bottom:10px;
}

body, fieldset legend, table td, table th, a, #foot a {
  color:#4F4F4F;
}


/*           ---- Slide Gallery ----                 */
.sliderGallery {
	width:610px !important;
	overflow:hidden;
	position:relative;

}

.sliderGallery ul {
	position:absolute;
	list-style:none;
	overflow:none;
	white-space:nowrap;
	padding:0;
	margin:0;
}

.sliderGallery ul li {
	display:inline;
}

.slider {
  background:url(../images/scrollbar.png);
	width:450px;
	width:610px;
	height:24px;
	position:absolute;
	bottom:0;
}

.ui-slider-handle {
  background:url(../images/scroller.png);
  display:block;
	position:absolute;
	height:17px;
	width:40px;
	cursor:move;
	margin-left:-20px;
	z-index:10990;
	top:4px;
}