@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	border: 0;
	≈
	}
	
/*	
	### SYSTEM
	############################
*/

body {
	background: #e2dfda;
	font: 100.01% "Lucida Grande",Arial,Sans-Serif;
	color: black;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
a {
	color: #cb081e;
	text-decoration: none;
	}
	
a:hover {
	color: gray;
	text-decoration: none;
	}
	
ul {
	width: auto;
	list-style: square outside;
	padding: 0;
	margin: 1em 0 1em 1em;
	}
	
p, dl {
	margin: 1em 0 1em 0;
	font-size: 0.75em;
	}
	
dl dt {
	font-weight: bold;
	padding-left: 1em;
	background: white url("../../images/sonstiges/pfeil_blau.gif") no-repeat 0 0.16em;
	}
	
dl dd {
	margin: 0.5em 0 1em 2em;
	}
	
dl dd em {
	font-size: 0.75em;
	}
	
img {
	float: left;
	display: inline;
	}
	
em {
	color: #595959;
	}
	
small {
	font-size: 0.8em;
	}

hr {
	clear: both;
	height: 1px;
	margin: 10px 0 10px 0;
	border: 0;
	background: #cb081e;
}
	

table {
	border-spacing: 0;
	font-size: 0.75em;
	margin: 0.75em 0 0.75em 0;
	}

table tr td {
	vertical-align: top;
	padding: 0.25em 0.25em 0.25em 0;
	}
	
table tr td.rechts,
table tr th.rechts {
	text-align: right;
	}
	
table caption {
	font-weight: bold;
	}

.clear {
	clear: both;
}
	
/*	
	### RAHMEN
	############################
*/

#rahmen {
	width: 985px;
	position: relative;
	text-align: left;
	margin: auto;
	}
	
#rahmen_popup {
	position: relative;
	text-align: left;
	margin: auto;
	padding: 30px;
	}

#komplett {
	width: 705px;
	float: left;
	margin: 38px 50px 0 0;
	display: inline;
	}
	
#kopf {
	width: 580px;
	float: left;
	}
	
#navigation {
	width: 124px;
	float: left;
	font-size: 0.75em;
	margin: 0px 20px 0 0;
	display: inline;
	}

#navigation hr {
	height: 3px;
	margin: 0px 0 20px 0;
	}
	
#inhalt {
	width: 558px;
	float: left;
	}
	
#infobereich {
	width: 195px;
	float: left;
	}
	
#infobereich hr {
	height: 3px;
	}
	
#kopf .logo {
	width: 124px;
	height: 154px;
	float: left;
	margin: 0 20px 0px 0;
	display: inline;
}

#kopf .menue {
	width: 402px;
	height: 13px;
	float: left;
	margin-top: 8px;
}

#kopf .menue ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#kopf .menue li {
	list-style: none;
	float: left;
	margin-right: 35px;
	padding: 0;
}

#kopf .text {
	width: 558px;
	margin: 25px 0 0 145px;
	float: left;
	font-size: 0.75em;
	display: inline;
}

#inhalt .fussnavi {
	width: 558px;
	height: 40px;
	float: left;
	margin-top: 10px;
	padding: 10px 0 0 0;
	font-size: 0.85em;
	color: #cb081e;
	border-top: 1px solid #cb081e;
	display: inline;
}

#inhalt ul {
	font-size: 0.75em;
	margin: 0;
	padding: 0;
}

#inhalt .fussnavi ul li {
	list-style: none;
	float: left;
	margin: 0 5px 0 0;
	display: inline;
}

#inhalt .kategoriebild {
	float: left;
	margin: 0 15px 15px 0;
	display: inline;
}

#inhalt .kategoriebild_gross {
	float: left;
	margin: 0 15px 0px 0;
	display: inline;
}

#inhalt .start_kat {
	float: left;
	width: 124px;
	margin: 0 15px 0px 0;
	display: inline;
}

#inhalt .artikel_detail {
	width: 250px;
	float: right;
}

#inhalt .artikelbild {
	width: 280px;
	float: left;
	margin: 0 0 20px 0;
	display: inline;
}

/*	
	### UEBERSCHRIFTEN
	############################
*/

h1 {
	font-size: 1.25em;
	margin: 0em 0 1em 0;
	color: #cb081e;
	font-weight: normal;
	}

h2 {
	font-size: 1.125em;
	margin: 0.825em 0 0.825em 0;
	}

h3 {
	font-size: 0.875em;
	margin: 1em 0 0.3em 0;
	font-weight: normal;
	text-transform: uppercase;
	color: #cb081e;
	}
	
h4 {
	font-size: 0.75em;
	margin: 0.5em 0 0.5em 0;
	color: black;
	font-weight: normal;
	text-transform: uppercase;
	}
	
h5 {
	font-size: 0.875em;
	margin: 0.75em 0 0.5em 0;
	font-weight: normal;
	text-transform: uppercase;
	color: #cb081e;
	}

h6 {
	font-size: 0.75em;
	margin: 0.5em 0 0.5em 0;
	}
	
