@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100.01%;
}
	
/*	
	### SYSTEM
	############################
*/

body {

	background: #e6e9f2;
	font: 0.8125em Arial, "Trebuchet MS", Helvetica, Sans-Serif;
	color: #4c4c4c;
}
	
img {
	float: left;
	display: inline;
	border: 0;
}
	
a {
	color: #00305e;
}
	
a:hover {
	text-decoration: none;
}
	
p {
	margin: 0.5em 0 1em 0;
}

ul {
	list-style: none outside;
	padding: 0;
	margin: 1em 0 1em 0;
}
	
ul li {
	background: url("../../images/sonstiges/link_button.gif") no-repeat 0 0.3076em;
	padding-left: 1.15em;
	margin-bottom: 0.25em;
}
	
small {
	font-size: 0.7692em;
	text-transform: uppercase;
	background: none;
	padding: 0;
	margin: 0;
	border: none;
}

#infobereich small,
#infobereich .small {
	color: #4c4c4c;
	font-size: 0.9090em;
}
#infobereich  img.bild_links {
margin-left:4em;
}

	
dl.preisstaffelung {
	width: 100%;
	float: left;
	margin: 0 0 1.25em 0;
}

dl.preisstaffelung dd {
	margin-bottom: 0.5em;
} 

dl dt {
	width: 35%;
	float: left;
	background: url("../../images/sonstiges/link_button.gif") no-repeat 0 0.3076em;
	padding-left: 1.125em;	
	font-weight: bold;
	color: #00305e;
}
	
dl dd {
	width: 57%;
	float: left;
	margin: 0 0 2em 0;
	padding-left: 1.125em;
}
	
dl dd em {
	font-size: 0.83em;
}
	
em {
	color: #595959;
}

hr {
	clear: both;
	height: 0.083em;
	margin: 1em 0 1em 0;
	border: 0;
	background: silver;
}

hr.clear {
	background: none;
}
	
.clear {
	clear: both;
}
	
table {
	border-spacing: 0;
	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-size: 1.25em;
	font-weight: bold;
}
	
table tr td select {
	width: 11em;
	background: white;
	border: 0.07692em solid #7b94ab;
	padding: 0.275em;
	margin: 0 0 0.375em 0;
	color: #00305d;
}
	
/*	
	### UEBERSCHRIFTEN
	############################
*/

h1 {
	font-size: 1.7692em;
	line-height: 1em;
	color: #00305e;
	margin: 0.625em 0 0.625em 0;
	font-weight: normal;
	letter-spacing: -0.025em;
}

h2 {
	font-size: 1.5em;
	color: #00305e;
	margin: 0.625em 0 0.625em 0;
	font-weight: normal;
}
	
h3 {
	font-size: 1.125em;
	color: #00305e;
	margin: 1.25em 0 0.5em 0;
}
	
h4 {
	font-size: 1em;
	color: #00305e;
	margin: 0.5em 0 0.25em 0;
}
	
h5 {
	font-size: 0.8166em;
	color: #00305e;
	margin: 0.625em 0 0.625em 0;
}

h6 {
	font-size: 0.75em;
	color: #00305e;
	margin: 0.625em 0 0.625em 0;
}
	
/*	
	### RAHMEN
	############################
*/

#rahmen {
	width: 74.385em;
	float: left;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -37.1925em;
	background: white;
	border-left: 0.07692em solid #bfcbd6;
	border-right: 0.07692em solid #bfcbd6;
	padding: 0.4615em 0.4615em 4em 0.4615em;
	line-height: 1.125em;
}
	
/* ### KOPFBEREICH ### */

#rahmen .volltextsuche {
	width: 16.6125em;
	height: 8.4625em;
	float: left;
}
	
#rahmen .volltextsuche .submit {	
	color: white;	
}

#rahmen .logo {
	width: 21.9230em;
	height: 4.3076em;
	position: absolute;
	top: 1.4615em;
	left: 11.2307em;
}
	
#rahmen ul.menue-oben {
	height: 2.5383em;
	float: left;
	border-bottom: 0.07692em solid #b2c0ce;
	background: #f2f4f7 url("../../images/rahmen/menue_oben.gif") 0 bottom repeat-x;
	margin: 0;
}
	
