html, body {
	height: 100%;	overflow: auto; 
	}
	BODY,P,DIV,TH,P,TD{
       /* font-family:Tahoma, Verdana, Arial, sans-serif;  */
        font-family: Tahoma, Verdana, Arial, sans-serif;
		COLOR: #000000;
        margin:0px;
        vertical-align:top;
        text-align:left;
        font-size:12px;
        
        
}



textarea,input,SELECT{
background-color:#EEEEEE;
padding:2px 0px 2px 0px;
border:1px #cddfb9 solid;
font-family:Tahoma,Arial,Verdana;
font-size:12px;
line-height:14px;
}



SELECT{
padding:0px;
line-height:14px;
}

INPUT:focus,TEXTAREA:focus,SELECT:focus{
 
BACKGROUND-COLOR:#FFFFFF;
}



.Inputfield{
background-color:#EEEEEE;
padding:2px 0px 2px 0px;
border:1px #cddfb9 solid;
font-family:Tahoma,Arial,Verdana;
font-size:12px;
line-height:14px;
}

.ErrorInputfield{
background-color:#EEEEEE;
padding:2px 0px 2px 0px;
border:1px #F3740D solid;
font-family:Tahoma,Arial,Verdana;
font-size:12px;
line-height:14px;
} 


IMG{
border:0px;
}


input[type=image] {
border:0px;
background:none;
}

BODY{ 
/* Desktop-Hintergrund #E4F0C1 */
background-color:#FFFFFF
/*background:url(../images/muster.gif);*/
}

/*
A{
font-size:12px;
color:#A20300;
 }
A:link {
 TEXT-DECORATION: none;
}
A:visited {
TEXT-DECORATION: none;
}
A:hover {
TEXT-DECORATION: underline;
}
A:active  {
TEXT-DECORATION: underline;
}

 */


#maindiv{
position:absolute;
top:10px;
left:50%;
margin-left:-497px;
width: 995px;
border: 1px #D8E498 solid;
background-color:#FFF;
}

.artikelnr{
font-size:10px;
color:#666666;
}

#header, #footer {
clear: both;
}


#header{

width:995px;
height:88px;
float:left;
background:url(../images/headerbg.gif)  no-repeat left top;

}



#footer {
margin-top:10px;
width:985px;
height:30px;
border-top:1px #87C034 solid;
padding-left:10px;
line-height:20px;
font-style:italic;
float:left;
background:url(../images/footerbg.gif)  no-repeat left bottom;
}




#navitop{
margin-left:10px;
width:955px;
padding:0px 15px 0px 5px;
float:left;
height:25px;
background:url(../images/bttop.jpg) repeat-x  top left;
margin-bottom:10px;
border-bottom:1px #d8e498 solid;
display:inline;
}


#navitop DIV A{
font-size:12px;
font-weight:bold;
color:#FFFFFF;
margin-right:5px;
line-height:20px;
}

#navitop DIV A:hover{
font-size:12px;
font-weight:bold;
color:#DDD;
TEXT-DECORATION: none;
}



#navitopright{
float:right;
margin-right:5px;
height:20px; 
}


.navitoppfad{
float:left;
margin-left:5px; 
}

.toppoint{
border:0px;display:inline;margin-right:4px;
}


#wkorbtop{
float:right;
width:270px;
margin-top:15px;
}




.wkorbinhalt{
float:right;
width:170px;
}

.wkorbubr{
float:left;
font-size:14px;
font-weight:bold;
color:#467749
}



.hkul,.ukul{
margin:0px;
padding-left:15px;
}

.hkul LI, .ukul LI{
margin:3px 0px 3px 0px;
color:#444;
}

LI A{
color:#666666;
TEXT-DECORATION: underline;

}


LI A:link {
 TEXT-DECORATION: underline;
}
LI A:visited {
TEXT-DECORATION: underline;
}

.navilinkSelected{
font-weight:bold;
color:#94AA17;
}
.navilink:HOVER, .navilink2:HOVER{

font-weight:bold;
}