/*	
	### NAVIGATION
	############################
*/


#navigation ul {
	list-style: none;
	margin: 0;
	padding-bottom: 20px;
	color: #cb081e;
	}

#navigation ul li {
	line-height: 1.67em;
	list-style: none;
	text-transform: uppercase;
	}

#navigation ul li a {
	text-decoration: none;
	color: #cb081e;
}

#navigation ul li.aktiv {
	color: black;
	background: url("../../images/sonstiges/menue-aktiv.gif") 0 20px;
	background-repeat: no-repeat;
}

/*	
	### DIVERSES
	############################
*/

.bild_links {
	margin: 0 1.66em 1.66em 0;
	display: inline;
	}

.bild_rechts {
	float: right;
	margin: 0 0 1.66em 1.66em;
	display: inline;
	}

.sortierung a {
	float: left;
	display: inline;
	font-size: 0.8em;
	text-transform: uppercase;
	margin-right: 0.25em;
	}
	
fieldset.fehler {
	width: 85%;
	color: #cb081e;
	margin: 1.5em 0 1.5em 0;
	padding: 20px;
	border: 1px solid #cb081e;
}

fieldset.fehler ul {
}

	
.vollbild {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 5em;
	left: 18.75em;
	background: black;
	}
	
.button_zurueck {
	width: auto;
	float: left;
	border: 0;
	height: 20px;
	background: url("../../images/sonstiges/button_links.gif") no-repeat;
	text-transform: uppercase;
	font-size: 0.8em;
	padding: 5px 0 0 30px;
	}

.button_rechts {
	width: auto;
	float: right;
	border: 0;
	color: white;
	text-transform: uppercase;
	background: #cb081e;
	padding: 4px;
	font-size: 12px;
}

.button_links {
	width: auto;
	float: left;
	border: 0;
	color: white;
	text-transform: uppercase;
	background: #cb081e;
	padding: 3px;
	margin-right: 7px;
}

.button_links:hover {
	color: white;
}

#minicart {
	width: 197px;
	height: 120px;
	padding: 120px 10px 20px 20px;
	margin: 0 0 20px 0;
	font-size: 0.75em;
	color: #EE7F01;
	background: url("../../images/rahmen/warenkorb-bg.gif") no-repeat;
}

html>body #minicart {
	width: 167px;
	height: 118px;
}

#minicart .anzahl {
	font-size: 35px;
	line-height: 30px;
	margin-right: 7px;
	float: left;
}

#minicart .gesamtpreis {
	float: left;
	margin-top: 25px;
}
	
#minicart .button {
	float: left;
	margin-top: 10px;	
}

.mitbestellen {
	width: 90%;
	float: left;
}

.mitbestellen input {
	border: 0;
	background: none;
}

.zusatzbild {
	float: left; 
	margin: 0 15px 15px 0;
	display: inline;
}

.startseite_text {
	float: left; 
	width: 253px; 
	height: 114px; 
	margin-right: 15px;
	overflow: hidden;
	display: inline;	
	padding: 4px;
	border: 1px #CB081E solid;
}

.termine {
	display: inline;
	float: left;
	width: 196px;
}

.termine strong {
	color: #cb081e;
	font-weight: normal;
}

.termine a {
	background: url(/images/sonstiges/termine_pfeil.gif) no-repeat 0 2px;
	padding-left: 12px;
}


/*	
	### SHOP
	############################
*/

/* ### ARTIKELLISTE ### */

fieldset.artikel {
	width: 270px;
	float: left;
	margin: 15px 9px 15px 0;
	}
	
fieldset.artikel h4 {
	margin: 0 0 1em 0;
	}
	
fieldset.artikel img {
	float: left;
	margin: 0 10px 15px 0;
	}


/* ### DETAILSANSICHT ### */

.detailansicht fieldset {
	width: 100%;
	float: left;
	}
	
.detailansicht img {
	float: left;
	margin: 0 20px 20px 0;
	display: inline;
	}
	
/* ### LOGIN ### */

.login fieldset {
	width: 43%;
	float: left;
	display: inline;
	margin: 1em 1em 1em 0;
	padding: 0.83em;
	border: 1px solid #CCCCCC;
	}
	
.login fieldset label {
	width: 7em;
	}

.login fieldset input {
	width: 13.75em;
	}
	
#anzahl {
	width: 40px;
	}
	
.login fieldset input.submit {
	width: auto;
	}
	
.login fieldset h6 {
	margin-top: 0;
	}
	
/* ### LOGIN IM INFOBEREICH ### */
#infobereich .benutzerlogin input {
	width: 13.75em;
	}
	
#infobereich .benutzerlogin input.submit {
	width: auto;
	}
	
/* ### PASSWORD VERGESSEN ### */

.passwort input {
	width: 20em;
	}
	
/* ### REGISTRIERUNG ### */

.registrierung p {
	width: 50%;
	float: left;
	}
	
