/** #author Tobias Bergmann #version 1.0 #copyright Copyright (c) 2011 Tobias Bergmann #lastmodified 24/03/2011 */ /******************************************************************************************************************************************* #01 | RESET __________________________________________________________________________________________________________________________________________*/ * {margin:0; padding:0;} html {height:100%; margin-bottom:1px; overflow-y:scroll; font-size:62.5%;} h1, h2, h3, h4, h5, h6 {font-size:100%;} h5, h5.csc-firstHeader { font-family:Verdana, Geneva, sans-serif; color: #666; font-size:130%; font-weight:bold} /* ist für farbmuster reserviert */ img, fieldset {border:0;} ul, ol {list-style:none;} a {color:#949292; text-decoration:none;} a:hover, a:active, a:focus {outline:none;} input, textarea, button, select {color:inherit; font:99.99% Verdana, sans-serif;} button::-moz-focus-inner {padding:0; border:0;} th {text-align:inherit;} i, em {font-style:italic;} address {font-style:normal;} small {font-size:0.917em; /* 11px */} /******************************************************************************************************************************************* #02 | BASE LAYOUT __________________________________________________________________________________________________________________________________________*/ body {padding-top:45px; color:#8a8888; background:#c0c0c0; text-align:center; font:1.2em/1.5 Verdana, Arial, Helvetica, sans-serif;} #page {width:960px; margin:0 auto; border:1px solid #fff; background:#fff; text-align:left;} #hd {border-bottom:1px solid #fff;} #colM {float:right; width:100%; min-height:650px;} #colL {float:left; width:156px; margin-right:-156px; /*(1)*/ padding-top:16px;} #colR {float:left; width:314px; margin-left:-314px; /*(1)*/} #ft {padding:10px 0; color:#b6b6b6; text-align:right; font-size:0.834em; /* 10px */ clear:both;} /* layout variants */ .col2L #page {background:#fff url(../img/bg_page_col2L.gif) 0 0 repeat-y;} .col2L .main {margin-left:156px; /*(2)*/} .col2R #colM {float:left;} .col2R .main {margin-right:314px; /*(2)*/} .colWrap {float:right; width:100%;} .col3 #page {background:#fff url(../img/bg_page_col3.gif) 0 0 repeat-y;} .col3 #colR {float:right;} .col3 #colM {float:left;} .col3 .main {margin:0 314px 0 156px; /*(2)*/ padding:0 40px 0 39px;} .col3 .content {padding:25px 15px 0 24px;} /* (1) pull back into place */ /* (2) space for left and/or right column, width of #colL + #colR + some space between cols */ /* clearing */ .clear:after, #page:after, #hd:after, #colL:after, #colM:after, #colR:after, #ft:after, .colL:after, .colM:after, .colR:after, .navTop:after, .row:after, .bx1:after, .bx2:after, .tabs:after, #stepbox ul:after, .ts2 ul:after, #wtcart_payment:after {display:block; height:0; line-height:0; font-size:0; clear:both; visibility:hidden; overflow:hidden; content:" ";} .clear {clear:both;} /******************************************************************************************************************************************* #03 | GLOBAL STYLES __________________________________________________________________________________________________________________________________________*/ /* sub-columns */ .colL, .colM {float:left;} .colR {float:right;} /* misc */ .flL {float:left;} .flR {float:right;} .alL {text-align:left !important;} .alC {text-align:center !important;} .alR {text-align:right !important;} /******************************************************************************************************************************************* #04 | HEADER __________________________________________________________________________________________________________________________________________*/ #hd .colL, #hd .colM, #hd .colR {position:relative; height:158px;} #hd .colL {width:156px; border-right:1px solid #fff; background:#00209f;} #hd .colM {width:488px; border-right:1px solid #fff; background:#98a2bd;} #hd .colR {width:314px; background:#7b8b4f;} /* logo */ .logo {display:block; line-height:0; font-size:0;} /* header shop */ .shop #hd .colM {background:#c8e142;} .shop #hd .colR {background:#9d3838;} .shopText {position:absolute; bottom:26px; left:22px; color:#fff; line-height:1; font-size:3.417em; /* 41px */ text-transform:uppercase; letter-spacing:-2px;} /******************************************************************************************************************************************* #05 | NAVIGATION __________________________________________________________________________________________________________________________________________*/ /* nav-top */ .navTop {position:absolute; bottom:9px;} .navTop1 {left:20px;} .navTop2 {left:16px;} .navTop li {float:left; border-right:1px solid #fff; line-height:1; text-transform:uppercase;} .navTop .last {border:0;} .navTop a, .navTop strong {padding:0 8px; color:#f6f9ff; font-weight:normal;} .navTop .act, .navTop a:hover {color:#fff;} /* nav-top 1 */ .navTop1 .first a, .navTop1 .first strong, .navTop1 .uid-248 {font-weight:bold;} /* nav-left */ .navLeftHeadline a {padding:2px 10px 2px 11px; color:#fff; font-weight:bold; text-transform:uppercase;} .navLeft a, .navLeft strong {display:block; padding:2px 10px 2px 11px; color:#fff; font-size:11px; font-weight:bold; text-transform:uppercase;} .navLeft a:hover {text-decoration:underline;} /* level 2 (no submenu) */ .navLeft .lvl2 a {font-weight:normal;} .navLeft .lvl2 a, .navLeft .lvl2 strong {padding-left:25px; font-size:10px; text-transform:none;} /* level 2 (submenu) */ .navLeft .lvl2 .sub a, .navLeft .lvl2 .sub strong {padding-left:25px; font-size:11px; font-weight:bold; text-transform:uppercase;} /* level 3 */ .navLeft .sub .lvl3 a {font-weight:normal;} .navLeft .sub .lvl3 a, .navLeft .sub .lvl3 strong {padding-left:39px; font-size:10px; text-transform:none;} /* club basic 20120620 menu seite 17 */ .main ul.catmenu { list-style: disc outside none; margin-left: 0; } .catmenu li { text-align: left; float: left; list-style:none; width:377px; border:1px solid #ccc; } .catmenu li img {float:right } .catmenu .cat138, .catmenu .cat140, .catmenu .cat282{margin-right:12px; } .catmenu li .caption { position:relative; top:100px; text-align: center; text-transform:uppercase; font-size:1.2em; } /* club basic 20120620 menu seite 138.. */ .main ul.pruductmenu { list-style: disc outside none; margin-left: 0; position:relative; top:-25px; } .pruductmenu li { text-align: left; float: left; list-style:none; height:193px; border-bottom:1px solid #ccc; padding-top:10px; /* padding-left:53.5px; border:1px solid red;*/ } /* .pruductmenu .cat74, .pruductmenu .cat91, .pruductmenu .cat34, .pruductmenu .cat117, .pruductmenu .cat77, .pruductmenu .cat280, .pruductmenu .cat135{text-align: right;} */ .pruductmenu .cat1, .pruductmenu .cat5, .pruductmenu .cat9, .pruductmenu .cat13, .pruductmenu .cat17, .pruductmenu .cat21, .pruductmenu .cat25, .pruductmenu .cat29, .pruductmenu .cat33, .pruductmenu .cat37, .pruductmenu .cat41{padding-right:25px; } .pruductmenu .cat2, .pruductmenu .cat3, .pruductmenu .cat6, .pruductmenu .cat7, .pruductmenu .cat10, .pruductmenu .cat11, .pruductmenu .cat14, .pruductmenu .cat15, .pruductmenu .cat18, .pruductmenu .cat19, .pruductmenu .cat22,.pruductmenu .cat23, .pruductmenu .cat26, .pruductmenu .cat27, .pruductmenu .cat30, .pruductmenu .cat31, .pruductmenu .cat34, .pruductmenu .cat35, .pruductmenu .cat38, .pruductmenu .cat39 {padding-left:40px; padding-right:5px;} .pruductmenu .cat4, .pruductmenu .cat8, .pruductmenu .cat12, .pruductmenu .cat16, .pruductmenu .cat20, .pruductmenu .cat24, .pruductmenu .cat28, .pruductmenu .cat32, .pruductmenu .cat36 , .pruductmenu .cat40 {padding-left:50px; } .pruductmenu li .caption { font-weight:bold; text-align: left; position:relative; top:-5px;} /******************************************************************************************************************************************* #06 | CONTENT __________________________________________________________________________________________________________________________________________*/ /* misc */ .main ul, .main ol, .main dl, .main form, .main table, .main address {margin-bottom:20px;} .main {padding:14px 16px 0 16px; line-height:1.5; /* 18px */} .main .csc-default {padding-bottom:20px;} .main .csc-textpic-text {padding-bottom:20px;} /* lists */ .main ul {margin-left:1.17em; /* 14px */ list-style:disc outside;} .main ol {margin-left:1.42em; /* 17px */ list-style:decimal outside;} .main li {margin-bottom:15px;} /* tables */ table {width:100%; border-collapse:collapse; border-spacing:0; text-align:left;} caption {text-align:left; font-weight:bold;} th {vertical-align:top;} td {vertical-align:top;} td.bold, th.bold {font-weight:bold;} /* form elements */ input, button, label {cursor:pointer;} .txtIn, textarea {padding:2px 5px 3px 5px;} .txtIn, textarea, select {width:100%; /*border:1px solid #8a8888; color:#8a8888;*/ background:#fff; cursor:text;} textarea {line-height:1.5;} select {padding:4px 1px 3px 2px;} option {padding:0 .834em 0 .334em; /* 0.834em = 10px, 0.334em = 4px */} .radio {vertical-align:middle;} .req em {padding-left:5px;} .qty {width:26px; border:1px solid #8a8888; color:#8a8888; text-align:center;} .txtIn:hover, .txtIn:focus, textarea:hover, textarea:focus, select:hover, select:focus, .txtIn.hover, select.hover {color:#333; background-color:#fff;} /******************************************************************************************************************************************* #06a | CONTENT multiple content: jfmulticontent __________________________________________________________________________________________________________________________________________*/ .subcolumns { position:relative; top:-10px; } .c50l img { } .subcl { } .subcl p.bodytext,.subcr p.bodytext { padding:10px; } .subcl h1, .subcr h1 { padding:10px 0 0 10px; } .c50l,.c50r { width: 48%; height:185px; border:1px solid #ccc; margin:0; padding:0} /* siehe tx_jfmulticontent_pi1.css */ div.trenner {border-top:1px solid #ccc; height:1px; position:relative; top:-3px; } /******************************************************************************************************************************************* #07 | FOOTER __________________________________________________________________________________________________________________________________________*/ #ft a {color:#b6b6b6; text-decoration:underline;} #copyright {float:right; margin:10px; color:#ccc; font-size:0.8em;} #copyright a {color:#ccc; text-decoration:none;} /******************************************************************************************************************************************* #08 | DEFAULT PAGES (alte Seite) __________________________________________________________________________________________________________________________________________*/ .default #page {background:#fff url(../img/bg_page_default.gif) 0 0 repeat-y;} .default .main {padding:26px 36px 0; color:#5d341f;} .default .main a {color:#7883a2; text-decoration:underline;} .default .main h1 {margin-bottom:10px; font-size:16px;} .default .main p {margin-bottom:12px;} .default .main td {color:#5d341f; font-size:12px;} .default .main .csc-textpic {overflow:hidden;} .default #colR .content {padding:32px 20px 0 24px; color:#fff;} .default #colR a {color:#fff; text-decoration:underline;} .default #colR h2, .default #colR h3 {margin-bottom:14px; font-size:14px;} .default #colR p {margin-bottom:12px;} /******************************************************************************************************************************************* #09 | CHECKOUT PAGES __________________________________________________________________________________________________________________________________________*/ .checkout {color:#626262;} .checkout #page {background:#fff url(../img/bg_page_col2L_checkout.gif) 0 0 repeat-y;} .tx-wtorder-pi1 .formtitle {margin-bottom:23px; padding-bottom:22px; background:url(../img/dots.gif) 0 bottom repeat-x; font-weight:bold; text-transform:uppercase;} .form-button {height:32px; padding:0 33px 3px 8px; border:0; color:#fff; background:url(../img/form-button.png) right top no-repeat; line-height:32px; font-weight:bold;} .form-right {float:right;} .tx-wtcart-pi1 form,.tx-wtcart-pi1 table {margin-bottom:0;} .tx-wtcart-pi1 .bx {margin-bottom:5px; border:2px solid #d6d6d6;} .lsUnderline a {color:#626262; text-decoration:underline;} /* cart table */ .ts2 {background:#fff !important;} .ts2 td, .ts2 th {padding:10px 17px;} .ts2 thead {line-height:13px; text-transform:uppercase; white-space:nowrap;} .ts2 thead th {background:#f2f2f2; vertical-align:middle;} .ts2 tbody td {border-bottom:1px solid #d6d6d6;} .ts2 tfoot td {padding:4px 17px; background:#f2f2f2; text-align:right; line-height:17px; vertical-align:middle;} .ts2 tfoot .first td {padding-top:16px;} .ts2 .taxRow td {padding-bottom:16px;} .ts2 tfoot .last td, .ts2 .versandRow td {padding-top:12px; padding-bottom:12px;} .ts2 .lineT td {background:#f2f2f2 url(../img/dots.gif) 0 top repeat-x;} .ts2 a {display:block; margin-bottom:5px; color:#626262; font-weight:bold;} .ts2 a:hover {text-decoration:underline;} .ts2 .variante {margin:0; list-style:none;} .ts2 .variante li {float:left; margin:0; padding-right:10px; line-height:25px;} .ts2 .variante .first {width:120px;} .wt_cart_delete {color:#4f4781; font-weight:normal; text-decoration:underline;} #wtcart_shipping {margin-bottom:20px;} .continueShopping a {display:block; padding:0 18px; border:2px solid #d6d6d6; color:#626262; background:#f2f2f2; line-height:29px; font-weight:bold;} #wtcart_help { float:right } #wtcart_help p { padding:20px 0 0 5px; }