*
{margin:0px;
padding:0px;}

body
{background:#fff url(../images/bg-all.gif) repeat-x top;
font-family:verdana,arial;
font-size:0.8em;}

#all
{
width:988px;
padding:0px 6px 0px 6px;
margin:0px auto 0px auto;
}

#header
{height:145px;}


#breadcrumb
{display:block;
margin:9px 0px 0px 0px;
float:left;}

.kassenlink
{display:block;
float:right;
padding:9px 5px 9px 5px;
border:1px solid #fff;
color:#fff;
text-decoration:none;
}

.kassenlink:hover
{background:#fff;
color:#000;}

.header-basket
{display:block;
width:162px;
padding:5px;
position:absolute;
top:0px;
margin: 14px 0px 0px 12px;}

.header-basket h2
{color:#000;
font-size:0.9em;}

.header-basket a
{display:block;
margin:10px 0px 0px 0px;
color:#000;}

#hinzugefuegt
{font-size:100px;
color:#fff;
opacity:0.0;
font-weight:bold;}

#breadcrumb a,#breadcrumb a:visited
{color:#fff;}


#navi-top
{display:block;
height:35px;
margin:0px 6px 0px 7px;
padding:0px 0px 0px 10px;
overflow:hidden;
color:#fff;}


#navi-left,#navi-right
{width:210px;
margin:14px 0px 0px 0px;
float:left;
}

#cats li
{list-style-type:none;}

#cats li a
{display:block;
background:#282828;
/*background:url(../images/button.png) no-repeat top left;*/
height:30px;
width:192px;
color:#fff;
font-weight:bold;
text-decoration:none;
padding:10px 0px 0px 12px;
margin:3px 0px 0px 3px;}

#cats li a:hover
{
background:#FF69C7;
/*background:url(../images/button-hover.png) no-repeat top left;*/
text-decoration:underline;}

#content-all
{float:left;
width:542px;
margin:10px 13px 0px 13px;
}


#slider2
{
display:block;
width:542px;
height:187px !important;}


.content
{background:#fff;
border:1px solid #969696;
border-top:0px;
border-bottom:0px;
width:520px;
overflow:hidden;
height:1%;
padding:0px 10px 0px 10px;}

p
{margin:0em 0em 1em 0em;}

.content-bottom
{background:url(../images/content-bottom.gif) no-repeat top left;
height:12px;}

.content-top
{background:url(../images/content-top.gif) no-repeat top left;
height:12px;
overflow:hidden;
margin:10px 0px 0px 0px;}

.box-all
{width:209px;
margin:10px 0px 0px 0px;}

.box-top
{background:url(../images/box-top.png) no-repeat top left;
padding:10px 10px 0px 10px;
height:16px;
overflow:hidden;}

.box-bottom
{background:url(../images/box-bottom.png) no-repeat top left;
height:9px;}

.box-top h2
{font-size:0.9em;
color:#D90088;}

.liste li
{list-style-type:none;
margin:0px 0px 3px 0px;}

.liste li a,.liste li a:visited
{color:#000;}


.box-content
{background:url(../images/box-content.png) repeat-y top left;
padding:5px 10px 0px 10px;
height:1%;
overflow:hidden;}


/*Produkt*/

.produkt
{border-bottom:1px solid #CDCDCD;
width:542px;
padding:20px 0px 20px 0px;
margin:0px 0px 0px 0px;
}


.produktbild
{width:128px;
height:128px;
border:1px solid #cdcdcd;
background:#fff;
padding:4px;
float:left;}

.produkt-details
{width:370px;
font-size:0.9em;
margin:0px 0px 0px 10px;
height:138px;
float:left;}

.produkttext
{height:70px;
margin:5px 0px 0px 0px;
overflow:hidden;}

.warenkorb-button
{float:right;}

.produkt-preis
{font-weight:bold;
font-size:1.3em;
display:block;
float:left;
width:157px;
height:41px;
padding:20px 10px 0px 0px;
margin:0px 0px 0px -10px;
text-align:right;
background:url(../images/preisschild.gif)}

.regelung
{font-size:0.8em;
margin:0px 0px 0px 230px;}

.regelung a,.regelung a:hover
{color:#000;}

.produkt-details h2
{font-size:1em;
color:#000;}

.artikelnummer
{font-size:0.7em;
color:#cecece;}

/** Warenkorb etc. **/

#statusampel
{width:520px;
overflow:hidden;}



.ampel
{width:100px;
float:left;
margin:0px 28px 0px 0px;
text-align:center;}

.ampel img
{display:block;
margin:0px auto 5px auto;}

.ampel a,.ampel a:visited
{color:#000;}

#footer
{display:block;
text-align:center;
margin:10px 0px 15px 0px;}