#rahmen ul.menue-oben li {
	line-height: 2.625em;
	float: left;
	padding-left: 0.95em;
	background: none;
}
	
#rahmen ul.menue-oben li a {
	font-size: 0.8461em;
	font-weight: bold;	
	text-decoration: none;
}

/* ### NAVIGATION ### */

#rahmen #navigation #navigation-m {
margin-left: 0.85em;

}

#rahmen #navigation {
	width: 15.3846em;
	float: left;
	position: relative;
	border-left: 0.0769em solid #bfcbd6;
	border-right: 0.0769em solid #bfcbd6;
	background: #f0f3f6;
	text-align: left;
	padding: 0 0 18em 0;
}
	
#rahmen #navigation h4 {
	margin: 0 2em 0.325em 0.85em;
	clear: both;
}
	
#rahmen #navigation h1 {
	margin: 0.5em 1em 0.325em 0;
}
	
#rahmen #navigation h4.headline {
	width: 87%;
	background: #f5f7f9;
	border-top: 0.0769em solid white;
	margin: 2.5em 0 0 0;
	padding: 0.75em 12% 0.5em 0;
}
	
#rahmen #navigation a {
	text-decoration: none;
	display:block;
}

#rahmen #navigation a:hover{
	background: #ccc;
}
#rahmen #navigation .onlineshop {
	background: #f5f7f9;
/*	border-top: 0.0769em solid white;
	border-bottom: 0.0769em solid white; */
	margin-top: 1em;
	margin-left:0.85em;
}

#rahmen #navigation .onlineshop h1,
h1.blau {
	width: 90%;
	float: right;
	display: inline;
	margin-bottom: 0.5em;
	margin-right: 1.125em;
	background: #00305d;
	border: 0.11em solid white;
	padding: 0.25em;
	color: white;
	font-size: 1em;
	font-weight: bold;

}

	
#rahmen #navigation ul {
	width: 90%;
	padding: 0;
	margin-left: 0.85em;
	margin-top:0.1em;
} 
	
#rahmen #navigation ul li {
	margin-right: 2em;
	padding-right: 1.125em;
/*	background: url("../../images/sonstiges/navigation-pfeil.gif") right 0.275em no-repeat; */
}
	
#rahmen #navigation ul li a {
	font-size: 0.9230em;
	display:block;
}
#rahmen #navigation ul li a:hover {
	background:#ccc;
}
	
#rahmen #navigation ul li ul {
	font-size: 0.9166em;
	margin: 0;
	border: 0;
}
	
#rahmen #navigation ul li ul li {
	margin: 0;
}

#rahmen #navigation .fuss {
	width: 15.54em;
	height: 5.1538em;
	position: absolute;
	z-index: 100;
	bottom: 11.5em;
	left: -0.0769em;
}
	
#rahmen #navigation .infobox {
	width: 90%;
	position: absolute;
	z-index: 100;
	bottom: 0;
	left: -0.1em;
	text-align: left;
	font-size: 0.8461em;
	padding: 1.5em 6% 0 6%;
	background: white;
}
	
/* ### INHALT ### */
	
#rahmen #inhalt {
	width: 37.8172em;
	float: left;
	display: inline;
	margin: 0.5em 2em 2em 2em;
}
	
/* ### INFOBEREICH ### */
	
#rahmen #infobereich {
	width: 19.8181em;
	float: left;
	font-size: 0.8461em;
}
	
#rahmen #infobereich a,
#rahmen #infobereich h2,
#rahmen #infobereich h3,
#rahmen #infobereich h4 {
	color: #404040;
}

#rahmen #infobereich .warenkorb {
	width: 88%;
	float: left;
	padding: 3% 6% 3% 6%;
	background: #ffcc00;
	color: #00305e;
	font-size: 1em;
}
	
#rahmen #infobereich .warenkorb a {
	color: #00305e;
}
	
#rahmen #infobereich .warenkorb ul {
	margin: 0;
}
	
