﻿@charset "utf-8";

/* :: AnoCent Möbelwerke :: (c) 2010 by bitstation :: */

/* ===== allgemeine stile ===== */

*
{
	margin: 0;
	padding: 0;
	border: none;
	font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif;
}


html
{
	height: 100%;
	margin: 0 0 1px 0;
}


body
{
	background: #fff;
	font-size: 11.4px; line-height: 18px;
	color: rgb(30, 30, 30);
	padding: 10px 0 0 10px;	
}


body.iframe
{
	background: rgb(240, 240, 240);
	font-size: 11.4px; line-height: 18px;
	color: rgb(30, 30, 30);
	padding: 0;
	margin: 0;
}


a
{
	outline: none;
} 


form
{
	display: inline;
}


.cleanup
{
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	margin: -1px 0;
	visibility: hidden;
}


.righter
{
	text-align: right;
}


.lefter
{
	text-align: left;
}


.centerer
{
	text-align: center;	
}


.topper
{
	vertical-align: top;
}


.bottomer
{
	vertical-align: bottom;
}


.pointerer
{
	cursor: pointer;	
}


.activated
{
	display: inline;
}


.deactivated
{
	display: none;
} 


#banner
{
	width: 990px;
}


#banner-bg
{
	position: relative;
} 


#banner-bg img
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}


#banner-pic
{
	position: relative;
} 


#banner-pic img
{
	position: absolute;
	top: 10px;
	left: 8px;
	z-index: 200;
	border: 1px #fff solid;
}


#footer
{
	width: 990px;	
}


#footer-bg
{
	position: relative;
} 


#footer-bg img
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 150;
}


#copyright
{
	position: relative;
}


#copyright div.copytxt
{
	position: absolute;
	width: 875px;
	z-index: 350;
	margin: 40px 0 0 0;
	text-align: right;
	font-size: 10px;
	color: rgb(90, 90, 90);	
}


a.lcopy:link,
a.lcopy:visited
{
	font-size: 10px;
	color: rgb(90, 90, 90);
	text-decoration: none;
}


a.lcopy:hover
{
	text-decoration: underline;
}


#container-columns
{
	width: 990px;
	background: url(../images/design/design_3.gif) repeat-y 0 0;
	padding: 0;
}


#content-left
{
	position: relative;
	display: block;
	float: left;
	width: 224px;
	text-align: left;
}


#content-right
{
	position: relative;
	display: block;
	float: right;
	width: 580px;
	text-align: left;
	margin: 0 140px 30px 0;
}


/* ===== navigation ===== */

#nav
{
	position: relative;
	background: rgb(137,17,35);
	text-align: right;
	color: #fff;
	margin: 168px 0 0 0;
	padding: 3px 0 3px 0;
	width: 990px;
	height: 16px;
	
}

#nav ul
{
	list-style: none;
	margin: 0 112px 0 0;
	padding: 0;	
}

#nav li,
#nav a,
#nav a.nav-act
{
	color: #fff;
	font-size: 11px;
	display: inline;
	padding: 3px 0 3px 0;
	text-decoration: none;	
}


#nav a,
#nav a.nav-act
{
	padding: 4px 10px 4px 10px;
	border-left: 1px solid #fff;
}

#nav a:hover
{
	background:	#fff;
	color: rgb(137 ,17, 35);	
}


#nav a.nav-act
{
	background:	rgb(205, 205, 205);
	color: rgb(137 ,17, 35); 	
}


/* ===== subnavigation ===== */
#subnav
{
	margin: 0;
	padding: 0;	
}

#subnav ul
{
	list-style-type: none;
	margin: 0;
	padding: 15px 0 0 0;
}

#subnav li
{
	margin: 0;
	padding: 0;
}


#subnav a.subnav-1,
#subnav a.subnav-1-act,
#subnav a.subnav-2,
#subnav a.subnav-2-act,
#subnav a.subnav-3,
#subnav a.subnav-3-act,
#subnav a.subnav-4,
#subnav a.subnav-4-act
{
	display: block;
	padding: 5px 0 5px 21px;
	margin: 1px 0 0 0;
	background: transparent url(../images/design/design_5.gif) 0 0 no-repeat;
	color: rgb(30, 30, 30);
	font-size: 11px;
	text-decoration: none;
}


#subnav a.subnav-1:hover
{
	background: transparent url(../images/design/design_5.gif) 0 -200px no-repeat;
	color: rgb(137 ,17, 35);
}


#subnav a.subnav-1-act
{
	background: transparent url(../images/design/design_5.gif) 0 -100px no-repeat;
	font-weight: bold;
	color: #fff;
}


#subnav a.subnav-2,
#subnav a.subnav-2-act
{
	padding: 5px 0 5px 32px;
	margin: 1px 0 0 0;
	background: transparent url(../images/design/design_5.gif) 0 -225px no-repeat;
}


#subnav a.subnav-2:hover
{
	background: transparent url(../images/design/design_5.gif) 0 -125px no-repeat;
	color: rgb(137 ,17, 35);
}