.box2{
margin-bottom:10px;
width:180px;
margin-left:5px;
float:left;
border:1px #d8e498 solid;
padding-left:5px;
margin-left:10px;
display:inline;
}

.box2top{
width:175px;
height:24px;
padding-left:5px;
line-height:24px;
color:#000;
font-size:13px;
font-weight:bold;
}
.box2inhalt{
 width:175px;
float:left;
margin-top:10px;
overflow:hidden;
 
}


.boxtop2{
background:#dcf9de url(../images/bgsmall.gif);
width:183px;
height:24px;
line-height:24px;
padding-left:10px;
color:#000;
font-size:13px;
font-weight:bold;
border:1px #a0b3c3 solid;
border-top:0px;
float:left;
}



#mainWindow{
width:790px;
float:right;
margin-left:4px;
}

.txtsmall{
font-size:10px;
}

#naviLeft{
float:left;
width:201px;
}

#mittemacro{
width:100%;
}
#mittemacroubr{
color:black;
font-size:12px;
font-weight:bold;
margin-top:5px;
}

#mitteinhalt,#mitteinhalt2{
background-color:#FFF;
padding:10px 5px 10px 5px;
border: 0px #000 solid;
float:left;
width:779px;
}








#newslist{
float:right;
width:425px;
height:150px;
overflow:auto;
border:1px #cddfb9 dotted;
}



#katartikel,#artangebote{
  margin:0px 0px 10px 0px;
  width:768px;
  float:left;
}
.kaubr,#artangtop,#unterartsdivubr{
  font-weight:bold;
  display:block;
  background-color:#97cd49;
  line-height:25px;
  border-bottom:1px #cddfb9 solid;
  padding-left:15px;
  color:#FFF;
  height:30px;
  background:url(../images/mline.gif) repeat-x  top left;
}


#unterartsdiv{
margin:20px 0px 20px 0px;
}




.uartikelprev{
float:left;
width:770px;
border-bottom:1px #cddfb9 dotted;
margin:10px 3px 0px 0px;
}




.artikelprevgr{
float:left;
width:230px;
height:320px;
padding:5px 5px 10px 5px;
border:1px #c7d076 solid;
margin:10px 3px 0px 10px;
background-color:#fbe7c6;
}



.artikelprev,.unterkat{
float:left;
width:355px;
height:115px;
padding:5px 5px 10px 5px;
border:0px #c7d076 solid;
margin:10px 3px 0px 10px;
background-color:#EDF5D6;
}

.unterkat{
float:left;
width:355px;
height:85px;
padding:5px 5px 10px 5px;
border:0px #c7d076 solid;
margin:10px 3px 0px 10px;
background-color:#EDF5D6;
}



/* Hintergrund obere Textleiste Thumbnails    */
.artikelprevubr,.ukatlink{
	margin-left:2px;
	color:#666666;
	font-weight:bold;
	font-size:11px;
	line-height:16px;
	TEXT-DECORATION: underline;
	overflow:hidden;
	display:block;
	height:16px;
	background-color: #EDF5D6;   
}


.artprevkt{
	height:60px;
	width:243px;
	padding:4px;
	overflow:hidden;
	font-size:11px;
	margin:3px 0px 10px 0px;
	background-color: #EDF5D6;
}

.unterkatkt{
height:50px;
width:273px;
padding:5px;
overflow:hidden;
font-size:11px;
margin-top:3px; 

 
}



.artprevktgr{
height:100px;
width:210px;
padding:5px;
overflow:hidden;
font-size:11px;
margin:10px 0px 10px 0px;
}

.artprevkt2{
height:45px;
width:660px;
padding-left:5px;
overflow:hidden;
font-size:11px;
margin-bottom:5px;
}



.apimggr{
	margin-left:auto;
	margin-right:auto;
	width:150px;
	height:150px;
	background-color: #fbe7c6;
}

.apimg{
	float:left;
	width:100px;
	height:100px;
	background-color: #fbe7c6;
	margin-top:3px;
	cursor:pointer;	
}


.ukatpic{
float:left;
width:70px;
height:70px;

margin-top:3px;
cursor:pointer;
}





