/* -----------------------------------------------------------------------------------------   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $      XT-Commerce - community made shopping   http://www.xt-commerce.com   Copyright (c) 2004 XT-Commerce    -----------------------------------------------------------------------------------------   based on:    (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27);
	www.oscommerce.com    (c) 2003 nextcommerce (stylesheet.css,v 1.7 2003/08/13);
www.nextcommerce.org   Released under the GNU General Public License    ---------------------------------------------------------------------------------------*/
/* Dateien einbinden */

	@import url(catmenu.css);
	@import url(boxes.css);
	@import url(account.css);
	@import url(bereiche.css);
	@import url(produktdetails.css);
	@import url(produktlisten.css);
	@import url(kategorielisten.css);
	@import url(tabellen.css);
	@import url(checkout.css);
	@import url(formulare.css);
	@import url(list_neu.css);


/* Farben:

Dunkles Orange:     #F59204
Mittlleres Orange   #F7AC3C
Helles Orange       #FCE4C0


*/


	
	
/*Abstände auf null setzen*/

/* Zentrale Formate */
* {
  margin: 0;
  padding: 0;
  border: 0;
}

HTML {
  height: 100.01%
}

BODY {
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	background: #686846;
	font-size: 11px;
}

p {
	margin-bottom: 5px;
}

h1 {
	font-size: 19px;
	color: #999999;
	font-weight: normal;
	margin-bottom: 5px;
}
h2 {
	font-size: 15px;
	color: #999999;
	font-weight: bold;
	margin-bottom: 5px;
}
h3 {
	font-size: 13px;
	color: #999999;
	font-weight: bold;
	margin-bottom: 5px;
}
h4 {
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	margin-bottom: 5px;
}

div {
	overflow: hidden;
}

img {
  vertical-align: middle;
}
/* ------------------ */

#hauptrahmen {
	width: 964px;
	background-color: #FFFFFF;
	margin: auto;
  margin-top: 10px;
  padding: 10px;
}

#logohead {
	border-bottom: solid 5px #808080;
}

#accountlinks {
  text-align: right;
  float: right;
}

#header {
	width: 763px;
	height: 125px;
	background-image: url(img/header-herbst.jpg);
	margin-top: 1px;
	margin-right: 1px;
	float: left;
}

#header_links {
  height: 20px;
  line-height: 20px;
  text-align: right;
  padding-right: 10px;
	background-image: url(img/topnav.gif);
  border-bottom: solid 1px #FFFFFF;
}

#header_top {
  height: 20px;
  border-bottom: solid 5px #666666;
}

#accountbox {
  width: 200px;
  height: 125px;
	background: #FCE4C0;
	margin-top: 1px;
	float: left;
}

#contentrahmen {
	width: 763px;
	background-image: url(img/main.jpg);
	background-repeat: no-repeat;
	margin-top: 1px;
	margin-right: 1px;
	float: left;
}

#boxrahmen_links {
  width: 200px;
  float: left;
}

#boxrahmen_rechts {
  width: 200px;
  float: left;
}

#contentbox {
  width: 523px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px;
  float: left;
}

#brotkrumen {
  font-size: 10px;
  width: 523px;
  margin-left: 20px;
  line-height: 22px;
  border-bottom: dotted 1px  #F59204;
  float: left;
}



/* Links */

a:link{
  color: #004080;
  font-weight: bold;
  text-decoration: none;
}
a:visited{
  color: #004080;
  font-weight: bold;
  text-decoration: none;
}
a:focus{
  color: #004080;
  font-weight: bold;
  text-decoration: none;
}
 a:hover {
  color: #666666;
  text-decoration: underline;
}

.linksw a:link{
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}
.linksw a:visited{
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}
.linksw a:focus{
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}
.linksw a:hover {
  color: #004080;
  font-weight: normal;
  text-decoration: underline;
}

.linkd a{
  font-weight: normal;
}
/* Umflußbeenden */
.flussende {
  line-height: 1px;
  font-size: 1px;
  height: 1px;
  display: none;
}

/* Preise */

/* Normalanzeige */
.preis {
  font-weight: bold;
  font-size: 15px;
}
.pklein {
  font-size: 11px;
}

.pwinzig {
  font-size: 10px;
}


/* Angebotpreis */
.sonderpreis {
  color: #800000;
  font-weight: bold;
  font-size: 16px;
}
.sopklein {
  font-size: 11px;
}
.sopwinzig {
  font-size: 10px;
}