#rahmen #infobereich .warenkorb ul li {
	width: 100%;
	float: left;
	display: inline;
	padding: 0;
	margin-bottom: 0.125em;
	background: none;
}
	
#rahmen #infobereich .warenkorb ul li span {
	float: right;
	font-weight: bold;
}
	
#rahmen #infobereich .warenkorb .button_links {
	font-size: 0.9090em;
	color: white;
	margin-top: 0.5em;
}
	
#rahmen #infobereich .infobox {
	width: 94%;
	padding: 0.5em 0 0.75em 6%;
	float: left;
}
	
/* ### FUSS ### */
	
#fuss {
	width: 68.579em;
	position: absolute;
	bottom: 0;
	left: -0.0769em;
	z-index: 50;
}

.abbinder {
	position: absolute;
	bottom: 1.5em;
	left: 2em;
	z-index: 75;
	font-size: 0.7692em;
}
	
.abbinder li {
	margin-bottom: 0em;
}
	
.abbinder li a {
	text-decoration: none;
	font-weight: bold;
}
	
/*	
	### DIVERSES
	############################
*/

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

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

.sortierung {
	width: 100%;
	float: left;
	line-height: 0.5em;
}

.sortierung img {
	width: 0.9230em;
	height: 0.6153em;
}

.sortierung a {
	float: left;
	display: inline;
	font-size: 1em;
	/*text-transform: uppercase;*/
	font-weight: bold;
	margin-right: 0.25em;
}
	
fieldset.fehler {
	width: 95%;
	color: red;
	margin: 0.5em 0 1.5em 0;
	padding: 0 2% 0 2%;
	border: 0.083em solid red;
}
	
fieldset.fehler legend {
	font-size: 0.7692em;
	text-transform: uppercase;
	padding: 0 0.3846em 0 0.3846em;
	background: white;
}
	
.vollbild {
	width: 37.65em;
	/*height: 98%;*/
	float: left;
	position: absolute;
	top: 3.75em;
	left: 3.45em;
	background: white;
}
	
.vollbild .bild {
	margin-top: 1em;
}

.vollbild h1 {
	width: 80%;
}

.clear {
	clear: both;
}

.schriftgroesse {	
	width: 1.8181em;
	height: 2.1818em;
	float: right;
	margin: 0 0 1em 0.5em;
}
	
.preis {
	/*float: right;*/
	margin: 0 0 0.25em 0;
}

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

/* ### ARTIKELANSICHT ### */

#rahmen .artikelbox {
	width: 100%;
	float: left;
	margin: 0 0 0.5em 0;
}
	
#rahmen .artikelbox a {
	text-decoration: none;
}

#rahmen .artikelbox .artikel {
	width: 11.5em;
	float: left;
	display: inline;
	position: relative;
	margin: 0 0.5em 0 0.475em;
}
	
#rahmen .artikelbox .artikel h2 {
	clear: both;
	font-size: 1em;
	font-weight: bold;
	margin: 0.5em 0 0.5em 0;
}

#rahmen .artikelbox .artikel div {
	width: 100%;
	height: 8.9em;
	position: relative;
}

#rahmen .artikelbox .artikel div h4 {
	position: absolute;
	bottom: -0.35em;
	right: 0;
	background: #00305d;
	border: 0.11em solid white;
	padding: 0.25em 0.25em 0.25em 2em;
	color: white;
	font-size: 1.38em;
	font-weight: normal;
}
	
#rahmen .artikelbox .artikel p {
	font-size: 0.9166em;
	margin: 0.5em 0 0.5em 0;
}
	
/* ### DETAILSANSICHT ### */

.detailansicht fieldset {
	width: 100%;
	float: left;
}
	
.detailansicht table tr td {
	vertical-align: middle;
}
	
.detailansicht div {
	width: 19.2307em;
	float: right;
	position: relative;
	margin: 0 0 2.25em 2.1em;
}
	
.detailansicht div .resize {
	height: 1.63em;
	line-height: 1.625em;
	position: absolute;
	bottom: -2.45em;
	right:  0.45em;
	background: url("../../images/sonstiges/link_button.gif") no-repeat 0 0.325em;
	padding: 0 0 0 1.25em;
	font-size: 0.84em;
	color: #366693;
	text-decoration: none;
}
	