.preiskl{
font-size:10px;
cursor:pointer;
color:#666666;
font-weight:bold;
float:left;
margin-right:5px;
margin-left:3px;
height:16px;
 
}



.absebutton3{
float:right;
padding:2px 5px 2px 5px;
text-decoration:none;
}



.preisbig{
cursor:pointer;
background-color:#16a1e2;
color:#FFF;
font-weight:bold;
float:left;
border:1px #a0b3c3 solid;
padding:2px;
margin:5px 5px 5px 0px;
padding:5px;
}

.preisbig B{
font-size:14px;
}

.artnr{
float:left;
font-size:12px;
font-weight:bold;
margin-left:2px;
color:#000;
line-height:16px;
}




.absebutton,.absebutton2,.absebutton3,.stdbutton{
background-color:#81BE2B;
padding:2px 5px 2px 5px;
color:#FFF;
font-weight:bold;
border:1px #cddfb9 solid;
margin:0px 5px 5px 5px;
cursor:pointer;
}
.absebutton:HOVER,.absebutton2:hover,.absebutton3:hover{
background-color:#16a1e2;
}
.absebutton{
float:right;
}
.absebutton2{
float:left;
}


.p2cacc{
background-color:#81BE2B;
padding:2px 5px 2px 5px;
color:#FFF;
font-weight:bold;
border:1px #cddfb9 solid;
margin:0px 5px 5px 5px;
cursor:pointer;
float:left;
font-style:italic;
}



.txtright{
text-align:right;
}

#navipfad{



}



#artb2{
width:200px;
height:200px;
float:left;
margin:10px;
}




.artb3{
margin:5px;
cursor:pointer;
border:1px #cddfb9 solid;
background-color:#BFDEA9;
float:left;
}




 
 



#worklayer{
position:absolute;
top:160px;
left:50%;
background-color:#FFFFFF;
z-index:201;
border:1px #cddfb9 solid;
display:none;
width:200px;
}

#worklrtop{
background-color:#81BE2B;
width:100%;
height:20px;
border-bottom:1px #cddfb9 solid;
}

#worklrtopr{
width:10px;
height:20px;
float:right;
}

#worklrtopl{
width:10px;
height:20px;
}

#worklayerbody{

padding:5px;
}














































.box{
width:195px;
margin-left:5px;
border:0px red solid;
background-color:#FFF;
margin-bottom:10px;
}
.boxtop{
background:#FFF url(../images/boxtop.gif)  no-repeat left;
width:185px;
height:24px;
line-height:24px;
padding-left:10px;
color:#FFF;
font-size:13px;
font-weight:bold;
}



.boxinhalt{
padding:10px 10px 10px 10px;
width:173px;
border:1px #a0b3c3 solid;
border-top:0px;
}















/* Seitenelemente */















.naviltop{
border-top:1px black solid;
border-bottom:1px black solid;
font-family:Arial;
background-color:#CEfe34;
color:black;
font-size:14px;
font-weight:bold;
text-align:left;
padding-left:5px;
width:194px;
margin-top:15px;
margin-bottom:5px;
float:left;
}






#logindiv{
border-bottom:0px black solid;
margin-bottom:5px;
}







.link2{
padding:0px;
margin:10px 0px 5px 5px;
font-size:12px;
border-bottom:1px #a0b3c3 solid;
line-height:18px;
}

.link2:hover{
padding:0px;
margin:10px 0px 5px 5px;
font-size:12px;
border-bottom:2px #a0b3c3 solid;
line-height:18px;

text-decoration:none;
}

.navilink2{
margin-left:10px;
width:173px;
}



#logintable TD{
  font-weight:bold;
  padding-left:5px;
}


.button
{
background-color:#CEfe34;
cursor:pointer;
border:1px black solid;
line-height:14px;
color:#000000;
text-align:center;
padding:2px 5px 2px 5px;
font-weight:bold;
}
.button:HOVER{
  color:#555;
}





















#artikelergebnisse{
float:left;

}




