BODY { background-color: #dfddde; text-align: left; font-family: Verdana; font-size: 11px; padding: 20px 10px 20px 10px; }
A { color: #1F76AE; text-decoration: none; }
A:HOVER { color: #5BA7DB; text-decoration: underline; }
H1, H2, H3, H4 { color: #002851; line-height: 16px; }
H1 { font-size: 14px; padding-top: 30px; }
H2 { font-size: 12px; }
H3 { font-size: 12px; padding-top: 20px; }

.break { padding-bottom: 10px !important; }
.bigbreak { padding-bottom: 20px !important; }
.subline { font-size: 12px; color: #002851; line-height: 16px; }
.nopadding { padding: 0 !important; clear: both; }

P { line-height: 16px; }
LI { line-height: 18px; }
OL { padding-bottom: 10px; }
OL LI { list-style-type: decimal; list-style-position: inside; }
TEXTAREA { height: 80px; }
LABEL { padding-right: 10px; width: 85px; display: block; float: left;  }
IMG.border { border: solid 2px #989898; }
/* */
FIELDSET { margin: 8px 0 20px 0; }
FIELDSET DIV { float: left; }
FIELDSET P { float: left; }
FIELDSET.nofloat P { float: none; }
FIELDSET.nofloat LABLE { float: left; }
FIELDSET.nofloat INPUT { float: none; }
FIELDSET LEGEND { padding: 15px 0 5px 0; margin: 0; }
FIELDSET INPUT[type=text], FIELDSET SELECT { width: 215px; height: 15px; border: solid 1px #999999; }
FIELDSET SELECT { height: 18px; line-height: 18px; }
FIELDSET TEXTAREA { width: 215px; height: 80px; border: solid 1px #999999; }
FIELDSET INPUT, FIELDSET TEXTAREA {  padding: 0; margin: 0; float: left; }
FIELDSET DIV.error { display: none; margin: 10px 0 0 20px; }
FIELDSET DIV.error P { color: #FFFFFF; background: #fc0065; padding: 5px 10px 5px 10px !important; margin: 0; }
FIELDSET LABEL.error { display: none !important; }
FIELDSET INPUT.error, FIELDSET TEXTAREA.error, FIELDSET SELECT.error { border: solid 1px #fc0065; }
FIELDSET.checkboxlist P { float: left; padding: 5px 0 5px 0 !important; }
FIELDSET.checkboxlist INPUT { float: left; margin-right: 5px; }
FIELDSET.checkboxlist LABEL { float: none; }
FIELDSET P.newline { clear: both; }
FIELDSET P.newline LABEL { width: auto !important; padding-right: 10px; float: left; }
FIELDSET P.newline INPUT { float: left; }

/* GENERAL */

.border_outer { position: relative; left: 50%; background-color: white; width: 990px; margin-left: -495px; }
.border_outer .l1 { border: solid 1px #dbd9da; }
.border_outer .l2 { border: solid 1px #d0d0d0; }
.border_outer .l3 { border: solid 1px #c3c3c3; }
.border_outer .l4 { border: solid 1px #b2b2b2; padding: 10px; }

.border_inner .tl { background: url(../images/border_inner_top_lft.gif) top left no-repeat; padding: 5px; }
.border_inner .tr { background: url(../images/border_inner_top_rgt.gif) top right no-repeat; }
.border_inner .br { background: url(../images/border_inner_btm_rgt.gif) bottom right no-repeat; }
.border_inner .bl { background: url(../images/border_inner_btm_lft.gif) bottom left no-repeat; width: 100%; }

/* HEADER */

#logo { height: 95px; background: url(../images/header/logo.jpg) no-repeat; background-position: 10px 20px; }
#logo_symbol { position: absolute; top: 20px; right: 20px; width: 10px; height: 56px; background: url(../images/header/logo_symbol.jpg) no-repeat; }
#search { display: none; position: absolute; top: 60px; left: 275px;  }
#search INPUT[type=text] { float: left; height: 18px; line-height: 18px; width: 280px; margin-right: 5px;  }
#banner_header { position: absolute; top: 36px; right: 50px; color: #6f6f6f; }
.topnav { position: absolute; top: 14px; height: 24px; }
.topnav .br { padding: 0 3px 5px 3px; }
.topnav A { display: block; padding-left: 22px; height: 21px; line-height: 21px; margin: 0 3px 0 3px; font-size: 10px; background: #F1F1F1 url(../images/header/icon_topmenu_arrow.gif) no-repeat; background-position: 4px; }
#xpress-login { left: 275px; width: 119px; }
#demo-shop { left: 400px; width: 104px; }

#menu { height: 23px; padding-left: 20px; background: url(../images/menu/menu_bg.gif) repeat-x; }
#menu A { color: #FFFFFF; text-decoration: none; text-transform: uppercase; }
#menu LI { float: left; } 
#menu LI * { float: left; height: 23px; line-height: 23px; display: block; }
#menu A .border { width: 1px; }
#menu A .item { padding: 0 10px 0 10px; }
#menu A:HOVER .border { background: url(../images/menu/menu_hitem_b_bg.gif) repeat-x; }
#menu A:HOVER .item { background: url(../images/menu/menu_hitem_bg.gif) repeat-x; }
#menu LI.selected .border { background: url(../images/menu/menu_sitem_b_bg.gif) repeat-x; }
#menu LI.selected .item { background: url(../images/menu/menu_sitem_bg.gif) repeat-x; }

/* CONTENT */

#container_left { float: left; width: 750px; padding-right: 5px; }
#container_right { float: left; width: 205px; }

.module { padding-bottom: 5px; }
.content { background: #F0F0F0; }
.watermark { text-transform: uppercase; color: #999 !important; }
input::-webkit-input-placeholder { text-transform: uppercase; color: #999 !important; }
input:-moz-placeholder { text-transform: uppercase; color: #999 !important; }


#linklist { padding: 10px 0 10px 30px; background-position: 0 -60px; }
.linklist A { line-height: 18px; }

.shoplogin { padding: 10px 0 10px 0; }
.shoplogin H1 { display: block; color: #FFFFFF; font-size: 10px; font-weight: normal; height: 17px; line-height: 16px; text-transform: uppercase; background: #005C95 url(../images/icon_tab_arrow.gif) no-repeat; background-position: 20px 5px; padding: 0 0 0 30px; margin: 0 0 10px 0; }
.shoplogin P { text-align: center; vertical-align: middle; padding-bottom: 10px; }
.shoplogin P INPUT[type=text], INPUT[type=password] { width: 150px; padding: 2px 5px 2px 5px; border: solid 1px #999999; color: #000000; }
.shoplogin P.button { text-align: right; margin-right: 16px; padding-bottom: 0; }
.shoplogin P.link { text-align: left; margin-left: 15px; padding-bottom: 0; }
.shoplogin DIV.error { display: none; margin: 10px 0 0 20px; }
.shoplogin DIV.error P { color: #FFFFFF; background: #fc0065; padding: 5px 10px 5px 10px !important; margin: 0; }
.shoplogin LABEL.error { display: none !important; }
.shoplogin INPUT.error, FIELDSET TEXTAREA.error, FIELDSET SELECT.error { border: solid 1px #fc0065; }

#callback-service-left DIV { position: absolute; }
#callback-service-left A { color: #FFFFFF; position: absolute; margin: 42px 0px 0px -158px;}


.bannerlist H1 { color: #676767; font-size: 8px; letter-spacing: 2px; text-transform: uppercase; border-bottom: dotted 1px #676767; padding: 0 0 2px 0; margin-bottom: 3px; width: 63px; }
.bannerlist .border { border: solid 1px black; }
.banner_horizontal { margin-bottom: 10px; float: left; position: relative; margin-right: 10px; }

/* */
.tabmenu { background: #FFFFFF; }
.tabmenu UL.menu LI { display: none; float: left; margin-right: 3px; background: #b1afb0 url(../images/tabmenu_item_bg.jpg) repeat-x; }
.tabmenu UL.menu LI.selected { display: block; color: #FFFFFF; background: url(../images/tabmenu_sitem_bg.jpg) repeat-x; }
.tabmenu UL.menu LI A { color: #666666; text-transform: uppercase; text-decoration: none; padding: 0 20px 0 20px; float: left; display: block; height: 20px; line-height: 19px; background: url(../images/icon_tab_arrow_grey.gif) no-repeat; background-position: 10px; border-top: solid 1px #999999; border-left: solid 1px #999999; border-right: solid 1px #999999; }
.tabmenu UL.menu LI.selected A { color: #FFFFFF; background: url(../images/icon_tab_arrow.gif) no-repeat; background-position: 10px; border-top: solid 1px #005c95; border-left: solid 1px #005c95; border-right: solid 1px #005c95; }
.tabmenu DIV.tab { display: none; background: #F0F0F0; float: left; padding: 10px 20px 20px 20px; border: solid 5px #005c95; width: 690px; }
.tabmenu DIV.tab H1 { padding: 20px 0 0 0; }
.tabmenu DIV.tab H2 { padding: 0 0 0px 0; }
.tabmenu DIV.tab P { padding-bottom: 10px; }
.tabmenu DIV.tab .small { width: 340px; }
.tabmenu DIV.tab OL LI { margin-left: 20px; list-style-position: outside; }
.tabmenu DIV.tab OL.small { width: 340px; }
.tabmenu DIV.tab UL { padding-bottom: 10px; }
.tabmenu H1 { clear: both; }
.tabmenu DIV.selected { display: block; }

/* */
.pagingbox { padding-bottom: 10px; }
.pagingbox H1 { padding: 5px 0 0 0;  }
.pagingbox .headline { position: relative; height: 20px; border-bottom: dotted 1px #666666; padding: 3px 0 3px 0; margin: 0 10px 10px 10px; background: url(../images/icon_tab_arrow_blue.gif) no-repeat; background-position: 30px 10px; }
.pagingbox .headline H1 { padding: 0; margin: 0 0 0 40px; clear: none; line-height: 20px; }
.pagingbox  IMG.icon { float: left; padding-right: 10px;  }
.pagingbox .pager { position: absolute; display: none; top: 5px; right: 0; }
.pagingbox .pager * { float: left; }
.pagingbox .pager IMG { cursor: pointer; margin: -3px 0 0 0; }
.pagingbox .pager SPAN { display: block; padding: 0 5px 0 5px; line-height: 13px; font-size: 14px; color: #002851; }
.pagingbox LI { position: relative; float: left; border-right: solid 1px #cdcdcd; padding: 0px 10px 0px 10px; min-height: 350px; }
.pagingbox LI.last { border: 0; }
.pagingbox LI P { clear: both; }
.pagingbox LI .subline { height: 30px; padding-bottom: 10px; }
.pagingbox LI IMG { margin: 5px 0 5px 0; }
.pagingbox LI DIV.teaser { float: right; margin-right: 5px; }
.pagingbox P { width: 230px; }
.pagingbox P.artnr { padding-top: 10px; }
.pagingbox DIV.left { float: left; }
.pagingbox DIV.right { float: right; }
.pagingbox LI DIV.image_container { float: left; padding-bottom: 5px; }
.pagingbox LI A.image { display: table-cell; background: #FFFFFF; width: 150px; height: 150px; max-height: 150px; max-width: 150px; vertical-align: middle; text-align: center; border: solid 2px #989898; } 
.pagingbox LI A.image IMG { width: 140px; max-height: 140px; max-width: 140px; border: 0px; margin: 0 0 0 5px; padding: 0; }
/* */
.pagingbox .threeitems LI { width: 225px; }
.pagingbox .threeitems LI IMG { float: left; }
.pagingbox .twoitems LI { width: 348px; min-height: 190px; }
.pagingbox .twoitems LI .subline { height: auto; padding-bottom: 10px; width: 220px; }
.pagingbox .twoitems LI IMG { margin: 0 0 5px 0; }
.pagingbox .twoitems DIV.right { width: 100px; }
.pagingbox .twoitems LI A.image IMG { background: #FFFFFF; width: 70px; max-height: 70px; max-width: 70px; padding: 10px; }
/* */
.pagingbox UL.features LI { float: none; background: url(../images/bullet_grau.gif) no-repeat; background-position: 2px 7px; padding: 0 0 0 10px; border: 0; clear: both; width: auto; line-height: 14px; min-height: 14px; }
.pagingbox .threeitems UL.features LI { width: 200px; }
.pagingbox .twoitems UL.features LI { width: 220px; }

UL.bulletlist LI { background: url(../images/bullet.gif) no-repeat; background-position: 2px 8px; padding: 0 0 0 10px; color: #5ba7db; }

UL.contactcards { padding: 10px 0 20px 0; }
UL.contactcards P { line-height: 15px;  }
UL.contactcards LI { min-height: 50px; float: left; margin: 0 30px 10px 0; width: 275px; background: #FFFFFF url(../images/letterlist_275_bg.jpg) no-repeat; }
UL.contactcards LI UL { clear: both; padding: 10px 0 10px 0  !important; border-right: solid 1px #cdcbce; border-bottom: solid 1px #cdcbce; border-left: solid 1px #cdcbce; }
UL.contactcards LI LI { min-height: 1px; float: none; margin: 0; background: #FFFFFF; width: auto; padding-left: 10px; }
UL.contactcards LI.image { padding: 0 0 5px 10px; float: left; }
UL.contactcards LI.image IMG { border: solid 1px #999999; }
UL.contactcards LI.name { font-size: 12px; color: #002851; line-height: 16px; margin: 20px 0 0 70px; }
UL.contactcards LI.job { margin: 0 0 0 70px; }
UL.contactcards LI.phone { clear: both; }
UL.contactcards LI.mail { clear: both; }
UL.contactcards DIV.bullet { color: #FFFFFF; font-size: 10px; float: left; padding: 13px 0 0 13px; width: 30px; text-align: center; }
UL.contactcards IMG.inner_bullet {  }
UL.contactcards DIV.headline { height: 30px; color: #FFFFFF; margin: 13px 0 0 20px; float: left; }

#home DIV.tab { padding: 0; width: 730px; }

.videobox { padding: 0; }
.videobox DIV.right { width: 372px; }
.videobox LI { position: static; float: none; border: 0; min-height: 58px; }
.videobox LI DIV.right { width: 90px; }

#manufacturer DIV.tab { padding-right: 0; width: 710px; }
#manufacturer DIV.tab IMG { padding-top: 20px; }
#manufacturer DIV.tab .small { width: 280px; }
#manufacturer DIV.tab DIV.bullet { color: #FFFFFF; font-weight: bold; padding: 13px 0 12px 24px; }
#manufacturer DIV.tab LI { float: left; width: 155px; margin: 0 20px 10px 0; background: #FFFFFF url(../images/letterlist_155_bg.jpg) no-repeat; }
#manufacturer DIV.tab LI.small { float: right; }
#manufacturer DIV.tab LI UL { min-height: 100px; clear: both; padding: 10px 0 10px 0  !important; border-right: solid 1px #cdcbce; border-bottom: solid 1px #cdcbce; border-left: solid 1px #cdcbce; }
#manufacturer DIV.tab LI LI { float: none; background: #FFFFFF; color: #5ba7db; min-height: 20px; padding: 0 0 0 13px; margin: 0; width: auto; text-transform: uppercase; }
#manufacturer DIV.tab UL { padding: 10px 0 20px 0; }
#manufacturer UL.producerList { margin-top: 10px; }

#team LI.nofloat { float: none; }
#team DIV.tab { background: #F0F0F0 url(../images/team/background.jpg) top right no-repeat; }

#contact DIV.tab { padding-left: 0; width: 710px; background: #F0F0F0 url(../images/kontakt/background.jpg) top right no-repeat; }
#contact H1,
#contact H2,
#contact TABLE TD,
#contact TABLE TH,
#contact P { padding-left: 20px; }
#contact LABEL { width: 100px; }
#contact TABLE { margin-bottom: 10px; }
#contact TABLE TH { color: #002851; font-size: 14px; font-weight: normal; padding-bottom: 10px; }
#contact TABLE TD { line-height: 16px; }
#contact FIELDSET DIV P.message { clear: both; }
#contact INPUT#txtZipCode { width: 50px; }
#contact INPUT#txtCity { margin-left: 10px; width: 153px; }
#contact FIELDSET DIV.customer { padding-left: 10px; }
#contact FIELDSET DIV.customer P { float: left; padding-left: 10px;}
#contact FIELDSET DIV.customer LABEL { width: auto; padding-left: 5px; float: left; }
#contact FIELDSET DIV.customer P.headline { float: none; padding-bottom: 5px; }
#contact FIELDSET DIV.customer INPUT#txtCustomerFalse { clear: both; } 
#contact FIELDSET DIV.customer INPUT#txtCustomerNumber { width: 50px; }
#contact INPUT[type=image] { margin-top: 10px; }
#contact .submit { padding-left: 20px; }

#support DIV.tab { background: #F0F0F0 url(../images/support/background.jpg) top right no-repeat; }
#support DIV.tab LI { color: #5ba7db; font-size: 9px; list-style: disc; list-style-position: inside; }
#support DIV.tab LI A { padding-right: 5px; }
#support DIV.tab P { padding-right: 100px; }
#support DIV.tab H2 { padding-right: 100px; }
#support DIV.tab A.pdf { display: block; background: #F0F0F0 url(../images/icon_pdf.jpg) no-repeat; line-height: 26px; height: 26px; padding-left: 35px; }
#support .directSupportList { background: #F0F0F0 !important;  }
#support .directSupportList LABEL { width: 130px; }
#support .directSupportList P { padding: 0; }
#support .directSupportList H2 { padding-top: 20px; }

#unternehmen DIV.tab { background: #F0F0F0 url(../images/unternehmen/background.jpg) top right no-repeat; }
#unternehmen DIV.tab LI { list-style: disc; list-style-position: inside; }

#karriere DIV.tab { background: #F0F0F0 url(../images/karriere/background.jpg) top right no-repeat; }
#karriere DIV.tab P { padding-right: 100px; }

#bonusclub DIV.tab { background: #F0F0F0 url(../images/bonusclub/background.jpg) top right no-repeat; }
#bonusclub DIV.tab LI { list-style-type: disc; list-style-position: outside; margin-left: 15px; }
#bonusclub DIV.tab P, #bonusclub DIV.tab H2, #bonusclub DIV.tab LI { padding-right: 300px; }
#bonusclub DIV.tab A.pdf { display: block; background: #F0F0F0 url(../images/icon_pdf.jpg) no-repeat; line-height: 26px; height: 26px; padding-left: 35px; margin: 15px 0 20px 0; }

#faq TABLE { margin-bottom: 10px; }
#faq TABLE TH { color: #002851; font-size: 12px; font-weight: normal; }
#faq TABLE TH, #faq TABLE TD { padding-right: 40px; }

#impressum LABEL { width: 250px; }
#impressum P { padding-right: 100px; }
#impressum H2 { padding-bottom: 10px; }

#help LABEL { width: 180px; height: 17px; }
#help P { clear: both; padding-bottom: 10px; }
#help P.controls { clear: both; }

#register DIV.tab { background: #F0F0F0 url(../images/register/background.jpg) top right no-repeat; }
#register LABEL { width: 180px; }
#register INPUT#txtZipCode { width: 50px; }
#register INPUT#txtCity { margin-left: 10px; width: 153px; }
#register .submit { padding-left: 45px; }
#register FIELDSET DIV.error { margin: 10px 0 0 0; clear: both; }
#register SPAN.checkboxlist { display: block; height: 18px;  }
#register SPAN.checkboxlist LABEL { width: 40px; }
#register SPAN.checkboxlist INPUT { float: left; margin-right: 5px; }
#register SPAN.checkboxlist INPUT[type=text] { width: 50px; }

#export DIV.tab { background: #F0F0F0 url(../images/export/background.jpg) top right no-repeat; }
#export DIV.tab P { padding-right: 100px; }
#export DIV.tab H2 { padding-right: 100px; }
#export DIV.tab A.pdf { display: block; background: #F0F0F0 url(../images/icon_pdf.jpg) no-repeat; line-height: 26px; height: 26px; padding-left: 35px; }
#export UL.bulletlist LI { float: left; width: 160px; text-transform: uppercase; }
#export UL.bulletlist { padding-top: 10px; }

#agb DIV.tab P { padding-right: 100px; }

#disclamer DIV.tab P { padding-right: 100px; }

/* FOOTER */

#footer .content { background-position: 2px; padding: 5px 0 5px 0; }
#footer UL { padding-left: 130px; clear: both; border-bottom: dotted 1px #666666; }
#footer UL.firstrow { padding-left: 70px; border: 0; }
#footer UL LI { float: left; padding-right: 20px; }
