﻿/*** Reset CSS ***/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
input, select {
    vertical-align: middle;
}
/*** General tweaks ***/
body {
    background: #D9E0EB url(../../img/bg-body.png) center top no-repeat;
    font: 11px / 1.231 sans-serif;
}
select, input, textarea, button {
    font: 99% sans-serif;
}
textarea {
    overflow: auto;
}
.ie6 legend, .ie7 legend {
    margin-left: -7px;
}
input[type =
"radio"] {
    vertical-align: text-bottom;
}
input[type =
"checkbox"] {
    vertical-align: bottom;
}
.ie7 input[type =
"checkbox"] {
    vertical-align: baseline;
}
.ie6 input {
    vertical-align: text-bottom;
}
label, input[type = button], input[type = submit], button {
    cursor: pointer;
}
button, input, select, textarea {
    margin: 0;
}
option:hover, option:visited {
    background-color: #003278;
    color: #fff;
}
/*** Style elements ***/
body, select, input, textarea {
    color: #003278;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
a:hover, a:active {
    outline: none;
}
a, a:active, a:visited {
    color: #003278;
}
a:hover {
    color: #B41D08;
}
ol {
    list-style-type: decimal;
}
small {
    font-size: 85%;
}
strong, th {
    font-weight: bold;
}
td, td img {
    vertical-align: top;
}
label {
    font-weight: bold;
    padding-right: 5px;
}
input, select {
    background: #fff;
    border: 1px solid #003278;
    margin-right: 5px;
}
input.button {
    border: 0 none;
}
/*** Layout ***/
#container {
    width: 990px;
    margin: 5px auto;
}
/* Header */
#header {
    height: 120px;
    padding: 10px 0 10px 140px;
    position: relative;
    background: transparent url(../../img/logo-lidl.png) left center no-repeat;
}
#header h4 {
    margin: 49px 0 30px;
    line-height: 24px;
    font-size: 24px;
}
#header p.welcome, #header p.language {
    font-weight: bold;
    float: left;
}
#header p.welcome {
    margin: 0 8px 0 0;
}
#header p.language {
    padding: 0 0 0 20px;
    background: transparent url(../../img/sprites.png) -650px -220px no-repeat;
}
#header a.home {
    padding: 0 0 0 32px;
    background: transparent url(../../img/sprites.png) 7px -211px no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    color: #B41D08;
    text-decoration: none;
    font-weight: bold;
    border-left: 1px solid #D6E0EA;
}
/* Main-menu */
/*
#navigation {
    height: 36px;
    background: #D9E0EB url(../../img/sprites.png) left top repeat-x;
}
#navigation ul {
    margin: 0;
}
#navigation ul li {
    list-style: none;
    float: left;
}
#navigation ul li a {
    display: block;
    height: 31px;
    text-indent: -10000px;
    background: transparent url(../../img/sprites.png) left -60px no-repeat;
}
#navigation ul li a.active {
    background-color: #B41D08;
}
#navigation ul li.manuals a {
    width: 268px;
}
#navigation ul li.contact a {
    width: 81px;
    background-position: -298px -60px;
}
#navigation ul li.data-privacy a {
    width: 118px;
    background-position: -409px -60px;
}
#navigation ul li.imprint a {
    width: 172px;
    background-position: -557px -60px;
}
#navigation ul li.manuals a:hover, #navigation ul li.manuals a.active {
    background-position: left -120px;
}
#navigation ul li.contact a:hover, #navigation ul li.contact a.active {
    background-position: -298px -120px;
}
#navigation ul li.data-privacy a:hover, #navigation ul li.data-privacy a.active {
    background-position: -409px -120px;
}
#navigation ul li.imprint a:hover, #navigation ul li.imprint a.active {
    background-position: -557px -120px;
}
*/
/*Navigation Update 2011-05-25*/
#navigation {
    height: 30px;
    background-color: #003278;
    border-bottom: 6px solid #B41E0A;
}
#navigation ul {
    height: 30px;
    margin: 0;
    border-bottom: 1px solid #ffffff;
}
#navigation ul li {
    list-style: none;
    float: left;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    height: 30px;
    background: url("") no-repeat scroll 10px -46px #003278;
}
* html #navigation ul li {
    border-bottom: none;
}
#navigation ul li.active {
    height: 30px;
    background: url("") no-repeat scroll 10px -70px #B41E0A !important;
    border-bottom: 1px solid #B41E0A;
}
#navigation ul li:hover 
{
    background-color: #738eb5;
}
#navigation ul li a {
    display: block;
    padding: 8px 10px 7px 23px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1em;
    color:#FFFFFF;
    font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;
}
* html #navigation ul li a{
    height: 31px;
    margin-bottom: -1px;
}

