/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce
   -----------------------------------------------------------------------------------------
   based on:
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com
   (c) 2003         nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License
   ---------------------------------------------------------------------------------------*/
body {
color : #495155;
background-color : #fff;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
background-image : url(https://www.soap-box-derby.de/shop/templates/SpringTime/img/wood3.jpg);
background-repeat:repeat-xy;
background-attachment:fixed;
background-position:left top;
margin : 0;
padding : 0;
}
.onepct_label {
position : fixed;
bottom : 7px;
right : 10px;
width : 76px;
height : 106px;
z-index: 1;
}
h1 {
color : #495155;
font-family : Arial, Helvetica, sans-serif;
/* text-transform : capitalize; */
letter-spacing : 0.02em;
font-weight : 400;
font-size : 20px;
width : auto;
border-color : #dfdfdf;
border-style : solid;
border-width : 0;
margin : 0 0 5px;
padding : 0;
}
h1.headline {
color : #495155;
font-size : 16px;
font-weight : 700;
font-family : Arial, Helvetica, sans-serif;
margin-left : 0;
margin-top : 0;
margin-bottom : 0;
border-width : 0;
}
h2 {
color : #495155;
font-family : Arial, Helvetica, sans-serif;
letter-spacing : 0.01em;
font-weight : 700;
font-size : 14px;
width : auto;
border-color : #dfdfdf;
border-style : solid;
border-width : 0;
margin : 1px 0 2px;
padding : 0;
}
h3 {
color : #5F5F5F !important;
font-family : Arial, Helvetica, sans-serif;
letter-spacing : 0.01em;
font-weight : 700;
font-size : 14px;
width : auto;
border-color : #dfdfdf;
border-style : solid;
border-width : 0;
margin : 0 0 2px;
padding : 0;
}
h3 a:hover {
text-decoration : underline;
color : #495155 !important;
}

h4 {
color : #495155;
font-family : Arial, Helvetica, sans-serif;
letter-spacing : 0.04em;
font-weight : 700;
font-size : 14px;
border-color : #dfdfdf;
border-style : solid;
border-width : 0;
margin : 10px 0 0;
padding : 0.2em 0 0;
}
h5 {
color : #495155;
font-family : Arial, Helvetica, sans-serif;
letter-spacing : 0.05em;
font-weight : 700;
font-size : 13px;
margin : 4px 0 3px;
padding : 0.1em 0;
}
h6 {
color : #495155;
font-family : Arial, Helvetica, sans-serif;
letter-spacing : 0.02em;
font-weight : 400;
font-size : 11px;
margin : 0 0 1px;
padding : 0.1em 0;
}
a:focus {outline: 0;}
a, a:link, a:hover {
background : transparent;
text-decoration : none;
cursor : pointer;
}
a img {
border : none;
}
input {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
padding : 2px;
}
input[type="text"], input[type="password"] {
border-color : #4e4e4f #aeaeae #aeaeae #4e4e4f;
border-style : solid;
border-width : 1px;
}
p {
margin : 8px 0;
}
div.hr {
height : 1px;
overflow : hidden;
line-height : 1px;
border : none;
margin : 0;
padding : 0;
}
div.hrlightgrey {
height : 1px;
overflow : hidden;
line-height : 0;
background-color : #dfdfdf;
margin : 0;
padding : 0;
}
div.hrproductpreview {
padding-top : 1px;
overflow : hidden;
height : 0;
line-height : 0;
display : block;
background-image : url(img/hr_productpreview2.gif);
margin : 0;
}
table td {
padding : 2px;
}
#wrap_x {
width : 1000px;
background-color : #fff;
min-height : 800px;
border-color : #dfdfdf;
border-style : solid;
border-width : 0 2px;
margin : 0 auto;
}
#wrap {
width : 970px;
background-color : #fff;
min-height : 800px;
border-color : #fff;
border-style : solid;
border-width : 0 15px;
margin : 0 auto;
}
#wrap2 {
width : 800px;
background-color : #fff;
min-height : 800px;
border-color : #fff;
border-style : solid;
border-width : 0 10px;
margin : 0 auto;
}
#header {
height : 100px;
background-color : #fff;
border-top : 10px solid #cce968;
}
#header #logo {
float : left;
width : 300px;
padding : 10px 0 0 20px;
}
#header #search {
position : relative;
height : 38px;
width : 337px;
float : right;
background-image : url(https://www.soap-box-derby.de/shop/templates/SpringTime/img/bg_searchbox.jpg);
background-repeat : no-repeat;
color : #dfdfdf;
font-size : 11px;
white-space : nowrap;
margin : 0;
padding : 0;
}
#header #search a {
color : #7d9a15;
font-size : 11px;
}
#header #search table.tablesearch {
margin : 0;
padding : 5px 5px 0 15px;
}
#header #search table.tablesearch tr td {
white-space : nowrap;
padding : 0 5px 0 0;
}
#header #search table.tablesearch tr td.firstcol {
padding-left : 0;
}
#header #search table.tablesearch tr td input[type="text"] {
border : 1px solid #a1c130;
}
#header #loginarea {
position : relative;
height : 44px;
width : 464px;
float : right;
background-image : url(https://www.soap-box-derby.de/shop/templates/SpringTime/img/bg_loginarea.jpg);
background-repeat : no-repeat;
color : #0066b4;
font-size : 11px;
white-space : nowrap;
margin : 12px 0 0;
padding : 6px 0 0 6px;
}
#header #loginarea table tr td {
white-space : nowrap;
margin : 0;
padding : 0 0 0 8px;
}
#header #loginarea table tr td input[type="text"], #header #loginarea table tr td input[type="password"] {
border : 1px solid #0066b4;
}
#header #loginarea a {
color : #fff;
}
#breadcrumb {
clear : both;
float : right;
color : #88a61e;
list-style-type : none;
background-color : #fff;
height : 26px;
background-image : url(https://www.soap-box-derby.de/shop/templates/SpringTime/img/bg_breadcrumb.gif);
background-repeat : no-repeat;
font-size : 11px;
margin-bottom : 15px;
padding : 0 0 0 25px;
}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active {
line-height : 26px;
text-decoration : none;
font-weight : 400;
cursor : pointer;
color : #4d8113;
margin : 0;
padding : 0;
}
#topmenuwrap {
border-bottom : 1px solid #dfdfdf;
border-top : 1px solid #dfdfdf;
background-color : #efefef;
height : 30px;
z-index : 40;
text-decoration : none !important;
}
#headerlogo a {
text-decoration : none !important;
}
#topmenu {
float : left;
list-style-type : none;
margin : 0;
padding : 0;
}
#topmenu li {
height : 28px;
float : left;
background-color : #495155;
background : url(https://www.soap-box-derby.de/shop/templates/SpringTime/img/bg_topmenu_breakline.gif) no-repeat;
background-position : right;
margin : 0;
padding : 0 7px;
}
#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active {
line-height : 30px;
letter-spacing : 0.05em;
text-transform : uppercase;
vertical-align : middle;
text-decoration : none;
font-size : 0.9em;
font-weight : 700;
cursor : pointer;
color : #fff;
margin : 0;
padding : 0;
}
#topmenu a:hover {
color : #fff;
text-decoration : underline;
line-height : 30px;
letter-spacing : 0.05em;
}
#languages {
text-align : right;
height : 26px;
font-size : 13px;
margin : 0;
padding : 10px 10px 0 0;
}
#contentwrap {
clear : both;
width : 970px;
min-height : 700px;
padding : 0;
}
#leftcol {
float : left;
width : 210px;
margin-top : 0px;
margin-right : 0;
padding : 0 0 10px;
}
#rightcol {
float : right;
width : 190px;
margin-top : 15px;
padding : 0 0 10px;
}
#content {
float : right;
width : 740px;
margin : 0px 0 15px 5px;
padding : 0;
}

#content_2 {
float : right;
width : 740px;
margin : -15px 0 15px 5px;
padding : 0;
}