.registrierung p input,
.registrierung p label,
.registrierung p textarea {
	width: 90%;
	}
	
.registrierung p input.submit {
	width: auto;
	}
	
.registrierung p select {
	width: 92%;
	}

/*	
	### BESTELLVORGANG
	############################
*/
	
/* ### ÜBERSICHT ### */

table.warenkorb {
	width: 538px;
	background: white;
	float: left;
	border-collapse: collapse;
}

.warenkorb tr th {
	text-align: left;
	padding-bottom: 10px;
	}
	
.warenkorb tr td {
	border-bottom: 1px solid #FF4000;
	}

#warenkorbrahmen {
	width: 538px;
	padding: 10px;
	background: white;
	margin: 0;
	float: left;
}

#warenkorbkopf {
	height: 10px;
	background: url("../../images/rahmen/notizzettel_oben.gif") repeat-x;
	float: left;
	width: 558px;
	line-height: 2px;
}


#warenkorbfuss {
	height: 10px;
	background: url("../../images/rahmen/notizzettel.gif") repeat-x;
	float: left;
	width: 558px;
	margin: 0 0 20px 0;
	display: inline;
	line-height: 2px;
}

.loeschen {
	float: left;
	margin: 3px 0 0 5px;
	display: inline;
}

.ral-farben {
	font-size: 0.75em;
}

/* ### EMPFÄNGER ### */

.empfaenger p {
	width: 50%;
	float: left;
	}
	
.empfaenger p input,
.empfaenger p label,
.empfaenger p textarea {
	width: 90%;
	}
	
.empfaenger p input.submit {
	width: auto;
	}
	
.empfaenger p select {
	width: 92%;
	}
	
/* ### LIEFERART ### */

.lieferart table {
	width: 99%;
	font-size: 15px;
	}
	
.lieferart table tr td {
	vertical-align: top;
	border-bottom: 0.083em dotted silver;
	}
	
.lieferart table tr td p {
	clear: both;
	}
	
.lieferart table tr td input {
	margin-top: 0.42em;
	}
	
.lieferart table tr td h4,
.lieferart table tr td h5 {
	margin: 0;
	}

/* ### ZAHLUNGSART ### */

.zahlungsart .radiobuttons input {
	width: auto;
	float: left;
	border: 0;
	}
	
.zahlungsart p {
	width: 50%;
	float: left;
	margin: 0.5em 0 0.5em 0;
	}
	
.zahlungsart p.box {
	width: 44%;
	padding: 1em;
	background: #f2f2f2;
	border-right: 0.083em solid white;
}
	
.zahlungsart p input,
.zahlungsart p label,
.zahlungsart p textarea {
	width: 90%;
	}
	
.zahlungsart p select {
	width: 92%;
	}

p.halb {
	width: 60px;
}

p.halb input {
	width: 50px;
}

.submit_halb {
	width: 60px;
}
	
/* ### GUTSCHEIN ### */

.gutschein input {
	width: 14em;
	float: left;
	margin-right: 8px;
	}
	
/*	
	### SURF AND EDIT
	############################
*/
.surf_and_edit {
	width: 98%;
	background: #62BC46;
	padding: 15px;
	position: fixed;
	z-index: 200;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);	
	}
	
.surf_and_edit h2 {
	color: white;
	margin: 0;
	}
	
.surf_and_edit a {
	color: white;
	}
	
.surf_and_edit_knubben {
	position: absolute;
	background: red;
	height: 8px;
	width: 8px;
	float: left;
	font-size: 1px;
	line-height: 1px;
	}
.surf_and_edit_knubben:hover {
	background: black;
	}
/*	
	### FORMULARE
	############################
*/

.check {
	background: #e2dfda;
}

.radio {
	background: #e2dfda;
}

input,
select,
textarea {
	padding: 0.17em;
	background: white;
	border: 1px inset gray;
	color: black;
	font: "Lucida Grande",Arial,Helvetica,Sans-serif;
	}
	
select {
	padding: 0.0875em;
	}

table.ausfuehrung select {
	width: 150px;
}

table.ausfuehrung input {
	width: 145px;
}
	
input.submit {
	width: 90%;
	padding: 2px 2px 2px 2px;
	border: 0;
	background: #cb081e;
	color: white;
	text-transform: uppercase;
	}
	
input.submit_rechts {
	float: right;
	border: 0;
	background: #cb081e;
	color: white;
	text-transform: uppercase;
	padding: 3px;
	}
	
input.submit_suche {
	width: 22px;
	height: 22px;
	border: 0;
	margin-left: 8px;
	display: inline;
	background: url("../../images/sonstiges/submit_button.gif");
	}
	
input.radio {
	border: 0;
	}

input.suchfeld {
	width: 154px;
	float: left;
	font-size: 0.75em;
}
	
fieldset legend {
	font-size: 0.625em;
	text-transform: uppercase;
	padding: 0 0.42em 0 0.42em;
	background: #e2dfda;
	}
	
fieldset p {
	margin: 0.5em 0 0.5em 0;
	}