/*Content Update 2011-05-25*/
a.help-button
{    
    display: block;
    text-indent: -10000px;
    width: 20px;
    height: 24px;
    background: transparent url(../../img/sprites.png) -650px -138px no-repeat;
}
#main div.help-box
{
    display: none;    
}
#page-manuals-search .search-form-wrapper a.help-button
{
    float: right;
    text-align: center;
}
#page-manuals-search .search-form-wrapper input.text-field 
{
    margin-top: 2px;
    float: left;    
}
#page-manuals-search .search-form-wrapper .field-wrapper {
    margin: 0 0 1em 0;
    width: 355px;
}

/* Content */
#main{
    background-color: #FFFFFF;
    padding: 15px 10px;
}

#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6{
    background-color: transparent !important;
}

#main h1 {
    font-size: 2.2em;
    margin: 0 0 .5em;
    font-weight: normal;
}
#main h2 {
    font-size: 1.4em;
    margin-bottom: 1em;
}
#main h3 {
    font-size: 1.4em;
    margin-bottom: 1em;
    font-weight: normal;
}
#main h4 {
    font-size: 1.2em;
    margin-bottom: 0.8em;
}
#main h5 {
    font-size: 1.2em;
    margin-bottom: 0;
    font-weight: normal;
}
#main h6 {
    font-size: 1em;
}
#main p {
    margin: 0 0 1em 0;
}
#main ul, #main ol {
    margin: 0 0 1em 1.8em;
}
#main ul li, #main ol li {
    margin: 0 0 .4em 0;
}
#main ul li {
    list-style-image: url(../../img/list-item-image-red-dot.png);
}
#main .subtitle {
    margin-top: -0.4em;
}
#main table {
    width: 100%;
    /*margin: .8em 0;*/
    margin:0.8em 0 0;
}
#main table#product-search-results {
    margin: 10px 0px;
}

#main table tr td {
    border-top: 1px solid #DEE2E3;
}
#main table tr.first td {
    border-top: 0 none;
}
#main table tr td, #main table tr th {
    padding: 10px;
    border-left: 1px solid #DEE2E3;
    text-align: left;
}
#main table tr td.col1, #main table tr th.col1 {
    border-left: 0 none;;
}

#main table thead tr th {
    background: #E7EEF4;
    padding: 5px 10px;
}

#main table.characteristics thead tr th {
      width: 33%;
}


#main table {
}
#main table {
}
#main table {
}
/*** General object styles ***/
#main .clear {
    clear: both;
}
#main span.highlighted {
    background: #F5E300;
    font-style: italic;
}
#main p.ian {
    color: #B41D08;
    margin: 0 0 .8em;
}
#main div.message {
    margin-bottom: 1em;
}
#main div.message .header {
    height: 24px;
    line-height: 24px;
    background: #CBD4E5;
    padding: 0 3px 0 10px;
}
#main div.message .header strong {
}
#main div.message .header a.close {
    display: block;
    text-indent: -10000px;
    float: right;
    width: 20px;
    height: 24px;
    background: transparent url(../../img/sprites.png) 2px -177px no-repeat;
}
#main div.message .content {
    padding: 10px;
    background: #EFF2F7;
}
#main div.message .content p {
    margin: 0 0 .5em;
}
#main div.error .header {
    background: #F2D3D3 url(../../img/sprites.png) -645px -178px no-repeat;
    padding-left: 29px;
}
#main div.error .content {
    background: #F7F0F0;
}
/*
#main div.help-box {
    position: relative;
    width: 425px;
    left: 350px;
    top: -60px;
}
*/

