@import url( boxes.css );
/* ####  FARBEN  #### */
/* Hintergrund: #afb6dc;
dunkelblau: #1255a6
/* ## Farben ENDE ## */

body {
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	background-color: #afb6dc;
	color: #000;
	}

a { font: 1em Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight: normal; text-decoration: none; border-bottom: dotted 1px; }
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:active { color: #1255a6; text-decoration: none; }
a:hover { color: #1255a6; text-decoration: none; }

a.hell { color: #ffffff; }
a:link.hell { color: #ffffff; }
a:visited.hell { color: #ffffff; }


.icon { border: 0px; margin-bottom: -2px;} /* für pdf-icon */

p {
	padding: 0px 10px;
	}

p.spalten {
	padding: 0px;
	}

p.logo {
	color: #fff;
	font-size: 3em;
	text-align: center;
	margin: 0em;
	}
	
h2 { 
	font-size: 1em;
	text-decoration: overline;
	padding: 0px 10px;
	margin-top: 3em;
	}

h3 { 
	font-size: 1em;
	padding: 0px 10px;
	}
	
ul {
	font-size: 1em;
	font-weight: bold;
	list-style-type: disc;
	padding-right: 30px;
	}	
li	{
	font-weight: normal;
	}
	
img { border: 1px #1255a6 solid; }

td { font: 11px Verdana, Arial, Helvetica, sans-serif; }

.fett { font-size: 9pt; font-weight: bold; }

.fehler	{ color: red;}

.rot { color: red; }

.blind { border: 1px; } /* für Plazhalter */

.agb { font-size: 0.8em; }
ul.agb {
	font-size: 1em;
	list-style-type: none;
	}
ul.agb ul.agb { font-size: 1.2em; }
li.agb {
	margin-bottom: 3em;
	}

/* #### Navigation #### */
ul#navi {
	padding: 0em;
	list-style-type: none;
	line-height: 0em;
	margin: 0em;
	}
ul#navi li {
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	background-color: #afb6dc;
	display: block;
	width: 165px;
	position: relative;
	left: 0px;
	border-top: 2px solid #1255a6;
	padding: 2px 0px;
	}

a.navi { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight: bold; text-decoration: none; border-bottom: none;  }
a:link.navi { color: #000; text-decoration: none; }
a:visited.navi { color: #000; text-decoration: none; }
a:active.navi { color: #1255a6; text-decoration: none; }
a:hover.navi { color: #1255a6; text-decoration: none; }

/* ##  Navigation ## */

input#suchwort { width: 80%; }

/* ####  Artikel #### */
th { 
	font-size: 10px;
	background-color: #afb6dc;
	}
	
img.artikel {
	float: left;
	margin-right: 1em;
	margin-bottom: 0.5em;
	}
	
a.artikel { font: 1em Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight: bold; border-bottom: none; }
a:link.artikel { color:#000; text-decoration:none; border-bottom: none; }
a:visited.artikel { color:#000; text-decoration:none; border-bottom: none; }
a:active.artikel { color:#1255a6; text-decoration:none; border-bottom: none; }
a:hover.artikel { color:#1255a6; text-decoration:none; border-bottom: none; }

#seitenzahl {
	text-align: center;
	color: #1255a6;
	}	
/* ##  Artikel Ende ## */

/* ####  Class für die Kataloglinks  #### */

ul#kategorie {
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 0em;
	list-style-type: none;
	line-height: 0em;
	margin: 0em;
	}
ul#kategorie li {
	background-color: #afb6dc;
	display: block;
	width: 165px;
	position: relative;
	left: 0px;
	border-top: 2px solid #1255a6;
	padding: 2px 0px;
	}

ul#unterkategorie { 
	padding: 0;
	margin: 0;
	list-style-type: none;
	line-height: 1em; 
	}
ul#unterkategorie li {
	display: block;
	width: 80%;
	background-color: #afb6dc;
	border-top: none;
	width: 100%;
	padding: 0;
	margin: 0;
	}

a.kategorie { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight: bold; border-bottom: none; }
a:link.kategorie { color: #000; text-decoration: none; }
a:visited.kategorie { color: #000; text-decoration: none; }
a:active.kategorie { color: #1255a6; text-decoration: none; }
a:hover.kategorie { color: #1255a6; text-decoration: none; }

a.unterkategorie { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight:normal; text-decoration: none; border-bottom: none; }
a:link.unterkategorie { color: #000; text-decoration: none; }
a:visited.unterkategorie { color: #000; text-decoration: none; }
a:active.unterkategorie { color: #1255a6; text-decoration: none; }
a:hover.unterkategorie { color: #1255a6; text-decoration: none; }

/* ##  Ende Kataloglinks  ## */


/* ####  Kontaktformular  #### */

form.kontakt {
	margin: 10px 40px 20px 30px;
	padding: 0px 0px 20px 0px;
	}
p.form {
	padding-left: 0px;
	}	
fieldset {
	background-color: #afb6dc;
	margin: 1em 0;
	padding: 5 15 10 0px;
	border: 0 solid;
	position: relative;
	}

fieldset br { display: none; } 
fieldset div.absatz br { display: block; } 

fieldset div {
	clear: both;
	margin: .8em 0;
	position: relative; 
	}
	
legend {
	font-weight: bold;
	color: #1255a6;
	margin: 0 0 0 -1px;
	padding: .5em .5em;
	display: block;
	float: right;
	}

label {
	display: block;
	}
label.kontaktleft {
	float: left;
	width: 10em;
	margin-right: .3em;
	text-align: right;
	}	
	
input, select, textarea { 
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #1255a6;
	background-color:#e3e3e3;
	margin-left: 1em; 
	width: 250px; }
input:focus, textarea:focus { background-color: #fff;}

input.auto {
	width: 165px;
	margin: 0px;
	color: #1255a6;
	background-color: #afb6dc;
	cursor: hand;
	float: right;
	}
input.quicksearch {
	width: auto;
	background-color: #afb6dc;
	color: #1255a6;
	cursor: hand;
	}
input.bild { 
	float: right;
	width: auto; 
	background-color: transparent;
	cursor: hand;
	}
input.submitlinks {
	float: left;
	margin: 0;
	padding: 0;
	color: #1255a6;
	background-color: #afb6dc;
	cursor: hand;
	}
textarea {
	height: 150px;
	overflow: auto;
	}

fieldset div.cr label {
	text-align: left;
	margin-left: 10em;
	width: auto;
	font-weight: normal;
	float: none; 	
	} /* für radio und checkboxes */
.extra {
	padding-left: 2.7em;
	text-indent: -2.7em;
	}
fieldset div.cr input { 
	width: auto; 
	border: none;
	background: none; }

/* ##  Kontaktformular Ende  ## */

/* ####  Bestellformular  #### */

form.bestellung {
	margin: 10px 40px 20px 30px;
	padding: -10px -10px 20px -10px;
	}
	
label.bestellungleft {
	float: left;
	width: 13em;
	margin-right: .3em;
	text-align: right;
	}	

fieldset.lonebutton {
	background-color: #afb6dc;
	margin: 10px 40px 20px 30px;
	padding: 0px 0px 0px 0px;
	border: 0 solid;
	}
	
div.lonebutton {
	clear: both;
	margin: 0px;
	position: relative; 
	}
form.lonebutton {
	margin: 1em 0;
	padding: 0px;
	}
	
/* für radio und checkboxes */	
fieldset div.bestellung input {
	text-align: left;
	margin-left: 13em;
	width: auto;
	font-weight: normal;
	float: none;
	#background-color: #afb6dc;
	} 
fieldset .bestellungcheck input {
	margin-left: 1em;
	width: auto;
	#background-color: #afb6dc;
	}

input.loeschen {
	color: red;
	width: auto;
	margin: 0px;
	padding: 0px;
	background-color: #afb6dc;
	cursor: hand;
	
	} 
/* ## Bestellformular Ende ## */

/* #### Warenkorb  #### */
a.menge { border: solid thin; background-color: #fff; vertical-align: 0.2em;}
input.menge { width: auto; margin: 0.2em;}
input.aktualisieren {
	width: 90px;
	border-color: #fff;
	background-color: #afb6dc;
	cursor: hand;
	margin: 0px;
	#margin-bottom: -15px;
	padding: 0px;
	}
input.entfernen { 
	color: red; 
	width: auto; 
	background-color: #afb6dc;
	cursor: hand;
	font-size: 9px;
	margin: 0px;
	#margin-bottom: -10px;
	padding: 0px;
	}
/* ## Warenkorb Ende ## */

/* ####  AGB  #### */

p.agb { padding: .5em 20px 0em 10px; }
.agb { font-size: 0.8em; }
ul.agb {
	font-size: 1em;
	list-style-type: none;
	margin-bottom: 1em;
	padding: .5em 20px 0em 10px;
	}
ul.agb ul.agb { font-size: 1.2em; }
li.agb {
	margin-bottom: 1em;
	}

/* ## AGB ende  ##*/

/* ####  Copyright  #### */

a.copy { font: 8pt Verdana, Arial, Helvetica, sans-serif; color: #9b9465; border-bottom: none;}
a:link.copy { color: #ffefe1; text-decoration: none }
a:visited.copy { color: #ffefe1; text-decoration: none }
a:active.copy { color: #ffefe1; text-decoration: none }
a:hover.copy { color: #ffefe1; text-decoration: none }