.detailansicht div img {
	border: 0.0769em solid #CFDBE6;
	padding: 0.15em;
}
	
/* ### ZUSÄTZLICHE ARTIKEL ### */

.additional {
	width: 100%;
	float: left;
	border-top: 0.0769em solid #E0D9FF;
	margin: 2em 0 0 0;
	padding-top: 1.15em;
	clear: both;
}

.additional legend {
	text-transform: uppercase;
	font-size: 0.7692em;
	padding: 0 0.75em 0 0;
	background: white;
}
	
/* ### LOGIN ### */

.login fieldset {
	width: 42.5%;
	float: left;
	display: inline;
	margin: 1em 2% 1em 0;
	padding: 2.5%;
	border: 0.083em solid #CCCCCC;
}
	
.login fieldset legend {
	font-size: 0.75em;
	text-transform: uppercase;
	padding: 0 0.5em 0 0.5em;
	margin: 0;
}
	
.login fieldset h3,
.login fieldset h4 {
	margin-top: 0;
}
	
/* ### REGISTRIERUNG ### */

.registrierung p {
	width: 50%;
	float: left;
	margin: 0 0 1em 0;
}
/*
.registrierung div {
	width: 50%;
}
.registrierung label {
	float: left;
	text-align: right;

}
.registrierung select {
float: right;
*/
}	
.registrierung 
.registrierung p input,
.registrierung p label,
.registrierung p textarea {
	width: 90%;
}
	
.registrierung p select {
	width: 92%;
}
	
.registrierung h3 {
	width: 100%;
	float: left;
	margin-top: 0.75em;
}

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

.warenkorb {
	width: 100%;
}
	
.warenkorb tr th {
	text-align: left;
}
	
.warenkorb tr td {
	border-bottom: 0.0769em dotted silver;
}

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

.empfaenger p {
	width: 50%;
	float: left;
	margin: 0 0 1em 0;
}
	
.empfaenger p input,
.empfaenger p label,
.empfaenger p textarea {
	width: 90%;
}
	
.empfaenger p select {
	width: 92%;
}
	
/* ### LIEFERART ### */

.lieferart table {
	width: 99%;
}
	
.lieferart table tr td {
	vertical-align: top;
	border-bottom: 0.083em dotted silver;
}
	
.lieferart table tr td p {
	clear: both;
	margin: 0 0 1.15em 0;
}
	
.lieferart table tr td input {
	margin-top: 0.42em;
}
	
.lieferart table tr td h4,
.lieferart table tr td h3 {
	margin: 0.25em 0 0 0;
}

/* ### ZAHLUNGSART ### */

.zahlungsart .radiobuttons input {
	float: left;
	border: 0;
}
	
.zahlungsart p {
	width: 50%;
	float: left;
	margin: 0.5em 0 0.5em 0;
}
	
.zahlungsart p.auswahl {
	width: 100%;
	float: none;
	border-bottom: 0.0769em solid #CFDBE6;
	padding-bottom: 1em;
}
	
/* ### GUTSCHEIN ### */

.gutschein input {
	width: 14em;
}
	
/* ### BESTELLVERLAUF ### */

ul.bestellverlauf {
	float: left;
	border-top: 0.07692em solid #BFCBD6;
	border-left: 0.07692em solid #BFCBD6;
	border-bottom: 0.07692em solid #BFCBD6;
	margin: 1em 0 2em 0;
}

ul.bestellverlauf li {
	width: 9.5em;
	height: 5em;
	float: left;
	padding: 1.15em 0.5em 0.5em 0.5em;
	margin: 0;
	background: #f3f6f8 url("../../images/rahmen/bestellverlauf.gif") repeat-x 0 bottom;
	border-right: 0.07692em solid #BFCBD6;
	color: #00305e;
	cursor: pointer;
}

ul.bestellverlauf li p {
	margin: 0;
}

ul.bestellverlauf li.aktiv {
	background: #00305D;
	color: white;
}

ul.bestellverlauf li.aktiv a {
	color: white;
	text-decoration: none;
}

