div {
	border: 0px dotted #0066FF;
}
a {
	color: #000000;
}

/* --------------------------------------------------------------------------- */
/* -- Definition des Kopfbereiches ------------------------------------------- */
#head {
	top: 0px;
	left: 17px;
	position: absolute;
}
#headnavi {
	top: 120px;
	left: 195px;
	width: 500px;
	position: absolute;
}
.headnavilink {
	color: #8d8c97;
	text-decoration: none;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#userdaten {
	top: 122px;
	left: 551px;
	width: 430px;
	position: absolute;
	color: #8d8c97;
	font: 11px Arial, Helvetica, sans-serif;
}
.userdatenlink {
	color: #8d8c97;
	font: 11px Arial, Helvetica, sans-serif;
}


/* --------------------------------------------------------------------------- */
/* -- Definition der linken Menüleiste --------------------------------------- */

#suche {
	top: 139px;
	left: 31px;
	width: 194px;
	height: 74px;
	position: absolute;
	background-image:   url("images/menu_roter_halbkreis.jpg");
}

input.suche {
	width: 140px;
}
.suche_mit_stichwortindex {
	color: #8e8c97;
	font-size: 10px;
	text-decoration: none;
}

#menu {
	top: 220px;
	left: 18px;
	width: 195px;
	position: absolute;
}
.menu_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.menu_link_aktiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #37537D;
	text-decoration: none;
}
.menu_link_grau_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #656271;
	text-decoration: none;
}
.menu_link_grau_mager {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #656271;
	text-decoration: none;
}
tr.menu_hellgrau {
	background-color: #d6d6d9;
}
td.menu_dunkelgrau {
	background-color: #8e8c97;
}

td ul.submenu {
	list-style-type:none;
	margin:0;
	margin-bottom:5px;
	padding:0;
}
td ul.submenu a {
	font-weight:normal;
	font-size:11px;
}
td ul.submenu li.submenu {
	padding-left:10px;
}

#kategorien {
	width: 195px;
	position: relative;
}

#a_z_sonder {
	width: 195px;
	position: relative;
}

#warenkorb {
	width: 195px;
	position: relative;
}
#warenkorb table#cart_table {
   width: 167px;
   overflow: hidden;
}
#warenkorb table#cart_table td {
   padding: 2px;
   padding-left: 0px;
   text-align: right;
   vertical-align: top;
}
#warenkorb table#cart_table .desc {
   text-align: left;
}
#warenkorb table#cart_table .price {
   vertical-align: bottom;
}
#warenkorb table#cart_table .divider {
   border-top: 1px solid #8E8C97;
}
#warenkorb table#cart_table .sum {
   border-top: 1px double #8E8C97;
}

#standards {
	width: 195px;

	position: relative;
}

/* --------------------------------------------------------------------------- */
/* -- Definition der Login-Box: noch nicht eingelogt ------------------------- */

#login_eingabe {
	top: 169px;
	left: 783px;
	width: 185px;
	position: absolute;
}
.login_eingabe_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #656271;
}
input.input_login {
	width: 120px;
	font-size: 10px;
}
.login_box_titel {
	color: #656271;
	font-size: 14px;
	font-weight: bold;
}

/* --------------------------------------------------------------------------- */
/* -- Definition der Login-Info Box beim Bestellvorgang ---------------------- */

#login_info_box {
	top: 259px;
	left: 518px;
	width: 185px;
	position: absolute;
	z-index: 99;
}
.login_info_box_titel {
	color: #656271;
	font-size: 14px;
	font-weight: bold;
}
.login_info_box_text {
	color: #656271;
	font-size: 11px;
}
.login_info_box_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #656271;
}

/* --------------------------------------------------------------------------- */
/* -- Definition der News-Box ------------------------------------------------ */

#news {
	top: 300px;
	left: 783px;
	width: 185px;
	position: absolute;
}
.news_box_titel {
	color: #656271;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.news_box_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #37537D;
}
.news_box_datum {
	font-weight: bold;
}
.news_box_headline {
	font-weight: bold;
	color: #37537D;
}
.news_box_text {
	color: #656271;
	font-size: 11px;
}

/* --------------------------------------------------------------------------- */
/* -- Definition der News-Box im Content-Bereich: Übersichtsseite ------------ */

.uebersicht_news_box_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #37537D;
}
.uebersicht_news_box_datum {
	font-weight: bold;
}
.uebersicht_news_box_headline {
	font-size: 14px;
	font-weight: bold;
	color: #37537D;
}
.uebersicht_news_box_text {
	color: #656271;
	font-size: 12px;
}

/* --------------------------------------------------------------------------- */
/* -- Definition der News-Box im Content-Bereich: Detailansicht -------------- */

