/* Barfuss Style */

* {
    margin: 0;
    padding: 0;
}


body{
background: url(images/bg-body.png) repeat-x #efffd4;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:0,005em;
margin:0px;
padding:0px;
text-align:center;
}

#gras{
background: url(images/bg-gras.png) repeat-x;
position:fixed;
bottom:0px;
left:0px;
height:84px;
width:100%;
z-index:1;
}

#container{
margin-right:auto;
margin-left:auto;
width:810px;
text-align:left;
position:relative;
z-index:2;
}

#header{
background:url(images/bg-header.png);
width:810px;
height:125px;
}

#logo{
width:170px;
height:120px;
float:left;
margin:0px 0px 0px 5px;
}

#logo a {text-decoration:none; border:none;}
#logo img {border:none;}

#headerpic{
height:125px;
width:250px;
float:right;
margin:0px 5px 0px 0px;
}

#content{
background:url(images/bg-content.png) repeat-y;
width:810px;
margin:0px;
padding:0px;
}

#left{
margin:0px 0px 0px 5px;
width:170px;
float:left;
}

#navi{
width:170px;
}

#navi ul{
list-style:none;
}

#navi a{
background: url(images/bg-button.png) no-repeat;
font-size: 16px;
text-decoration:none;
color:#4d4e00;
display:block;
height:30px;
padding: 10px 0px 0px 20px;
margin:5px 0px 0px 0px;
}
/*button-roll-over-effekt */
#navi a:link{ background: url(images/bg-button.png) no-repeat;  }
#navi a:visited{ background: url(images/bg-button.png) no-repeat;  }
#navi a:hover{ background: url(images/bg-button.png) 0px -40px no-repeat; text-decoration:none; color:#fff;}

#navi p{
background: url(images/bg-active.png) no-repeat;
font-size: 16px;
text-decoration:none;
color:#fff;
display:block;
height:30px;
padding: 10px 0px 0px 20px;
margin:5px 0px 0px 0px;
}

#spacer{
width:170px;
margin:5px 0px 5px 0px;
padding:0px;
height:100%;
}

#spacer img{
margin:0px;
padding:0px;
}

#sp-mid{
background: url(images/bg-spacer.png) repeat-y;
margin:0px;
height:100%;
}

#middle{
width:350px;
margin:15px 0px 0px 30px;
float:left;
}

#text{
font-size:12px;
color:#3d3c3f;
}

h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
line-height:24px;
margin-bottom:20px;
color:#d0567f;
font-style:italic;
font-weight:normal;
}

h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
line-height:20px;
margin-bottom:10px;
color:#d0567f;
font-style:italic;
font-weight:normal;
}

h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
line-height:20px;
margin-bottom:10px;
color:#bcbe00;
font-style:italic;
font-weight:bold;
}

p{
margin-bottom:10px;
}

#text ul{
list-style: url(images/bg-list.png);
list-style-position:inside;
line-height: 20px;
margin-bottom:10px;
}

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

#text a{
color:#d0567f;
margin:0px; padding:0px;
}

#text a:hover{
color:#bcbe00;
}

#right{
width:240px;
margin:0px 0px 0px 10px;
float:left;
}
#legs{
margin:0px;
padding:0px;
width:300px;
height:350px;

filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='images/img-legs.png');

background: url(images/img-legs.png) no-repeat;
}

#legs2{
margin:0px;
padding:0px;
width:240px;
background: url(images/img-legs2.png) no-repeat;
background-position:right bottom;
}

#babyfeet{
margin:0px;
padding:0px;
width:240px;
background: url(images/img-babyfeet.png) no-repeat;
background-position:right bottom;
}

.clear{clear:both;}

#footer{
width:810px;
height:62px;
background: url(images/bg-footer.png);
color:#fff;
font-size:12px;
}

#footer a{color:#fff;}
#footer a:hover{color:#FFFF00;}

#copy{
float:left;
margin:15px 0px 0px 25px;
}

#adress{
float:left;
margin:15px 0px 0px 94px;
}

#impressum{
float:left;
margin:15px 0px 0px 25px;
}

#mail{
float:left;
margin:15px 0px 0px 58px;
}

#twin{
float:left;
margin:15px 0px 0px 58px;
}

.spacing{
line-height:20px;
}

.border{
border-top: solid 1px #bcbe00;
}

#subnavi{
font-size:12px;
color:#b5b5b5;
}

#subnavi a{
color:#d0567f;
text-decoration:none;
margin:0px; padding:0px;
}

#subnavi a:hover{
color:#bcbe00;
}

.back{
float:left;
}

.back-next{
float:right;
}

#picture{margin-top:60px;}


