html,body{ background:url(../gfx/bg_winter.jpg) no-repeat top center;background-color:#001027;margin:0 auto;padding:0}
body{font: 76% arial,sans-serif;text-align:center;color:#000;}

img{border:0px;margin: 0px;}

p{margin:0 10px 10px;}
a{
        text-decoration:none;
        padding:0px;
        margin:0px;
        color:#000;
}

a:hover{color:#333;text-decoration: underline;}

h1{
        padding:0px;
        margin:0px;
        color:#BF3813;
        font-size: 21px;
        font-weight:bold;
}
h2, h3 {color:#BF3813}

a.menulink, a.kategorielink, a.versand, a.warenkorblink, a.verfuegbarlink, a.verfuegbarlink_img {
        padding:0px;
        margin:0px;
        color:#000;
}

a.artikelnamelink{
    font-size: 14px;
}

a.verfuegbarlink_img{
        margin-right:11px;
}

a.verfuegbarlink{
        padding-left:0px;
}

a.artikelnamelink {
        padding:0px;
        padding-left:7px;
        margin:0px;
        color:#3F444E;
        font-weight: bold;
}

a.agblink {
        color:#ee3322;
        font-weight: bold;
}

a:hover.artikelnamelink {
        padding:0px;
        padding-left:7px;
        margin:0px;
        color:#F35F16;
        font-weight: bold;
}

a.versand{
        padding:0px;
        font-size:1em;
}

a.kopfnavi{
        font-size: 14px;
        font-weight: bold;
        padding:11px;
        padding-bottom:0px;
        margin:0px;
        color: #555;
}

a.fusslink, a.powered{
        color:#fff;
        font-size: 1em;
        font-weight:normal;
}


a.powered:link{color:#666;text-decoration:none;font-size: 1em;}
a.powered:visited{color:#666;text-decoration:none;font-size: 1em;}
a.powered:hover{color:#000;text-decoration:underline;font-size: 1em;}

a.linkklein:link{color:#000;text-decoration:none;font-size: 10px;}
a.linkklein:visited{color:#000;text-decoration:none;font-size: 10px;}
a.linkklein:hover{color:#666;text-decoration:underline;font-size: 10px;}

a.link:link{color:#000;text-decoration:none;font-size: 12px;}
a.link:visited{color:#000;text-decoration:none;font-size: 12px;}
a.link:hover{color:#666;text-decoration:underline;font-size: 12px;}

a.linko:link{color:#666;text-decoration:none;font-size: 12px;}
a.linko:visited{color:#000;text-decoration:none;font-size: 12px;}
a.linko:hover{color:#000;text-decoration:underline;font-size: 12px;}

td.siegel a{color:#000 !important;text-decoration:none;font-size: 12px;}
td.siegel a:hover{color:#BF3813 !important;text-decoration:underline;font-size: 12px;}

a.fusslink:hover{color:#777777;text-decoration:underline;font-size: 12px;}

p.boxcontent {
}

p.warenkorb {
        text-decoration: none;
        color: #FBFFFF;
        }

p.warenkorb a{
        text-decoration: none;
        color: #FBFFFF;
        font-size: 14px;
        }

p.warenkorb a:hover{
        text-decoration: none;
        color: #FCE6D5;
        font-size: 14px;
        text-decoration: underline;
        }

p.variationshinweis, p.navi{
        margin:0px;
        padding:0px;
        font-size:0.8em;
}
p.navi{ float:left;}

p.box_login, p.content, p.head{
        margin:0px;
        margin-top:5px;
}

p.head, span.head{
        font-weight: bold;
}

span.boxpreis{
        padding:0px;
        margin:0px;
        color:#121212;
}

span.xselling_standard{
        padding:0px;
        margin:0px;
        color:#121212;
        font-size: 1.7em;
}

span.kopf_waehlen{
		color:#fff;
		padding:0px 0px 0px 0px;
}

.articleStart{background:url(../gfx/new_bg.jpg) no-repeat bottom center;vertical-align:bottom;text-align:center;width: 33%;margin-bottom: 5px;}

.articleStart_start{background:url(../gfx/new_bg_start.jpg) no-repeat bottom center;vertical-align:bottom;text-align:center;width: 33%;margin-bottom: 5px;}

hr.linie{height:1px;color:#D5D5D7;}
.ustklein{font-size: 0.8em;margin:0px;padding:0px;}
.footerklein{font-size: 0.8em;margin:0 0 0 205px;padding:0px;}
.spacer{font-size: 8px;margin:0px;padding:0px;}
.waehrung{font-size: 12px;margin:0px;padding:0px;padding-top:12px;}

.seitenzahl{font-size: 1em;margin:0px;padding:0px;}
a.seitenzahl:link{color:#000;text-decoration:none}
a.seitenzahl:visited{color:#000;text-decoration:none}
a.seitenzahl:hover{color:#F35F16;text-decoration:underline}

.artikelpreis{
  font-size: 24px;
  font-weight: bold;
  margin:0px;
  padding:0px;
  color: #506441;
}
.grafikpreis{white-space:nowrap;}

.warning{color:#F25510;font-weight:bold;margin:0px;padding:0px;margin-top:12px;}

td.kategorie, td.kategoriesub, td.kategorieselected{
background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px solid #E3E4E3;
padding:3px 0;
}

td.kategoriesub{
        background: #fff;
}

td.staffelpreis{
        font-size:0.9em;
        color:#121212;
}

td.artikelliste{
        padding:5px;
        margin:0px;
        padding-top:15px;
}

td.artikelliste_ub{
        padding:5px;
        margin:0px;
        padding-top:10px;
}

td.kategorieselected{
        background: #fff;
}

textarea.frage{
        width:280px;
        border: 1px solid #D4D5D8;
        margin:0px;
        padding:2px;
        background: #fff;
}

input.frage_email, input.login{
        width:280px;
        border: 1px solid #D4D5D8;
        margin:0px;
        padding:2px;
        background: #fff;
}

input.suche {
background:#fff none repeat scroll 0 0;
border-color:#999 #aaa #aaa #999;
border-style:solid;
border-width:2px 1px 1px 2px;
margin:0;
padding:2px;
width:140px;
}

input.login_email, input.login_passwort, input.suche_verfeinern, input.schnellkaufEAN{
        width:140px;
        border: 1px solid #D4D5D8;
        margin:0px;
        padding:2px;
        background: #fff;
}

input.anzahl, input.gehzuseite {
        width:40px;
        border: 1px solid #D4D5D8;
        margin:0px;
        padding:2px;
        background: #fff;
}

input.login_passwort{
        width:80px;
        border: 1px solid #D4D5D8;
        margin:0px;
        padding:2px;
        background: #fff;
}

 input.gehzuseite{
        width:30px;
}

hr.katartikel{
        border: 0px dotted #D4D5D8;
}

#container{text-align:left}
#content p{line-height:1.4}
#container{width:1004px;margin:0 auto}
#wrapper{float:left;width:100%}
#content{margin:0 0 0 200px;}
#left_container{float:left;width:200px;;margin-left:-1004px}
/*#right_container{float:left;width:180px;margin-left:-180px}*/

#footer{background: url(../gfx/footerBG.jpg) repeat-x;clear:left;color:#000;height:auto;margin:0 auto;padding:5px;text-align:center;width:994px; padding-left: 6px;}

.footerbox{
  background: url(../gfx/footerbox.png) no-repeat top center;
  float: left;
  width: 218px;
  height: 244px;
  margin-left: 8px;
  margin-top: 0px;
  text-align: left;
  padding-left: 20px;
}

.footerbox h3{
  color: #FFFFFF;
  font-size: 18px;
  line-height: 24px;
  padding: 0px;
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 4px;
}

.footer_img{
  border: 0px;
  margin-left: -7px;
}

#footer_white{height: 10px;}

#footerNoteWrapper {background:transparent url(../gfx/bottom-bg.png) repeat-x scroll 0 0;color:#000000;margin-top:10px;}
#footerNote-shadow-1 {background:transparent url(../gfx/bottom-shadow-l.png) no-repeat scroll 0 0;;margin-left:-11px;}
#footerNote-shadow-2 {background:transparent url(../gfx/bottom-shadow-r.png) no-repeat scroll 100% 0;margin-right:-11px;}
.footerNotePadding{padding:10px 20px 0;}
#footerNoteBoxes{overflow:hidden;}
.footerNoteSpacer.footerNoteBox .footerNoteBlock {width:25%;}
*:first-child+html .footerNoteSpacer.footerNoteBox .footerNoteBlock {width:24%;}
.footerNoteSpacer .footerNoteBlock {float:left}
.footerNoteBlock p {margin: 0 0 10px;}
.footerNoteBlock ul, li {list-style-image:none;list-style-position: inside;list-style-type:none;margin:0;padding:0;text-align:center;}

#header{background:none;height:149px;margin:0 auto;padding:0;text-align:left;width:1004px;}
table.head {border-collapse:collapse;margin:0;padding:0;}

#navcontainer {height:39px;margin:0 0 0 0px;padding:0;float:right;}
ul#navlist {
        margin: 0;
        margin-top:1px;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
}

ul#navlist li {
float:left;
font-family:verdana,arial,sans-serif;
font-size:14px;
font-weight:bold;
margin:0;
padding:12px 0 6px;
}

#navlist a, #navlist a:link {
        margin: 0;
        padding:10px 9px;
        color: #000;
        text-decoration: none;
}

ul#navlist li#active {
background: url(../gfx/menuBackActive.jpg) repeat-x;
color:#000000;
height:39px;
border-left: 1px solid #8e9982;
border-right: 1px solid #8e9982;
}
ul#navlist li#active a {color:#2d3327;}
ul#navlist li#active:hover{
color:#2d3327;
text-decoration: none;
}

ul#navlist li a:hover {

color:#000000;
text-decoration: underline;

}

#menuContent {background: url(../gfx/header_menu.jpg) #FFFFFF no-repeat;height:40px;margin:0;padding:0;}

#header a{text-decoration: none;color: #000;}

#header a:hover{color: #333;text-decoration: underline;}

#border {background: url(../gfx/bodyBG.jpg) #FFFFFF no-repeat;float:left;margin:0;width:100%;}
.logo{height:149px;margin:0;padding:0;width:797px;text-align:left;}
td.basketContent {background:url(../gfx/logoRight.jpg) no-repeat;height:149px;vertical-align:top;}
table.basketWrapper {
border-collapse: separate;
height:149px;
margin:0;
padding:0;
width:207px;
}
td.flags {border-bottom:1px dashed #999;margin:0;padding:0 5px 0 0;position:relative;text-align:right;vertical-align:top;}
td.siegel {height:48px;margin:0;padding:0 5px 5px 0;position:relative;text-align:right;vertical-align:top;}
td.basket {border-bottom:1px dashed #999;padding:5px;}
td.basketLinksLeft {padding:5px 3px;text-align:center;width:50%;}
td.basketLinksRight {padding:5px 3px;text-align:center;width:50%;}
td.basketLinksLeft a,td.basketLinksRight a {color:#000 !important;}
td.basketLinksLeft a:hover,td.basketLinksRight a:hover {color:#333 !important;}
#topnavi{
        background-image:url(../gfx/boxorange_940.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-color: #fff;
        height:36px;
}

#topnavi_button{
        float:left;
        height:36px;
        background-image:url(../gfx/boxorange_trenner.png);
        background-repeat: no-repeat;
        background-position: top right;
}

#topnavi_rechts{
        float:right;
        height:36px;
        width:80px;
}

#topnavi_button {
        font-size: 14px;
        font-weight: bold;
        padding:11px;
        padding-bottom:0px;
        margin:0px;
        color: #555;
}

input.button, input.warenkorb, input.finden, input.loginbox {
background:transparent none;
border:none;
color:#000000;
cursor:pointer;
font-size:14px;
font-weight:bold;
height:23px;
}

input.warenkorb{
		width:170px;
}

input.loginbox{
		width:74px;
}

#brotnavi{

    height:25px;
    float: left;
    padding: 5px;
    padding-left: 10px;
    padding-bottom: 0px;    
		margin:0px 0 0 0px;
}

#brotnavi .navi{color:#000;font-size:12px; float:left;margin:0;padding:3px 5px; width:750px;}
#brotnavi .flag {float:right;}
#brotnavi a{color: #000;text-decoration: none;}
#brotnavi a:hover{color: #333;text-decoration:underline;}

#subbox{ margin-left:auto;margin-right:auto;margin-top:10px;padding:0;width:180px;}
.boxBottom {margin:0 auto;padding:0;text-align:center;}
.boxBottom img {vertical-align:bottom;}

#subbox_header_hell{background:url(../gfx/boxheader_180.png);height:31px;padding:0;text-align:left;}
#subbox_header_hell .boxheader{color:#fff;font-size:13px;font-weight:bold;margin:0;padding:8px 0 0;text-align:center;}

#subbox_content{background:url(../gfx/box_bg.jpg) no-repeat bottom left;padding-left:0px;padding-bottom:8px;width:180px;margin-left:0px;text-align: left;}
ul.infoMenu {margin:0; padding:0;}
ul.infoMenu li {
border-bottom:1px solid #E3E4E3;
list-style-image:none;
list-style-position:inside;
list-style-type:disc;
padding:3px;
text-align:left;
}

#content_head_links, #content_head_rechts{
        padding:0px;
        margin:0px;
        border-width:0px;
        border-bottom-width:1px;
        border-style:solid;
        border-color:#3F444E;
        height:25px;
}

#content_head {
        padding: 0px;
        color: #000;
}

#content_head_bestell {
        padding-top:3px;
        padding-left:6px;
        height:49px;
        color: #FEFFFF;
		text-align:center;
}

#content_head_rechts{
        float:right;
        border-width:0px;
        margin-top:8px;
}

#content_head_links{
        float:left;
        border-width:0px;
        margin-top:12px;
}

#contentmid{ margin:0;padding:0 5px 0;}

#contentUntereGrenze{
        padding:0px;
        margin:0px;
        margin-top:10px;
        padding-top:10px;
        height:27px;
}

#contentUntereGrenze_rechts, #contentUntereGrenze_links{
        float:right;
        border-width:0px;
}

#contentUntereGrenze_links{
        float:left;
        border-width:0px;
}

#subbox_header_hell_korb{

        background-image:url(../gfx/boxkorb-top.png);
        background-repeat: no-repeat;
        background-position: top left;
        text-align:left;
        font-size: 13px;
        font-weight: bold;
        color: #FEFFFF;
        padding-left:5px;
        padding-top: 7px;
        width:auto;
        height:29px;
}

#subbox_warenkorb{
        background-image:url(../gfx/warenkorb.png);
        background-repeat: repeat-x;
        background-position: top left;
        background-color: #fff;
        border-width:0px;
        width:179px;
}

#subbox_warenkorb_leer{
        background-image:url(../gfx/warenkorb_leer.png);
        background-repeat: repeat-x;
        background-position: top left;
        background-color: #fff;
        border-width:0px;
        width:179px;
}

#suche_verfeinern{
        border-width:0px;
        margin-top:12px;
        padding:0px;
}

.suche {float:left;margin:0;padding:0px;width:300px;}

.suche input{   
  float:left;

  height: 25px;
  background:url(../gfx/search_input.jpg) no-repeat;
  border: 0px;
  padding: 0px;    
  }
.suchknopf{

}

#sectionheader {
		background:url(../gfx/menuBack.png) #e0c573 repeat-x;
		font-weight: bold;
    padding:10px;
    margin-top:15px;   
}

#sectionheader2 {
		font-weight: bold;
		font-size: 13px;
    padding:13px;
    padding-top: 6px;
    text-align: center;
    color: #FFFFFF;   
}

#sectionheader2 a {
    color: #FFFFFF; 
}

.highslide {
	cursor: pointer;
  outline: none;
}
.highslide img {
  border: 1px dotted #c1bfd5;
}
.highslide:hover img {

}

.highslide-image {
    border-bottom: 0px;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;

    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-html {
background-color: #f2f2f4;
}
.highslide-html-blur {
}
.highslide-html-content {
position: absolute;
display: none;
}
.highslide-loading {
display: block;
color: black;
font-size: 8pt;
font-family: sans-serif;
font-weight: bold;
text-decoration: none;
padding: 2px;
border: 1px solid black;
background-color: white;

padding-left: 22px;
background-image: url(../js/highslide/graphics/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
background-color: #f2f2f4;
}
.highslide-wrapper .highslide-html-content {
width: 460px;
padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
margin: 0;
text-align: right;
border-bottom: 1px solid white;
font-family: Verdana, Helvetica;
font-size: 10pt;
padding: 5px;
background-color: silver;
}
.highslide-wrapper .highslide-header ul li {
display: inline;
padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
display: none;
}
.highslide-wrapper .highslide-header a {
font-weight: bold;
color: #000000;
text-transform: uppercase;
text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
cursor: move;
}
.highslide-wrapper .highslide-footer {
height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
float: right;
height: 11px;
width: 11px;
background: url(../js/highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
cursor: move;
}
.highslide-resize {
cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}

#artPrev, #artNext {padding-top:10px;}
#artNext{
  padding-right:10px;
}
#artPrev img, #artNext img {vertical-align:middle;}
#artPrev a, #artNext a {
	color:#274223;
	font-weight:bold;
	text-decoration:none;
	font-size: 14px;
	
}
#artPrev a:hover, #artNext a:hover {
	color:#121212;
	font-weight:bold;
	text-decoration:none;

}

/*  styles for the unit rater
---------------------------------------------------------
ryan masuga, masugadesign.com
ryan@masugadesign.com
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */
.ratingblock {
	display:block;
	/*border-bottom:1px solid #999;*/
	padding-bottom:8px;
	margin-top:10px;
	margin-bottom:10px;
	}

.loading {
	height: 30px;
	background: url('../gfx/starrater/working.gif') 50% 50% no-repeat;
	}

.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('../gfx/starrater/starrating_big_yellow.png') top left repeat-x;
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}

.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}

.unit-rating li a:hover{
	background: url('../gfx/starrater/starrating_big_yellow.png') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('../gfx/starrater/starrating_big_yellow.png') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}

.tooltip {background-color:#FFF; border:1px solid #999;display:none;position:absolute; max-width:600px}
* html .tooltip {width:600px}

/* xpell_new      */
/* merkzettel: */
.merkzettel_wrapper{
  width: 200px;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  -moz-opacity:.90;
  opacity:.90;
}

.merkzettel_image{
  width: 50px;
  float: left;
  border: 0px;

}

.merkzettel_form{
  
  padding: 0px;
  margin: 0px;
}

.merkzettel_header{
  padding: 5px;
  padding-left:15px;
  padding-bottom: 0px;
  font-size: 19px;
  font-weight: bold;
}

.merkzettel_main{
  padding:10px;
  padding-left:15px;
}

a:focus {
	outline: none;
}
#panel {
	background: url(../gfx/bg_merkzettel.png) no-repeat right bottom;
	padding-bottom: 10px;

}
.slide {
	float: right;
  margin: 0;
  margin-top: -4px;
	padding: 0;
	background: url(../gfx/merkzettel_button.png) no-repeat right top;
}
.btn-slide {

	text-align: center;
	width: 60px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}


.news_wrapper{
	text-align: left;
  width: 200px;
  position: absolute;
  top: 0;
  left: 0;
  -moz-opacity:.90;
  opacity:.90;
}

.news_main{
  padding:10px;
  padding-left:5px;
}

#panel_news {
	background: url(../gfx/bg_news.png) no-repeat right bottom;
	padding-bottom: 10px;

}
.news_header{
  padding: 5px;
  padding-left:5px;
  padding-bottom: 0px;
  font-size: 19px;
  font-weight: bold;
}