#contentfull {
width : 800px;
margin-bottom : 15px;
padding : 0 10px;
}
h2.categoryheader {
font-size : 14px;
color : #495155;
letter-spacing : 0.1em;
vertical-align : middle;
border-bottom : 0 solid #495155;
margin : 0 0 1px;
padding : 5px 0 1px;
}
ul#categorymenu {
margin-bottom : 15px;
}
.Inner {
background-color : #fff;
color : #495155;
border : 1px solid #dfdfdf;
margin : 0;
padding : 0;
}
ul#TopCats li.CatLevel1 a {
font-size : 12px;
text-decoration : none;
color : #4370c7;
line-height : 14px;
font-weight : 700;
background-color : #fff;
display : block;
padding : 2px 0 2px 7px;
}
ul#SubNavi li.CatLevel1 a {
font-size : 13px;
text-decoration : none;
color : #4370c7;
line-height : 14px;
font-weight : 700;
background-color : #fff;
display : block;
padding : 2px 0 2px 7px;
}
ul#SubNavi li.CatLevel3 a {
font-size : 11px;
text-decoration : none;
color : #4370c7;
font-weight : 400;
background-color : #fff;
}
ul#categorymenu li.level1 {
list-style-type : none;
font-size : 13px;
border : 0 solid #efefef;
background-color : #fff;
border-bottom : 1px solid #dfdfdf;
margin : 2px 0 2px 7px;
padding : 0 0 5px 15px;
}
ul#categorymenu li.level1 a {
font-size : 13px;
text-decoration : none;
color : #4370c7;
font-weight : 700;
margin : 0;
}
ul#categorymenu li.level2 {
list-style-type : none;
background-color : #fff;
border-left : 0 solid #dfdfdf;
margin : 5px 0 5px 30px;
padding : 3px 0 3px 5px;
}
ul#categorymenu li.level3 {
list-style-type : none;
background-color : #fff;
border-left : 1px solid #dfdfdf;
margin : 0 0 0 50px;
padding : 1px 0 1px 8px;
}
ul#categorymenu li.level4 {
list-style-type : none;
border-bottom : 0 solid #cad8f4;
background-color : #4370c7;
padding : 1px 0 1px 70px;
}
table.categoryListing td.categoryImage {
padding : 0 15px 0 0;
}
h2.boxheader {
font-size : 14px;
background-color : #dfdfdf;
background-image : url(https://www.soap-box-derby.de/shop/templates/SpringTime/img/bg_boxheader.jpg);
background-repeat : no-repeat;
color : #fff;
vertical-align : middle;
margin : 0;
padding : 4px 6px 4px 10px;
}
h2.boxheader a:link, h2.boxheader a:visited {
text-decoration : none;
color : #fff;
}
h2.boxheader a:hover, h2.boxheader a:active {
text-decoration : underline;
color : #fff;
}
h3.boxheader a:link, h3.boxheader a:visited {
text-decoration : none;
font-size : 11px;
color : #495155;
}
h3.boxheader a:hover, h3.boxheader a:active {
text-decoration : underline;
font-size : 11px;
color : #495155;
}
.boxbody {
background-color : #f9f9f9;
margin-bottom : 15px;
border : 1px solid #0086d3;
background-image : url(https://www.soap-box-derby.de/shop/templates/SpringTime/img/box_cornerbg.jpg);
background-repeat : no-repeat;
padding : 8px;
}
.boxbody h3, .boxbody h3 a {
color : #495155;
background-color : #fff;
font-size : 11px;
}
.boxbody h3.center, .boxbody h3.center a {
font-size : 11px;
text-align : center;
}
.boxbody p.center {
color : #495155;
font-size : 10px;
text-align : center;
margin : 6px 0;
}
.boxbody .productOldPrice {
font-size : 10px;
color : #9f1313;
}
.boxbody .productboximage {
border : 1px solid #0086d3;
}
.boxbody ul.contentlist {
margin-left : 5px;
margin-right : 0;
padding : 0;
}
.boxbody ul.contentlist li {
margin-left : 0;
list-style-type : none;
padding : 0;
}
h2.boxcartheader {
font-size : 14px;
color : #495155;
letter-spacing : 0.05em;
vertical-align : middle;
border-bottom : 0 solid #495155;
margin : 0 0 1px;
padding : 5px 0 1px;
}
.boxcartbody {
margin-bottom : 0;
background-color : #fff;
color : #495155;
border : 1px solid #dfdfdf;
padding : 0 8px;
}
.boxcartbody a:hover {
color : #495155;
text-decoration : underline;
}
.boxcartbody .hr {
background-color : #fff;
}
#box_shadow {
height : 15px;
background : url(img/box-shadow.png);
}
.box_shadow {
height : 15px;
background : url(img/box-shadow.png);
}
.productPreview {
border : 0 dotted #dfdfdf;
margin : 5px 0;
padding : 0;
}
.productPreviewContent {
vertical-align : top;
width : 100%;
font-size : 12px;
border : 0 solid #dfdfdf;
}
.productPreviewContent h2 {
border-color : #fff;
border-style : solid;
border-width : 0;
margin : 0;
padding : 0 2px 0 0;
}
.productPreviewContent h2 a, .productPreviewContent h1 a:link, .productPreviewContent h1 a:visited {
font-size : 14px;
letter-spacing : 0 !important ;
font-weight : 700;
color : #0066b4;
text-decoration : none;
border-color : #fff;
border-style : solid;
border-width : 0;
}
.productPreviewContent h2 a:hover {
font-size : 14px;
font-weight : 700;
color : #495155;
text-decoration : underline;
}
.productPreview1 {
text-align : center;
border-color : #FFFFFF;
border-style : solid;
border-width : 1px;
margin : 5px 5px 5px 0;
padding : 0;
}
.productPreview2 {
text-align : center;
border-color : #dfdfdf;
border-style : solid;
border-width : 1px;
margin : 5px 5px 5px 0;
padding : 5px 5px 5px 5px;
}
.productPreview1 h2 a, .productPreviewContent h1 a:link, .productPreviewContent h1 a:visited {
font-size : 12px;
letter-spacing : 0 !important ;
font-weight : 400;
color : #0066b4;
text-decoration : none;
text-align : center;
border-color : #fff;
border-style : solid;
border-width : 0;
}
.productPreview1 h2 a:hover {
font-size : 12px;
font-weight : 400;
text-decoration : underline;
text-align : center;
}
.productPreview1Content .price {
font-size : 12px;
font-weight : 700;
color : #495155;
text-decoration : none;
text-align : center;
}
.productPreview1Content .productOldPrice {
font-size : 11px;
color : #495155;
font-weight : 400;
text-align : center;
}
.productPreviewImage {
vertical-align : top;
width : 150px;
height : 150px;
padding : 3px 15px 15px 0;
}
.productPreviewImage img {
border : 0 solid #efefef;
}
.productPreviewContent .price {
color : #495155;
font-size : 20px;
font-weight : 700;
margin : 0;
padding : 0;
}
.productPreviewContent .productOldPrice {
font-size : 12px;
color : #495155;
font-weight : 400;
}
.productPreviewContent .taxandshippinginfo a {
font-size : 11px;
font-weight : 400;
color : #495155;
text-decoration : underline;
}
#productinfowrap {
width : 740px;
vertical-align : top;
margin : 0;
}

.productinfowrap {
width : 740px;
vertical-align : top;
margin : 0;
}

#productinfowrap99 {
width : 708px;
background : #FFFFFF;
border-color : #cfcfcf;
border-style : solid;
border-width : 1px;
padding : 15px;
margin : 10px 0 10px 0;
}

.productinfowrap h1 {
color : #495155;
background : #fff;
font-family : Arial, Helvetica, sans-serif;
letter-spacing : 0.01em;
font-weight : 400;
font-size : 22px;
width : auto;
border-color : #cfcfcf;
border-style : solid;
border-width : 0;
margin : -5px 0 0;
padding : 0;
}
.productinfowrap h2 {
color : #495155;
font-family : Arial, Helvetica, sans-serif;
letter-spacing : 0.01em;
font-weight : 400;
font-size : 12px;
width : auto;
border-color : #495155;
border-style : solid;
border-width : 0;
margin : 0 0 10px;
padding : 0;
}
.productinfowrap h3 {
color : #495155;
font-family : Arial, Helvetica, sans-serif;
letter-spacing : 0.01em;
font-weight : 700;
font-size : 14px;
width : auto;
border-color : #495155;
border-style : solid;
border-width : 0;
margin : 0 0 5px;
padding : 0;
}
.productinfowrap h4 {
color : #495155;
font-family : Arial, Helvetica, sans-serif;
letter-spacing : 0.01em;
font-weight : 700;
font-size : 12px;
width : auto;
border-color : #495155;
border-style : solid;
border-width : 0;
margin : 0 0 5px;
padding : 0;
}
#productinfoimages {
float : left;
background-color : #fff;
text-align : center;
width : 265px;
border-color : #dfdfdf;
border-style : solid;
border-width : 0px;
margin : 0 0 10px;
padding : 18px 0;
}
#productinfoimages .productimage {
border : 0 solid #5a9d08;
}
#maninfoimages {
font-size : 11px;
border : 1px solid silver;
float : right;
background-color : #fff;
text-align : center;
width : 150px;
margin : 10px 10px 0 0;
padding : 5px 2px 5px 2px;
}
#productinfomanufacturers {
float : left;
background-color : #fff;
text-align : center;
width : 150px;
padding : 30px 5px 5px 0;
}
#productinfoimages2 {
float : left;
background-color : #fff;
border : 0 solid #cfcfcf;
text-align : center;
margin : 0 0 0 5px;
padding : 0;
}
#productinfoimages3 {
float : left;
background-color : #fff;
text-align : center;
width : 100px;
margin : 0;
padding : 15px 5px 10px 3px;
}
#productinfopricewithimages {
float : right;
vertical-align : top;
}
#productinfopricewithoutimages {
width : 70%;
}
#productinfoprice {
background : #fff;
width : 455px;
float : right;
vertical-align : top;
border-color : #dfdfdf;
border-style : solid;
border-width : 0;
padding : 1px 0 0;
}
#productinfoprice2 {
background : #efefef;
border-color : #cfcfcf;
border-style : solid;
border-width : 1px;
padding : 15px;
margin : 0 0 10px 0;
}
.productinfowrap ul {
list-style-type : disc;
list-style-position : outside;
margin : 0 0 0 15px;
padding : 0;
}
.productinfowrap ol {
list-style-position : outside;
margin : 0 0 0 15px;
padding : 0;
}
#productinfoprice .productprice {
font-size : 22px;
color : #495155;
font-weight : 700;
margin : 0;
padding : 0;
}
/* -#d617b0-*/
#productinfoprice .productprice2 {
font-size : 12px;
color : #495155;
font-weight : 700;
margin : 0;
padding : 0;
}
.lieferzeit {
font-size : 11px;
color : #007F00;
font-weight : 400;
margin : 8px 0 0 0;
padding : 0;
}