.detail_news_box_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #37537D;
}
.detail_news_box_datum {
	font-weight: bold;
}
.detail_news_box_headline {
	font-weight: bold;
	color: #37537D;
}
.detail_news_box_text {
	color: #656271;
	font-size: 11px;
}

/* --------------------------------------------------------------------------- */
/* -- Definition der Pfadverfolgung ------------------------------------------ */

#pfadverfolgung {
	top: 168px;
	left: 263px;
	width: 480px;
	position: absolute;
}
#pfadverfolgung_volle_breite {
	top: 168px;
	left: 263px;
	width: 695px;
	position: absolute;
}
.pfadverfolgung_grau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8e8c97;
}
.pfadverfolgung_rot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #37537D;
}
a.pfadverfolgung_zurueck {
	font-size: 11px;
	color: #8e8c97;
}
	
/* --------------------------------------------------------------------------- */
/* -- Definition des Content - Bereiches ------------------------------------- */

#content {
	top: 220px;
	left: 263px;
	width: 480px;
	position: absolute;
}

#content-breit {
	top: 220px;
	left: 263px;
	width: 697px;
	position: absolute;
}

/* --------------------------------------------------------------------------- */
/* -- Definition der Startseiten-Artikel-Box --------------------------------- */

#startseiten-box {
	width: 478px;
	position: relative;
}
.startseiten_box_titel {
	color: #656271;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.startseiten_box_artikelname {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.startseiten_box_artikelname:hover {
	text-decoration: underline;
}
.startseiten_box_artikeltext {
	font-size: 11px;
}
.startseiten_box_artikelpreis_alt {
	font-size: 18px;

	font-weight: bold;
}
.startseiten_box_artikelpreis_neu {
	font-size: 24px;
	font-weight: bold;
}
.startseiten_box_artikelpreiseinheit {
	font-size: 11px;
}

/* --------------------------------------------------------------------------- */
/* -- Definition der Artikelübersicht-Boxen ---------------------------------- */

.artikeluebersicht_box_artikelname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.artikeluebersicht_box_artikelname:hover {
	text-decoration:underline;
}
.artikeluebersicht_box_artikeltext {
	font-size: 11px;
}
.artikeluebersicht_box_detail_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #37537D;
}
.artikeluebersicht_box_preis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #37537D;
}

