@charset "UTF-8";
@media all
{

/**
 * - general
 * - grid
 * - navi
 * - content
 * - sonstiges
 * - form
 *
 */



/* ############################################################################################## */
/**
 * general
 */

body {color:#333; font-size:13px; font-family:Arial, sans-serif; background:#ededed url(../img/bg/gradient_main.png) repeat-x;}

a, a:hover, a:active, a:focus {color:#13236B;}

h1 {margin:0 0 10px 0; color:#aaa; letter-spacing:4px; font-weight:normal; line-height:29px;}
h2 {margin:0 0 10px 0; padding:15px 0 4px 0; border-bottom:1px solid #13236B; color:#13236B; font-size:18px; letter-spacing:2px; font-weight:normal;}
h3 {margin:0 0 5px 0; padding:0 0 1px 0; border-bottom:1px solid #13236B; color:#13236B; font-size:14px; letter-spacing:2px; font-weight:normal;}


table {width:100%; margin:0 0 10px 0;}
table th {background:#ccc;}
table .even td {background:#fff;}
/*table .odd td {background:#eee;}*/

.right {float:right;}

/* warning */
.warning {color:#ff0000;}

/* clean */
.clean {clear:both;}

/* pdf */
a.pdf {display:block; padding:0 0 0 20px; background:url(../img/icons/pdf.jpg) 0 2px no-repeat;}

/* ############################################################################################## */
/**
 * grid
 */

.gridWrapper {width:950px; margin:0 auto;}

.gridHeader {height:75px; position:relative;}
.gridHeader .divLogo {position:absolute; top:6px; left:104px;}

.gridMain {padding:20px 0 30px 0; background:url(../img/bg/main.jpg) 151px 0 no-repeat;}

.gridFooter {padding:24px 0 22px 150px; text-align:center; position:relative;}


/* ############################################################################################## */
/**
 * navi
 */

/* main navi */
.divNaviMain {position:relative; width:260px; float:left; margin:35px 0 0 0;}
.divNaviMain .divShadowMiddle {width:249px; padding:9px 0 0 11px; background:url(../img/bg/shadow_navi_top_and_middle.png) repeat-y;}
.divNaviMain .divShadowBottom {width:260px; height:29px; background:url(../img/bg/shadow_navi_bottom.png) no-repeat;}
.divNaviMain .divWrap {position:absolute;}
.divNaviMain form {margin:0;}
.divNaviMain input.text {width:153px;}
.divNaviMain label {float:left; width:63px; padding:3px 0 0 0;}

/* login */
.mod_login {padding:10px 10px 0 10px;}
.mod_login .boxPassword a {display:inline-block; margin:0 0 7px 63px;}
.divContent .mod_login {margin:0 0 30px 0;}
.divContent .mod_login .boxPassword a {margin-top:7px; margin-left:15px;}
.divContent .mod_login .submit_container {margin:5px 237px 0 0;}
.mod_login.logout table {margin:0;}
.mod_login.logout td {padding-left:0;}
.mod_login.logout a {display:block; margin:0 0 7px 2px; padding:0 0 0 13px; background:url(../img/icons/arrow_blue_right.png) 0 4px no-repeat; text-decoration:none; letter-spacing:1px;}
.mod_login.logout .row_last td {padding-right:0;}

/* product navi */
.mod_webShop_navigation {position:relative; bottom:-10px; margin:-10px 0 0 0;}
.mod_webShop_navigation {margin:10px 0 0 0; border-bottom:1px solid #13236B;}
.mod_webShop_navigation a {padding:7px 10px 7px 25px; display:block; background:url(../img/icons/arrow_blue_right.png) 12px 11px no-repeat; border-top:1px solid #13236B; text-decoration:none; letter-spacing:1px;}
.mod_webShop_navigation a:hover {background:#eee url(../img/icons/arrow_blue_right.png) 12px 11px no-repeat;}
.mod_webShop_navigation a.active {padding:7px 10px 7px 25px; display:block; background:#13236B url(../img/icons/arrow_white_right.png) 12px 11px no-repeat; color:#fff; letter-spacing:1px;}
.mod_webShop_navigation a.active.submenu {background:#13236B url(../img/icons/arrow_white_bottom.png) 9px 13px no-repeat;}
.mod_webShop_navigation a.active.submenu:hover {background:#13236B url(../img/icons/arrow_white_bottom.png) 9px 13px no-repeat;}
.mod_webShop_navigation a.submenu {background:url(../img/icons/arrow_blue_bottom.png) 9px 13px no-repeat;}
.mod_webShop_navigation a.submenu:hover {background:#eee url(../img/icons/arrow_blue_bottom.png) 9px 13px no-repeat;}
.mod_webShop_navigation .level_2 a {padding:7px 10px 7px 40px; background-image:none;}


/* registration */
.mod_registration td {padding:10px;}
.mod_registration label {width:95px; margin:0;}
.mod_registration input.text {margin:0;}
.mod_registration select {width:256px;}
.mod_registration .row_last td {background:#fff;}

/* footer navi */
.divNaviFooter {width:720px;}
.divNaviFooter ul li {display:inline-block; padding:0 15px 0 0; list-style:none;}
.divNaviFooter ul li {display:inline\9;}
.divNaviFooter .boxShark {position:absolute; top:10px; right:79px;}



/* ############################################################################################## */
/**
 * content
 */

a.submit {display:block; float:right; padding:3px 10px; margin:0; background:#13236B; color:#fff; text-decoration:none;}

.divContent {width:690px; float:left; min-height:400px; height:auto !important; height:400px; margin:0 0 0 -15px; line-height:21px;}
.divContent .divShadowTop {width:688px; height:17px; background:url(../img/bg/shadow_main_top.png) no-repeat;}
.divContent .divShadowMiddle {position:relative;width:600px; min-height:757px; height:auto !important; height:350px; padding:10px 44px; background:url(../img/bg/shadow_main_middle.png) repeat-y;}
.divContent .divShadowMiddle li {padding:0 0 0 10px; background:url(../img/icons/bullet.gif) 0 9px no-repeat;}
.divContent .divShadowBottom {position:relative; z-index:10; width:688px; height:28px; background:url(../img/bg/shadow_main_bottom.png) no-repeat;}

.h1Only h1 {margin:0 0 -17px 0 !important;}

/* text */
.ce_text {margin:0 0 24px 0;}
.ce_text h1 {margin:0 0 13px 0;}
.ce_text img {margin:5px 0 0 0;}

/* news */
.mod_newsreader h1 {margin:10px 0;}
.mod_newsreader .info {color:#777; font-size:12px;}
.mod_newslist .layout_latest {margin:0 0 21px 0;}
.mod_newslist .layout_latest .info {color:#777; font-size:12px;}
.mod_newslist h2 a {text-decoration:none; color:#13236B;}

/* article list */
.articleListItem {margin:23px 0 0 0;}
.articleListItem .articleTitle {margin:0 0 12px 0; padding:0 0 1px 0; border-bottom:1px solid #13236B; color:#13236B; font-size:14px; letter-spacing:2px;}
.articleListItem .articleTitle a {text-decoration:none;}
.articleListItem .boxLeft {width:150px; float:left; margin:0 20px 0 0;}
.articleListItem .boxRight {float:left; width:380px;}
.articleListItem .articleTeaser {margin:0 0 14px 0;}

/* article details */
.mod_webShop_articleDetails .articleImage {/*float:left;*/ margin:12px 0;}
.mod_webShop_articleDetails .webShopQTY {width:40px;}
.mod_webShop_articleDetails input.submit {margin-right:0;}
.mod_webShop_articleDetails .articleNumber {margin:7px 0;}

/* warenkorb */
.mod_webShop_shoppingCart .webShop_cartHeading {margin:0 0 12px 0; font-weight:bold; color:#13236B;}
.mod_webShop_shoppingCart .clean {margin-bottom:15px;}
.mod_webShop_shoppingCart li {background:0 !important; float:left; width:80px; margin:0 18px 0 0; list-style:none;}
.mod_webShop_shoppingCart li.cartItemTitle {width:180px;}
.mod_webShop_shoppingCart li.cartItemImage {width:70px;}
.mod_webShop_shoppingCart li.cartItemQTY {width:40px;}
.mod_webShop_shoppingCart li.boxActions {width:50px; margin-right:0;}
.mod_webShop_shoppingCart li.boxActions div {float:left; margin:0 9px 0 0;}
.mod_webShop_shoppingCart li.boxActions div.right {float:left; margin-right:0;}
.mod_webShop_shoppingCart .itemQTY {width:35px;}
.mod_webShop_shoppingCart .webShop_total li {width:auto;}
.mod_webShop_shoppingCart .webShop_total label {padding:0; width:auto; margin:0 10px 0 0;}
.mod_webShop_shoppingCart .webShop_total {margin:12px 0; padding:10px 0 0 0; border-top:1px solid #13236B;}
.mod_webShop_shoppingCart .updateCart {margin:3px 0 0 0;}
.mod_webShop_shoppingCart .btnRemoveItem {margin:3px 0 0 0;}
.mod_webShop_shoppingCart img {max-width:70px; max-height:70px;}

/* Passwort vergessen */
.mod_lostPassword .row_last td {background:0;}
.mod_lostPassword label {width:100px;}
.mod_lostPassword .submit {margin:17px -10px 0 0;}

/* Zahlung & Versand */
.shipping_address {margin:0 0 27px 0;}
.shipping_method {margin:0 0 27px 0;}
.shipping_method select {width:200px;}
.billing_method {margin:0 0 27px 0;}
.billing_method select {width:200px;}
#shippingAddr select {width:415px;}
#newAddress {margin:17px 0 0 0;}
#newAddress input.text {width:227px;}
#newAddress select {width:233px;}

/* shopping overview */
.mod_webShop_checkoutConfirm li {list-style:none; background:0 !important;}
.mod_webShop_checkoutConfirm .shoppingOverview .item_even {padding:0 0 17px 0; border-bottom:1px solid #999;}
.mod_webShop_checkoutConfirm .shoppingOverview li {float:left; width:110px; padding-left:0;}
.mod_webShop_checkoutConfirm .shoppingOverview .heading {font-weight:bold;}
.mod_webShop_checkoutConfirm .shoppingOverview .articleQTY {width:80px;}
.mod_webShop_checkoutConfirm .shoppingOverview .articleName {width:300px;}
.mod_webShop_checkoutConfirm .shoppingOverview .shoppingTotal {margin:12px 0; font-weight:bold;}
.mod_webShop_checkoutConfirm .shoppingOverview .shoppingTotal li {float:left; width:200px;}
.mod_webShop_checkoutConfirm .articlePriceValue {width:100px !important; text-align:right;}
.mod_webShop_checkoutConfirm .shippingPrice {width:100px !important; text-align:right;}
.mod_webShop_checkoutConfirm .paymentPrice {width:100px !important; text-align:right;}
.mod_webShop_checkoutConfirm .boxWholePrice {margin:7px 0 0 0;}
.mod_webShop_checkoutConfirm .totalValue {width:100px !important; text-align:right;}
.mod_webShop_checkoutConfirm .taxSum {width:100px !important; text-align:right;}
.mod_webShop_checkoutConfirm .overviewBilling {margin:7px 0 0 0;}
.mod_webShop_checkoutConfirm .billingValue {width:100px !important; text-align:right;}
.mod_webShop_checkoutConfirm .shippingOverview li {float:left; width:200px; padding-left:0;}
.mod_webShop_checkoutConfirm .paymentOverview li {float:left; width:200px; padding-left:0;}
.mod_webShop_checkoutConfirm .overviewTotal li {float:left; width:200px; padding-left:0;}
.mod_webShop_checkoutConfirm .overviewTotal .overviewBilling {font-weight:bold;}
.mod_webShop_checkoutConfirm .billingAddress {margin:12px 0;}
.mod_webShop_checkoutConfirm textarea {width:400px; height:100px;}
.mod_webShop_checkoutConfirm .checkoutConfirm label {width:auto; padding:0;}
.mod_webShop_checkoutConfirm .checkoutConfirm .arc {float:left; width:13px; height:13px; margin:3px 10px 0 0;}
.mod_webShop_checkoutConfirm .continue {margin:10px 0 0 0;}
.mod_webShop_checkoutConfirm .continue .back {float:left; margin:3px 0 0 -3px; background:none; color:#13236B; border:0; cursor:pointer; text-decoration:underline;}

/* my addresses */
.currendAddresses {margin:17px 0; padding:12px 15px 15px 15px; background:#efefef;}

/* my data */
.mod_personalData {display:none;}
.myData .mod_personalData {display:block;}
.mod_personalData label {width:90px;}
.mod_personalData select {width:256px;}
.mod_personalData .row_last td {background:none;}
.mod_personalData .submit {margin-right:-10px;}


/* toolbar */
.pdf_link {float:right;}
.pdf_link a {margin:0 0 0 6px;}


/* toggler */
.toggler {height:36px; padding:6px 0 0 0; color:#13236B; cursor:pointer; letter-spacing:2px; font-size:18px;}
.toggler.open {margin:0 0 0 -5px; padding-left:36px; background:url(../img/icons/toggle_open.png) no-repeat;}
.toggler.closed {margin:0 0 0 -5px; padding-left:36px; background:url(../img/icons/toggle_closed.png) no-repeat;}
.accordion {margin:-11px 0 0 0;}
.accordionToggle {margin:-11px 0 0 31px;}
.ce_accordion {margin:0 0 0 0;}
.ce_accordion.open {margin:0 0 19px 0;}
.ce_accordion img {margin:5px 0 0 0;}
.boxProductDetails {margin:-20px 0 30px 0 !important;}

/* tabs */
.tabControls {margin:17px 0 0 0; padding: 0 0 0 15px;}
.tabControls span {display:block; float:left; margin:0 1px 0 0; padding:1px 10px; border:1px solid #13236B; border-bottom:none; background:#eee; cursor:pointer;}
.tabControls span.active {background:#13236B; cursor:default;}
.tabControls h1, .tabControls h2, .tabControls h3, .tabControls h4, .tabControls h5, .tabControls h6 {margin:0; padding:0; border:0; font-size:12px; letter-spacing:1px;}
.tabControls .active h1, .tabControls .active h2, .tabControls .active h3, .tabControls .active h4, .tabControls .active h5, .tabControls .active h6 {color:#fff;}
.tabContents {margin:0 0 17px 0; padding:12px 15px; border:1px solid #13236B;}
.tabContents img {float:left; margin:3px 15px 7px 0;}

/* table */
th {padding:3px 10px; text-align:left;}
td {padding:3px 10px; text-align:left;}




/* ############################################################################################## */
/**
 * sonstiges
 */

/* Miniwarenkorb */
.divMiniCart {width:234px; float:right; margin:10px 20px 0 0;}
.divMiniCart .divShadowTop {height:17px; background:url(../img/bg/shadow_cart_top.png) no-repeat;}
.divMiniCart .divShadowMiddle {padding:2px 29px 5px 24px; background:url(../img/bg/shadow_cart_middle.png) repeat-y;}
.divMiniCart .divShadowBottom {height:17px; background:url(../img/bg/shadow_cart_bottom.png) no-repeat;}
.mod_webShop_miniCart .content {float:left; margin:0 0 2px;}
.mod_webShop_miniCart .itemValuta {float:right; margin:0 0 7px;}




/* ############################################################################################## */
/**
 * form
 */

form {margin:15px 0 0 0;}
label {display:block; float:left; width:80px; margin:0 0 8px 0; padding:3px 0 0 0;}
input.text {display:block; float:left; width:250px; margin:5px 0; padding:2px; border:1px solid #999;}
input.text.error {border:1px solid #ff0000;}
textarea {padding:2px; font-family:Arial; font-size:13px; border:1px solid #999;}
.submit {margin:17px 0 0 80px;}
.submit_container .submit {display:block;}
p.error {font-size:11px; color:#ff0000;}
.textarea {width:400px; height:170px;}
.textarea.error {border:1px solid #ff0000;}
input.submit {display:block; float:right; padding:3px 10px; margin:0 7px 0 0; background:#13236B; color:#fff; border:0; cursor:pointer;}

/* Kontaktformular */
#f1 .submit_container input {float:none; margin:5px 0 0 80px;}

}