#productinfoprice .productOldPrice {
color : #495155;
font-size : 13px;
font-weight : 700;
margin : 0;
padding : 0;
}
#productinfoprice .taxandshippinginfo a {
font-size : 11px;
font-weight : 400;
color : #495155;
text-decoration : underline;
margin : 0;
padding : 0;
}
.productoptions {
background-color : #fff;
border-color : #dfdfdf;
border-style : solid;
border-width : 1px 0 0;
padding : 6px 0 6px 6px;
}
.addtobasket {
background-color : #fff;
text-align : right;
border-color : #dfdfdf;
border-style : solid;
border-width : 0;
padding : 2px 0;
}
.addtobasket2 {
background-color : #fff;
text-align : justify;
border-color : #dfdfdf;
border-style : solid;
border-width : 1px 0;
padding : 1px 0 6px;
}
.addtobasket2 h2 {
color : #495155;
background : #fff;
font-family : Arial, Helvetica, Sans-serif;
letter-spacing : 0.05em;
font-weight : 700;
font-size : 13px;
margin : 15px 0 2px;
padding : 0.2em 0 0.1em;
}
.addtobasket2 h3 {
color : #495155;
background : #fff;
font-family : Arial, Helvetica, Sans-serif;
letter-spacing : 0.02em;
font-weight : 700;
font-size : 13px;
margin : 15px 0 2px;
padding : 0.2em 0 0.1em;
}
body.popupproductinfo {
background : none;
background-color : #fff;
padding : 15px;
}
body.popupprintorder {
font-family : Sans-serif;
font-size : 13px;
background : none;
background-color : #fff;
padding : 15px;
}
body.popupprintorder .products tr.header td {
font-weight : 700;
background-color : #ededed;
}
div.highlightbox {
font-size : 12px;
text-align : left;
background-color : #efefef;
border : 1px solid #495155;
padding : 10px 15px;
}
div.highlightbox ul {
font-size : 12px;
margin-left : 15px;
display : block;
list-style-type : square;
line-height : 16px;
padding : 0;
}
div.highlightbox h1 {
color : #495155;
border : none;
font-size : 17px;
font-weight : 700;
margin : 0;
padding : 6px 0;
}
div.highlightbox h2 {
color : #495155;
border : none;
font-size : 14px;
font-weight : 700;
margin : 0;
padding : 6px 0;
}
div.highlightbox2 {
color : #495155;
font-size : 13px;
text-align : left;
background-color : #dfdfdf;
border : 1px solid #495155;
padding : 15px;
}
div.highlightbox2 ul {
color : #495155;
font-size : 13px;
margin-left : 15px;
display : block;
list-style-type : square;
line-height : 16px;
padding : 0;
}
div.highlightbox2 h4 {
color : #495155;
background-color : #efefef;
border : none;
font-size : 18px;
margin : 0;
padding : 0 0 6px;
}
div.highlightbox2 h5 {
color : #495155;
background-color : #efefef;
border : none;
font-size : 16px;
margin : 0;
padding : 0 0 6px;
}
div.highlightbox_3 {
color : #495155;
font-size : 11px;
text-align : left;
background-color : #fff;
border : 1px solid #dfdfdf;
padding : 10px 15px;
}
div.highlightbox_3 ul {
color : #495155;
font-size : 11px;
margin-left : 15px;
display : block;
list-style-type : square;
line-height : 16px;
padding : 0;
}

div.highlightbox_5 {
color : #495155;
font-size : 11px;
text-align : left;
background-color : #fff;
border : 1px solid #d617b0;
padding : 10px 15px;
}

