
BODY , 

.backgr{
	background-image : url(hintergrund_stoff.gif);
	background-repeat : repeat; 
/*	background-position : center; */


	
}

P {
FONT-FAMILY: Verdana, Arial, sans-serif;
COLOR:#8C546E;
/* BACKGROUND: #ded1c4; */
FONT-SIZE: 11px

}


TD {
	FONT-FAMILY: Verdana, Arial, sans-serif	;FONT-SIZE: 11px;
LINE-HEIGHT: 17px;
/* BACKGROUND: #ded1c4/*#DEC7B2*/
/*;BACKGROUND-IMAGE: url(../images/Hintergrund.gif)*/
}
.logo {
	
	
	BACKGROUND: #7C5B7E;
	PADDING: 0px
}

.bg {
	
	
/*	BACKGROUND: #ded1c4; */
	
}

.bgwithe {
	
	
	BACKGROUND: #fff;
	border:1px solid #8C546E;
	
	
}

.bgwithenb {
	
	
	BACKGROUND: #fff;
	border:0px solid #8C546E;
	
	
	
}


.formulare {
	
	
	BACKGROUND: #fff;;
	
	
	
}

TD.wg1 {
	
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
	COLOR: #8C546E;
/*	BACKGROUND: #ded1c4;  */
	PADDING: 5px
}

.preis1 {
	
	FONT-SIZE: 11px;
	FONT-WEIGHT: normal;
	COLOR: #8C546E;
	BORDER-WIDTH: 0px;
	
}
/*trennlinien Warengruppen links*/

.navigation {
 
/*	Font-weight: bold;*/
/*  	color:            #336699; */
	border-bottom-color: #8C546E;
/*	border-bottom-color: #dfdfdf;*/
	border-bottom-width: 1px;
/* 	border-bottom-width: 1px;*/
	border-bottom-style:solid;
/*	BACKGROUND-color: #fff;  */
	padding-top: 4px;
	
	
	width: 100%;

}



div.navigation:link{
	
	COLOR: #8C546E;
	
	FONT-SIZE: 12px;
	FONT-WEIGHT: solid;
	BORDER-WIDTH: 1px;
	BACKGROUND: #fff;
	TEXT-DECORATION: none
	
}

div.navigation:HOVER {
	
	COLOR: #8C546E;
	FONT-SIZE: 12px;
	FONT-WEIGHT: solid;
	BORDER-WIDTH: 1px;
	BACKGROUND: #CEC4BA;
	TEXT-DECORATION: none
	
}

div.navigation:active{
	
	COLOR: #8C546E;
	FONT-SIZE: 12px;
	FONT-WEIGHT: solid;
	BORDER-WIDTH: 1px;
	BACKGROUND: #f3f3f3;
	TEXT-DECORATION: none
	}
div.navigation:visited{
	
	COLOR: #8C546E;
	FONT-SIZE: 12px;
	FONT-WEIGHT: solid;
	BORDER-WIDTH: 1px;
/*	BACKGROUND: #ded1c4; */
	TEXT-DECORATION: none
	
}


TABLE.TAB {
	BORDER-STYLE: solid;
	BORDER-WIDTH: 0px;
	BORDER: #8C546E}


TD.TITEL1 {
	FONT-FAMILY: Verdana, Arial, sans-serif;
	FONT-SIZE: 11px;
	FONT-WEIGHT: solid;
	COLOR: #8C546E;
	BORDER-WIDTH: 1px;
	BACKGROUND: #fff;
	}
	
.toplink	{
	
		}
	
	
A.TOPLINK:Link	{
	COLOR:#8C546E;
	FONT-SIZE: 11px;
	
	TEXT-DECORATION: none	}


A.TOPLINK:VISITED {
	COLOR:#8C546E;
	FONT-SIZE: 11px;
	
	TEXT-DECORATION: none
	}

	
A.TOPLINK:ACTIVE{
	COLOR:#8C546E;
	FONT-SIZE: 11px;
	
	TEXT-DECORATION: none;
	}


A.TOPLINK:HOVER {
	COLOR:#8C546E;
	FONT-SIZE: 11px;
	FONT-WEIGHT: solid;
	TEXT-DECORATION: none
	}
	
.starttext {
	COLOR:#8C546E;
	FONT-SIZE: 11px;FONT-WEIGHT: solid;
	TEXT-DECORATION: none;
	BACKGROUND: #f3f3f3;
	}
	
.suchen {
	COLOR:#8C546E;
	FONT-SIZE: 10px;FONT-WEIGHT: solid;
	TEXT-DECORATION: none;
/*	BACKGROUND: #ded1c4;  */
	
	}
.startbild {
	
	BACKGROUND: #f3f3f3;
	
	}
	
.login {
	
	BACKGROUND: #ded1c4;
	
	}	

.side {
	FONT-FAMILY: Verdana, Arial, sans-serif;
	FONT-SIZE: 11px;
	FONT-WEIGHT: solid;
	COLOR: #8C546E;
	BORDER-WIDTH: 1px;
	BORDER: #8C546E;
/*	BACKGROUND: #ded1c4;  */
	}
	
	
.border {
	
	border:1px solid #8C546E;
	
	}
		
/*********************INFO BOX ******************************/	
a.info, a.info:link, a.info: visited, a.info:active{
    position:absolute; /*this is the key*/
    z-index:24; background-color:transparent;
    color:#000;
    text-decoration:none}

a.info:hover{  background:transparent}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
 
	display:block;
 	position:relative;
	top:2em; left:4px; width: 13em;
    border:1px solid #8C546E;
	PADDING: 8px;
    background-color:#fff; color:#8C546E;
    text-align: left
	}
	