.preis1,.absebutton3{
font-size:11px;
cursor:pointer;
background-color:#8D0E17;
color:#FFF;
font-weight:bold;
float:right;
border:1px #a0b3c3 solid;
padding:2px 4px 2px 4px;
margin-right:5px;
margin-left:3px;


}



.overlaypic2{
width:100px;
height:100px;
background-color:red;
background-color: white;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
cursor:pointer;
}


.overlaypic1{
width:100px;
height:100px;
background-color: white;
filter:alpha(opacity=00);
-moz-opacity: 0;
opacity: 0;
cursor:pointer;
}




a.navitable,.navitable{
font-size: 12px;
color:#000000;
text-decoration:none;
}


.artb1{
margin:5px;
float:left;
border:1px #a0b3c3 solid;
}




.artikelname{
  font-size:14px;
  color:#000000;
  font-weight:bold;
  display:block;
  margin-bottom:5px;
}


.artikelname2{
font-weight:bold;
margin:5px 0px 2px 0px;
display:block;
}




.preissmall{
margin:5px;
}




td.label        { font-weight:bold; }

/* Data Table */
.data-table {
border-left:1px solid #cddfb9;
border-top:1px solid #cddfb9;
width:90%; margin-bottom:10px;
}

.data-table .tr1{background-color:#c9ee95}
.data-table .tr2{background-color:#FFFFFF}
.data-table .tr1 A{font-weight:bold;}
.data-table .tr2 A{font-weight:bold;}





.data-table th {
    border-right:1px solid #cddfb9;
    padding:2px 8px;
    color:#0a263c;
    white-space:nowrap;
    }
.data-table th.wrap {white-space:normal;}
.data-table th a, .data-table th a:hover { color:#fff;}
.data-table td { padding:3px 8px; }

.data-table tfoot { border-bottom:1px solid #cddfb9;}
.data-table tfoot tr { background-color:#DEE5E8 !important; }
.data-table tfoot td { padding-top:1px; padding-bottom:1px; border-bottom:0; border-right:1px solid #cddfb9; }
.data-table tbody td { border-bottom:1px solid #cddfb9; border-right:1px solid #cddfb9; }







.data-table2 { border:0px solid #bebcb7; margin:0px auto 5px auto; width:90%;float:left }
.data-table2 .tr1{background-color:#c9ee95}
.data-table2 .tr2{background-color:#FFFFFF}
.data-table2 td{ padding:3px 8px; }
.data-table2 tbody td { border-bottom:1px solid #cddfb9; border-right:0px solid #cddfb9; }
.data-table2 tbody td.label { border-bottom:1px solid #cddfb9; border-right:1px solid #cddfb9; }



.data-table2 th {
    padding:2px 8px;
    white-space:nowrap;
}

.data-table3 { border:0px;float:left;}
.data-table3 .tr1{background-color:#c9ee95}
.data-table3 .tr2{background-color:#FFFFFF}
.data-table3 td{ padding:3px 8px; }
.data-table3 tbody td { border:0px; }
.data-table3 tbody td.label { border:0px;}

.data-table3 th {padding:2px 8px;white-space:nowrap;}






.bstarea{
margin-top:5px;
border:0px red solid;
float:left;
padding:5px;
}
.bstarea SELECT{
background-color:#FFF;
float:left;
}


#versauswl{
font-weight:bold;
margin-top:10px;
border:0px #a0b3c3 solid;
float:left;
padding:5px;
}




#shopagbs{
margin-top:10px;
border:1px #a0b3c3 solid;
float:left;
width:440px;
height:190px;
overflow:auto;
padding:5px;
}




HR {
border:1px #a0b3c3 solid;
background-color:#FFF;
height:1px;
}








#txtseitediv
{
padding:5px;
width:760px;
float:left;
margin-bottom:20px;
}




















/*AJAX*/
    div.autocomplete {
      position:absolute;

      background-color:#EEEEEE;
      margin:0px;
      padding:0px;
      border:1px #d8e498 solid;
background-color:white;

    }
    div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;

    }
    div.autocomplete ul li.selected {
background-color: #A5BC23;
color:white;
}
    div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:20px;
      cursor:pointer;

    }


    
    
    
    fieldset { padding: 1em; background-color: #eee; }
fieldset legend { color: #aaa; }


ul.testlist {
list-style-type:none;
margin:0px;
padding:0px;
}

ul.testlist li {
font:12px Verdana;
padding:0px;
border-top:0px;
border-bottom:0px;
}

ul.testlist li.over {
background-color:#FFFF4F;
width:195px;

}
    /*AJAX ENDE */



#error-div{
position:fixed;
top:150px;
left:50%;
width:400px;
min-height:100px;
margin-left:-200px;
border:2px #FF0000 solid;
background-color:#FFF;
padding-top:5px;
text-align:center;
z-index:203;

}

#errortop{
float:left;
width:100%
}

#errorinhalt{
color:#FF0000;
width:390px;
float:left;
padding:5px;
text-align:center;
font-size:14px;
vertical-align:middle;
}

#erfolgtop{
float:left;
width:100%
}


#success-div{
position:fixed;
top:150px;
left:50%;
width:400px;
height:100px;
margin-left:-200px;
border:2px #CEfe34 solid;
background-color:#FFF;
padding-top:5px;
text-align:center;
z-index:202;
}

#siteoverlay{
width:100%;
height:100%;
position:fixed;
top:0px;
left:0px;
background-color: black;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
z-index:10;
}
#loadpic{
position:fixed;
top:20%;
left:50%;
margin-left:-50px;
z-index:11;
}



.tableleft{
background:transparent;
padding:2px 5px 2px 5px;
float:left;
margin-right:5px;
width:100px;
height:20px;
}

.tablediv{
margin-bottom:5px;
float:left;
}

.selected { background-color: #888; }

.kdnummer{
font-size:12px;
font-weight:bold;
font-style:italic;
}



.help{
border:1px black solid;
float:left;
margin-left:2px;
padding:2px;
background-color:#00ffaa;
cursor:help;
}
#bankdeg{
width:450px;
}




.vslink,.vslink2{
font-size:9px;
color:#666666;
font-weight:bold;
}
.vslink2{
float:right; 
}
.vslink{
float:left; 
}



.auftmsg{
padding:2px 5px 2px 5px;
border:1px #a0b3c3 solid;
font-family:Arial,Verdana;
font-size:12px;
float:left;
width:400px;
height:100px;
overflow:auto;
margin-top:10px;
}




.newsLItem{
width:395px;
float:left;
border-bottom:1px #a0b3c3 dotted;
padding:5px;
}


.nlitxt{
width:290px;
}

#newsvoll{
background-color:#FFFFFF;
width:100%;
float:left;
}

.smltxt{
font-size:10px;
}



.infotext{
padding:5px;
font-weight:normal;

}


#kategoriennavidiv{
color:#000;
background:url(../images/box2t.jpg) no-repeat  top left;

}

#suchenavidiv{
color:#000;
background:url(../images/box1t.jpg) no-repeat  top left;
}

#txtnavidiv{
background:url(../images/box4t.jpg) no-repeat  top left;

}




/* 281111 */

.besimg{ font-size:14px; color:#175317; text-transform:uppercase; font-weight:bold; padding:8px 0 0 0;}
.mitteinhalt-left{ float:left; width:585px; height:auto;}
.pdficon{ background:url(pdf.gif) no-repeat; float:left; padding:0 0 0 35px; color:#cc3333; font-size:12px; text-decoration:none; line-height:35px;}
.mitteinhalt-right{ float:left; width:194px;}
.zo-btn{ float:right; padding:15px 5px 0 0;}
.clear{ clear:both;}
.art-left{ width:352px; height:auto; float:left; border:#99a165 solid 1px; padding:12px;}
.art-right{ width:180px; float:left; padding:10px 0 10px 37px;}
.weitere{ font-size:14px; color:#175317; font-weight:bold; text-transform:uppercase; padding:5px 0 5px 0;}
.artb3{
margin:5px;
cursor:pointer;
border:1px #99a165 solid;
background-color:#BFDEA9;
float:left;
}
.artnewb{ width:104px; height:auto; float:left; padding:0 0 15px 0;}