table.shippingblock tr td {
vertical-align : top;
padding : 4px;
}
table.shippingblock tr td.description {
width : 100%;
vertical-align : top;
padding-left : 6px;
}
table.shippingblock tr td.radiobutton {
vertical-align : top;
white-space : nowrap;
padding : 4px;
}
table.shippingblock tr td.price {
vertical-align : top;
white-space : nowrap;
}
table.accounthistoryinfoorderdetails tr.header td {
font-weight : 700;
}
textarea.message_body {
width : 130px;
}
table.downloadbox {
background-color : #f2f0eb;
border : 1px solid #928b6b;
margin-bottom : 8px;
padding : 5px;
}
table.downloadbox tr td.icon {
padding-right : 15px;
}
table.graduatedprice {
font-size : 11px;
text-align : left;
margin-top : 5px;
}
table.graduatedprice tr td.header {
font-size : 12px;
font-weight : 700;
text-align : left;
}
table.orderdetails {
font-size : 11px;
background-color : #efefef;
border-color : #afafaf;
border-style : solid;
border-width : 1px;
}
table.orderdetails a {
color : #0066b4;
text-decoration : underline;
}
table.orderdetails tr td {
background-color : #495155;
padding : 4px;
}
table.orderdetails tr.headerrow td {
background-color : #495155;
color : #fff;
font-weight : 700;
}
table.orderdetails tr.headerrow td.left {
color : #fff;
text-align : left;
}
table.orderdetails tr.headerrow td.center {
color : #fff;
text-align : center;
}
table.orderdetails tr.headerrow td.right {
color : #fff;
text-align : right;
}
table.orderdetails tr td.delete1 {
display : block;
text-align : right;
background-repeat : no-repeat;
background-color : #efefef;
border : 0;
font-size : 0;
width : 19px;
height : 22px;
cursor : pointer;
}
table.orderdetails tr td.productname table.productattributes {
margin-top : 3px;
}
table.orderdetails tr td.productname table.productattributes tr td {
padding : 0;
}
table.orderdetails tr td.productname table.productattributes tr td.attribute {
padding-right : 4px;
}
table.orderdetails tr td.subtotal {
background-color : #efefef;
text-align : right;
border-color : #afafaf;
border-style : solid;
border-width : 1px 0 0;
}
div.productnavigator {
background-color : #ddeffd;
border : 1px solid #0086d3;
padding : 8px;
}
table.reviewlist {
background-color : #fff2cc;
border-color : #928b6b;
border-style : solid;
border-width : 0 1px 1px;
}
table.reviewlist tr td {
white-space : nowrap;
padding : 4px;
}
table.reviewlist tr.header td {
background-color : #928b6b;
color : #fff;
font-weight : 700;
}
table.reviewlist tr.contentrow1 td {
background-color : #ece9e2;
}
table.reviewlist tr.contentrow2 td {
background-color : #f2f0eb;
}
table.medialist tr td {
white-space : nowrap;
vertical-align : top;
padding : 6px;
}
table.medialist tr.contentrow2 td {
background-color : #ddeffd;
}
.sitemapheader {
background-color : #495155;
color : #fff;
font-weight : 700;
padding : 3px;
}
.sitemapheader a:link, .sitemapheader a:visited, .sitemapheader a:hover {
color : #fff;
text-decoration : none;
}
.sitemapcontent {
padding : 6px;
}
.sitemapcontent li {
list-style-type : none;
}
table.checkoutconfirmationorderdetails {
border : none;
margin : 0 0 10px;
padding : 0;
}
table.checkoutconfirmationorderdetails tr td.productname {
width : 100%;
font-weight : 700;
}
table.checkoutconfirmationorderdetails tr td.shippingtime {
color : #666;
font-size : 11px;
font-weight : 400;
white-space : nowrap;
padding : 0 0 0 30px;
}
table.checkoutconfirmationorderdetails tr td.productattributes {
color : #666;
font-size : 11px;
font-weight : 400;
padding : 0 0 0 30px;
}
table.checkoutconfirmationorderdetailstotal {
border : none;
background-color : #495155;
margin : 10px 0 0;
padding : 0;
}
p.errormessage {
border : 0 solid #f60909;
background-color : #fff;
color : #d617b0;
font-weight : 700;
padding : 0;
}
.messageStackSuccess {
background-color : #6f6;
padding : 4px;
}
.footer2 {
width : 970px;
clear : both;
text-align : center;
font-size : 10px;
color : #495155;
background-color : #dfdfdf;
border-color : #DFDFDF;
border-style : solid;
border-width : 1px;
margin : 0;
padding : 4px 0;
}
.footer1 a {
color : #495155 !important;
text-decoration : none;
}
.footer1 a:hover {
color : #7f7f7f;
text-decoration : underline;
}
.footer2 a {
color : #7f7f7f;
text-decoration : none;
}
.footer2 a:hover {
color : #7f7f7f;
text-decoration : underline;
}
.footer3 {
width : 970px;
clear : both;
text-align : justify;
font-size : 10px;
color : #BFBFBF;
background-color : #ffffff;
border-color : #dfdfdf;
border-style : solid;
border-width : 0;
margin : 0;
padding : 4px 0;
}
.footer3 a {
color : #BFBFBF !important;
text-decoration : none;
}
.footer3 a:hover {
color : #BFBFBF;
text-decoration : underline;
}
.footer1 {
width : 950px;
clear : both;
font-size : 10px;
color : #495155;
background-color : #dfdfdf;
border-color : #DFDFDF;
border-style : solid;
border-width : 0px 1px 0px 1px;
margin : 0;
padding : 0 10px 0 10px;
text-align : left !important;
}
#footer-boxen {
clear : both;
width : 970px;
font-size : 11px;
background-color : #efefef;
overflow : auto;
border-color : #DFDFDF;
border-style : solid;
border-width : 1px !important;
margin : 0 auto;
padding : 0;
text-align : left;
/* Background color and gradients */
background: #efefef;
}
.float-box {
vertical-align : top;
width : 174px;
height : 100px;
float : left;
font-size : 10px;
padding : 0 10px 5px;
/* Background color and gradients */
background: #efefef;
background: -moz-linear-gradient(top, #FFFFFF, #DFDFDF);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#DFDFDF));
}
.float-box p {
font-size : 10px;
color : #495155;
padding : 0;
}
.float-box a {
color : #495155 !important;
padding : 2px 0;
}
.checkoutnavigation {
border : none;
margin : 0 0 15px;
padding : 0;
}
.checkoutnavigation a {
color : #ccc;
text-decoration : underline;
}
.checkoutnavigation li.first {
margin-left : 0;
}
.checkoutnavigation li.last {
margin-right : 0;
}
.checkoutnavigation li {
height : 70px;
list-style-type : none;
float : left;
width : 20%;
border : 1px dotted #cfcfcf;
margin : 0 5px 15px;
padding : 5px;
}
.checkoutnavigation li.active {
background : #efefef;
}
.checkoutnavigation li.active .number {
color : #495155;
font-size : 20px;
font-weight : 700;
text-decoration : none;
}
.checkoutnavigation li.active .title {
color : #495155;
font-size : 14px;
font-weight : 700;
text-decoration : none;
}
.checkoutnavigation li.active .description {
color : #495155;
font-size : 11px;
}
.checkoutnavigation li.inactive {
color : #ccc;
border-color : #ccc;
}
.checkoutnavigation li.success {
background : #fff url(https://www.soap-box-derby.de/shop/templates/SpringTime/img/icons/tick.png) no-repeat right bottom;
}
#top_nav {
clear : both;
font-size : 12px;
font-weight : 400;
color : #495155;
margin-bottom : 2px;
padding : 5px 0 2px;
}
#top_nav_1 {
float : left;
font-size : 12px;
font-weight : 400;
color : #495155;
padding : 8px 0 5px;
}
#top_nav_2 {
float : right;
font-size : 12px;
font-weight : 400;
color : #495155;
padding : 8px 0 5px;
}
#top_nav2 {
clear : both;
font-size : 12px;
color : #bfbfbf;
background-color : #fff;
margin-bottom : 2px;
padding : 10px 0;
}
#manufacturers {
background : #fff;
float : left;
width : 180px;
margin-top : 2px;
padding : 0 5px 10px 0;
}
.plus {
display : block;
background-image : url(https://www.soap-box-derby.de/shop/templates/SpringTime/img/icons/add.png);
background-repeat : no-repeat;
background-color : #efefef;
width : 16px;
height : 16px;
border : 0;
font-size : 0;
cursor : pointer;
}
.minus {
display : block;
background-image : url(https://www.soap-box-derby.de/shop/templates/SpringTime/img/icons/delete.png);
background-repeat : no-repeat;
background-color : #efefef;
width : 16px;
height : 16px;
border : 0;
font-size : 0;
cursor : pointer;
}
.alter {
display : block;
background-image : url(https://www.soap-box-derby.de/shop/templates/SpringTime/img/icons/arrow_refresh.png);
background-repeat : no-repeat;
background-color : #efefef;
width : 16px;
height : 16px;
border : 0;
font-size : 0;
cursor : pointer;
}
.delete {
display : block;
background-image : url(https://www.soap-box-derby.de/shop/templates/SpringTime/img/icons/basket_delete.png);
background-repeat : no-repeat;
background-color : #efefef;
border : 0;
font-size : 0;
width : 16px;
height : 16px;
cursor : pointer;
text-align : right;
}
#popCart {
position : absolute;
top : 26%;
left : 40%;
width : 600px;
height-min : 400px;
margin-left : -180px;
background : #6f6f6f;
border : 1px solid #4f4f4f;
color : #efefef;
z-index : 100000;
display : none;
text-align : center;
padding : 40px;
}
.popup_header {
font-family : sans-serif;
font-weight : 400;
font-size : 1.6em;
text-align : center;
vertical-align : bottom;
border : 0 solid #495155;
width : 500px;
margin : 0 auto;
padding : 3px 10px;
}
.popup_image {
font-family : sans-serif;
width : 145px;
border : 0px solid #495155;
font-size : 1em;
text-align : center;
color : #495155;
margin : 20px auto;
padding : 0;
}
#mycart {
height : 42px;
width : 320px;
margin : 0 auto;
}
.cart_symbol {
float : left;
background-image : url(img/button_by_now.gif);
background-position : left;
background-repeat : no-repeat;
}
.cart_contents {
font-family : sans-serif;
font-size : 1em;
text-align : center;
color : #495155;
height : 50px;
float : left;
}
#pop_buttons_box {
font-family : sans-serif;
font-size : 1.2em;
text-align : center;
width : 500px;
height : 36px;
vertical-align : bottom;
margin : 10px auto 0;
}
#pop_buttons_box a {
color : #1f1f1f;
font-weight : 700;
text-decoration : none;
}
#pop_buttons_box a:hover {
color : #1f1f1f;
text-decoration : underline !important ;
}
.close_button {
float : left;
background : #fff;
font-size : 1.2em;
width : 170px;
border : 1px solid #5f5f5f;
padding : 10px;
}
.cart_button {
float : right;
background : #fff;
font-size : 1.2em;
width : 170px;
border : 1px solid #5f5f5f;
padding : 10px;
}
.bigDrop {
min-width : 80px;
height : 18px;
font-size : 12px;
color : #495155;
}
span#bigDropp {
min-width : 80px;
height : 18px;
color : #495155;
font-size : 12px !important ;
}
ul#navmenu-h ul {
width : 190px;
list-style : none;
display : none;
position : absolute;
top : 100%;
left : 0;
margin : 0;
}
ul#navmenu-h ul ul, ul#navmenu-h ul ul ul {
top : 0;
left : 100%;
}
ul#navmenu-h li {
float : left;
display : inline;
position : relative;
}
ul#navmenu-h ul li {
width : 100%;
display : block;
}
ul#navmenu-h1 a {
list-style : none;
border-right : 1px solid #dfdfdf;
float : left;
display : block;
background : #b3a88a;
color : #fff;
font : bold 12px Arial, sans-serif;
letter-spacing : 0.05em;
text-decoration : none;
height : 1%;
padding : 6px;
}
ul#navmenu-h a {
border-right : 1px solid #dfdfdf;
float : left;
display : block;
background : #efefef;
color : #4370c7;
font : bold 15px Arial, sans-serif;
letter-spacing : 0.02em;
text-decoration : none;
height : 1%;
padding : 6px;
}
ul#navmenu-h a:hover, ul#navmenu-h li:hover a, ul#navmenu-h li.iehover a {
background : #495155;
color : #fff;
}
ul#navmenu-h li:hover li a, ul#navmenu-h li.iehover li a {
float : none;
color : #495155;
background : #efefef;
border-bottom : 1px solid #dfdfdf;
border-left : 1px solid #dfdfdf;
}
ul#navmenu-h li:hover li:hover li:hover li a:hover, ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
background : #333;
}
a.BildLink img {
border : 1px solid #dfdfdf;
margin : 0 2px 0 0;
}
a.BildLink:hover img {
border : 1px solid #4370c7;
}
.twitter_label {
position : absolute;
top : 0;
left : 698px;
width : 80px;
height : 61px;
}
#tagcloud {
margin-top : 5px;
text-align : center;
background-color : #efefef;
}
a.LinkCloudTag:link, a.LinkCloudTag:visited, a.LinkCloudTag:active {
color : #4370c7;
text-decoration : none;
}
#ServiceBox h3 {
display : inline;
font-size : 14px;
color : #f18200;
}
.ServiceBox {
background : #efefef;
border : 1px solid #dfdfdf;
color : #495155;
padding : 10px 0 0 0;
}
a.tip span {
display : none;
position : absolute;
top : 30px;
left : -10px;
width : 100px;
z-index : 100;
background : #495155;
color : #fff;
padding : 10px;
}
a.tip2 span {
display : none;
position : absolute;
top : 30px;
left : -10px;
width : 350px;
z-index : 100;
background : #495155;
color : #fff;
padding : 10px;
}
#nav, #nav ul {
list-style : none;
background : #fff;
margin : 0 auto;
padding : 0;
z-index : 50;
}
#nav {
position : relative;
z-index : 50;
}
#nav li {
float : left;
position : relative;
font-size : 16px;
z-index : 50;
}
#nav li a {
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
white-space : nowrap;
}
#nav li b {
display : block;
cursor : pointer;
height : 30px;
line-height : 30px;
float : left;
background : url(list-back.gif) center top;
font-weight : bold;
color : #495155;
padding : 0 22px 0 22px;
}
#nav li.first b {
padding-left : 12px;
background-position : left top;
z-index : 50;
}
#nav li.last b {
padding-right : 0;
background-position : right top;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
white-space : nowrap;
z-index : 50;
}
#nav li a b.clicked {
color : #4370c7;
font-weight : 700;
}
#nav li ul {
position : absolute;
left : 0;
top : 35px;
height : auto;
float : left;
background : #f8f8f8;
border : 1px solid #aaa;
padding : 2px;
}
#nav li ul.w1 {
width : 190px;
}
#nav li ul li {
float : none;
}
#nav li ul li a {
display : block;
height : 20px;
line-height : 20px;
color : #000;
font-size : 14px;
padding : 0 5px;
}
#nav li ul li a:hover {
background : #495155;
color : #fff;
}
ul#slide {
list-style : none;
background : #efefef;
width : 210px;
height : 450px;
border : 1px solid #dfdfdf;
position : relative;
overflow : hidden;
margin : 0;
padding : 0;
}
ul li div {
position : absolute;
/*left : -999px;
background : #fff;    */
}
#slide li.top {
display : block;
float : left;
height : 24px;
line-height : 24px;
width : 210px;
color : #495155;
background : #fff;
text-decoration : none;
font-family : Arial, sans-serif;
font-size : 12px;
border-bottom : 1px solid #dfdfdf;
text-indent : 10px;
overflow : hidden;
}
#slide li {
color : #eee;
background : #89a;
cursor : pointer;
}
#slide li.clicked {
color : #495155;
background : #efefef;
}
#slide li div {
position : static;
height : 321px;
width : 180px;
line-height : 1.2em;
font-family : Arial, sans-serif;
text-indent : 0;
padding : 15px;
}
#slide li div img {
display : block;
margin : 5px 0 8px;
}
#slide li div img.fLeft {
clear : left;
float : left;
display : block;
margin : 8px;
}
#slide li div h3 {
font-size : 13px;
color : #000;
margin : 0;
padding : 0;
}
#slide li div p {
font-size : 12px;
color : #888;
line-height : 1.4em;
margin : 0;
padding : 10px 0;
}
#slide li div a {
color : #fff;
text-decoration : none;
font-size : 11px;
}
#slide li div a:hover {
text-decoration : underline;
background : #fff;
color : #fff;
}
#slide li div a.big {
display : block;
height : 30px;
line-height : 30px;
border-top : 1px solid #ddd;
font-size : 14px;
color : #44a;
text-decoration : none;
text-indent : 5px;
}
#slide li div a.big:hover {
background : #fff;
color : #000;
font-size : 14px;
text-decoration : none;
}
#slide li div dl {
border-bottom : 1px solid #ddd;
padding-bottom : 5px;
margin : 5px 0 0;
}
#slide li div dt {
font-size : 11px;
font-weight : 700;
color : #495155;
}
#slide li div dd {
line-height : 1.5em;
font-size : 11px;
color : #495155;
margin : 0;
padding : 0;
}
#slide li div dd a:hover {
background : #fff;
color : #495155;
text-decoration : underline;
}
div.man_container h1 {
font-family : Arial, Helvetica, sans-serif;
text-transform : uppercase;
letter-spacing : 0.02em;
font-weight : 400;
font-size : 28px;
width : auto;
border-color : #dfdfdf;
border-style : solid;
border-width : 0;
margin : 0 0 5px;
padding : 0;
}
.suggest_link {
background-color : #fff;
padding : 2px 6px;
}
.suggest_link_over {
background-color : #36c;
cursor : pointer;
padding : 2px 6px;
}
#search_suggest {
position : absolute;
visibility : hidden;
background-color : #fff;
text-align : left;
border : 1px solid #000;
}
*, table.shippingblock tr td.radiobutton input {
margin : 0;
padding : 0;
}
a:link, a:visited {
color : #4370c7;
}
a:hover, a:active, a.LinkCloudTag:hover {
text-decoration : underline;
}
textarea, select {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
border-color : #4e4e4f #aeaeae #aeaeae #4e4e4f;
border-style : solid;
border-width : 1px;
}
h2.categoryheader a, h2.boxcartheader a {
text-decoration : none;
color : #495155;
letter-spacing : 0.1em;
}
ul#TopCats li.CatLevel1, ul#SubNavi li.CatLevel1 {
list-style-type : none;
line-height : 14px;
background-color : #fff;
display : block;
border-bottom : 0 solid #495155;
margin : 4px 0;
padding : 0;
}
ul#TopCats li.CatLevel1 a:hover, ul#SubNavi li.CatLevel1 a:hover {
text-decoration : none;
display : block;
line-height : 14px;
padding : 2px 0 2px 7px;

