html
{
    overflow-y:scroll;
    height:100%;
    background-color:#4d4a48;
}

body 
{
    font-family:Lucida Sans, Lucida Sans Unicode, Sans-Serif;
    font-size:11px;
    line-height:18px;
    color:#676665;
}

b, strong 
{
    font-weight:bold;
}

i, em 
{
    font-style:italic;
}


h1
{
    font-size:28px;
    line-height:36px;
    letter-spacing:-1px;
    color:#676665;
    font-family:Lucida Sans;
    font-style:italic;
}

h2, .textpage h1
{
    font-size:20px;
    line-height:24px;
    letter-spacing:-1px;
    color:#3c3c3c;
    font-family:Lucida Sans;
    font-style:italic;
    margin-bottom:14px;
}

h3 
{
    color:#900027;
    font-size:18px;
    margin-bottom:6px;   
}

h4, .textpage h2
{
    color:#900027;
    font-size:14px;
    margin-bottom:6px;   
    margin-top:20px;
    font-family:Lucida Sans Unicode;
    font-style:normal;
    letter-spacing:0px;
}

input, textarea 
{
    margin-right:5px;        
    font-family:Lucida Sans, Lucida Sans Unicode, Sans-Serif;
}

input.textField, textarea
{   
    padding:3px; 
    border:1px solid #ccc;
    width:250px;
}

.button 
{
    padding-left:20px;
    padding-right:20px;
    padding-top:3px;
    padding-bottom:3px;
}
.button.bold
{
    font-weight:bold;
}

.textpage ul 
{
    margin:10px;
    margin-left:30px;
}
.textpage li 
{
    list-style-type:disc;
    margin-bottom:6px;
}
.textpage b, .textpage strong 
{   /*
    font-family:Lucida Sans, Lucida Sans Unicode;
    font-weight:bold;
    font-size:13px;*/
}



p 
{
    margin-bottom:8px;
}

a 
{
    color:#900027;
}

.centering
{
    width:940px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    text-align:left;
    /*background-color:#eee;*/
}
.centering.vertical-line
{
    background-image:url(bg-left.png);
    background-repeat:repeat-y;
    background-position:left top;
}

.floatfix {
    display:block;
    clear:both;
    width:0px;
    height:0px;
    overflow:hidden;
}
.space10 
{
    height:10px;
}
.space20 
{
    height:20px;
}
.space30 
{
    height:30px;
}
.space50 
{
    height:50px;
}


.header 
{
    background-image:url(bg-top.png);
    background-position:left top;
    background-repeat:repeat-x;
    height:100px;
    position:relative;
}

.husetschwab-logo 
{
    position:absolute;
    right:0px;
    top:30px;
}

.content
{
    background-color:#fff;
}