#main #search1Form{
    width:360px;
    float:left;
}

#main div.help-box {
    float:right;
    width: 425px;
    padding-right:150px;
}


#main div.help-box .content {
    border: 1px solid #CBD4E5;
    border-width: 0 1px 1px;
    padding: 10px 9px;
}
#main div.sub-navigation-bar {
    position: relative;
    display: block;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    background: #E7EEF4;
}
#main div.sub-navigation-bar a.back-to-overview {
    display: block;
    float: left;
    padding-left: 27px;
    height: 26px;
    background: transparent url(../../img/sprites.png) -236px -177px no-repeat;
}
#main div.sub-navigation-bar a.back-to-top {
    display: block;
    float: right;
    height: 26px;
    padding: 0 10px 0 15px;
    background: transparent url(../../img/sprites.png) -330px -214px no-repeat;
}
#main div.sub-navigation-bar form.anzeige {
    float: left;
}
#main div.sub-navigation-bar form.anzeige label {
    padding: 0 5px 0 0;
}
#main div.sub-navigation-bar form.anzeige select {
    font-weight: bold;
}
#main div.sub-navigation-bar form.anzeige .hidden {
    display: none;
}
#main div.sub-navigation-bar ul.page-navigation {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0;
}
#main div.sub-navigation-bar ul.page-navigation li {
    float: left;
}
#main div.sub-navigation-bar ul.page-navigation li {
    list-style: none;
    list-style-image: none;
    margin: 0;
}
#main div.sub-navigation-bar ul.page-navigation li a, #main div.sub-navigation-bar ul.page-navigation li span {
    display: block;
    padding: 0 8px;
    background: transparent url(../../img/sprites.png) -335px -257px no-repeat;
}
#main div.sub-navigation-bar ul.page-navigation li .inactive {
    color: #A4B3D2;
    text-decoration: underline;
}
#main div.sub-navigation-bar ul.page-navigation li .active {
    color: #B41D08;
    font-weight: bold;
}
#main div.sub-navigation-bar ul.page-navigation li .first {
    padding: 0;
    width: 18px;
    background-position: -80px -176px;
    text-indent: -10000px;
}
#main div.sub-navigation-bar ul.page-navigation li.inactive span.first {
    background-position: -160px -176px;
}
#main div.sub-navigation-bar ul.page-navigation li .last {
    width: 18px;
    background-position: -120px -176px;
    text-indent: -10000px;
    padding: 0 10px 0 0;
}
#main div.sub-navigation-bar ul.page-navigation li.inactive span.last {
    background-position: -196px -176px;
}
#main div.sub-navigation-bar ul.page-navigation li .previous {
    background: none;
}
#main div.sub-navigation-bar ul.page-navigation li .next {
}
/*** PER PAGE STYLES ***/
/* Startscreen */
body#page-start {
    background: #fff;
}
#page-start #container {
    position: relative;
    padding: 20px 0 0 0;
    height: 650px;
    width: 810px;
    background: transparent url(../../img/startseite2.jpg) center 65px no-repeat;
}
#page-start #container h1 {
    text-align: center;
    font-size: 2.2em;
    margin: 0 0 1.4em 0;
}
#page-start #container p#choose-language {
    text-align: center;
    font-weight: bold;
}
#page-start #container ul#language-menu {
    position: absolute;
    top: 108px;
    left: 195px;
    width: 550px;
    height: 170px;
}
#page-start #container ul#language-menu li {
    list-style: none;
    float: left;
    width: 100px;
    height: 24px;
    line-height: 24px;
    margin: 0 10px 10px 0;
    background-color: #E7EFF2;
}
#page-start #container ul#language-menu li a {
    padding: 0 5px;
    text-decoration: none;
}
/* Manuals, software and and product videos search */
#page-manuals-search #main {
    padding-bottom: 10px;
}
#page-manuals-search #search1 {
    height: 190px;
    padding: 5px 10px;
    margin-bottom: 3em;
    border: 1px solid #CBD4E5;
    background: #EFF2F7 url(../../img/bg-searchform.jpg) right top no-repeat;
}
#page-manuals-search #search1 p {
    width: 70%;
}
#page-manuals-search #search1 .message p {
    width: 100%;
}
#page-manuals-search #search2 {
    float: left;
    border-right: 1px solid #C8D5E8;
    width: 484px;
    margin-bottom: 1em;
}
#page-manuals-search #search3 {
    float: right;
    width: 475px;
}
#page-manuals-search .search-form-wrapper {
    padding: 1em 0;
}
#page-manuals-search .search-form-wrapper h3 {
    font-weight: bold;
    margin-bottom: .5em;
}
#page-manuals-search .search-form-wrapper .field-wrapper {
    margin: 0 0 1em 0;
}
#page-manuals-search .search-form-wrapper input.text-field {
    width: 318px;
    padding: 2px 3px;
    font-style: italic;
}
#page-manuals-search .search-form-wrapper label {
    display: block;
    margin-bottom: 1em;
}
#page-manuals-search .search-form-wrapper select {
    width: 276px;
    display: block;
}
#page-manuals-search .search-form-wrapper select option {
    padding: 2px 10px;
}
/* Search results for the page above */
#page-manuals-search-results #main table tr td.col1 img {
    display: block;
    border: 1px solid #003278;
}
#page-manuals-search-results #main table tr td h3 {
    font-weight: bold;
    font-size: 1.1em;
    background: transparent url(../../img/sprites.png) -658px -264px no-repeat;
    padding-left: 7px;
}
/* Product details page */
#page-product-details .product {
    margin: .8em 0 0;
}
#page-product-details .product .images {
    float: left;
}
#page-product-details .product .images .product-images ul {
    margin: 0;
}
#page-product-details .product .images .product-images ul li {
    list-style: none;
    list-style-image: none;
}
#page-product-details .product .images .product-images ul li img {
    display: block;
}
#page-product-details .product .images .brand-image {
    margin-top: 10px;
}
#page-product-details .product .images .brand-image img {
    display: block;
    padding: 23px 10px;
    margin-left: 19px;
    border: 1px solid #EDEEF2;
}
#page-product-details .product .description {
    overflow: hidden;
    padding: 0 0 0 10px;
}
#page-product-details .product .description h1 {
    font-size: 1.4em;
    font-weight: bold;
    border-bottom: 1px solid #B6C3D6;
    padding-bottom: .4em;
}
#page-product-details .product .description h3 {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: .5em;
}
#page-product-details .product .description .table-flag-tag {
    border: 1px solid #E7EEF4;
    border-width: 1px 1px 0 1px;
    padding: 3px 10px;
    float: left;
    color: #B41D08;
    font-weight: bold;
}