background-image:url(layer_active.gif);
background-position:left;
background-repeat: no-repeat;


}
ul#TopCats li.CatLevel1 a.Current, ul#TopCats li.CatLevel1 a.CurrentParent {
font-size : 14px;
background-color : #fff;
color : #495155;
display : block;
line-height : 14px;
padding : 2px 0 2px 7px;
}
ul#TopCats li.CatLevel1 a:hover.CurrentParent, ul#SubNavi li.CatLevel1 a:hover.CurrentParent {
color : #495155;
text-decoration : none;
display : block;
line-height : 14px;
padding : 2px 0 2px 7px;
}
ul#SubNavi li.CatLevel1 a.CurrentParent {
background-color : #fff;
color : #495155;
display : block;
line-height : 14px;
padding : 2px 0 2px 7px;
}
ul#SubNavi li.CatLevel1 a.Current {
background-color : #fff;
color : #495155;
display : block;
line-height : 14px;
padding : 2px 0 2px 7px;

background-image:url(layer_active.gif);
background-position: center left;
background-repeat: no-repeat;

white-space: nowrap;
}
ul#SubNavi li.CatLevel2, ul#SubNavi li.CatLevel3 {
list-style-type : none;
color : #fff;
background-color : #fff;
border-left : 0 solid #dfdfdf;
margin : 0;
padding : 0 0 0 20px;
}
ul#SubNavi li.CatLevel2 a, ul#categorymenu li.level2 a {
font-size : 12px;
text-decoration : none;
color : #4370c7;
font-weight : 400;
background-color : #fff;
}
ul#SubNavi li.CatLevel2 a:hover, ul#SubNavi li.CatLevel3 a:hover {
text-decoration : none;
background-color : #fff;
}
ul#categorymenu li.level1 a:hover, ul#categorymenu li.level2 a:hover, ul#categorymenu li.level3 a:hover, ul#categorymenu li.level4 a:hover, div.highlightbox a, div.highlightbox a:hover, .footer a:hover, .checkoutnavigation li.success a {
color : #495155;
text-decoration : none;
}
ul#categorymenu li.level3 a, ul#categorymenu li.level4 a {
font-size : 12px;
text-decoration : none;
color : #4370c7;
font-weight : 400;
}
table.categoryListing, table.categoryListing td.categoryLabel, table.downloadbox tr td.downloadlink, table.orderdetails tr td.productname table.productattributes tr td.value, textarea#review, p.checkoutcomment textarea, p.checkoutagb textarea {
width : 100%;
}
.boxbody p, .boxbody td {
color : #495155;
font-size : 10px;
margin : 6px 0;
}
.boxbody div.hr, .boxbody div.hrlightgrey {
margin-top : 5px;
margin-bottom : 5px;
}
.boxbody a, .boxcartbody p {
font-size : 11px;
color : #495155;
}
.boxcartbody a, .footer a, #slide li div dd a {
color : #495155;
text-decoration : none;
}
.productPreviewContent .taxandshippinginfo, .productPreviewContent .vpe, .productPreviewContent .shippingtime {
font-size : 11px;
font-weight : 400;
color : #495155;
margin : 0;
padding : 0;
}
#productinfoimages .hrlightgrey, #productinfoprice .hrlightgrey {
margin-top : 6px;
margin-bottom : 6px;
}
#productinfopricewithimages img, #productinfopricewithoutimages img {
cursor : pointer;
}
#productinfoprice .taxandshippinginfo, #productinfoprice .shippingtime {
font-size : 11px;
font-weight : 400;
color : #495155;
margin : 0;
padding : 0;
}
#productinfoprice .taxandshippinginfo_88 {
width : 250px;
font-size : 11px;
font-weight : 400;
color : #495155;
margin : 0;
padding : 0;
border-color : #007F00;
border-style : solid;
border-width : 0px;
}
p.productinfoproductadded, .checkoutnavigation li.inactive .description, .checkoutnavigation li.success .description {
font-size : 11px;
}
body.popupprintorder .products .total, table.checkoutconfirmationorderdetailstotal tr td.name {
text-align : right;
}
body.popupprintorder .products .quantity, body.popupprintorder .productname, body.popupprintorder .model, body.popupprintorder .singleprice, body.popupprintorder .totalprice, table.accounthistoryinfoorderdetails tr td {
vertical-align : top;
}
table.paymentblock, table.shippingblock {
background-color : #efefef;
margin-bottom : 15px;
border-color : #495155;
border-style : solid;
border-width : 1px;
padding : 5px;
}
table.paymentblock tr td.header, table.shippingblock tr td.header {
background-color : #efefef;
color : #495155;
letter-spacing : 0.02em;
font-weight : 700;
font-size : 13px;
margin : 15px 0 8px;
padding : 0.2em 0 0.3em 0.3em;
}
table.orderdetails tr.contentrow1 td, table.orderdetails tr.contentrow2 td {
background-color : #efefef;
vertical-align : top;
}
table.orderdetails tr.contentrow1 td.quantity, table.orderdetails tr.contentrow2 td.quantity {
text-align : center;
}
table.orderdetails tr.contentrow1 td.quantity input, table.orderdetails tr.contentrow2 td.quantity input {
font-size : 11px;
font-weight : 700;
border : 1px solid #dfdfdf;
background-color : #efefef;
padding : 0;
}
table.orderdetails tr.contentrow1 td.productname, table.orderdetails tr.contentrow2 td.productname {
text-align : left;
}
table.orderdetails tr td.singleprice, table.orderdetails tr td.totalprice {
text-align : right;
white-space : nowrap;
}
table.medialist, table.medialist tr.contentrow1 td {
background-color : #b9ddf9;
}
.sitemapwrap .sitemapleft, .sitemapwrap .sitemapright, .sitemapwrap .sitemapcenter {
background-color : #efefef;
display : table;
float : left;
width : 220px;
border-color : #495155;
border-style : solid;
border-width : 1px;
margin : 0 10px 10px 10px;
}
table.checkoutconfirmationorderdetails tr td.productprice, table.checkoutconfirmationorderdetailstotal tr td.value {
white-space : nowrap;
text-align : right;
}
.copyright, .parseTime {
width : 970px;
text-align : center;
color : #4370c7;
font-size : 10px;
margin : 0 auto;
padding : 0 0 10px;
}
.checkoutnavigation li.inactive .number, .checkoutnavigation li.success .number {
font-size : 20px;
font-weight : 700;
text-decoration : none;
}
.checkoutnavigation li.inactive .title, .checkoutnavigation li.success .title {
font-size : 14px;
font-weight : 700;
text-decoration : none;
}
.img-cart, a.BildLink:link img, a.BildLink:visited img, a.BildLink:active img {
border : 1px solid #dfdfdf;
}
ul#navmenu-h, ul#navmenu-h1 {
list-style : none;
position : relative;
margin : 0;
padding : 0;
}
ul#navmenu-h li:hover li a:hover, ul#navmenu-h li:hover li:hover a, ul#navmenu-h li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover a, ul#navmenu-h li:hover li:hover li a:hover, ul#navmenu-h li:hover li:hover li:hover a, ul#navmenu-h li.iehover li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover li.iehover a {
background : #fff;
color : #495155;
}
ul#navmenu-h li:hover li:hover li a, ul#navmenu-h li.iehover li.iehover li a, ul#navmenu-h li:hover li:hover li:hover li a, ul#navmenu-h li.iehover li.iehover li.iehover li a {
background : #efefef;
color : #495155;
}
ul#navmenu-h li:hover ul ul, ul#navmenu-h li:hover ul ul ul, ul#navmenu-h li.iehover ul ul, ul#navmenu-h li.iehover ul ul ul, #nav ul {
display : none;
}
ul#navmenu-h li:hover ul, ul#navmenu-h ul li:hover ul, ul#navmenu-h ul ul li:hover ul, ul#navmenu-h li.iehover ul, ul#navmenu-h ul li.iehover ul, ul#navmenu-h ul ul li.iehover ul, a:hover.tip span, a:hover.tip2 span {
display : block;
}
a.tip, a.tip2 {
position : relative;
}
a:hover.tip, a:hover.tip2 {
font-size : 99%;
}
#nav li ul.w2, #nav li ul.w3 {
width : 220px;
}
#nav li ul.w4, #nav li ul.w5 {
width : 190px;
}
#jquery-overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
}
#jquery-lightbox {
position : absolute;
top : 0;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#jquery-lightbox a img {
border : none;
}
#lightbox-container-image-box {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#lightbox-container-image {
padding : 10px;
}
#lightbox-loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#lightbox-nav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#lightbox-container-image-box > #lightbox-nav {
left : 0;
}
#lightbox-nav a {
outline : none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width : 49%;
height : 100%;
display : block;
}
#lightbox-nav-btnPrev {
left : 0;
float : left;
}
#lightbox-nav-btnNext {
right : 0;
float : right;
}
#lightbox-container-image-data-box {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
padding : 0 10px 0;
}
#lightbox-container-image-data {
padding : 0 10px;
color : #666;
}
#lightbox-container-image-data #lightbox-image-details {
width : 70%;
float : left;
text-align : left;
}
#lightbox-image-details-caption {
font-weight : bold;
}
#lightbox-image-details-currentNumber {
display : block;
clear : left;
padding-bottom : 1em;
}
#lightbox-secNav-btnClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
}
.navtrail {
text-align : left;
font-size : 11px;
color : #495155;
margin : 5px 0;
padding : 0;
}