/* Barfuss Shop Style */

#shop{
width:570px;
margin:15px 0px 0px 30px;
float:left;
}

#shop h1{
margin:0px;
}

.float{ float:left;}

.hinweis_warenkorb{
float:right;
color:#d0567f;
margin-top:12px;
}

.kategorie, .produktname h2, .teiler{
clear:both;
height:20px;
background:#d0567f;
color:#fff;
font-size:15px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
padding-left:5px;
margin:12px 0px 12px 0px;

}

.produkt{
border-bottom:#d0567f solid 1px;
padding-bottom:6px;
margin-bottom:12px;
}

.lastprodukt, #einzelprodukt{
padding-bottom:6px;
margin-bottom:12px;
}

.img{
border: solid 1px #d0567f;
float:left;
margin-right:10px;
}

.img-med{
border: solid 1px #d0567f;
float:left;
margin-right:20px;
}

.text{
width:245px;
float:left;
margin-right:25px;
}

.text h2{
margin:0px 0px 5px 0px;
color:#3d3c3f;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
font-style:normal;
}

.preis{
font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-style:italic;
color:#bcbe00;
margin-bottom:3px;
}

#gesamtpreis{
font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-style:italic;
color:#bcbe00;
margin-bottom:3px;
float:right;
margin-top:12px;
margin-right:15px;
}

.mwst{
font-size:11px;
line-height:14px;
margin-bottom:6px;
color:#3d3c3f;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
}

.zum-artikel, #weiter{
height:32px;
width:181px;
float:left;
}

#shop .produkt .zum-artikel a, #shop .lastprodukt .zum-artikel a, #weiter a{ 
text-align:center; 
text-decoration:none;
margin:0px;
font-family:Georgia, "Times New Roman", Times, serif; 
color:#fff;
font-size:18px; 
font-weight:bold; 
font-style:italic; 
background: url(images/bg-btn.png) no-repeat 0px 0px; 
display:block; 
height:27px; 
width:181px; 
padding-top:5px;
}

#shop .produkt .zum-artikel a:hover, #shop .lastprodukt .zum-artikel a:hover, #weiter a:hover{
background: url(images/bg-btn.png) no-repeat 0px -32px; color:#fff; 
}

#weiter{
margin:12px 0px 12px 90px; 
}

#shopbutton{
width:170px;
height:125px;
margin-top:4px;
}

#shopbutton a{
display:block;
width:170px;
height:125px;
background:url(images/bg-shopbutton.png) no-repeat 0px 0px;
}

#shopbutton a:hover{
background:url(images/bg-shopbutton.png) no-repeat 0px -125px;
}

.referenzpreis{
color:#787879;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
}

.artikel-id{
margin-top:60px;
}

.menge{
margin-top:20px;
}

#addtobasket, #abschluss{
margin-top:50px;
height:32px;
width:294px;
float:left;
}

#addtobasket a, #abschluss a{ 
text-align:center; 
text-decoration:none;
margin:0px;
font-family:Georgia, "Times New Roman", Times, serif; 
color:#fff;
font-size:18px; 
font-weight:bold; 
font-style:italic; 
background: url(images/bg-btn-large.png) no-repeat 0px 0px; 
display:block; 
height:27px; 
width:294px; 
padding-top:5px;
}

#abschluss2{
margin-top:50px;
height:32px;
width:294px;
float:left;
}


#addtobasket a:hover, #abschluss a:hover{
background: url(images/bg-btn-large.png) no-repeat 0px -32px; color:#fff;
}

#abschluss2 p{ 
text-align:center; 
text-decoration:none;
margin:0px;
font-family:Georgia, "Times New Roman", Times, serif; 
color:#fff;
font-size:18px; 
font-weight:bold; 
font-style:italic; 
background: url(images/bg-btn-large_n_active.png) no-repeat 0px 0px; 
display:block; 
height:27px; 
width:294px; 
padding-top:5px;
}

#abschluss2 a:hover{
background: url(images/bg-btn-large_n_active.png) no-repeat 0px -32px; color:#fff;
}

.beschreibung h2{
clear:both;
height:20px;
background:#bcbe00;
color:#fff;
font-size:15px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
padding-left:5px;
margin:12px 0px 12px 0px;
}

.kopfzeile{
background:#d0567f;
color:#fff;
font-size:15px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}

.artikelzeile{
border-bottom:solid 1px #d0567f;
font-weight:bold;
}

.versandzeile{
background:#bcbe00;
font-weight:bold;
}

#shop #text table tr td{
padding:5px;
}

.inactive{
color:#aaa;
}

.widerruf p{
font-size:10px;
}