blockquote {
	padding-left:40px;
	margin-top:30px;
	background-image:url(quote.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin-left:0px;
	color:#636363;
}



.small-basket 
{
    /*text-align:right;    */
    /*background-color:#f8f8f8;*/
    height:78px;
}
.small-basket a
{
    background-image:url(/assets/bg-smallbasket.png);
    display:block;
    float:right;
    text-align:center;
    height:28px;
    width:340px;
    line-height:28px;
    text-decoration:none;
    color:#fff;
}
.small-basket .pink
{
    color:#cfad87;
    margin-left:10px;
}
.small-basket img 
{
    vertical-align:middle;
}
.small-basket img.rounding 
{
    float:right;
}



/* --------------------------------- COLUMNS / GRID ---------------------------------- */
.column {
    margin-right:20px;
    float:left;    
    /*background-color:#f8f8f8;*/
}
.column.c700 {
    width:700px;
    margin-right:0px;
}
.column.c460 {
    width:460px;
}
.column.c220 {
    width:220px;
}
.column.no-margin {
    margin-right:0px;
}
.column.top-border
{
    border-top:4px solid #cfad87;
    padding-top:15px;
}


.column ul li 
{
    margin-bottom:10px;
}


/* --------------------------------- FOOTER ---------------------------------- */
.footer
{
    background-image:url(bg-footer.png);
    background-position:left top;
    background-repeat:repeat-x;
    height:210px;
    font-size:11px;
    color:#c5c5c5;
}
.footer h3
{
    color:#fff;
}
.footer a
{
    color:#cfad87;
}




/* ----------------------------------- BANNERS  ------------------------ */
.frame-220x180, .frame-220x200 
{
    display:block;
    width:220px;
    height:180px;
    position:relative;
    background-image:url(frame-220x180.png);
    text-decoration:none;
    margin-bottom:20px;
}
.campaign-banners .frame-220x180, .campaign-banners .frame-220x200
{
    margin-right:20px;
    margin-bottom:0px;
    float:left;
}
.frame-220x180 img, .frame-220x200 img
{
    display:block;
    position:absolute;
    left:2px;
    top:1px;
}
.frame-220x180 span.headline, .frame-220x200 span.headline
{
    display:block;
    position:absolute;
    left:12px;
    top:142px;
    font-size:13px;
    letter-spacing:-1px;
    color:#000;
    width:180px;
    line-height:16px;
}
.frame-220x180 span.teaser, .frame-220x200 span.teaser
{
    display:block;
    position:absolute;
    left:12px;
    top:160px;
    font-size:10px;
    line-height:13px;
    color:#666;
    width:180px;
}

.frame-220x200 
{
    width:220px;
    height:200px;
    background-image:url(frame-220x200.png);
}



.productbox-220
{
    position:relative;
    display:block;
    width:220px;
    text-decoration:none;
    margin-bottom:20px;
    cursor:pointer;
}
.productbox-460
{
    position:relative;
    display:block;
    width:460px;
    text-decoration:none;
    margin-bottom:20px;
    cursor:pointer;
}
.productbox-460 .pricewide
{
    display:block;
    position:absolute;
    right:10px;
    bottom:20px;
    width:80px;
    text-align:right;
    font-size:14px;
}

.productbox-220 img.top, .productbox-460 img.top
{
    display:block;
}
.productbox-220 .content, .productbox-460 .content
{
    display:block;
    width:200px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    background-image:url(prod-bg.png);
    background-repeat:repeat-y;
    color:#000;
}
.productbox-460 .content
{
    width:440px;
    background-image:url(prod-bg-wide.png);
}

.productbox-220 .content .name-and-price 
{
    display:block;
    float:left;
    width:110px;
}
.productbox-460 .content .name-and-price 
{
    display:block;
    float:left;
    margin-left:100px;
    width:340px;    
}
.productbox-460 .content .force-height 
{
    display:block;
    float:left;
    height:80px;
}

.productbox-220 .content .name-and-price.wide 
{
    width:220px;
}
.productbox-220 .content .headline, .productbox-460 .content .headline
{
    display:block;
    font-family:Lucida Sans;
    font-size:13px;
    font-style:normal;
    line-height:16px;
    margin:0px;
    margin-bottom:8px;
    color:#000;
}
.productbox-220 .content p.price
{
    font-size:18px;
    text-transform:uppercase;
    margin-bottom:8px;
}
.productbox-220 .content p.description
{
    font-size:10px;
    line-height:13px;
    color:#666;
}
.productbox-460 .content p.description
{
    font-size:10px;
    line-height:13px;
    color:#666;
    width:250px;    
}
.productbox-220 .content img.image
{
    float:left;
    margin-right:10px;
    margin-bottom:10px;    
}
.productbox-460 .content img.image
{
    position:absolute;
    left:10px;
    top:10px;     
}

.productbox-220 .bottom
{
    display:block;
    height:28px;
    width:190px;
    padding-right:30px;
    text-align:right;   
    line-height:24px; 
    background-image:url(prod-footer.png);
    background-repeat:no-repeat;
    color:#fff;
}
.productbox-460 .bottom
{
    display:block;
}


/* --------------------------------- TAB MENU ---------------------------------- */
.tabmenu 
{
    position:absolute;
    top:63px;
    left:-8px;
}
.tabmenu li
{
    float:left;    
}
.tabmenu li a
{
    display:block;
    background-image:none;
    float:left;
    text-transform:uppercase;
    text-decoration:none;
    color:#fff;
    font-size:12px;
    height:24px;
    padding-top:9px;
    padding-left:15px;
    padding-right:15px;
}
.tabmenu li .left, .tabmenu li .right
{
    width:8px;
    height:33px;
    float:left;
}
.tabmenu li a:hover
{
    text-decoration:underline;
}
.tabmenu li.active a
{
    background-image:url(bg-tab.png);
    background-repeat:repeat-x;
}
.tabmenu li.active a:hover
{
    text-decoration:none;
}
.tabmenu li.active .left
{
    background-image:url(bg-tab-left.png);   
}
.tabmenu li.active .right
{
    background-image:url(bg-tab-right.png);   
}



/* --------------------------------- LEFT MENU ---------------------------------- */
ul.leftmenu li 
{
    margin-bottom:15px;
    line-height:16px;
}
ul.leftmenu li a 
{
    display:block;
    color:#7e7a78;
    font-size:14px;
    text-decoration:none;
    padding-top:4px;
    padding-bottom:6px;
    padding-left:8px;
}
ul.leftmenu li a:hover
{
    text-decoration:underline;
    color:#900027;
}
ul.leftmenu li.active a 
{
    display:block;
    color:#fff;
    background-color:#cfad87;
    background-image:url(bg-leftmenu.png);
    background-position:left top;
    background-repeat:repeat-x;
}
ul.leftmenu li.active a:hover 
{
    text-decoration:none;
}

ul.leftmenu li ul 
{
    margin-left:25px;    
}
ul.leftmenu li ul li 
{
    margin-top:6px;
    margin-bottom:0px;
    list-style-type:square;    
}
ul.leftmenu li ul li a, ul.leftmenu li.active ul li a
{
    background-image:none;
    background-color:transparent;
    color:#7e7a78;
    font-size:12px;
    padding:0px;
}
ul.leftmenu li ul li.active a, ul.leftmenu li.active ul li.active a
{
    color:#900027;
}
ul.leftmenu li ul li a:hover, ul.leftmenu li.active ul li a:hover
{
    text-decoration:underline;
    color:#900027;
}


/* ---------------------------- FRONTPAGE -------------------------------------- */

.frontpage-header 
{
    clear:both;
    padding-left:30px;    
}



/* ---------------------------- WEBSHOP ---------------------------------------- */
table.shoppingcart-items 
{
    width:700px;
}
table.shoppingcart-items b, table.shoppingcart-items strong
{
    font-size:inherit;
}
table.shoppingcart-items td
{
    padding-right:5px;
    padding-bottom:5px;
    padding-top:5px;
    border-bottom:1px solid #ccc;
}
table.shoppingcart-items td.image
{
    width:50px;
}

table.shoppingcart-items td.plus
{
    width:25px;
    text-align:center;    
    padding-right:25px;
}
table.shoppingcart-items td.minus
{
    width:25px;
    text-align:center;
}
table.shoppingcart-items td.count
{
    width:40px;
    text-align:center;
}
table.shoppingcart-items td.price
{
    width:100px;
    text-align:right;
}



table.shoppingcart-address td, table.shoppingcart-address th 
{
    padding-right:10px;
    padding-bottom:5px;
}
table.shoppingcart-address th
{
    font-weight:bold;
}
table.shoppingcart-address td input.textField.zip
{   
    width:50px;
}
table.shoppingcart-address td input.textField.city
{   
    width:184px;
}


.error-message 
{
    font-weight:bold;
    color:#900027;
}



/* ---------------------------- CONTACT FORM --------------------------------- */

table.contactform 
{
}
table.contactform td
{
    padding-right:5px;
    padding-bottom:5px;
}
table.contactform td .message 
{
    height:140px;
    width:
}
.out-of-sight 
{
    position:absolute;
    left:-1960px;
}


/* ----------------------- PRISTABEL -------- */

table.pristabel 
{
    margin-bottom:10px;
    margin-top:10px;
}
table.pristabel td, table.pristabel th {
    padding-right:20px;
    padding-bottom:5px;
    padding-top:5px;
    vertical-align:top;    
    text-align:left;
    border-bottom:1px solid #ccc;
}
table.pristabel th 
{
    font-weight:bold;    
    white-space:nowrap;
}
table.pristabel .priskolonne 
{
    text-align:right;
}