div#fixme {
position: absolute;
bottom: 0px;
right: 0px;
}

body > div#fixme {
position: fixed;
bottom: 0px;
right: 0px;
}

.slideout {
z-index : 10;
padding: 20px;
width: 150px;
background-image: url(https://www.soap-box-derby.de/shop/templates/SpringTime/img/catbg.jpg);
background-repeat: repeat-x;
background-color: #FFFFFF;
border: #b9b9b9 1px solid;
}

.notextdecoration a {
text-decoration : none !important;
}

/**
* @file: highslide.css
* @version: 4.1.9
*/
.highslide-container div {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
}
.highslide-container table {
        background: none;
}
.highslide {
        outline: none;
        text-decoration: none;
}
.highslide img {
        border: 0px solid silver;
}
.highslide:hover img {
        border-color: gray;
}
.highslide-active-anchor img {
        visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
        border-color: black;
        visibility: visible;
        cursor: default;
}
.highslide-image {
        border-width: 2px;
        border-style: solid;
        border-color: white;
}
.highslide-wrapper, .highslide-outline {
        background: white;
}
.glossy-dark {
        background: #111;
}

.highslide-image-blur {
}
.highslide-number {
        font-weight: bold;
        color: gray;
        font-size: .9em;
}
.highslide-caption {
        display: none;
        font-size: 1em;
        padding: 5px;
        /*background: white;*/
}
.highslide-heading {
        display: none;
        font-weight: bold;
        margin: 0.4em;
}
.highslide-dimming {
        /*position: absolute;*/
        background: black;
}
a.highslide-full-expand {
   background: url(graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
        display: block;
        color: black;
        font-size: 9px;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        padding: 3px;
        border: 1px solid white;
        background-color: white;
        padding-left: 22px;
        background-image: url(graphics/loader.white.gif);
        background-repeat: no-repeat;
        background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
        padding: 2px;
        color: silver;
        text-decoration: none;
        font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
        color: white;
        background-color: gray;
}
.highslide-move, .highslide-move * {
        cursor: move;
}

.highslide-viewport {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: none;
        left: 0;
        top: 0;
}
.highslide-overlay {
        display: none;
}
.hidden-container {
        display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
        position: relative;
        top: -15px;
        left: 15px;
        width: 30px;
        height: 30px;
        cursor: pointer;
        background: url(graphics/close.png);
        /* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Thumbnail boxes for the galleries.                                        */
/* Remove these if you are not using a gallery.                              */
/*****************************************************************************/
.highslide-gallery ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
}
.highslide-gallery ul li {
        display: block;
        position: relative;
        float: left;
        width: 106px;
        height: 106px;
        border: 1px solid silver;
        background: #ededed;
        margin: 2px;
        line-height: 0;
        overflow: hidden;
}
.highslide-gallery ul a {
        position: absolute;
        top: 50%;
        left: 50%;
}
.highslide-gallery ul img {
         position: relative;
        top: -50%;
        left: -50%;
}
html>/**/body .highslide-gallery ul li {
        display: table;
        text-align: center;
}
html>/**/body .highslide-gallery ul li {
        text-align: center;
}
html>/**/body .highslide-gallery ul a {
        position: static;
        display: table-cell;
        vertical-align: middle;
}
html>/**/body .highslide-gallery ul img {
        position: static;
}

/*****************************************************************************/
/* Controls for the galleries.                                                                                             */
/* Remove these if you are not using a gallery                                                             */
/*****************************************************************************/
.highslide-controls {
        width: 195px;
        height: 40px;
        background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
        margin: 20px 15px 10px 0;
}
.highslide-controls ul {
        position: relative;
        left: 15px;
        height: 40px;
        list-style: none;
        margin: 0;
        padding: 0;
        background: url(graphics/controlbar-white.gif) right -90px no-repeat;

}
.highslide-controls li {
        float: left;
        padding: 5px 0;
        margin:0;
        list-style: none;
}
.highslide-controls a {
        background-image: url(graphics/controlbar-white.gif);
        display: block;
        float: left;
        height: 30px;
        width: 30px;
        outline: none;
}
.highslide-controls a.disabled {
        cursor: default;
}
.highslide-controls a.disabled span {
        cursor: default;
}
.highslide-controls a span {
        /* hide the text for these graphic buttons */
        display: none;
        cursor: pointer;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
        background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
        background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
        background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
        background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
        background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
        background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
        background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
        background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
        background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
        background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
        background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
        background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
        background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
        background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
        background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
        background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
        background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
        background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups                                                                                             */
/* Remove these if you are not using Highslide HTML                                                     */
/*****************************************************************************/
.highslide-maincontent {
        display: none;
}
.highslide-html {
        background-color: white;
}
.highslide-html-content {
        display: none;
        width: 400px;
        padding: 0 5px 5px 5px;
}
.highslide-header {
        padding-bottom: 5px;
}
.highslide-header ul {
        margin: 0;
        padding: 0;
        text-align: right;
}
.highslide-header ul li {
        display: inline;
        padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
        display: none;
}
.highslide-header a {
        font-weight: bold;
        color: gray;
        text-transform: uppercase;
        text-decoration: none;
}
.highslide-header a:hover {
        color: black;
}
.highslide-header .highslide-move a {
        cursor: move;
}
.highslide-footer {
        height: 16px;
}
.highslide-footer .highslide-resize {
        display: block;
        float: right;
        margin-top: 5px;
        height: 11px;
        width: 11px;
        background: url(graphics/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
        display: none;
}
.highslide-body {
}
.highslide-resize {
        cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.                                                         */
/* See www.highslide.com/ref/hs.wrapperClassName                                                         */
/* You can safely remove the class name themes you don't use                                 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
        height: 18px;
        border-bottom: 1px solid #dddddd;
}
.draggable-header .highslide-heading {
        position: absolute;
        margin: 2px 0.4em;
}

.draggable-header .highslide-header .highslide-move {
        cursor: move;
        display: block;
        height: 16px;
        position: absolute;
        right: 24px;
        top: 0;
        width: 100%;
        z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
        display: none;
}
.draggable-header .highslide-header .highslide-close {
        position: absolute;
        right: 2px;
        top: 2px;
        z-index: 5;
        padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
        display: block;
        height: 16px;
        width: 16px;
        background-image: url(graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
        background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
        display: none;
}
.draggable-header .highslide-maincontent {
        padding-top: 1em;
}

/* hs.wrapperClassName = 'titlebar' */
.titlebar .highslide-header {
        height: 18px;
        border-bottom: 1px solid #dddddd;
}
.titlebar .highslide-heading {
        position: absolute;
        width: 90%;
        margin: 1px 0 1px 5px;
        color: #666666;
}

.titlebar .highslide-header .highslide-move {
        cursor: move;
        display: block;
        height: 16px;
        position: absolute;
        right: 24px;
        top: 0;
        width: 100%;
        z-index: 1;
}
.titlebar .highslide-header .highslide-move * {
        display: none;
}
.titlebar .highslide-header li {
        position: relative;
        top: 3px;
        z-index: 2;
        padding: 0 0 0 1em;
}
.titlebar .highslide-maincontent {
        padding-top: 1em;
}

/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
        display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border {
        background: white;
}
.wide-border .highslide-image {
        border-width: 10px;
}
.wide-border .highslide-caption {
        padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
        border: none;
}
.borderless .highslide-caption {
        border-bottom: 1px solid white;
        border-top: 1px solid white;
        background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
        background: #444;
}
.outer-glow .highslide-image {
        border: 5px solid #444444;
}
.outer-glow .highslide-caption {
        border: 5px solid #444444;
        border-top: none;
        padding: 5px;
        background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border {
        background: white;
}
.colored-border .highslide-image {
        border: 2px solid green;
}
.colored-border .highslide-caption {
        border: 2px solid green;
        border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
        background: #111;
}
.dark .highslide-image {
        border-color: black black #202020 black;
        background: gray;
}
.dark .highslide-caption {
        color: white;
        background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
        background-image: url(graphics/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
        position: absolute;
        padding: 1em 0 0 0;
        background: none;
        color: white;
        border: none;
        font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
        color: gray;
        font-weight: bold;
        height: 20px;
        overflow: hidden;
        cursor: default;
        padding: 0 0 0 22px;
        margin: 0;
        background: url(graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
        width: 105px;
        height: 20px;
        position: relative;
        margin: 0;
        top: -23px;
        left: 7px;
        background: none;
}
.controls-in-heading .highslide-controls ul {
        position: static;
        height: 20px;
        background: none;
}
.controls-in-heading .highslide-controls li {
        padding: 0;
}
.controls-in-heading .highslide-controls a {
        background-image: url(graphics/controlbar-white-small.gif);
        height: 20px;
        width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
        display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
        background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
        background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
        background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
        background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
        background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
        background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
        background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
        background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
        background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
        background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
        background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
        background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
        background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
        background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
        background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
        background-position: -120px -20px;
}

/*****************************************************************************/
/* Styles for text based controls.                                                                     */
/* You can safely remove this if you don't use text based controls                         */
/*****************************************************************************/

.text-controls .highslide-controls {
        width: auto;
        height: auto;
        margin: 0;
        text-align: center;
        background: none;
}
.text-controls ul {
        position: static;
        background: none;
        height: auto;
        left: 0;
}
.text-controls .highslide-move {
        display: none;
}
.text-controls li {
    background-image: url(graphics/controlbar-text-buttons.png);
        background-position: right top !important;
        padding: 0;
        margin-left: 15px;
        display: block;
        width: auto;
}
.text-controls a {
    background: url(graphics/controlbar-text-buttons.png) no-repeat;
    background-position: left top !important;
    position: relative;
    left: -10px;
        display: block;
        width: auto;
        height: auto;
        text-decoration: none !important;
}
.text-controls a span {
        background: url(graphics/controlbar-text-buttons.png) no-repeat;
    margin: 1px 2px 1px 10px;
        display: block;
    min-width: 4em;
    height: 18px;
    line-height: 18px;
        padding: 1px 0 1px 18px;
    color: #333;
        font-family: "Trebuchet MS", Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        white-space: nowrap;
}
.text-controls .highslide-next {
        margin-right: 1em;
}
.text-controls .highslide-full-expand a span {
        min-width: 0;
        margin: 1px 0;
        padding: 1px 0 1px 10px;
}
.text-controls .highslide-close a span {
        min-width: 0;
}
.text-controls a:hover span {
        color: black;
}
.text-controls a.disabled span {
        color: #999;
}

.text-controls .highslide-previous span {
        background-position: 0 -40px;
}
.text-controls .highslide-previous a.disabled {
        background-position: left top !important;
}
.text-controls .highslide-previous a.disabled span {
        background-position: 0 -140px;
}
.text-controls .highslide-play span {
        background-position: 0 -60px;
}
.text-controls .highslide-play a.disabled {
        background-position: left top !important;
}
.text-controls .highslide-play a.disabled span {
        background-position: 0 -160px;
}
.text-controls .highslide-pause span {
        background-position: 0 -80px;
}
.text-controls .highslide-next span {
        background-position: 0 -100px;
}
.text-controls .highslide-next a.disabled {
        background-position: left top !important;
}
.text-controls .highslide-next a.disabled span {
        background-position: 0 -200px;
}
.text-controls .highslide-full-expand span {
        background: none;
}
.text-controls .highslide-full-expand a.disabled {
        background-position: left top !important;
}
.text-controls .highslide-close span {
        background-position: 0 -120px;
}


/*****************************************************************************/
/* Styles for the thumbstrip.                                                                             */
/* See www.highslide.com/ref/hs.addSlideshow                                                             */
/* You can safely remove this if you don't use a thumbstrip                                  */
/*****************************************************************************/

.highslide-thumbstrip {
        height: 100%;
        direction: ltr;
}
.highslide-thumbstrip div {
        overflow: hidden;
}
.highslide-thumbstrip table {
        position: relative;
        padding: 0;
        border-collapse: collapse;
}
.highslide-thumbstrip td {
        padding: 1px;
        /*text-align: center;*/
}
.highslide-thumbstrip a {
        outline: none;
}
.highslide-thumbstrip img {
        display: block;
        border: 1px solid gray;
        margin: 0 auto;
}
.highslide-thumbstrip .highslide-active-anchor img {
        visibility: visible;
}
.highslide-thumbstrip .highslide-marker {
        position: absolute;
        width: 0;
        height: 0;
        border-width: 0;
        border-style: solid;
        border-color: transparent; /* change this to actual background color in highslide-ie6.css */
}
.highslide-thumbstrip-horizontal div {
        width: auto;
        /* width: 100% breaks in small strips in IE */
}
.highslide-thumbstrip-horizontal .highslide-scroll-up {
        display: none;
        position: absolute;
        top: 3px;
        left: 3px;
        width: 25px;
        height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
        margin-bottom: 10px;
        cursor: pointer;
        background: url(graphics/scrollarrows.png) left center no-repeat;
        height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down {
        display: none;
        position: absolute;
        top: 3px;
        right: 3px;
        width: 25px;
        height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
        margin-bottom: 10px;
        cursor: pointer;
        background: url(graphics/scrollarrows.png) center right no-repeat;
        height: 42px;
}
.highslide-thumbstrip-horizontal table {
        margin: 2px 0 10px 0;
}
.highslide-viewport .highslide-thumbstrip-horizontal table {
        margin-left: 10px;
}
.highslide-thumbstrip-horizontal img {
        width: auto;
        height: 40px;
}
.highslide-thumbstrip-horizontal .highslide-marker {
        top: 47px;
        border-left-width: 6px;
        border-right-width: 6px;
        border-bottom: 6px solid gray;
}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
        margin-left: 10px;
}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
        border-bottom-color: white !important;
}

.highslide-thumbstrip-vertical-overlay {
        overflow: hidden !important;
}
.highslide-thumbstrip-vertical div {
        height: 100%;
}
.highslide-thumbstrip-vertical a {
        display: block;
}
.highslide-thumbstrip-vertical .highslide-scroll-up {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-up div {
        margin-left: 10px;
        cursor: pointer;
        background: url(graphics/scrollarrows.png) top center no-repeat;
        height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down {
        display: none;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
        margin-left: 10px;
        cursor: pointer;
        background: url(graphics/scrollarrows.png) bottom center no-repeat;
        height: 25px;
}
.highslide-thumbstrip-vertical table {
        margin: 10px 0 0 10px;
}
.highslide-thumbstrip-vertical img {
        width: 60px; /* t=5481 */
}
.highslide-thumbstrip-vertical .highslide-marker {
        left: 0;
        margin-top: 8px;
        border-top-width: 6px;
        border-bottom-width: 6px;
        border-left: 6px solid gray;
}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
        border-left-color: white;
}

.highslide-viewport .highslide-thumbstrip-float {
        overflow: auto;
}
.highslide-thumbstrip-float ul {
        margin: 2px 0;
        padding: 0;
}
.highslide-thumbstrip-float li {
        display: block;
        height: 60px;
        margin: 0 2px;
        list-style: none;
        float: left;
}
.highslide-thumbstrip-float img {
        display: inline;
        border-color: silver;
        max-height: 56px;
}
.highslide-thumbstrip-float .highslide-active-anchor img {
        border-color: black;
}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
        display: none;
}
.highslide-thumbstrip-float .highslide-marker {
        display: none;
}


#addthis {
float : right;
width: 290px;
}

#gallery {z-index:1; font:12px Arial, Helvetica, sans-serif;width:720px; padding:15px 0 0 0; line-height:15px;}
#gallery div.off {color:#495155; height:33px; margin-right:2px; line-height:33px; padding:0 20px; float:left; background:url(img/tabs_3.gif) repeat-x left bottom; border:1px solid #ddd; border-bottom-color:#dfdfdf; cursor:pointer; position:relative; z-index:1;}
#gallery div.on {color:#495155; font-weight : bold; padding:0 20px; margin-right:2px; margin-top:1px; float:left; background:url(img/tabs_3.gif) repeat-x left bottom; border:1px solid #dfdfdf; cursor:pointer; border-bottom:0; height:33px; line-height:32px; position:relative; z-index:1;}

div.hide {display:none; width:0; overflow:hidden;}
div.show {clear:left; background:#fff; width:700px; margin-top:0; top:-1px; border:1px solid #dfdfdf; padding:20px; position:relative; z-index:1; font:12px Arial, Helvetica, sans-serif;line-height:18px;}
div.show img {float:left; margin:0 10px 10px 0;}
.clear {clear:both;}



#slider          { background: white url(http://www.soap-box-derby.de/shop/images/slider-bg.jpg); height: 300px; overflow: hidden;
                   position: relative; margin-top: -20px; }
#mover           { width: 2880px; position: relative; }
.slide           { padding: 0px 0px; width: 740px; float: left; position: relative;}
.slide h1        { font-family: Arial, Helvetica, sans-serif;font-size: 28px; letter-spacing: -1px;
                   color: #495155; margin-top: 15px; width: 245px; padding-left:510px}
.slide p         { color: #495155; font-size: 12px; line-height: 20px; width: 230px; text-align : justify; position: absolute; left: 510px; }
.slide img       { padding: 5px 5px; position: absolute; top: 20px; left: 0px; border-color: #CFCFCF; border-color : #dfdfdf; border-style : solid; border-width : 1px;}
#slider-stopper  { display:none; position: absolute; top: 10px; right: 0px; color: #FFFFFF;
                   padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1; }



#shopauskunft_div { align : center; }




/* mega drop down menue  */

/* body, ul, li {
        font-size:14px;
        font-family:Arial, Helvetica, sans-serif;
        line-height:21px;
        text-align:left;
}     */

#menu_drop {
        list-style:none;
        width:963px;
        margin:0px auto 0px auto;
        height:32px;
        padding:0px 3px 0px 0px;
        z-index:999999;

        /* Rounded Corners */

        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;

        /* Background color and gradients */

        background: #DFDFDF;
        background: -moz-linear-gradient(top, #FFFFFF, #DFDFDF);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#DFDFDF));

        /* Borders */

        border-width: 1px;
        border-color: #DFDFDF;
        border-style: solid;

        -moz-box-shadow:inset 0px 0px 1px #edf9ff;
        -webkit-box-shadow:inset 0px 0px 1px #edf9ff;
        box-shadow:inset 0px 0px 1px #edf9ff;
}

#menu_drop li {
        float:left;
        display:block;
        text-align:center;
        position:relative;
        padding: 4px 10px 4px 10px;
        margin-right:10px;
        margin-top:3px;
        border:none;
}

#menu_drop li:hover {
        z-index:999999;
        border: 1px solid #DFDFDF;
        padding: 3px 9px 4px 9px;

        /* Background color and gradients */

        background: #EFEFEF;
        background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFFFFF));

        /* Rounded corners */

        -moz-border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
}

#menu_drop li a {
        font-family:Arial, sans-serif;
        font-size:16px;
        font-weight:bold;
        color: #495155;
        display:block;
        outline:0;
        text-decoration:none;
        text-shadow: 0px 0px 0px #000;

}

#menu_drop li:hover a {
        color:#4370c7;
        text-shadow: 0px 0px 0px #ffffff;
}
#menu_drop li .drop {
        padding-right:19px;
        background:url("img/drop.png") no-repeat right 6px;
}
#menu_drop li:hover .drop {
        background:url("img/drop.png") no-repeat right 5px;
}