#subnav a.subnav-2-act
{
	background: transparent url(../images/design/design_5.gif) 0 -225px no-repeat;
	font-weight: bold;
	color: rgb(137 ,17, 35);
}


#subnav a.subnav-3,
#subnav a.subnav-3-act
{
	padding: 5px 0 5px 44px;
	margin: -1px 0 0 0;
	background: transparent url(../images/design/design_5.gif) 0 -250px no-repeat;
}


#subnav a.subnav-3:hover
{
	background: transparent url(../images/design/design_5.gif) 0 -150px no-repeat;
	color: rgb(137 ,17, 35);
}


#subnav a.subnav-3-act
{
	font-weight: bold;
	color: rgb(137 ,17, 35);
}


#subnav a.subnav-4,
#subnav a.subnav-4-act
{
	padding: 5px 0 5px 56px;
	margin: -1px 0 0 0;
	background: transparent url(../images/design/design_5.gif) 0 -275px no-repeat;
}


#subnav a.subnav-4:hover
{
	background: transparent url(../images/design/design_5.gif) 0 -175px no-repeat;
	color: rgb(137 ,17, 35);
}


#subnav a.subnav-4-act
{
	font-weight: bold;
	color: rgb(137 ,17, 35);
}


/* ===== boxen ===== */

#searchbox
{
	padding: 10px 0 30px 10px;
}


#searchbox-2
{
	width: 230px;
	padding: 0;
	margin: 20px 0 0 0;
}


.searchboxtext
{
	font-size: 10px;
	color: rgb(90, 90, 90);
	padding: 0;
}


.searchfield
{
	float: left;
}


.extsearchlink
{
	text-align: right;
	padding: 0 50px 0 0;
}


#loginbox
{
	margin: 0;
	padding: 10px;
	background: rgb(219, 219, 219);
	border-top: 10px solid rgb(137, 17, 35);
}



#shoppingcart,
.shoppingbox
{
	margin: 0 0 15px 0;
	padding: 8px 10px 5px 10px;
	background: rgb(219, 219, 219);	
}

#shoppingcart.hl
{

}


#shoppingcart.content
{

}


#shoptoolnav
{
	background: rgb( 137, 17, 35);
	padding: 1px 2px 5px 22px;
	color: #fff;
}


#shoptoolnav a
{
	color: #fff;
	text-decoration: none;
}


#shoptoolnav a:hover
{
	text-decoration: underline;
}


.product-price-1
{
	font-size: 16px;
	font-weight: bold;
	padding: 3px 0 0 3px;
}


.product-price-2
{
	font-size: 10px;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	width: 100%;
	padding: 3px 0 5px 3px;
}


.content-left
{
	float: left;
}


.content-right
{
	float: right;
	border-left: 1px solid #777;
	padding: 0 0 0 10px;
	margin: 0 10px 0 10px;
}


/* ===== ueberschriften ===== */

h1,
h2,
h3,
h4,
h5,
h6
{
	font-weight: bold;
	font-size: 11px;
	color: rgb(137 ,17, 35);
	margin: 0;
	padding: 0;
}


h1
{
	margin: 25px 0 20px 0;
}


h1.shop,
subhl
{
	margin: 36px 0 20px 0;
	font-size: 26px;
	font-style: italic;
	
}


h3
{
	margin: 0 0 5px 0;
	font-size: 14px;
	color: rgb(30, 30, 30);
}


h2,
#loginbox h3
{
	color: rgb(137 ,17, 35);
	margin: 0 0 9px 0;
	font-size: 15px;
}


h4
{
	margin: 0 0 7px 0;
	padding: 0 5px 0 8px;
	font-size: 12px;
	border-left: solid 3px rgb(175, 175, 175);
}


/* ===== shop-templates ===== */

.cat-1
{
	border: 1px solid rgb( 137, 17, 35);
}


.cat-hl-1
{
	background: rgb( 137, 17, 35);
	color: #fff;
	padding: 2px 3px 2px 5px;
}


a.cat-l-1:link,
a.cat-l-1:visited
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}


a.cat-l-1:hover
{
	text-decoration: underline;
}


.cat-text
{
	padding: 10px 5px 8px 7px;
	background: #fff;
	color: rgb(137 ,17, 35);
	text-align: left;
}

.cat-img-bg
{
	background: #fff;
	text-align: center;
}


.cat-img
{
	border: 1px solid rgb( 137, 17, 35);
}


.prod-img-bg
{
	padding: 5px 0 0 0;	
}

.prod-image
{
	border: 1px solid rgb( 137, 17, 35);
	background: #fff;
	padding: 3px;	
}


.prod-image:hover
{
	border: 1px solid rgb(90, 90, 90);
}


a.prod-link:link,
a.prod-link:visited
{
	font-weight: bold;
	padding: 2px 2px 2px 5px;
	border-left: solid 3px rgb(175, 175, 175);	
}



/* ===== text ===== */

.bodytext
{
	font-size: 11.4px; line-height: 18px;
	color: rgb(30, 30, 30);
}


.td-heading-1
{
	background-color: rgb(137 ,17, 35);
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	padding: 3px 5px 3px 5px;
}




