/*  ---------------------------------------- Allgemein ---------------------------------------- */

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

body  {
	margin:0px 0 0px 0; padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%; line-height:1.2em;
	color:#000000;
}

.clear { clear:both; }

/*  ---------------------------------------- Schriften ---------------------------------------- */

h1 {
	font-family:Arial, Helvetica, sans-serif;
	margin:15px 0 3px 0;
	font-size:1.67em;
	line-height:1.4em;
	color:#000000;
	font-weight:bold;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0 15px 0;
	font-weight:bold;
	font-size:1.34em;
	color:#1e1e1e;
	line-height:1.2em;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	margin:25px 0 0 0;
	font-size:1.4em;
	line-height:1.0em;
	color:#bb242d;
	font-weight:bold;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	margin:15px 0 15px 0;
	font-weight:bold;
	font-size:1.2em;
	color:#1e1e1e;
	line-height:1.2em;
}

h5 {
	margin: 1px 0 0px 0;
	font-size:1.4em;
	font-weight: bold;
	color:#1e1e1e;
}

h6 {
	font-family:Arial, Helvetica, sans-serif;
	margin:15px 0 15px 0;
	font-size:1.4em;
	line-height:1.0em;
	color:#1e1e1e;
	font-weight:bold;
}

.big {
	font-size:1.45em;
	font-weight:bold;
	line-height:1.2em;
	color:#000000;
}

.big2 {
	font-size:2.23em;
	font-weight:bold;
	line-height:1.2em;
	color:#1e1e1e;
}

.big3 {
	font-size:1.27em;
	font-weight:bold;
	line-height:1.2em;
	color:#1e1e1e;
}

.bignobold {
	font-size:1.18em;
	font-weight:normal;
	line-height:1.2em;
	color:#1e1e1e;
}

.red-through {
	color:#bb242d;
	text-decoration:line-through;
}

.black-through {
	color:#000000;
	text-decoration:line-through;
}

.whitepad {
	padding:0 0 0 23px;
	color:#FFFFFF;
}

.red {
	color:#bb242d;
	font-weight:bold;
}

.redbig {
	font-size:1.4em;
	line-height:1.4em;
	color:#bb242d;
	font-weight:bold;
}

.impfield {
	border:1px solid #000000;
}

/* -------------------------------Mousover-Einstellungen für a:hover ------------------------------------*/

a {
	color:#000000;
	outline-style:none;
	text-decoration:none;
}

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

a.hcolor {
	color:#4c4c4c;
	text-decoration:none;
}

a.hcolor:hover {
	color:#ff0000;
	text-decoration:underline;
}



/*  ---------------------------------------- Absatzeinstellungen ---------------------------------------- */
p {
    margin:15px 0 15px 0;
}

.padoben {
	padding:15px 0 0 65px;
	font-size:1.6em;
	font-weight:bold;
}

.padoben2 {
	padding:15px 0 0 0;
}

.padoben3 {
	padding:35px 0 0 0;
}

.padoben4 {
	padding:195px 0 0 0;
}

.padoben5 {
	margin:5px 0 0 5px;
}

.padrechts {
	margin:-5px 0 0 0;
	padding:0 0 0 35px;
}

.padrechts2 {
	margin:0px 0 0 0;
	padding:0 0 0 35px;
}

.padrechts3 {
	margin:10px 0 0 0;
	padding:0 0 0 35px;
}

.padrechts4 {
	margin:0px 30px 0 0;

}

.padrechts5 {
	margin:-8px 0 0 0;
	padding:0 0 0 30px;
}

.tab1 {
	padding:0 0 0 30px;
}

.tab2 {
	padding:0 0 0 85px;
	font-size:1.4em;
	line-height:1.4em;
	color:#bb242d;
	font-weight:bold;
}

.padrueck {
	margin:5px 0 0 0;
	height:139px;
}

.padrueck2 {
	margin:-10px 0 0 0;
}

.padrueck3 {
	margin:2px 0 0 0;
}

.padrueck4 {
	margin:-30px 0 0 0;
}


/*  ---------------------------------------- Zusätzliche Klassen ----------------------------------------- */

.border {
	border:3px solid #d71110;
}

.liste {
	list-style-position:outside;
	margin: 15px 0 15px 45px;
	list-style:url(../images/pfeil.jpg);
	font-weight:normal;
	font-size:1.0em;
}

.liste li {
	padding: 0 0 5px 0;
}

.liste2 {
	list-style-position:outside;
	margin: 15px 0 15px 25px;
	list-style:circle;
	font-weight:normal;
}

.liste3 {
	list-style-position:outside;
	margin: 15px 0 15px 15px;
	list-style:disc;
	font-weight:normal;
}

.liste3 li {
	padding: 0 0 0 0;
}

.liste4 {
	list-style-position:outside;
	margin: 15px 0 15px 15px;
	list-style:circle;
	font-weight:normal;
}

.liste4 li {
	padding: 0 0 8px 0;
}

.liste5 {
	list-style-position:outside;
	margin: 15px 0 15px 15px;
	list-style:circle;
	font-weight:normal;
}

.liste5 li {
	padding: 0 0 3px 0;
}

.linie {
	border-bottom:#a9a9a9 dotted 1px;
}

.linie2 {
	border-top:#a9a9a9 dotted 1px;
}

.linie3 {
	margin:30px 0 15px 0;
	border-bottom:#a9a9a9 dotted 1px;
}

.linie4 {
	margin:-10px 0 15px 0;
	border-bottom:#a9a9a9 dotted 1px;
}

.linie5 {
	margin:45px 0 15px 0;
	border-bottom:#a9a9a9 dotted 1px;
}

.rightfloat {
	float:right;
	margin: 0px 0px 15px 15px;
}