#page-product-details .product .description table.characteristics {
    margin-top: 0;
    clear: left;
    margin-bottom: 10px;

}
#page-product-details .product .description table.characteristics tr th {
    background: #CBD4E5;
}
#page-product-details .product .description table.characteristics tr td {
    background: #F0F3F8;
}
#page-product-details .product .description table.characteristics tr td, #page-product-details .product .description table.characteristics tr th {
    border-color: #fff;
    border-top: 0 none;
}
#page-product-details .product .description table.characteristics tr td ul {
    margin: 0 0 1em 0;
}
#page-product-details .product .description table.characteristics tr td ul li {
    list-style: none;
    list-style-image: none;
    padding-left: 6px;
    background: transparent url(../../img/sprites.png) -658px -308px no-repeat;
}
#page-product-details .product .description table.characteristics tr td ul li a {
    color: #B41D08;
}
#page-product-details .product .description table.characteristics tr td ul li a:hover {
    color: #003278;
}
#page-product-details .product .images{
    margin-bottom: 10px;
}

/* Update 2010-12-20 */
a.logo-link{
    border: none;
    text-decoration: none;
    width: 120px; height: 120px;
    position: absolute;
    left: 0px;
    top:  10px;
    text-indent: -1000px;    
}
div.top-info{
    border: none;
    width: 210px; height: 100px;
    position: absolute;
    right: 0px;
    top:  32px;
    text-indent: -1000px;    

    background: url(../../img/topic-en.png) transparent top left no-repeat;

}
div.table-flag-tag span{
    display: block;
    padding: 1px 0px 0px 24px; 
    background-position: center left;
    background-repeat:  no-repeat;
}
ul#language-menu li a{
    display: block;
    padding: 1px 0px 0px 22px !important;
    margin-left: 4px;
    background-position: center left;
    background-repeat:  no-repeat;
}
ul#language-menu a.ae,    
div.table-flag-tag span.ae{
    background-image: url(../../img/us.png);
}ul#language-menu a.as,    
div.table-flag-tag span.as{
    background-image: url(../../img/us.png);
}ul#language-menu a.bg,    
div.table-flag-tag span.bg{
    background-image: url(../../img/bg.gif);
}ul#language-menu a.cs,    
div.table-flag-tag span.cs{
    background-image: url(../../img/cs.gif);
}ul#language-menu a.da,    
div.table-flag-tag span.da{
    background-image: url(../../img/da.gif);
}ul#language-menu a.de,    
div.table-flag-tag span.de{
    background-image: url(../../img/de.png);
}ul#language-menu a.el,    
div.table-flag-tag span.el{
    background-image: url(../../img/el.gif);
}ul#language-menu a.en,    
div.table-flag-tag span.en{
    background-image: url(../../img/en.png);
}ul#language-menu a.es,    
div.table-flag-tag span.es{
    background-image: url(../../img/es.gif);
}ul#language-menu a.fi,    
div.table-flag-tag span.fi{
    background-image: url(../../img/fi.gif);
}ul#language-menu a.fr,    
div.table-flag-tag span.fr{
    background-image: url(../../img/fr.gif);
}ul#language-menu a.hr,    
div.table-flag-tag span.hr{
    background-image: url(../../img/hr.gif);
}ul#language-menu a.hu,    
div.table-flag-tag span.hu{
    background-image: url(../../img/hu.gif);
}ul#language-menu a.it,    
div.table-flag-tag span.it{
    background-image: url(../../img/it.gif);
}ul#language-menu a.lt,    
div.table-flag-tag span.lt{
    background-image: url(../../img/lt.png);
}ul#language-menu a.nl,    
div.table-flag-tag span.nl{
    background-image: url(../../img/nl.gif);
}ul#language-menu a.pl,    
div.table-flag-tag span.pl{
    background-image: url(../../img/pl.gif);
}ul#language-menu a.pt,    
div.table-flag-tag span.pt{
    background-image: url(../../img/pt.gif);
}ul#language-menu a.ro,    
div.table-flag-tag span.ro{
    background-image: url(../../img/ro.gif);
}ul#language-menu a.rs,    
div.table-flag-tag span.rs{
    background-image: url(../../img/rs.png);
}ul#language-menu a.rs,    
div.table-flag-tag span.rs{
    background-image: url(../../img/rs.png);
}ul#language-menu a.sk,    
div.table-flag-tag span.sk{
    background-image: url(../../img/sk.gif);
}ul#language-menu a.sl,    
div.table-flag-tag span.sl{
    background-image: url(../../img/sl.gif);
}ul#language-menu a.sr,    
div.table-flag-tag span.sr{
    background-image: url(../../img/rs.png);
}ul#language-menu a.sv,    
div.table-flag-tag span.sv{
    background-image: url(../../img/sv.gif);
}