/* ===== listen ===== */

ul
{
	list-style: square;
	padding: 0;
	margin: 0 0 0 17px;
}


ol
{
	padding: 0;
	margin: 0 0 0 17px;
}


li
{
	margin: 0;
	padding: 0;
	line-height: 16px;
}


/* ===== bilder ===== */

img
{
	border: 0;
}


/* ===== links ===== */

a:link,
a:visited
{
	font-family: arial;
	font-size: 11px;
	color: rgb(137 ,17, 35);
	text-decoration: none;
}


a:hover
{
	text-decoration: underline;
}


a:active
{
	font-family: arial;
	font-size: 11px;
	color: rgb(137 ,17, 35);
	text-decoration: none;
}


/***************************************************************************/
/***************************************************************************/
/***************************************************************************/
/***************************************************************************/


.clickpath
{
	text-align: left;
	font-family: arial;
	font-size: 10px;
	color: rgb(60, 60, 60);
	margin: 20px 0 0 0;
}
 
a.lclickpath:link,
a.lclickpath:visited
{
	font-family: arial;
	font-size: 11px;
	color: rgb(60, 60, 60);
	text-decoration: none;
}


a.lclickpath:hover
{
	color: rgb(137 ,17, 35);
	text-decoration: underline;
}


.searchresult
{
	padding: 0px; padding-bottom: 15px; padding-left: 20px;
}


.csc-textpic-caption {
				font-family: arial; font-size: 10px; font-style: italic; color: #ff0000;
				line-height: 14px;
				padding-top: 10px;
				}

/* der komplette rahmen um text (bilder laufen aus diesem rahmen heraus */
.csc-textpic-text
{
	padding: 0px; margin: 0px;
}


.csc-textpic-border,
.csc-textpic-imagewrap,
.csc-textpic,
.csc-textpic-center,
.csc-textpic-above,
.csc-textpic-border,
.csc-textpic-equalheight,
.csc-textpic-image,
dt,
dl
{
	border: none;
}


.csc-form-label, .csc-form-label-req
{
	color: #f00;
	vertical-align: top; text-align: left;
}

div[class = "csc-textpic csc-textpic-intext-left"] > div.csc-textpic-imagewrap
{
	padding-right: 20px;
}


div[class = "csc-textpic csc-textpic-intext-right"] > div.csc-textpic-imagewrap
{
	padding-left: 20px;
}


.tablespacer	{
				padding-left: 28px; padding-top: 20px; padding-bottom: 30px;
				}


.td_forms 		{
				padding-top: 2px; padding-bottom: 5px; text-align: center;
				}


.errornote		{
				font-family: arial; font-size: 11px; color: #f00; font-weight: bold;
				vertical-align: top; text-align: left;
				width: 90%;
				}


.hinweis		{
				font-family: arial; font-size: 11px; color: #f00;
				vertical-align: top; text-align: left;
				width: 90%;
				}


.formtext_1		{
				font-family: arial; font-size: 11px; color: rgb(30, 30, 30);
				vertical-align: top; text-align: left;
				}


.formtext_2		{
				font-family: arial; font-size: 11px; color: rgb(30, 30, 30);
				color: #f00;
				vertical-align: top; text-align: left;
				}



/* formularformatierungen */

.formspacer
{
	padding: 8px 0 0 0;	
}


.inputRequirement
{
	display: none;
}


.input_def
{
	font-size: 11px; color: rgb(30, 30, 30);
	height: 18px;
	padding: 1px 0px 0px 2px;
}


.input_1
{
	border: 1px rgb(139, 139, 139) solid;
	background-color: #fff;
}


.input_1_act
{
	border: 1px rgb( 137, 17, 35) solid;
	background-color: #fff;
}


.input_1_search
{
	border: 1px rgb(245, 245, 245) solid;
	background-color: rgb(245, 245, 245);
}


.input_1_search_act
{
	border: 1px rgb( 137, 17, 35) solid;
	background-color: #fff;
}


.input_2
{
	border: 1px rgb(139, 139, 139) solid;
	background-color: #fff;
}


.input_2_act
{
	border: 1px rgb( 137, 17, 35) solid;
	background-color: #fff;
}


.input_3
{
	color: #fff;
	border: 1px solid rgb( 137, 17, 35);
	background-color: rgb(137 ,17, 35);
}


.input_3_act
{
	border: 1px solid rgb( 137, 17, 35);
	background-color: #fff;
}



.checkoutBarFrom,
.checkoutBarTo,
.checkoutBarCurrent
{
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-align:	left;
	vertical-align: bottom;
	padding: 0 30px 0 8px;
	border-left: solid 3px rgb(175, 175, 175);	
}


.checkoutBarFrom,
.checkoutBarTo
{
	color: #8f8f8f;
	/* background:	rgb(220, 220, 220); */
}


.checkoutBarCurrent
{
	color: rgb(137 ,17, 35);
	/* background:	rgb( 137, 17, 35); */
}

.box-1
{
	border-top:10px solid #891123;
}
