html { height: 100%; }
body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#00519d; min-height:100%; height:auto !important; height:100%; background:#f6f7f8 url(images_k24/body_bg.jpg) repeat-x;}
a {color:#00519d;}
a:focus {outline:none;}
img {border:0;}
form, p {margin:0;}
h1 {font-size:18px; margin:0 0 3px 0; color:#00519d;}
h2 {font-size:14px; margin:0 0 3px 0; color:#00b5e8;}
h3 {font-size:13px; margin:0 0 3px 0;}
h4 {font-size:13px; margin:0 0 3px 0;}
input, select, textarea {font-size:12px; font-family:Arial, Helvetica, sans-serif;}
span.nobr {white-space:nowrap;}

.failinfo {display:none; padding:5px; background-color:#00b5e8; border:1px solid #00b5e8; color:#ffffff; font-weight:bold;}

#dlgContinueShopping {display:none;}
.ui-datepicker-trigger {width:1px; height:1px; display:none;}

.clearer {clear:both; float:none;}
.smallBr {height:3px; line-height:3px; font-size:3px;}
.medBr {height:6px; line-height:6px; font-size:6px;}
.small {font-size:11px; font-weight:normal;}
hr.fadeline {height:1px; border:0; background:transparent url(images_k24/line_fade.jpg) no-repeat;}
.light {color:#00b5e8;}
.box {background-color:#eeeeee;}
.boxblue {background-color:#00519d;}


/* ----------------------------- buttons ----------------------------- */
a.button {display:block; height:25px; font-size:13px; color:#00519d !important; text-align:center; text-shadow:1px 1px 0 #eeeeee; font-weight:bold; background:url(images_k24/button_bg.gif) repeat-x; text-decoration:none; line-height:24px;}
a.button:hover {background:url(images_k24/button_hover_bg.gif);}
a.button span {cursor:pointer;}

a.button85 {width:80px;}
a.button135 {width:135px;}
a.button140 {width:140px;}
a.button150 {width:150px;}
a.button175 {width:175px;}
a.button190 {width:190px;}
a.button200 {width:200px;}
a.button275 {width:275px;}

a.buttonshopping {text-align:left;}
a.buttonshopping span {padding-left:40px; display:inline-block; background:url(images_k24/button_shopping.gif) no-repeat 7px 3px;}
a.buttonwk {text-align:left;}
a.buttonwk span {padding-left:30px; display:inline-block; background:url(images_k24/wk_button_icon.gif) no-repeat 7px 6px;}
a.buttonok {text-align:left; width:115px;}
a.buttonok span {padding-left:55px; display:inline-block; background:url(images_k24/button_ok.gif) no-repeat 35px 2px;}
a.buttoncancel {text-align:left; width:115px;}
a.buttoncancel span {padding-left:35px; display:inline-block; background:url(images_k24/button_cancel.gif) no-repeat 11px 3px;}
a.buttondate {width:30px; height:25px;}
a.buttondate span {display:inline-block; width:28px; height:23px; background:url(images_k24/button_date.gif) no-repeat center bottom;}
a.buttondatedel {width:30px; height:25px;}
a.buttondatedel span {display:inline-block; width:28px; height:23px; background:url(images_k24/button_cancel.gif) no-repeat center bottom;}
a.buttonpdf {width:175px; text-align:left;}
a.buttonpdf span {padding-left:40px; display:inline-block; background:url(images_k24/button_pdf.gif) no-repeat 14px 2px;}
a.buttondelete {text-align:left;}
a.buttondelete span {padding-left:28px; display:inline-block; background:url(images_k24/button_delete.gif) no-repeat 8px 4px;}
a.buttonedit {text-align:left;}
a.buttonedit span {padding-left:28px; display:inline-block; background:url(images_k24/button_edit.gif) no-repeat 8px 4px;}
a.buttonordernow {text-align:left;}
a.buttonordernow span {padding-left:46px; display:inline-block; background:url(images_k24/button_ordernow.gif) no-repeat 6px 3px;}
a.buttonorder {text-align:left; width:200px;}
a.buttonorder span {padding-left:50px; display:inline-block; background:url(images_k24/button_order.gif) no-repeat 6px 3px;}
a.buttonsend  span {padding-left:45px; display:inline-block; background:url(images_k24/button_order.gif) no-repeat 0px 3px;}
a.buttonbuy span {padding-left:40px; display:inline-block; background:url(images_k24/button_buy.gif) no-repeat 4px 3px;}




a.invert {color:#ffffff; background-color:#b6b6b6;}
a.invert:hover {color:#ffffff; background-color:#1353a5;}
a.link {padding-left:10px; background:url(images/arrows_grey.gif) left center no-repeat; text-decoration:none;}
a.link:hover {text-decoration:underline}
a.arrow {padding-left:10px; background:url(images_k24/link_arrow.gif) left center no-repeat;}


/* ----------------------------- layout ----------------------------- */
#main {width:1110px; margin-left:auto; margin-right:auto; background:#f6f7f8 url(images_k24/main_bg.jpg) no-repeat center top;}
#content {width:1010px; margin-left:auto; margin-right:auto; position:relative; overflow-x:hidden; text-align:left; background:#ffffff; min-height:90%; height1:auto !important; height:90%;}
#top {position:relative; width:1010px; height:97px; background:#ffffff url(images_k24/main_top.gif) no-repeat; z-index:1000;}
#logo {position:absolute; left:20px; top:14px;}

#langswitch {position:absolute; color:#ffffff; right:20px; top:20px; width:auto; padding:0 12px; height:27px; line-height:27px; text-align:center; z-index:1001; background:url(images/langswitch_bg.png) no-repeat;}
.loginpage #langswitch {right:225px; top:56px;}
#langswitch a {text-decoration:none; color:#ffffff;}
#langswitch a:hover {text-decoration:underline;}
#langswitch a.active {font-weight:bold; background:url(images/langswitch_active.gif) no-repeat left center; padding-left:18px;}

#colLeft {width:220px; overflow:hidden; float:left;}
#colCenter {width:570px; overflow:hidden; float:left;}
#colRight {width:220px; overflow:hidden; float:left;}

.contentContainer {width:538px; overflow:hidden; margin:0 5px 10px 5px; padding:10px; border:1px solid #ccd9dd; position:relative;}
.pageContainer {padding:20px;width:518px;}

.page-start .contentContainer {padding:10px;}
.page-start .contentContainer h1 {font-size:30px; margin:5px 0 5px 0; color:#00b5e8;}
.page-start .contentContainer-half {width:253px; margin:0 5px 5px 5px; padding:10px; border:1px solid #ccd9dd; float:left;}
.page-start .contentContainer-half .text {width:150px; padding-right:10px; float:left;}
.page-start .contentContainer-half .text .price {font-size:14px; font-weight:bold;}
.page-start .contentContainer-half .text a {color:#00b5e8;}
.page-start .contentContainer-half .icon {width:90px; float:left;}
.page-start .contentContainer-half .icon img {border:1px solid #ccd9dd;}


/* ----------------------------- navi ----------------------------- */
#navMain {position:absolute; left:226px; top:58px; width:560px; height:26px; background:url(images_k24/mainnav_bg.gif);}
#navMain .mask-l {position:absolute; width:2px; height:26px; left:0; top:0; z-index:1001; background:url(images_k24/mainnav_mask_l.gif);}
#navMain .mask-r {position:absolute; width:2px; height:26px; right:0; top:0; z-index:1001; background:url(images_k24/mainnav_mask_r.gif);}
#navMain ul {list-style:none; padding:0; margin:0; width:560px;}
#navMain ul li {float:left; margin:0; padding:0; position:relative; display:inline-block;}
#navMain ul li a {display:inline-block; height:25px; color:#00519d; font-weight:bold; text-decoration:none; font-size:14px; line-height:26px; width:139px; text-align:center; border-right:1px solid #d6e2e9; text-shadow:1px 1px 0 #eeeeee;}
#navMain ul li a.active {color:#ffffff; text-shadow:1px 1px 0 #00519d; background:url(images_k24/mainnav_active.gif)}
#navMain ul li a.hover {background:url(images_k24/mainnav_hover.gif); color:#00519d; text-shadow:1px 1px 0 #eeeeee;}
#navMain ul li ul {list-style:none; position:absolute; left:-10px; top:16px; margin:0; padding:0; display:none; width:167px; padding:10px 10px 10px 10px;}
#navMain ul li ul li {margin:0; padding:0; clear:both;}
#navMain ul li ul li a {display:block; width:140px; height:25px; padding:0 0 0 27px; color:#00519d; text-shadow:none !important; background:url(images_k24/subnav_entry.gif); font-size:13px; font-weight:bold; text-align:left; line-height:25px;}
#navMain ul li ul li a:hover,
#navMain ul li ul li a.active {color:#ffffff; text-shadow:none; background:url(images_k24/subnav_active.gif);}

#navTree {padding:0 0 0 20px; font-size:12px; font-weight:bold;}
#navTree .top {background:#ffffff url(images_k24/leftnav_top.gif) no-repeat; width:200px; height:28px;}
#navTree .top h1 {margin:0; padding:7px 0 0 27px; font-size:14px; color:#00b5e8;}
#navTree ul {width:200px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0;}
#navTree li {margin:0; padding:0; border-top:1px solid #ffffff; background:url(images_k24/leftnav_bg.gif) repeat-y;}
#navTree a {display:block; text-decoration:none; overflow:hidden; white-space:nowrap;}
#navTree li ul {margin:0;}
#navTree li ul li {height:25px; overflow:hidden;}

#navTree li a {line-height:25px; height:25px; color:#00519d;}
#navTree li a span {padding-left:51px; background:url(images_k24/leftnav_twist_white_closed.gif) 39px 4px no-repeat;}
#navTree li a:hover {background-image:url(images_k24/leftnav_bg_hover.gif);}
#navTree li a:hover span {background-image:url(images_k24/leftnav_twist_blue_closed.gif);}
#navTree li.active {background-image:url(images_k24/leftnav_sub_bg.gif);}
#navTree li.active a span {background-image:url(images_k24/leftnav_twist_blue_open.gif);}
#navTree li.active a:hover {background-image:url(images_k24/leftnav_sub_bg.gif);}

#navTree li.active ul {margin-left:27px;}
#navTree li.active ul li {border-top:1px solid #00519d; background:none;}
#navTree li.active ul li a {color:#00b5e8;}
#navTree li.active ul li a span {margin:0; padding-left:35px; background:url(images_k24/leftnav_dot_blue_dark.gif) 25px 6px no-repeat;}
#navTree li.active ul li a:hover {color:#00519d; background-image:url(images_k24/leftnav_sub_bg_hover.gif);}
#navTree li.active ul li a:hover span {background-image:url(images_k24/leftnav_dot_blue_light.gif);}
#navTree li.active ul li.active a {color:#ffffff; background-image:url(images_k24/leftnav_sub_bg_active.gif);}
#navTree li.active ul li.active a span {background-image:url(images_k24/leftnav_dot_blue_light.gif);}


/* ----------------------------- right column ----------------------------- */
#wk {position:relative; width:170px; padding:13px 15px 15px 15px; height:102px; overflow:hidden; background:#00519d url(images_k24/wk_bg.gif) no-repeat; color:#00b5e8; line-height:21px; font-size:13px;}
#wk .icon {position:absolute; left:146px; top:10px;}
#wk b {color:#ffffff;}
#wk h4 {font-size:18px; font-weight:bold; color:#ffffff;}
#wk a.button {margin:12px 0 0 0; text-align:left;}
#wk a.button span {padding-left:29px; display:inline-block; background:url(images_k24/wk_button_icon.gif) no-repeat 7px 6px;}

#login {position:relative; width:170px; padding:13px 15px 15px 15px; height:127px; overflow:hidden; margin-top:10px; background:#00b5e8 url(images_k24/login_bg.gif) no-repeat; color:#00519d; line-height:20px; font-size:13px;}
#login .icon {position:absolute; left:125px; top:5px;}
#login h4 {font-size:18px; font-weight:bold; color:#ffffff;}
#login .loginname {color:#ffffff; font-weight:bold;}
#login input.textfield {width:170px; font-size:11px; line-height:15px; border:1px solid #666666; margin-bottom:3px;}
#login a.button {margin:8px 0 0 0; text-align:left;}
#login a.button-account {width:162px;}
#login a.button-account span {padding-left:29px; display:inline-block; background:url(images_k24/login_account_icon.gif) no-repeat 6px 4px;}
#login a.button-logout {width:106px;}
#login a.button-logout span {padding-left:29px; display:inline-block; background:url(images_k24/login_logout_icon.gif) no-repeat 8px 2px;}
#login .failinfo {padding:5px; width:158px; background-color:#00b5e8; border:1px solid #00b5e8; color:#ffffff; font-weight:bold;}

#loginPage {margin:30px 0 0 225px;}
#loginPage .content {background:#eeeeee url(images_k24/loginpage_bg.gif) no-repeat; width:560px; min-height:290px; height:auto !important; height:290px;}
#loginPage .loginForm {width:290px; padding:35px 0 0 245px;}
#loginPage h2 {margin:0 0 15px 0;}
#loginPage .loginForm .fieldgroup {width:310px; padding:0; background:none; border:none;}
#loginPage .loginForm .fieldgroup .label {width:96px; padding:4px 0 0 0;}
#loginPage .loginForm .fieldgroup .field {width:200px; padding:2px 0 0 0;}
#loginPage .formButtons {padding:10px 0 0 95px;}
#loginPage table td {padding:0;}
#loginPage table {border-collapse:collapse; table-layout:fixed;}
#loginPage .contentContainer {border:none; padding-top:30px;}
#loginPage .fieldgroup {background:none; border:none;}


/* ----------------------------- forms ----------------------------- */
form .fieldgroup {padding:10px 10px 5px 10px; background-color:#eeeeee; clear:both; float:none; margin-bottom:5px; }
form .label {float:left; width:180px; padding:3px 0px 0px 50px; color:#505050;}
form .labelwrap .label {float:none;}
form .radio {float:left; width:25px; padding:3px 0px 0px 25px;}
form .radio {float:left; width:25px; padding:3px 0px 0px 25px;}
form .labelcheckable {float:left; width:180px; padding:3px 0px 0px 0px;}
form .field {float:left; width:220px; padding-bottom:5px;}
form .labelwrap .field {float:none; width:360px; padding:3px 0px 5px 50px;}
form .labelwrap .field input {width:360px;}
form .field .textfield {width:180px; border:1px solid #505050;}
form .field .textarea {width:180px; border:1px solid #505050;}
form .fieldfullwidth .textarea {width:360px; height:90px; border:1px solid #505050;}
form .fieldfullwidth {clear:both; float:none; width:430px; padding:3px 0px 5px 50px;}
form h3 {clear:both; float:none; background-color:#00519d; padding:6px 10px 6px 10px; color:#00b5e8; margin:0;}
form .required {font-size:11px;}
form .fail input, form .fail textarea, form .fail select, form .fail label {background-color:#00b5e8;}
form .fieldValueDisp {padding:1px; width:180px; border:1px solid #dddddd; font-weight:bold; overflow:hidden;}
form .radiogroup {padding:0 10px 0 22px;}
form .selector {cursor:default; line-height:20px; width:390px;}
form .selector .radio {float:left; width:25px;}
form .selectorPanel {clear:both; float:none; display:none; padding:5px 0 10px 30px; width:390px; overflow:hidden;}
form .paymentHint {padding:10px 0 5px 0; font-size:11px;}
.formInfoFail, .orderInfoFail {padding:10px; background-color:#00b5e8; border:1px solid #00b5e8; color:#ffffff; display:none; font-weight:bold; margin:5px 0 5px 0;}
.formInfoSuccess {padding:10px; background-color:#eeeeee; border:1px solid #505050; color:#505050; display:none; font-weight:bold; margin:5px 0 5px 0;}
.uploadsMissingFail {width:478px; padding:10px; background-color:#eeeeee; border:1px solid #505050; color:#505050; display:none; font-weight:bold; margin:5px 0 5px 0;}

.formButtons {height:30px; position:relative;}
.formButtons .right {position:absolute; right:0px; top:0px;}
.formButtons .left {position:absolute; left:0px; top:0px;}
.formButtons .center {position:absolute; left:208px; top:0px;}



/* ----------------------------- pages ----------------------------- */
.agb em {position:absolute; margin-left:-37px; color:#00b5e8; font-size:12px; font-weight:bold; font-style:normal;}
.agb h3 em {color:#00519d; font-size:14px}
.agb h2 em {margin:0; color:#00519d; font-size:12px; font-style:normal;}
.agb h3 {padding-left:37px; color:#00b5e8; font-size:14px; margin:0 0 8px 0;}
.agb p {padding-left:37px; color:#00519d; font-size:12px; margin:0 0 8px;}
.agb hr {margin:10px 0}

.faqs .faqentry {padding:2px 0 2px 0; background:transparent url(images_k24/line_fade.jpg) no-repeat;}
.faqs h3 {padding:16px 0 8px;font-size:16px;color:#00b5e8;}
.faqs h4 {margin:0; padding:0 0 0 20px; background:#ffffff url(images_k24/twist_faq_close.gif) 0px 3px no-repeat; font-size:14px; cursor:pointer;}
.faqs h4.active {background-image:url(images_k24/twist_faq_open.gif);}
.faqs .entry {padding:5px 0 10px 20px; display:none;}
.faqs ul {padding:0; margin:0; list-style:none;}
.faqs ul li {padding-left:15px; background:transparent url(images_k24/bullet.gif) 0px 3px no-repeat; color:#999999; font-weight:bold;}



/* ----------------------------- shop ----------------------------- */
.shopContainer {margin-top:-10px; margin-bottom:-10px; font-size:12px; color:#505050; padding:10px;}
.shopContainer a {color:#505050;}
.shopContainer h2 {font-size:13px; margin:0 0 3px 0;}
.shopContainer .panel {float:left;}

/* item list */
.shopItemLink {border-bottom:10px solid white; border-top:10px solid white; min-height:90px;}
.shopItemLink div.icon {display:none; float:left; width:90px; height:90px; padding:0;}
.shopItemLink div.icon img {width:88px; height:88px; border:1px solid #ccd9dd;}

.shopItemLink div.box {}
.shopItemLink div.data {float:left; width:380px; font-size:11px; padding:10px;}
.shopItemLink div.data ul {margin:0; padding:5px 0 0 15px;}

.shopItemLink div.data a {font-weight:bold; text-decoration:none; font-size:18px; color:#00519d;}
.shopItemLink div.data a:hover {text-decoration:underline;}
.shopItemLink div.link {float:left; width:105px; height:90px;}
.shopItemLink div.link a {text-align:left; width:105px; margin-top:12px;}
.shopItemLink div.link a span {padding-left:46px; display:inline-block; background:url(images_k24/button_buy.gif) no-repeat 13px 3px;}

/* prod page */
div.sliderFrame {width:538px; margin:0; overflow-x:hidden; position:relative;}
div.sliderSlides {width:3000px;}
div.sliderContent {width:538px; overflow:hidden; float:left;}

.shopItemName {}
.shopItemName div.item {width:538px; background-color:#eeeeee; padding:10px 0 10px 0;}
.shopItemName div.icon {float:left; width:75px; height:68px; padding:0;}
.shopItemName div.icon img {width:66px; height:66px; border:1px solid #ccd9dd;}
.shopItemName div.name {float:left; width:460px; font-size:10px; margin-top:-2px; color:#666666;}
.shopItemName div.name h1 {font-size:14px; font-weight:bold;}
.shopItemName div.name ul {margin:0; padding:0 0 0 15px;}

.shopItem {font-size:12px; color:#505050;}
.shopItem .itemData {}
.shopItem .itemData .pdfs {text-align:right; padding:10px 0 15px 0;}
.shopItem .itemData .pdfs a.button {float:right; margin-left:10px;}

.shopItem .itemData .itemType {padding:7px 6px 8px 6px; background-color:#00519d; position:relative;}
.shopItem .itemData .itemType {margin-top:5px; cursor:pointer;}
.shopItem .itemData .itemType h3 {padding:0 0 0 18px; margin:0; font-size:18px; font-weight:bold; color:#ffffff; background:url(images_k24/twist_close.gif) no-repeat left center;}
.shopItem .itemData .itemType h3 span {display:inline-block;}
.shopItem .itemData .itemType h3 span.part1 {width:170px;}
.shopItem .itemData .itemType h3 span.part2 {width:155px; color:#00b5e8;}
.shopItem .itemData .itemType h3 span.part3 {color:#00b5e8;padding-left:6px;}
.shopItem .itemData .itemType h3.active {background-image:url(images_k24/twist_open.gif);}
.shopItem .itemData .itemType .info {position:absolute; right:10px; top:10px; width:16px; height:16px; background:url(images_k24/info.gif); cursor:default;}
.shopItem .muster_group_1 {display1:none;}
.shopItem optgroup {background-color:#00519d; color:#ffffff; font-style:normal;}
.shopItem optgroup option {background-color:#ffffff; color:#000000;}
.shopItem .itemData h2 {margin-top:10px;}
.shopItem .itemData #calc_count {width:30px;}
.shopItem .itemData table.calc td.col0, .itemData table.calc_order td.col0 {width:150px; white-space:nowrap;}

.shopItem .itemConfig {background-color:#eeeeee; color:#00519d; padding:0; display:none;}
.shopItem .itemConfig table th {text-align:left; font-weight:normal; padding:0; white-space:nowrap;}
.shopItem .itemConfig table td {padding:0; color:#00519d;}
.shopItem .itemConfig table td.avail-0 div {width:15px; height:15px; border:1px solid #ffffff; background-color:#ffff00;}
.shopItem .itemConfig table td.avail-1 div {width:15px; height:15px; border:1px solid #ffffff; background-color:#00ff00;}
.shopItem .itemConfig #calc_remarks {width:480px;}
.shopItem .itemConfig #custom_qm_check {width:40px;}
.shopItem .itemConfig #calc_custom_count {width:30px;}
.shopItem .itemConfig #calc_custom_width {width:30px;}
.shopItem .itemConfig table.custom-config td {font-weight:normal; color:#00519d; padding-right:5px;}

.shopItem .itemConfig table.itemdata {border-collapse:collapse;}
.shopItem .itemConfig table.itemdata td {padding:2px; text-align:center; white-space:nowrap; font-weight:bold;}
.shopItem .itemConfig table.itemdata th {padding:4px 2px 2px 2px; text-align:center;}
.shopItem .itemConfig table.itemdata .col0 {width:80px;}
.shopItem .itemConfig table.itemdata .col1 {width:90px; background-color:#ffffff;}
.shopItem .itemConfig table.itemdata .col2 {width:100px;}
.shopItem .itemConfig table.itemdata .col3 {width:100px; background-color:#ffffff;}
.shopItem .itemConfig table.itemdata .col4 {width:140px; background-color:#00b5e8; color:#ffffff;}
.shopItem .itemConfig table.itemdata th.col0 {border-bottom:1px solid #00519d;}
.shopItem .itemConfig table.itemdata th.col1 {border-bottom:1px solid #00519d;}
.shopItem .itemConfig table.itemdata th.col2 {border-bottom:1px solid #00519d;}
.shopItem .itemConfig table.itemdata th.col3 {border-bottom:1px solid #00519d;}
.shopItem .itemConfig table.itemdata th.col4 {border-bottom:1px solid #ffffff; font-weight:bold;}

.shopItem .itemConfig table.rollSelect {border-collapse:collapse;}
.shopItem .itemConfig table.rollSelect .col0 {width:20px;}
.shopItem .itemConfig table.rollSelect .col1 {width:100px;}
.shopItem .itemConfig table.rollSelect .col2 {width:100px;}
.shopItem .itemConfig table.rollSelect .col3 {width:83px;}
.shopItem .itemConfig table.rollSelect .col4 {width:130px;}
.shopItem .itemConfig table.rollSelect th {padding:8px 1px 2px 15px; font-weight:bold; font-size:14px; color:#00b5e8;}
.shopItem .itemConfig table.rollSelect th {background:url(images_k24/rolls_header_bg.gif) center right no-repeat;}
.shopItem .itemConfig table.rollSelect th.col0 {width:22px; padding-left:0; background-image:url(images_k24/rolls_header_bg0.gif);}
.shopItem .itemConfig table.rollSelect td {padding:2px 0 3px 15px; font-size:13px;}
.shopItem .itemConfig table.rollSelect td.col0 {padding-left:0; padding-top:0; border-right:1px solid #00519d;}
.shopItem .itemConfig table.rollSelect td.col1 {border-right:1px solid #00519d;}
.shopItem .itemConfig table.rollSelect td.col2 {border-right:1px solid #00519d;}
.shopItem .itemConfig table.rollSelect td.col3 {border-right:1px solid #00519d;}
.shopItem .itemConfig table.rollSelect td.col4 {border-right:1px solid #00519d;}
.shopItem .itemConfig table.rollSelect tr.row0 td {background-color:#ffffff; border-right:1px solid #eeeeee; color:#666666;}
.shopItem .itemConfig table.rollSelect tr.row1 td {background-color:#eeeeee; border-right:1px solid #ffffff; color:#00519d;}
.shopItem .itemConfig .rollList {border:1px solid #00519d;}
.shopItem .itemConfig .rollList-scroll {height:150px; overflow:auto;}

.shopItem .sum {font-size:14px;}
.shopItem .padded {padding:10px;}
.shopItem table.calc {width:240px; border-bottom:1px solid #00519d;}
.shopItem table.calc td.col0 {color:#666666; white-space:nowrap;}
.shopItem table.calc td.col1 {font-weight:bold; white-space:nowrap; text-align:right; padding-right:4px; color:#00519d;}
#price_calc, tr.rabatt-sb, tr.rabatt-muster, tr.costs-express {display:none;}

table.sums {border-collapse:collapse; width:240px;}
table.sums td {line-height:24px; padding:0 5px 0 5px !important; font-weight:bold;}
table.sums .endprice-label {width:70px; color:#00b5e8 !important; background-color:#00519d; font-size:14px; border-top:2px solid #eeeeee;}
table.sums .endprice {text-align:right; background-color:#00b5e8; color:#ffffff !important; font-size:16px; border-top:2px solid #eeeeee;}
table.sums .itemprice-label {color:#00b5e8 !important; background-color:#00519d; font-size:12px; border-top:7px solid #eeeeee;}
table.sums .itemprice {text-align:right; background-color:#00b5e8; font-size:14px; border-top:7px solid #eeeeee;}


.shopItem .itemData .disabled th, .shopItem .itemData .disabled td, .shopItem .itemData .disabled input, .shopItem .itemData .disabled option {color:#cccccc !important; background:none !important;}

.infoPop {display:none; position:absolute; left:120px; width:400px; height:260px; background:url(images_k24/infopop_arrow.gif) right bottom no-repeat; z-index:20;}
.infoPop .content {width:385px; height:250px; padding:5px; background-color:#00b5e8; color:#ffffff; font-size:11px;}

#infopop_muster {height:190px;}
#infopop_muster .content {height:180px;}

#infopop_quick {height:190px;}
#infopop_quick .content {height:180px;}

.shopItem .itemData .box {padding:8px 10px 5px 10px;}

.shopItem .orderData {padding-top:10px;}
.shopItem .orderData .boxblue {padding:7px 7px 6px 7px; position:relative;}
.shopItem .orderData .box {padding-top:10px;}
.shopItem .orderData #order_itemdisp {background-color:#00b5e8; color:#ffffff; font-weight:bold; padding:7px;}
.shopItem .conf {padding-bottom:5px;}

/*
.shopItem .orderData h2 {margin:0;}
.shopItem .orderData .panelgroup {width:500px; padding-top:0px; margin-top:10px;}
.shopItem .orderData .panel {float:left;}
.shopItem .orderData table {border-collapse:collapse;}
.shopItem .orderData td {padding:0;}
.shopItem .orderData td.col1 {font-weight:bold;}
.shopItem .orderData table.calc_order td.col1 {width:70px; text-align:right; padding-right:20px;}
.shopItem .orderData td.sum {font-size:13px; font-weight:bold;}
.shopItem .orderData td.small {font-size:11px; font-weight:normal;}
.shopItem .orderData table.params_order td.col0 {width:80px;}
.shopItem .orderData table.params_order td {padding-bottom:3px;}
.shopItem .orderData table.dates_order td.col0 {width:135px;}
.shopItem .orderData table.dates_order td {padding-bottom:3px;}
.shopItem .orderData a.button {position:absolute; right:0px;}
.shopItem .orderData #order_costs_sponsoring_row {display:none;}

.shopItem div.itemData .panel {float:left;}
.shopItem div.itemData table {border-collapse:collapse;}
.shopItem div.itemData td {padding:0;}
.shopItem div.itemData td.col1 {font-weight:bold;}
.shopItem div.itemData table.calc td.col1 {width:70px; text-align:right; padding-right:20px;}
.shopItem div.itemData td.sum {font-size:13px; font-weight:bold;}
.shopItem div.itemData td.small {font-size:11px; font-weight:normal;}
.shopItem div.itemData .box {padding:5px; background-color:#eeeeee;}
.shopItem div.itemData select, .shopItem div.itemData select option {font-size:12px;}
.shopItem div.itemData select.auflage {width:120px;}
.shopItem div.itemData select.versand {width:220px;}
.shopItem div.itemData select.auflage option {text-align:right;}
.shopItem div.itemData textarea {width:216px; height:30px; font-size:11px;}
.shopItem div.itemData a.templateLink {display:block; margin-top:5px; padding-left:15px; background:url(images/icon_download.gif) 0px 5px no-repeat;}
.shopItem div.itemData #calc_costs_sponsoring_row {display:none;}

.shopItem div.itemData .itemPrice {display:none;}
*/

/* ----------------------------- wk ----------------------------- */
.wkList {width:538px; margin-top:10px; font-size:12px; color:#505050;}
.orderList {width:538px; margin-top:10px; font-size:12px; color:#505050;}

.wkItem {padding-bottom:5px;}
.wkItem div.item {width:538px; background-color:#eeeeee; padding:10px 0 10px 0; min-height:68px; overflow:hidden;}
.wkItem div.icon {float:left; width:75px; height:68px; padding:0;}
.wkItem div.icon img {width:66px; height:66px; border:1px solid #ccd9dd;}
.wkItem div.name {float:left; width:275px; font-size:12px; margin-top:-2px; color:#666666;}
.wkItem div.name h1 {font-size:14px; font-weight:bold; margin-bottom:6px;}
.wkItem div.price {width:80px; padding-right:10px; float:left; text-align:right; padding-top:50px; font-size:14px; color:#00519d; font-weight:bold;}
.wkItem div.buttons {width:95px; float:left; margin-top:-5px;}
.wkItem div.buttons a {float:none; width:90px; margin-top:10px;}
.wkItem div.wkinfo {font-size:10px; line-height:11px; padding-top:2px;}

.wkList div.sum,
	.orderList div.sum {margin-left:200px; width:240px; background-color:#00519d; padding:0px; font-size:14px; font-weight:bold;}
.wkList div.sum table,
	.orderList div.sum table {border-collapse:collapse;}
.wkList div.sum td,
	.orderList div.sum td {padding:4px 0 4px 0;}
.wkList div.sum td.col0,
	.orderList div.sum td.col0 {width:150px; text-align:right; color:#00b5e8;}
.wkList div.sum td.col1,
	.orderList div.sum td.col1 {width:80px; color:#ffffff; padding-right:10px; text-align:right;}
/*.wkList div.sum td.qm,
	.orderList div.sum td.qm {border-bottom:2px solid #ffffff;}*/
.wkList div.sum td.sum,
	.orderList div.sum td.sm {border-top:2px solid #ffffff;}
.wkList div.sum a,
	.orderList div.sum a {color:#00b5e8;}
.wkList div.sum sup,
	.orderList div.sum sup {margin-bottom:-5px; line-height:5px;}

.freedelivery {display:none;}
.freedelivery td {color:#00b5e8; padding-left:8px !important;}


.wkList .wkButtons {padding-top:10px;}
.wkList .wkButtons a.button {width:155px; display:inline-block;}
.wkList .wkButtons a#startOrderButton {margin-left:127px;}

.orderList .wkItem div.buttons,
.orderInfo .wkItem div.buttons {display:none;}
.orderList div.sum,
.orderInfo div.sum {margin-left:298px;}
.orderList .wkItem div.name,
.orderInfo .wkItem div.name {width:373px;}
.orderList .wkItem div.price,
.orderInfo .wkItem div.price {padding-right:0;}

#orderSteps {padding:0; white-space:nowrap; display:none;}
#orderSteps .steps {width:530px;}
#orderSteps .steps .number {margin-top:8px; float:left; background-color:#b4b5b5; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
#orderSteps .step {float:left; color:#505050; line-height:30px; cursor:pointer;}
#orderSteps .step0 {width:175px;}
#orderSteps .step1 {width:195px;}
#orderSteps .step2 {width:140px;}
#orderSteps .active {font-weight:bold; color:#00519d;}
#orderSteps .active .number {background-color:#1353a5;}

.agbOK {margin-left:50px; margin-top:-27px; color:#00519d; padding:0 0 20px 0;}

/*
.wkList div.moreInfo {display:none; font-size:11px;}
.wkList div.moreInfo .itemDetails {background-color:#ffffff;}
.wkList div.moreInfo .alert {color:#ff0000;}
.wkList div.moreInfo .panel {float:left;}
.wkList div.moreInfo table {border-collapse:collapse;}
.wkList div.moreInfo td {padding:0;}
.wkList div.moreInfo td.col1 {font-weight:bold;}
.wkList div.moreInfo table.params_order td.col0 {width:60px;}
.wkList div.moreInfo table.params_order td {padding-bottom:3px;}
.wkList div.moreInfo table.calc_order td.col0 {width:120px;}
.wkList div.moreInfo table.calc_order td.col1 {width:55px; text-align:right;}
.wkList div.moreInfo table.dates_order td.col0 {width:100px;}
.wkList div.moreInfo table.dates_order td.col1 {width:300px;}
.wkList div.moreInfo table.dates_order td {padding-bottom:3px;}
.wkList div.moreInfo td.sum {font-size:11px; font-weight:bold;}
.wkList div.moreInfo td.small {font-size:10px; font-weight:normal;}
.wkList div.moreInfo .panelGroup {margin:5px 20px 0 20px; padding:10px 20px 0 20px; background:none;}
.wkList div.moreInfo .panel0 {width:200px;}
.wkList div.moreInfo .panel1 {width:180px;}
.wkList div.moreInfo .panel3 {width:410px; border-top:1px solid #aaaaaa;}
.wkList div.missingUpload {background-color:#ffcccc !important;}

.accDiv .wkList div.wkItem {background-color:#eeeeee;}
.accDiv .wkList div.moreInfo .itemDetails {background-color:#ffffff;}
.accDiv .wkList div.sum {background-color:#eeeeee;}
*/







.number {width:13px; height:13px; text-align:center; font-size:11px; font-weight:bold; line-height:12px; color:#ffffff; background-color:#00519d;}
.line {font-size:1px; line-height:1px; height:1px; overflow:hidden; background-color:#cccccc;}
.infoLink {float:left;}
.infoLink a {font-size:11px; line-height:17px; text-decoration:none;}
.infoLink a:hover {text-decoration:underline;}
.infoLink .infoIcon {float:left; padding:2px 4px 0 10px; text-decoration:none; cursor:pointer;}
.infoLink .infoIcon .number {font-family:courier new, courier; font-weight:bold;}


#search {padding:12px 15px 3px 13px; text-align:right; border-bottom:1px solid black;}
#search input {width:170px; font-size:11px; line-height:15px; border:1px solid #666666; margin-bottom:3px;}
#search a {padding-left:10px; font-size:11px; background:url(images/arrows_yellow.gif) left center no-repeat; color:#333333; text-decoration:none;}
#search a:hover {text-decoration:underline}

#infobox {padding:10px 15px 10px 13px; border-top:1px solid #dddddd; background-color:#b4b5b5; color:#505050; font-size:11px;}

#druckanfrage {padding:14px 13px 9px 13px; border-top:1px solid #000000; background-color:#b4b5b5; color:#ffffff; font-size:11px;}
#druckanfrage img.headline {display:block; margin-bottom:8px;}
#druckanfrage a.button {margin:5px 0 0 -2px;}


#contact {padding:14px 13px 9px 13px; font-size:11px; color:#505050;}
#contact img.headline {display:block; margin-bottom:8px;}
#contact table {border-collapse:collapse;}
#contact table td {padding:0 5px 0 0;}
#contact a {color:#505050;}

.startoffer .icon {width:98px}
.startoffer .text {width:135px}
.startoffer .price {font-size:18px;}
.startoffer a.button {margin:8px 0 0 -2px;}

.startnews i, .startnews em {font-weight:bold; font-style:normal; color:#00519d;}
.startnews a.more {display:block; font-size:11px; margin-bottom:12px; padding-left:10px; background:url(images/arrows_yellow.gif) left center no-repeat;}

.shopCatLink {width:120px; padding:10px 20px 10px 20px; margin:0 10px 10px 0; background-color:#eeeeee;}
.shopCatLink .icon {font-size:10px;}
.shopCatLink .icon img {width:120px; height:120px;}
.shopCatLink .name {font-weight:bold; font-size:12px; height:35px; text-align:center; overflow:hidden;}
.shopCatLink .desc {padding-top:10px;}





#breadCrumb {width:500px; padding:0 30px 0 30px; white-space:nowrap; overflow:hidden; font-size:14px;}
#breadCrumb .path {line-height:30px;}
#breadCrumb .path .devider {background:url(images/arrow_grey.gif) center center no-repeat;}
#breadCrumb .path a {color:#505050;}
#breadCrumb .active {color:#00519d; font-weight:bold;}

#itemSteps {white-space:nowrap;}
#itemSteps .steps {width:538px; height:25px;}
#itemSteps .steps .number {float:left; background-color:#b4b5b5; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
#itemSteps .step {float:left; color:#505050; cursor1:pointer;}
#itemSteps .step0 {width:160px;}
#itemSteps .step1 {width:210px;}
#itemSteps .step2 {width:140px;}
#itemSteps .active {font-weight:bold; color:#00519d;}
#itemSteps .active .number {background-color:#00519d;}


.shopItem div.printData {padding-top:20px;}
.shopItem div.printData h2 {margin:0;}
.shopItem div.printData .selector {padding:5px; background-color:#eeeeee; margin-top:10px; cursor:default; line-height:20px;}
.shopItem div.printData .selector .radio {float:left; width:25px;}
.shopItem div.printData .selectorPanel {clear:both; float:none; display:none; padding:5px 0 20px 30px; width:470px; overflow:hidden;}
.shopItem div.printData .selectorPanel .fileuploader {position:relative;}
.shopItem div.printData .selectorPanel .fileuploader .button {}



.stepButtons {height:35px; position:relative;}
.stepButtons a.stepPrev {position:absolute; left:30px; top:5px;}
.stepButtons a.stepNext {position:absolute; right:30px; top:5px;}
.stepButtons a.putWk {position:absolute; right:30px; top:5px; display:none;}
.stepButtons a.putWk span {padding-left:36px; display:inline-block; background:url(images_k24/button_putwk.gif) no-repeat 3px 3px;}
.stepButtons a.submitOrder {position:absolute; right:30px; top:5px; display:none;}
.stepButtons a.registerNow {position:absolute; right:30px; top:5px; display:none;}

.stepButtonsInside a.stepPrev {position:absolute; left:0px; top:5px;}
.stepButtonsInside a.stepNext {position:absolute; right:0px; top:5px;}
.stepButtonsInside a.putWk {position:absolute; right:0px; top:5px; display:none;}
.stepButtonsInside a.putWk span {padding-left:36px; display:inline-block; background:url(images_k24/button_putwk.gif) no-repeat 3px 3px;}


.order .newAccount {cursor:pointer;}
.order .editAccount {display:none;}
.order {font-size:12px;}
.order .stepButtons {}
.order .registerButtons {display:none;}
.order .address {padding-top:10px;}
.order .overview .box {padding:8px 10px; color:#00519d; font-size:14px;}
.order .overview .boxblue {padding:8px 10px; color:#00b5e8; font-weight:bold; font-size:14px;}
.order .overview .boxblue #orderNumber {color:#ffffff;}

/*
.orderList {margin-top:15px; font-size:12px; color:#505050;}
.orderList div.wkItem {background-color:#eeeeee; padding:5px; margin-bottom:2px;}
.orderList div.icon {width:40px; float:left;}
.orderList div.icon img {width:32px; height:32px;}
.orderList div.info {width:360px; float:left;}
.orderList div.info a.more {display:none;}
.orderList div.price {width:64px; float:left; text-align:right; padding-right:26px; font-size:12px; font-weight:bold;}
.orderList div.delete {display:none;}
.orderList div.moreInfo {display:none;}
.orderList div.sum {margin-left:260px; width:230px; background-color:#eeeeee; padding:5px;}
.orderList div.sum table {border-collapse:collapse;}
.orderList div.sum td.col0 {width:110px; padding-left:26px;}
.orderList div.sum td.col1 {width:74px; font-weight:bold; padding-right:26px; text-align:right;}
.orderList div.sum td.sum {font-size:14px; font-weight:bold;}
.orderList div.sum td.small {font-size:11px; font-weight:normal;}
*/

.accountTabs {position:relative;}
.accountTabs .tab {float:left; padding-left:4px; color:#505050; line-height:30px; cursor:pointer; text-align:left;}
.accountTabs .tab a {float:left; display:block; padding:0 8px 0 8px;}
.accountTabs .tab0 {}
.accountTabs .tab1 {}
.accountTabs .tab2 {}
.accountTabs .active a.button {background:url(images_k24/button_hover_bg.gif) !important;}
.accountTabs .button {line-height:22px; font-size:11px;}

.accDiv .orderInfo .boxblue {padding:6px 0 6px 0; color:#00b5e8; font-size:14px; margin:10px 0 0 0;}
.accDiv .orderInfo .itemhead {position:relative; cursor:pointer;}
.accDiv .orderInfo .itemhead .ordered {width:280px;}
.accDiv .orderInfo .itemhead .status {width:110px;}
.accDiv .orderInfo .itemhead .statustext {width:120px;}
.accDiv .orderInfo .wkItem div.name {width:268px;}
.accDiv .orderInfo .wkItem div.price {width:175px; padding-top:15px;}
.accDiv .orderInfo h1.itemhead .icon {position:absolute; left:3px; top:17px; width:16px; height:16px; background:url(images_k24/twist_close.gif) no-repeat;}
.accDiv .orderInfo h1.active .icon {background-image:url(images_k24/twist_open.gif) !important;}

#accPrices .pricelist .label1 {padding:6px; width:292px; float:left; color:#ffffff; font-size:14px; font-weight:bold;}
#accPrices .pricelist .label2 {padding:2px; width:230px; float:left;}
#accPrices .payment .label1 {padding:6px; width:250px; float:left; color:#ffffff; font-size:14px; font-weight:bold;}
#accPrices .payment .label2 {padding:6px; width:264px; float:left; color:#00b5e8; font-size:14px; font-weight:bold; text-align:right;}
#accPrices .delivery .label1 {padding:6px; width:250px; float:left; color:#ffffff; font-size:14px; font-weight:bold;}
#accPrices .delivery .label2 {padding:6px; width:264px; float:left; color:#00b5e8; font-size:14px; font-weight:bold; text-align:right;}

.uploadifyQueueItem, .uploadifyItemSelected {background-color:#eeeeee;	margin-top:5px; padding:10px; width:450px; border:0; font-family:Arial;}
.uploadifyQueueItem .cancel, .uploadifyItemSelected .cancel {float: right;}
.uploadifyProgress {background-color:#ffffff; border:1px solid #505050; margin-top:10px; height:5px; width:100%; overflow:hidden; display:none;}
.uploadifyProgressBar {background-color:#00519d; height:5px;}
#fileInputUploader {z-index:10; position:absolute; left:0; top:0;}


#popInfoAGB {display:none;}
#popInfoAGB .agb {position:relative;}
#popInfoOSB {display:none;}
#popInfoOSB .agb {position:relative;}
#popModalDelete {display:none;}

#spotlight {width: expression(document.body.offsetWidth+'px') !important; height: expression(document.body.offsetHeight+'px') !important}

#footer {text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#505050;}
#footer a {color:#505050;}

div.paraText h2 {margin:0 0 10px 0;}
div.paraText strong {display:block;margin:0 0 10px 0;}
div.paraText p {margin:0 0 10px 0;}
div.paraText p.bold {font-weight:bold;}
div.paraText ul {padding:0;margin:0 0 10px;list-style-type:none;}
div.paraText ul li {display:block;padding:0 0 0 13px;margin:8px 0 12px; color:#999999;background:transparent url(images/bullet.png) 0 4px no-repeat;font-weight:bold;}
div.paraText em {font-style:normal;font-size:0.9em}

div.contactForm {margin:-45px 0 0 -20px;padding:45px 20px 0 20px; width:520px;background:#eeeeee url(images_k24/bg_k24.gif) 0 0 no-repeat}
div.contactForm form div.fieldgroup {background:transparent!important;padding:0;}
div.contactForm form div.fieldgroup div.fromFieldValue{border:0;}
div.contactForm form div.fieldgroup div.label {padding:0;width:100px;color:#00519D;font-weight:bold;}
div.contactForm form div.fieldgroup div.fieldfullwidth {clear:none;padding:0;width:auto !important;}
div.contactForm form div.fieldgroup div.fieldfullwidth textarea{border:1px solid #00B5E8;width:250px;height:150px;}
div.contactForm form div.required{display:none;width:180px;position:absolute;right:0;top:230px;}
div.contactForm form span.reqMarker{display:none;}
div.contactForm #formActionSubmit {right:300px}

div.impressum {margin:-45px 0 0 -20px;padding:45px 0 20px 20px; width:540px;background:#eeeeee url(images_k24/bg_k24.gif) 0 0 no-repeat}

/*.contentContainer h1 {position:relative;z-index:10;}*/


#cookies {
	position: fixed;
	/*bottom:-16px;*/
	bottom:-78px;
	background:#00519d;
	width: 100%;
	color:#ffffff;
	font-size: 13px;
	padding: 23px 0 25px;
	opacity:0;
	transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
	z-index:998;
}
#cookies.active {
	bottom: 0px;
	opacity: 1;
}

body.footer-show #cookies.active {
	bottom: 65px;
}
#cookies a {
	color:#ffffff;
}

#cookies .within-bounds {
	text-align: center;
    width: 100%;
    max-width: 1145px;
    margin: 0 auto;
    position: relative;
}
#cookies .within-bounds > div {
	display: inline-block;
}
#cookies .left {
	position: static;
	border-right: 2px solid #ffffff;
	padding-right: 40px;
	margin-right: 40px;
	text-align: right;
	float: none;
}
#cookies .right {
	position: static;
	margin-right: 42px;
	text-align: left;
}
#cookies #cookies-ok {
	border: 2px solid #ffffff;
	font-size: 18px;
	color:#ffffff;
	text-decoration: none;
	padding: 2px 4px 2px 2px;
    position: relative;
    top: -6px;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
#cookies #cookies-ok:hover {
	background:#ffffff;
	color:#027eff;
}
#cookies-close {
	position: absolute;
	top:5px;
	right:0px;
	height: 28px;
	width: 28px;
	background: transparent url("images/ic_cookie_close.png") center bottom no-repeat;
}
#cookies-close:hover {
	background-position: center bottom;
}