ul.bestellverlauf a {
	color: #00305e;
	text-decoration: none;
}

ul.bestellverlauf li.aktiv h3 {
	color: white;
}

ul.bestellverlauf li h3 {
	font-size: 3em;
	margin: 0 0 1em 0;
	padding: 0;
	letter-spacing: -0.075em;
}

/*	
	### FORMULARE
	############################
*/

.eingabefeld {
	width: 90%;
	background: #F2F4F7;
	border: 0.07692em solid #7b94ab;
	padding: 0.275em;
	margin: 0 0 0.375em 0;
	color: #00305d;
}
h3 .eingabefeld {
	width: 80%;
	
}
	
select.eingabefeld {
	padding: 0.2em;
}

#rahmen .volltextsuche .eingabefeld {
	font-size: 0.8416em;
	color: #404040;
	border-color: #898989;
}

#rahmen .volltextsuche .submit {
	font-size: 0.8416em;
}

#infobereich .eingabefeld {
	color: #404040;
	border-color: #898989;
}

.submit {
	/*display: block; */
	padding: 0.15em 0.5384em 0.15em 0.5384em;
	border: 0.07692em solid #555555;
	color: white;
	font-weight: bold;
	background: #4d4d4d url("../../images/sonstiges/submit.gif") repeat-x;
	cursor: pointer;
}

#rahmen #infobereich .warenkorb .button_links {
	font-size: 1.25em;
}
	
.button_links,
.button_rechts,
.button_zurueck {
	float: left;
	display: block;
	padding: 0.30em 0.5384em 0.30em 0.5384em;
	border: 0.07692em solid #4d4d4d;
	color: white;
	font-weight: bold;
	background: #4d4d4d url("../../images/sonstiges/submit.gif") repeat-x;
	text-decoration: none;
	cursor: pointer;
}

.button_rechts {
	padding: 0.15em 0.5384em 0.15em 0.5384em;
	float: right;
}

a.button_rechts {
	padding: 0.30em 0.5384em 0.30em 0.5384em;
}

#rahmen #infobereich .button_links {
	color: white;
	margin-bottom: 0.5em;
}

#inhalt .button_links,
#inhalt .button_rechts,
#inhalt .button_zurueck,
#inhalt .submit {
	background: #0f3c67 url("../../images/sonstiges/submit_blau.gif") repeat-x;
	border-color: #0f3c67;
}

#inhalt .rot,
#infobereich .rot {
	background: #e9471b url("../../images/sonstiges/submit_rot.gif") repeat-x;
	border: 0.07692em solid #e9471b;
}

/*	
	### IMAGESEITE
	############################
*/

#rahmen #navigation ul.untermenue {
	width: 100%;
	background: #f5f7f9;
	border-top: 0.0769em solid white;
	border-bottom: 0.0769em solid white;
	padding: 0.5em 0 0.25em 0;
	margin: 0.5em 0 0.5em 0;
} 
	
#rahmen #navigation ul.untermenue li {
	margin-right: 2em;
	padding-right: 1.125em;
	background: url("../../images/sonstiges/navigation-pfeil.gif") right 0.275em no-repeat;
}

.abstand_klein {
	clear: both;
	margin-bottom: 1.15em;
}

.abstand_mittel {
	clear: both;
	margin-bottom: 2.69em;
}
	
.abstand_gross {
	clear: both;
	margin-bottom: 4.23em;
}
#fusszeile{
	clear:both;
	height:6em;
	margin:1px;
	margin: 1px;
	font-size:1.1em;
	padding-top:10px;
}
#fusszeile ul{
	margin: 1px;
	text-align:center;
	background: #ccc;
}
#fusszeile .werbung {
	margin-top: 6px;
	text-align:center;
	background: #fff;
	text-decoration: none;
}
#fusszeile ul.werbung li a{
	text-decoration: none;
	font-size:0.8em;
}

#fusszeile #werbung img{
	clear: both;
}

#fusszeile ul li{
	list-style: none;
	background: none;
	display: inline;
}
#fusszeile ul li a{ 
	font-size: 0.9em;
}
#fusszeile ul li a:hover{ 
	background-color: #eee;
}