.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
        margin:4px auto;
        float:left;
        position:absolute;
        left:-999em; /* Hides the drop down */
        text-align:left;
        padding:10px 5px 10px 5px;
        border:1px solid #DFDFDF;
        border-top:none;
        z-index:999;

        /* Gradient background */
        background:#EFEFEF;
        background: -moz-linear-gradient(top, #FFFFFF, #CFCFCF);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#CFCFCF));

        /* Rounded Corners */
        -moz-border-radius: 0px 5px 5px 5px;
        -webkit-border-radius: 0px 5px 5px 5px;
        border-radius: 0px 5px 5px 5px;
}

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#menu_drop li:hover .dropdown_1column,
#menu_drop li:hover .dropdown_2columns,
#menu_drop li:hover .dropdown_3columns,
#menu_drop li:hover .dropdown_4columns,
#menu_drop li:hover .dropdown_5columns {
        left:-1px;
        top:auto;
}

#menu_drop .col_1,
#menu_drop .col_2,
#menu_drop .col_3,
#menu_drop .col_4,
#menu_drop .col_5 {
        display:inline;
        float: left;
        position: relative;
        margin-left: 5px;
        margin-right: 5px;
}
#menu_drop .col_1 {width:130px;}
#menu_drop .col_2 {width:270px;}
#menu_drop .col_3 {width:410px;}
#menu_drop .col_4 {width:550px;}
#menu_drop .col_5 {width:690px;}