.slide_news {
	float: left;
  margin: 0;
  margin-top: -4px;
	padding: 0;
	background: url(../gfx/news_button.png) no-repeat right top;
}

.btn-slide_news {

	text-align: left;
	width: 50px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
/* new menu */

ul.makeMenu {
  width: 160px;                 /* sets the size of the menu blocks */
  border-bottom: 0px solid #000;      /* puts a black border around the menu blocks */
  margin-bottom: 10px;
  margin-top: 0px;
  padding-left: 0px;           /* stops the usual indent from ul */
  margin-left: 0px;
  cursor: default;
  text-align: left;             /* gives an arrow cursor */
  list-style: none;
  padding-top:3px;
          /* Opera 7 final's margin and margin-box model cause problems */
}

ul.makeMenu ul {
  width: 157px;                 /* sets the size of the menu blocks */
  border-bottom: 0px;      /* puts a black border around the menu blocks */

  padding-left: 0px;           /* stops the usual indent from ul */
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
}

ul.makeMenu li {
  list-style-type: none;       /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item     */
  padding-top: 2px;
  padding-bottom: 5px;                        
  padding-left: 5px;
  color: #000000;
  text-align: left;
  font-size: 14px; 

}

ul.makeMenu li ul.not_selected li {
   background: url(../gfx/menu_li.png) repeat-y left top;
  padding-left: 13px;
  padding-right: 7px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0px;                             
  color: #000000;
  font-size: 12px;                
}

ul.makeMenu li ul.selected li {
  font-size: 12px;                
}

ul.makeMenu li ul.selected {
  padding-top:3px;                
}

ul.makeMenu li ul.not_selected li.topmenu {
   background: url(../gfx/menu_top.png) no-repeat left bottom;
  margin: 0px;
                            
               
}

ul.makeMenu li > ul.not_selected {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  background: url(../gfx/menu_bottom.png) no-repeat left bottom;
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: -10px;
  left: 150px;
  padding-bottom: 11px;              
}



ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
      /* gives the active menu items a yellow background */

  color: #000000;                 /* makes the active menu item text black */
}
ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
  z-index: 1;
}
/* and some link styles */
ul.makeMenu li a { color: #610B5E; display: block; width: 100%; text-decoration: none; font-size:0.9em;margin:0px;}
ul.makeMenu li ul li a { color: #610B38;}
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #000000; }
ul.makeMenu li.bg:hover{ background: url(../gfx/menu_select.jpg) no-repeat left bottom;}
ul.makeMenu li.no_bg:hover{
  background-image: none;
}
ul.makeMenu li ul.not_selected li:hover{ background: url(../gfx/menu_li.png) repeat-y left top;}
ul.makeMenu li ul.selected li:hover{ background: none;}
ul.makeMenu li ul.selected { display: block;position: relative;left: 0px;z-index:0;background-image: none;}
ul.makeMenu li a:hover{ text-decoration: underline; }
ul.makeMenu li a:hover li{ font-weight:none;}
ul.makeMenu li:hover > a { color: #B40404; } /* supports links in branch headings - should not be display: block; */


.product_table{
  width: 705px;

}

.artikel_preis{
  width: 190px;
  padding-top: 15px;
  vertical-align: top;
  padding-bottom: 15px;
}

.artikel_foto{
  padding-top: 15px;
  vertical-align: top;
}

.preis_schild{
  height: 41px;
  width: 122px;
  text-align: center;
  background: url(../gfx/preis_schild.jpg) no-repeat;
  color: #FFFFFF;
  font-size: 24px;
  padding-top: 13px;
}

.add_anzahl{
  width: 43px;
  padding-left: 2px;
  padding-right: 2px;

  padding-top: 10px;

  height: 42px;
  background: url(../gfx/add_input.png) no-repeat;
  border: 0px;
  margin: 0px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  float:left;
}

.add_to_cart{
  width: 116px;
}

.mwst_text{
  font-size: 11px;
}

.preis_extras, .extras{
  vertical-align: top;
}

.extras{
  padding-left: 10px;
}

.produkt_image_main{
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
}

.produkt_image_small{
  float: left;
  margin-left: 5px;
  margin-bottom: 5px;

}

.merkzettel_button {
  float: right;
  margin-right: 30px;
  margin-top: 13px;
}

.artikeldetails{
  margin-top:40px;
}

#content_head img{
  margin-top:10px;
  margin-bottom:15px;
  margin-left: 9px;
}

.kategorie_ansicht {
  background: url(../gfx/bg_kategorie_ansicht.png) no-repeat top center;
  padding-bottom: 10px;
}

.social_bookmarks{
  float:right;
  margin-right: -60px;
  font-size: 9px;
}

ul.makeMenu2 {
                 /* sets the size of the menu blocks */
  border-bottom: 0px solid #000;      /* puts a black border around the menu blocks */
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 0px;           /* stops the usual indent from ul */
  margin-left: 0px;
  cursor: default;
  text-align: left;             /* gives an arrow cursor */
  list-style: none;
  padding-top:3px;
          /* Opera 7 final's margin and margin-box model cause problems */
}

ul.makeMenu2 ul {
  width: 253px;                 /* sets the size of the menu blocks */
  border-bottom: 0px;      /* puts a black border around the menu blocks */

  padding-left: 0px;           /* stops the usual indent from ul */
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
}

ul.makeMenu2 li {
  list-style-type: none;       /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item     */
  padding-top: 0px;
  padding-bottom: 0px;                        
  padding-left: 0px;
  color: #000000;
  text-align: center;
  font-size: 14px; 

}

ul.makeMenu2 li ul.not_selected li {

  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px;
                                        
}

ul.makeMenu2 li ul.not_selected li img{
  border: 1px dotted #375130;  
}


ul.makeMenu2 li > ul.not_selected {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  bottom: -10px;
  left: -5px;              
}



ul.makeMenu2 li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
  z-index: 1;
}
/* and some link styles */
ul.makeMenu2 li a { color: #610B38; display: block; width: 100%; text-decoration: none; font-size:0.9em;margin:0px;}


.social_wrapper{
  width: 650px;
  
}

.social_start{
  width: 80px;
  text-align: center;
  float: left;
}

.social_start img, .social_start a{
  text-decoration: none;
}