ul.artikeluebersicht_box {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.artikeluebersicht_box li {
	list-style-type: none;
	font-size: 11px;
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 16px;
}

/* --------------------------------------------------------------------------- */
/* -- Definition der Artikelübersicht-Textversion ---------------------------- */

.artikeluebersicht_textversion_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.artikeluebersicht_textversion_link:hover {
	text-decoration:underline;
}

ul.artikeluebersicht_textversion {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.artikeluebersicht_textversion li {
	list-style-type: none;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 16px;
}

/* --------------------------------------------------------------------------- */
/* -- Definition der Artikel-Detaildarstellung ------------------------------- */

.artikeldetail_box_artikelname {
	font-size: 12px;
	color: #37537D;
	text-decoration: none;
	font-weight: bold;
}
a.artikeldetail_box_zusatzlink:hover {
	text-decoration: underline;
}
a.artikeldetail_box_zusatzlink {
	font-size: 11px;
	line-height: 15px;
	color: #5b5757;
	text-decoration:underline;
}
.artikeldetail_box_keinzusatzlink {
	font-size: 11px;
	color: #5b5757;
	line-height: 15px;
}
.artikeldetail_box_kurztext {
	font-size: 12px;
	font-weight: bold;
}
.artikeldetail_box_langtext {
	font-size: 12px;
}
.artikeldetail_box_preistabelle_legende {
	font-size: 11px;
	font-weight: bold;
}
.artikeldetail_box_preistabelle_daten {
	font-size: 11px;
}

.artikeldetail_box_zusatztext {
	font-size: 10px;
}

/* --------------------------------------------------------------------------- */
/* -- Definition der Bestellnummer-Direkteingabe ----------------------------- */

.direkteingabe_box_titel {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.direkteingabe_box_text {
	font-size: 12px;
}
input.direkteingabe {
	width: 140px;
}

/* --------------------------------------------------------------------------- */
/* -- Definition des Warenkorbes --------------------------------------------- */

.warenkorb_box_titel {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.warenkorb_box_preistabelle_legende {
	font-size: 11px;
	font-weight: bold;
}
.warenkorb_box_preistabelle_daten {
	font-size: 11px;
}
input.warenkorb-menge {
	font-size: 11px;
	color: #000000;
	width: 30px;
	height: 11px;
	line-height: 10px;
	text-align: right;
}

/* --------------------------------------------------------------------------- */
/* -- Definition der Empfehlungsartikel-Box ---------------------------------- */

.empfehlung_box_titel {
	font-size: 12px;
	color: #6e6b7b;
	font-weight: bold;
	padding-left: 9px;
}
.empfehlung_box_artikelname {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.empfehlung_box_artikelname:hover {
	text-decoration: underline;
}
.empfehlung_box_text {
}
.empfehlung_box_detail_link {
	font-size: 11px;
	color: #37537D;
}

/* --------------------------------------------------------------------------- */
/* -- Definition der Fusszeile ----------------------------------------------- */

.fusszeile {
	font-family: Arial, Helvetica, sans-serif;
	width: 697px;
	font-size: 9px;
	color: #706f6f;
	padding-top: 20px;
	padding-bottom: 10px;
}

/* --------------------------------------------------------------------------- */
/* -- Definition der Produktübersicht-Box: ----------------------------------- */

#produktuebersicht {
	background-color: #e9e9eb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	top: 14px;
	left: 1000px;
	width: 240px;
	position: absolute;
	border: 1px solid #928f93;
	display: none;
}
.produktuebersicht_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #656271;
	text-decoration: none;
}
.produktuebersicht_link:hover {
	text-decoration: underline;
}

/* --------------------------------------------------------------------------- */
/* -- Definition der Bestellvorgangs-Boxen: ---------------------------------- */

.bestellvorgangs-box-titel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.bestellvorgangs-box-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
input.bestellvorgang_anschrift {
	color: #000000;
	width: 200px;
}
select.bestellvorgang_anschrift {
	color: #000000;
	width: 206px;
}

/* --------------------------------------------------------------------------- */
/* -- Definition der Info-Box beim Bestellvorgang Nr. 4 ---------------------- */

#bestellung_danke {
	top: 40px;
	left: 178px;
	width: 340px;
	position: absolute;
	z-index: 99;
	text-align: center;
}

/* --------------------------------------------------------------------------- */
/* -- Definition der Meine Daten - Boxen ------------------------------------- */

#meine_daten_box_1,#meine_daten_box_2,#meine_daten_box_3,#meine_daten_box_4,#meine_daten_box_5 {
	position:relative; 
	width:225px; 
	height:100px; 
	float:left;
}
#meine_daten_box_2,#meine_daten_box_4 {
	margin-left:30px;
}
.meine_daten_boxtitel {
	padding-left:10px;
	padding-top:3px;
	font-weight:bold;
}
.meine_daten_boxtext {
	padding-left:10px;
	padding-top:10px;
	height:50px;
}
.meine_daten_boxpfeil {
	padding-left:160px; 
	padding-top:4px; 
	width:9px; 
	float:left;
}
.meine_daten_boxlinkposition {
	padding-left:5px; 
	float:left;
}
.meine_daten_link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#656271;
}
.meine_daten_abstandshalter {
	clear:left; 
	height:30px;
}

input.meine_daten {
	color: #000000;
	width: 200px;
}

/* --------------------------------------------------------------------------- */
/* -- Definition der Informationen - Boxen ----------------------------------- */

#informationen_box_1,#informationen_box_2,#informationen_box_3,#informationen_box_4,#informationen_box_5 {
	position:relative; 
	width:225px; 
	height:100px; 
	background-image:url(images/informationen-box.gif); 
	float:left;
}
#informationen_box_2,#informationen_box_4 {
	margin-left:30px;
}
.informationen_boxtitel {
	padding-left:10px;
	padding-top:3px;
	font-weight:bold;
}
.informationen_boxtext {
	padding-left:10px;
	padding-top:10px;
	height:50px;
}
.informationen_boxpfeil {
	padding-left:160px; 
	padding-top:4px; 
	width:9px; 
	float:left;
}
.informationen_boxlinkposition {
	padding-left:5px; 
	float:left;
}
.informationen_link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#656271;
}
.informationen_abstandshalter {
	clear:left; 
	height:30px;
}

input.informationen {
	color: #000000;
	width: 200px;
}

/* --------------------------------------------------------------------------- */

body {
	background-color: #c6c5cb;
	font: 12px Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 20px;
	margin-top: 0px;
}
h1.inline, h2.inline, h1.inline_link, h2.inline_link {
	display: inline;
	margin: 0;
	padding: 0;
}
h1.inline_link, h2.inline_link {
	line-height: 12px;
}

.rot {
	color: #37537D;
}
form {
	display: inline;
}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
input.kontakt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 300px;
}
select.kontakt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 306px;
}
textarea.kontakt {
	width: 300px;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
select.artikel_pro_seite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 50px;
}

img {
	border: 0px;
}
textarea.bestellung {
	width: 333px;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* --------------------------------------------------------------------------- */
/* -- Das brauchen wir um Bilder in Tabellen ohne Line-Box darzustellen ------ */

tr img {display: block;}

/* --------------------------------------------------------------------------- */
/* -- Das brauchen wir für die Formulare ------------------------------------- */

fieldset {
	border: 0px;
	padding: 0px;
}