#menu_drop .menu_right {
        float:right;
        margin-right:0px;
}
#menu_drop li .align_right {
        /* Rounded Corners */
        -moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#menu_drop li:hover .align_right {
        left:auto;
        right:-1px;
        top:auto;
}

#menu_drop p, #menu_drop h2, #menu_drop h3, #menu_drop ul li{
        font-family:Arial, Helvetica, sans-serif;
        line-height:16px;
        font-size:12px;
        text-align:left;
        text-shadow: 0px 0px 0px #FFFFFF;
}
#menu_drop h2 {
        font-size:21px;
        font-weight:400;
        color:#0F0F0F !important;
        letter-spacing:-1px;
        margin:7px 0 14px 0;
        padding-bottom:14px;
        border-bottom:1px solid #666666;
}

#menu_drop h3{
        font-size:14px;
        color:#0F0F0F !important;
        margin:7px 0 14px 0;
        padding-bottom:7px;
        border-bottom:1px solid #888888;
}
#menu_drop p {
        line-height:16px;
        margin:0 0 10px 0;
}

#menu_drop li:hover div a {
        font-size:12px;
        color:#495155;
        font-weight: bold;
}



#menu_drop li:hover div a:hover {
        color:#FFFFFF;
        font-weight: bold;
}


.strong {
        font-weight:bold;
}
.italic {
        font-style:italic;
}

.imgshadow { /* Better style on light background */
        background:#FFFFFF;
        padding:4px;
        border:1px solid #777777;
        margin-top:5px;
        -moz-box-shadow:0px 0px 5px #666666;
        -webkit-box-shadow:0px 0px 5px #666666;
        box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
        width:auto;
        float:left;
        margin:5px 15px 5px 5px;
}

#menu_drop li .black_box {
        background-color:#333333;
        color: #eeeeee;
        text-shadow: 0px 0px 0px #000;
        padding:4px 6px 4px 6px;

        /* Rounded Corners */
        -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

        /* Shadow */
        -webkit-box-shadow:inset 0 0 3px #000000;
        -moz-box-shadow:inset 0 0 3px #000000;
        box-shadow:inset 0 0 3px #000000;
}

#menu_drop li ul {
        list-style:none;
        padding:0;
        margin:0 0 12px 0;
}
#menu_drop li ul li {
        font-size:12px;
        line-height:20px;
        position:relative;
        text-shadow: 0px 0px 0px #ffffff;
        margin: 0px 0px 0px -10px;
        float:none;
        text-align:left;
        width:130px;
        padding : 3px 0px 0px 10px;

}
#menu_drop li ul li:hover {
        background:none;
        border:none;

        margin: 0px 0px 0px -10px;

        background-image:url("img/pfeil_navi.gif");
        background-position:left;
        background-repeat: no-repeat;
        padding : 3px 0px 0px 10px;
}

#menu_drop li .greybox li {

        border:0px solid #EFEFEF;
        margin:0px 0px 2px 0px;
        padding:0px 2px 0px 6px;
        width:120px;

        /* Rounded Corners */
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;

}

#menu_drop li .greybox li:hover {
        background:#495155;
        border:0px solid #CFCFCF;
        margin:0px 0px 2px 0px;
        padding:0px 2px 0px 6px;
}