body {
  text-align:center;
  margin:0; padding:0;
  font-size:0.7em;
  font-family: verdana, arial, sans-serif;
  }

img { border:0; }

h1 { padding:0; margin:0.5em 0; font-size: 1.6em; }
h2 { padding:0; margin:1em 0 0.5em; font-size: 1.1em; }
h3 { padding:0; margin:0.5em 0; font-size: 1em; }

p  { padding:0; margin:0.5em 0; }


a { color: #a72524; }


#wrapper {
  margin: 0 auto;
  padding: 0;
  width:970px;
  text-align:left;
  background:url(/images/bg.gif) #F2FFB6;
  border: 1px solid #000;
  border-top:0;
}

#header { background:url(/images/header-bg.jpg) center bottom no-repeat; height: 200px; border-top:1px solid #000;}
#logo { float:right; margin: 0 50px 10px 10px; }
#subheader { background:url(/images/subheader-bg.jpg) center top no-repeat; height:80px; }

#sidebar { float:left; display: inline;  margin:-65px 0 3em;
  padding:0 15px;
  width:220px;

  list-style-type:none;
  list-style-position:outside;

  background:transparent url(/images/categories-bg.png) top center no-repeat;
  font-size:1em;
  }

#content { margin:0 0 0 253px; width:700px;}

#footer {
  clear:both;
  font-size:0.8em;
  text-align:center;
  margin:3em 50px 1em;
  padding:0.3em 0;
  border-top:1px solid #000;
}
#footer a { text-decoration:none; }
#proinweb { color: #999; margin:1em 0; }
#proinweb a { color: #999; }

.box, .message, .pagination {
  background-color:#fff;
  border:1px solid #000;
  padding:6px;
  margin:0.5em 0;
}


/**
 * Navigation & Buttonlist
 */
#navigation,
.buttonlist {
  margin:0;
  padding:0;
  list-style:none;
}
#navigation { margin:160px 0 0 80px; }
.buttonlist { overflow:hidden; }

#navigation li,
.buttonlist li {
  float: left;
  margin: 0 0.3em 0.3em 0;
  padding: 0 11px 0 0;
  background: url(/images/buttons.png) no-repeat right top;
  border:0;
}

#navigation li a,
.buttonlist li a {
  text-decoration:none;
  white-space: nowrap;
  border:0;
  display: block;
  padding: 8px 0 9px 11px;
  background:url(/images/buttons.png) no-repeat left top;
  color:#fff;
  font-weight:bold;
}

#navigation li:hover a:hover,
#navigation li:hover a,
.buttonlist li:hover a:hover,
.buttonlist li:hover a {
  background-position: 0% -50px;
  color: #ffff4f;
  background-color: transparent !important;
}
#navigation li:hover,
.buttonlist li:hover {
  background-position: 100% -50px;
  background-color: transparent !important;
}



/**
 * Kategorien
 */
ul#categories,
ul.categories-sub,
ul.categories-neighbours {

  display: inline;
  margin:0; padding:0;

  list-style-type:none;
  list-style-position:outside;

}

#categories li {
  margin:0;
  width:220px;
  padding:2px 0 0;
  color:#fff;
  background-color:#421C1C;
}

#categories li a {
  display:block;
  text-decoration:none;
  font-weight:bold;
  padding:4px 7px;
  margin:0;
  color:#fff;
  }

#categories li a:hover { background-color:#000; color: #ffff4f; }

#categories .current  { background:#000 url("/images/categories-bg-current.gif") right no-repeat; color: #ffff4f; }


ul.categories-neighbours {
  list-style-type:square;

}


/**
 * Brotkrümel
 */
ul#breadcrumb
{
  padding:10px 0 0.5em; margin:0;
  list-style-type:none;
  list-style-position:inside;
}
ul#breadcrumb li {
  display:inline;
  background:url(/images/arrow.gif) no-repeat left center;
  padding:0 0 0 11px;
  white-space:nowrap;
}



/**
 * Searchbox
 */
#searchbox { float:right; padding:0; margin:0; }
#searchbox p { margin:0; padding: 0.5em 0; }
#searchbox label { font-weight: bold; }
#searchbox input { font-size: 0.8em;  margin:0 0 0 0.3em; border:1px solid #a72524; }
#searchbox #searchbox_input { width:110px; }
#searchbox #searchbox_submit { background-color: #a72524; color: #fff; }



/**
 * Artikelliste
 */
.list_item { margin:12px; width:200px; height:25em; float:left; border:1px solid #a72524; background-color:#fff;}

.list_item h2 { font-size: 0.95em; margin: 0.5em 0.5em; }
.list_item p { font-size:0.85em; margin: 0.3em 0.5em; }



/**
 * Pagination
 */
.pagination { text-align:center; width:686px;}



/**
 * Artikelseite
 */
.image_big {
	background-image:url("/images/image-frame.gif");
	width:430px;
	height:330px;
	margin:0 1em 1em 0;
	display:block;
	float:left;
}
.image_big img {
	margin:15px 0 0 16px;
}
ul#thumbs { list-style:none; margin:0 0 2em; padding:0; overflow:hidden; }
ul#thumbs li { float:left; margin:5px; padding:0; }
ul#thumbs li a img { border: 5px solid #fff; }
ul#thumbs li a:hover img { border: 5px solid #a72524; }

dl#attributes dt { font-weight:bold; margin-top:1em; }

.price {
  font-size:2.2em;
  font-family: "monotype corsiva", times new roman;
  color: #a72524;
	}
.has_explanation
{
	border-bottom: 1px dotted #a72524;
	text-decoration:none;
	cursor:help;
}


#link-to-previtem { text-align:right;padding:5px; padding-left:45px;display:block;  width:280px; height:45px; float:left; background: #fff url("/images/prev-item.gif") left no-repeat;}
#link-to-previtem img { margin: -5px; margin-left:10px; float:right; }
#link-to-nextitem { padding:5px; padding-right:45px;display:block;  width:280px; height:45px; margin-left:380px; background: #fff url("/images/next-item.gif") right no-repeat;}
#link-to-nextitem img {  margin: -5px; margin-right:10px;float:left; }


/**
 * Warenkorb
 */
#cart {
  float:right;
  display:inline;
  margin:15px 20px 10px 10px;
  padding:5px 5px 5px 40px;
  width:255px;
  height:40px;
  background:transparent url(/images/cart-bg.gif) no-repeat;
  color:#fff;
}

#cart h2 {
  margin:0;
  padding:0.3em 0.4em 0.2em;
  font-size:1.1em;
  }
#cart a {
  color:#fff;
}

#cart p {
  padding: 0.2em 0;
  margin:0 0.3em 0;
}

#frei-haus-top {
  float:right;
  display:inline;
  margin:15px 20px 10px 10px;
  width:300px;
  height:50px;
}



/**
 * Tabellen
 */
table {
  border-collapse:collapse;
  border-spacing:0;
}

th,
td {
padding:0.1em 0.4em;
border:1px solid #9B9588;
}

table .number {
	text-align:right;
}


/**
 * Formulare
 */
#content label {
  display:block;
  float:left;
  width:9em;
  text-align:right;
  margin-right:0.5em;
}

#content input.type_text{
  width:15em;
}

#content input.type_image,
#content input.type_button
{
  width:auto;
}


/**
 * Photo Gallery (Events & Bilder)
 */
.photogallery a { margin: 0 10px 10px 0; }
.photogallery a img { border:4px solid #fff; }