/*	a.info:hover span{ /*the span will display just on :hover state*/
  /*  display:block;
 	position:fixed;
    top:40em; left:4px; width:13em;
    border:1px solid #8C546E;
	PADDING: 8px;
    background-color:#fff; color:#8C546E;
    text-align: left
	} */
	
.box {
	FONT-FAMILY: Verdana, Arial, sans-serif;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR: #bfbfbf;
	BORDER-WIDTH: 0px;
	BACKGROUND: #fff;
	}
/*********************************************************/



/*********************INFO BOX ******************************/
/*    position:relative; /*this is the key*/
 /*   z-index:24; background-color:#ded1c4;
    color:#0000000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ded1c4}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
 /*   display:block;
 	position:absolute;
    top:2em; left:0em; width:20em;
    border:3px solid #eeeeee;
	PADDING: 8px;
    background-color:#eeeeee; color:#8C546E;
    text-align: left
	}
/*********************************************************/

/*-------------------------------------------------------*/
SPAN.KLEINER {
	FONT-SIZE: 10px
}






A:Link	{
COLOR:#8C546E;
TEXT-DECORATION: none

}


A:visited	{
COLOR:#8C546E;
TEXT-DECORATION: none

}


A:hover	{
COLOR:#8C546E;
TEXT-DECORATION: none

}


A:active	{
COLOR:#8C546E;
TEXT-DECORATION: none

}









TD.TITEL2 {
	FONT-FAMILY: Verdana, Arial, sans-serif;
	FONT-SIZE: 11px;
	FONT-WEIGHT: solid;
	COLOR:#8C546E;
	BORDER-STYLE: outset;
	BORDER-WIDTH: 1px;
	BACKGROUND: #DEC7B2;
	}






TD.TABINHALT {
Center;	FONT-FAMILY: Verdana, Arial, sans-serif;
	FONT-SIZE: 10px;
	COLOR: #8C546E;
	BORDER-STYLE: inset;
	BORDER-WIDTH: 1px;
		BACKGROUND: #DEC7B2;
	PADDING: 2px
}



TD.SUCHBILD {
	BACKGROUND-IMAGE: url(../buttons/suchen.gif)
}



TD.LOGINBILD {
	BACKGROUND-IMAGE: url(../images/angos_anmelden.gif)
}



TD.Startbild	{
BACKGROUND-IMAGE: url(../abilder/shopstart.jpg)
}

TD.PREIS {
	FONT-FAMILY: Arial;
 FONT-SIZE: 12px;
FONT-STYLE: arial;
	FONT-WEIGHT: solid;
	COLOR: #864e4e;
	BACKGROUND: #DEC7B2
}



HR.CROSSTRENN {
	COLOR: #ded1c4
}



HR.ARTIKELUEBERTRENN {
	COLOR: #BBBBBB
}


SELECT, INPUT, TEXTAREA {
FONT-FAMILY: Verdana, Arial, sans-serif;
	FONT-SIZE: 11px;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
	BORDER-COLOR: #8C546E;
	PADDING: 1px;
	
}



FORM {
	DISPLAY: inline;
	BACKGROUND: #ded1c4;   /*darf nicht weiß sein */

}



.SLOGAN {
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	COLOR: #8C546E
}



.WILLKOMMENTAB {
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
	BORDER-COLOR: #000099
}



.WILLKOMMENTD {
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
	BORDER-COLOR: #8C546E;
	FONT-SIZE: 12px;
	LINE-HEIGHT: 18px;
	PADDING: 5px;
	COLOR: #404080;
	BACKGROUND: #ded1c4
}



.ANGEBOTE {
	FONT-SIZE: 16px;
	FONT-WEIGHT: solid;
	COLOR: #8C546E;
	BORDER-STYLE: solid;	BORDER-WIDTH: 1px;
	BORDER-COLOR: #AAAAAA

}



.ANGEBOTETAB {
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
	BORDER-COLOR: #8C546E
}



.ANGEBOTETD {
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
	BORDER-COLOR: #8C546E;
	FONT-SIZE: 12px;
	LINE-HEIGHT: 18px;
	PADDING-TOP: 10px;
	PADDING-BOTTOM: 10px;
	COLOR: #404080;
	BACKGROUND: #ded1c4
}



.ARTIKELTD {
	BORDER-STYLE: inset;
	BORDER-WIDTH: 1px;
		FONT-SIZE: 12px;
COLOR:#8C546E;
	LINE-HEIGHT: 18px;
	BACKGROUND: #ded1c4
}

.startborder{
	BORDER-STYLE: dashed;
	BORDER-WIDTH: 1px;
	
	border-COLOR: #666666;
	
}

.NEUE {
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
	BORDER-COLOR: #8C546E;
	FONT-SIZE: 12px;
	LINE-HEIGHT: 18px;
	PADDING-TOP: 10px;
	PADDING-BOTTOM: 10px;
	BACKGROUND-IMAGE: url(../images/alt.gif) !important;
	BACKGROUND: #ded1c4 !important
	
}