.rightborder {
	border:3px solid #d71110;
	float:right;
	margin: 0px 0px 15px 15px;
}

.rightfloat2 {
	float:right;
	margin: 0px 0px 15px 15px;
}

.rightfloat3 {
	float:right;
	margin: 15px 0px 15px 15px;
}

.leftfloat {
	float:left;
	margin: 0px 20px 15px 0px;
}

.leftfloat2 {
	float:left;
	margin: 0px 20px 30px 0px;
}

input#Artikelnummer {				/* Veränderte Größe für das Telefon-Feld */
	width:110px;
	margin:15px 5px 5px 0;
	border:#666666 1px solid;
}

input#email-adresse {				/* Veränderte Größe für das Telefon-Feld */
	width:140px;
	margin:0 5px 5px 0;
	border:#666666 1px solid;
}



/*  ---------------------------------------- Gestaltung Kundenlogin ----------------------------------------- */

form#kundenlogin { 	/* Gestaltung des Formulars - Breite und Abstände z. B. */
	width:173px;
	margin:0 0 0 0px;
	padding:0 0 5px 30px;
}

form#kundenlogin label, form#kundenlogin input, form#kundenlogin textarea {		/* Allgemeine Stile für Labels und Formularfelder */
	font:inherit;
	color:inherit;
	width:220px;
	margin:2px 5px 0 0;
	padding:1px;

/* Diese beiden Angaben bitte nicht verändern: */
	display:block;
	float:left;
}

form#kundenlogin input, form#kundenlogin textarea {				/* Stile, die nur auf Formularfelder angewandt werden sollen */
	border:1px solid #575757;
}

form#kundenlogin input, form#kundenlogin input {
	width:140px;
	padding:0 0 0 0;
}

form#kundenlogin input#submit {					/* Gestaltung des Submit-Buttons */
	width:96px;
	height:24px;
	background:url(../images/anmelden.gif) no-repeat;
	font-size:1px;
	line-height:1px;
	text-indent:-5000px;
	cursor:pointer;
	border:none;
}

form#kundenlogin input#logout {					/* Gestaltung des Submit-Buttons */
	width:96px;
	height:24px;
	background:url(../images/abmelden.gif) no-repeat;
	font-size:1px;
	line-height:1px;
	text-indent:-5000px;
	cursor:pointer;
	border:none;
}

form#kundenlogin fieldset#submitbox {			/* Element zur Ausrichtung des Submit-Buttons */
	width:96px;
	height:24px;
	padding:10px 0 0 51px;	/* Diese Angabe bestimmt den Abstand zum linken Rand des Formulars */
	clear:both;
}

/* Die folgenden Angaben bitte nicht verändern! */
form#kundenlogin br {
	clear:left;
}

form#kundenlogin input[type=hidden] {
	display:none;
	border:0;
	padding:0;
}

/* ----------------------------------------------------- Fuer Produkte im Content --------------------------------- */

/* ----------------------------------------------------- Produkte ------------------------------------------------- */
.produkt {
	margin:0 0 0 0;
	padding:10px 22px 0 5px;
	width:190px;
	height:166px;
	background-image:url(../images/produkt-back.jpg);
	background-repeat:no-repeat;
}

/* ----------------------------------------------------- Produkte ------------------------------------------------- */
.produkttext {
	float:left;
	margin:-120px 0 0 85px;
	width:118px;
	height:100px;
}

/*  ---------------------------------------- Gestaltung Suche ----------------------------------------- */

form#suchen { 	/* Gestaltung des Formulars - Breite und Abstände z. B. */
	width:320px;
	margin:0 0 0 0px;
	padding:0 0 5px 25px;
}

form#suchen label, form#suchen input, form#suche textarea {		/* Allgemeine Stile für Labels und Formularfelder */
	font:inherit;
	color:inherit;
	width:40px;
	margin:2px 5px 0 0;
	padding:1px;

/* Diese beiden Angaben bitte nicht verändern: */
	display:block;
	float:left;
}

form#suchen input, form#suche textarea {				/* Stile, die nur auf Formularfelder angewandt werden sollen */
	border:1px solid #b8b7b7;
}

form#suchen input, form#suchen input {
	width:230px;
	padding:0 0 0 0;
}

form#suchen input#submit2 {					/* Gestaltung des Submit-Buttons */
	width:28px;
	height:20px;
	background:url(../images/abfrage.gif) no-repeat;
	font-size:1px;
	line-height:1px;
	text-indent:-5000px;
	cursor:pointer;
	border:none;
}

form#suchen fieldset#submitbox2 {			/* Element zur Ausrichtung des Submit-Buttons */
	float:right;
	margin:-20px 0 0 0px;
	width:28px;
	height:20px;
	padding:0px 0 0 0px;	/* Diese Angabe bestimmt den Abstand zum linken Rand des Formulars */
	clear:both;
}

/* Die folgenden Angaben bitte nicht verändern! */
form#suchen br {
	clear:left;
}

form#suchen input[type=hidden] {
	display:none;
	border:0;
	padding:0;
}

/* ---------------------- Button --------------------------------*/
.button {
	background-color:#b41720;
	color:#FFFFFF;
	padding:2px 5px 2px 5px;
	text-align:center;
}

.button2 {
	width:100px;
	height:10px;
	background-color:#b41720;
	padding:0 5px 5px 0;
	text-indent:5px;
	color:#FFFFFF;
	font-size:0.9em;
	text-align:center;
}

.button3 {
	width:150px;
	height:10px;
	background-color:#b41720;
	padding:0 5px 5px 0;
	text-indent:5px;
	color:#FFFFFF;
	font-size:0.9em;
	text-align:center;
}