/* der Einzelpreis bei staffel */
.einzelpreis {
  font-weight: bold;
}
.epklein {
  font-size: 9px;
}
.epwinzig {
  font-size: 8px;
}


.steuer {
  margin-top: 3px;
  font-size: 9px;
}
.stklein {
  font-size: 9px;
}
.stwinzig {
  font-size: 8px;
}

/* der Originalpreis bei Angeboten */
.stattpreis {
  font-weight: bold;
  font-size: 11px;
  text-decoration: line-through;
}
.stattpklein {
  font-size: 9px;
}
.stattpwinzig {
  font-size: 8px;
}

/* Formulare */
.inputbereich{
  border-left: solid 5px #F59204;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 0px;
}

.formlabel {
  width: 135px;
  float: left;
}

.formlabeled {
  padding-left: 135px;
  float: left;
}




form br {
  clear: both;
}



fieldset {
}

legend {
	font-size: 13px;
	color: #999999;
	font-weight: bold;
	margin-bottom: 5px;
	margin-right: 5px;
}

label {
  float: left;
  font-size: 11px;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 125px;
  margin-right: 10px;
  vertical-align: top;
  margin-bottom: 5px;
}

input[type=text], select , [type=password]{
  border: solid 1px #F59204;
  font-size: 11px;
  padding: 1px;
  vertical-align: top;
}

textarea{
  border: solid 1px #F59204;
  font-size: 11px;
  padding: 1px;
}

input[type=radio]{
  margin-right: 5px;
}

input[type=submit]{
  border: solid 2px #F59204;
  font-size: 11px;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
  background: #FCE4C0;
}

input:focus, textarea:focus {
  border: solid 1px #999999;
}

div.formbutton {
  border-top: dotted 1px #F59204;
  margin-left: 135px;
  padding-top: 10px;
  margin-top: 5px;
}

input[type=image]{
  border: 0;
  margin: 0;
}

/* Messages */
#MessageBox {
  width: 200px;
  float: right;
}

/* Footer */

#footer {
	width: 964px;
	background-color: #FFFFFF;
	margin: auto;
	margin-bottom: 0px;
  padding: 10px;
}

#footer a:link{
  color: #999999;
  font-weight: normal;
  text-decoration: none;
}
#footer a:visited{
  color: #999999;
  font-weight: normal;
  text-decoration: none;
}
#footer a:focus{
  color: #999999;
  font-weight: normal;
  text-decoration: none;
}
#footer a:hover {
  color: #999999;
  font-weight: normal;
  text-decoration: none;
}





.linkerfuss{
  font-size: 9px;
  padding: 10px;
  width: 180px;
  float: left;
  margin-top: 10px;
  color: #999999;
}

.rechterfuss{
  padding: 10px;
  width: 180px;
  margin-top: 10px;
  float: left;
  text-align: center;
}

.rechterfuss a{
  font-weight: normal;
  color: #999999;
}

.mittelfuss {
  width: 523px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px;
  padding-top: 10px;
  text-align: center;
  font-size: 9px;
  color: #999999;
  float: left;
}


.reviewtitel{
  color: #999999;
  margin-bottom: 5px;
  padding-top: 5px;
}

.text_klein {
  font-size: 9px;
}

/* Listen */
ul{
  padding-left: 20px;
  margin-top: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
	list-style-image: url(img/bullet_go.gif);
}

ul.einfach {
  padding-left: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
	list-style-image: none;
}

.copyright{
  padding: 5px;
  line-height: 10px;
  font-size: 10px;
  color: #888888;
  text-align: center;
}
.copyright a{
  font-weight: normal;
  color: #888888;
}

strong{
  color: #666666;
}

.content_topimage{
  background: #FFF;
  padding: 6px;
  border: solid 1px #DFDFDF;
  margin: 0 0 10px 10px;
  float: right; 
}
.content_promo_image{
  margin: 0 0 10px 10px;
  float: right; 
}

.content_productthumb{
  padding: 6px;
  border: solid 1px #DFDFDF;
}

.content_productlistdirekt{
  width: 400px;
  float: right;
}
.content_productlistdirekt h3{
  clear: left;
}
.content_productlistdirekt h3.next{
  border-top: solid 1px #DFDFDF;
  margin-top: 10px;
  padding-top: 10px;
}

.content_productlistdirekt .p_price{
}
.content_productlistdirekt .p_buy{
  float: right;
}