/*Formatierung des Catalog Bereiches */
.menu1,
.menu2,
.menu3,
.msel1,
.msel2,
.msel3 { display: block; text-decoration: none; padding-left: 5px; white-space:nowrap;}

.menu1 {margin-top: 5px; font-weight: bold;}
.msel1 {color: #861C1E; padding-bottom: 5px; margin-top: 5px;font-weight:bolder;}
.menu2, .msel2 {font-size: 93%; color: #000000; }
.menu2 { padding-left: 18px;}
.msel2 { padding-left: 18px;}
.menu3 {padding-left: 30px; margin-top: 4px; margin-bottom: 4px; color: red;}
.menu3, .msel3 {font-size: 86%; }
.msel2 { background: url(../images/other/catalogico.gif) no-repeat right;}
.msel3 { text-decoration: underline; color:red; padding-left: 33px; margin-top: 4px; margin-bottom: 4px;}
.catalog {padding: 15px;padding-top: 5px;}
.menu2:hover {background:url(../images/other/sel.gif) no-repeat; top:-2px; padding-top: 0px;}
/*Kopfzeile der Boxen im Template */
.boxheader {
	background:#CC9999;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom: 1px solid #660000;
	font-size:medium;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	padding-top:3px;
	padding-bottom: 3px;
}

/*Globale Vorgaben für den Body */
body {
	background-color:#FFFFFF; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#000000; 
	font-size:small; 
	width: 100%; 
	 margin-left: auto; 
	 margin-right: auto;
	margin-top: 0px; 
	margin-bottom:0px; 
	line-height: 1.5;  
}
/*globales Design fuer alle Links */
a {color: #660000;}
a:hover {color: red; }

/*Aueßerer Container mit rechtem Hintergrundverlauf */
.rightborder { background: url(../images/other/rightborder.jpg) repeat-y right;}
/*Aueßerer Container mit linkem Hintergrundverlauf */
.leftborder { background: url(../images/other/leftborder.jpg) repeat-y; background-color:#FDEBE3; }
/*Haupttabelle */
#wrap {width:93%;    border-top: 0px; border-bottom: 0px;}

/* Design von h1 wird verwendet um den Aktuellen Standpunkt des benutzers auszugeben */
h1 { 
	color:gray;  
	font-size:80%; 
	border-bottom: 1px solid gray; 
	text-indent: 5px;
	padding-right: 20px; 
	margin-top: 0px;
	margin-bottom: 20px;
	border-top: 1px solid #CCCCCC;
}

h1 span a {color: gray; text-decoration: none;}


/*Ueberschriften mit gepunktetem unteren Rahmen, verwendung auf "fast" allen Seiten*/
h2  { font-size: 95%; border-bottom: 1px dotted #660000; padding-bottom: 2px; color: #660000;}
h2  a { text-decoration: none;}

/* Ueberschriften 2. Klasse */
h3 { font-style:italic; color:gray; font-size: 105%; }

/* Liste wir d verwendet um die Links in der rechten Spalte auszugeben */
ul {
	padding: 0px; 
	margin: 0px; 
	font-size:90%; 
	margin-left: 5px; 
	margin-top:5px; 
	padding-bottom:5px; 
	list-style-type: circle; 
	color: #660000;
}
ul li:hover {
	list-style:disc;
	}
ul a {color: #660000; text-decoration:none;}
.list_disc {list-style:disc; padding-left:25px;}

textarea {background:#F4F4F4; border:1px solid gray; overflow:auto;}
select { width: 98px; margin-top: 5px; background:#F4F4F4;border: 1px solid gray;}
input { width: 96px; margin-top: 1px; background: #F4F4F4; margin-bottom:2px; border: 1px solid gray;}
.submit_button, 
.empfehlung .submit_button, 

.feedbackform input {}
input:hover, 
textarea:hover, 
input:focus, 
textarea:focus {border: 1px solid #FF0000;}
#zahlart select { width: 150px;}
.feedbackform input {background: #F4F4F4; width: 150px;}
#Optionsschaltflaechen4, #Optionsschaltflaechen3 { width: 20px;}
.empfehlung input {background: #F4F4F4; width: 150px;}
#SchnellsucheHersteller {display: inline; }
#SchnellsucheHersteller select { width: 130px; font-size:smaller;}
.text {width: 50px; font-size: smaller;}
.anzaendern form input {margin-left: 2px;}

/*Linker Bereich des Seitenkopfes */
#headleft{  
	text-align:center; 
	color: #660000; 
	font-weight:bold;  
	padding-left: 20px; 
	padding-right: 20px; 
	height:150px; 
	overflow:hidden;

	
}
/*Rechter Bereich des Seitenkopfes */
#headright{  
	text-align:center; 
	color: #660000; 
	font-weight:bold; 
	padding-right: 20px; 
	padding-left: 20px; 
	height:150px; 
	overflow:hidden; 
	
}
/* Fusszeile , Seitenende */
#footer {font-size: 85%; text-align:center; vertical-align:bottom; background:#FDEBE3; height: 30px;  border-top: 1px solid #CC9999; }

#footer div {color: #660000;}

.kontakt_table .spacer { width: 35px;}
.kontakt_table tr td { vertical-align:top;}

.detail_table { width: 100%;}
.detail_table td { padding: 9px;}
.detail_table .detail_head {  font-size:90%; font-weight:bold; color: #660000; padding-bottom: 0px; }

.detail_table .detail_head td {
	padding: 0px; 
	border-bottom: 1px dotted #660000; 
	padding-left: 9px; 
	padding-right:9px;
}
.detail_table .cross_head td {
	color: gray;
	font-weight:bold;
	padding: 0px; 
	border-bottom: 1px dotted gray; 
	padding-left: 5px; 
	padding-right:5px;
}
.detail_mini_menu {padding-top: 5px;}

.detail_table .detail_head .left { padding-left: 8px; padding-right: 15px;}
.detail_table .detail_head .right {}
.detail_table .detail_bottom {
	border-bottom: 1px solid #660000; 
	border-top: 1px solid #660000; 
	padding: 0px; 
	margin:0px; 
	font-size:xx-small;
}

.vertical_links { padding: 0px; margin: 0px; padding-bottom: 10px;  background: #FEF2ED;}

/*Linke Spalte */
#leftbar { margin: 5px;   border-right: 1px solid #CC9999;padding-top: 10px; border-left: 1px solid #CC9999; background:#fdebe3}
/*Linke Spalte */
#rightbar { margin: 5px;  border-left: 1px solid #CC9999; padding-top: 10px; border-right: 1px solid #CC9999; background:#fdebe3}
/*Mittlere Spalte */
#content { 
	padding-right:30px; 
	padding-left: 30px; 
	text-align:left; 
	width:70%; 
	padding-top: 5px;  
	background: #FEF2ED; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #CC9999;
}

.pic_left { float:left;  }

#location { padding-bottom: 8px;}

.cart_line td { border: 1px solid gray; border-top: none;}
.cart_line td input { width: 50px;}

.login td { font-size: small; display: block; line-height: 0.8; }
.strong { font-weight: bold;}
.seiten { margin: 15px;}

/* Ausgabe der Seiten und Bilder auf p_verz */
.katlist .image { float:left; padding-right: 10px;}
.katlist .floater {clear:both; margin-bottom: 20px;}
.katlist .descr {padding-top: 15px;}
.katlist .kattitle { background:url(../images/other/border.gif) repeat-x bottom left; margin-bottom: 5px; font-size: 95%;  color: #660000;}
.katlist .kattitle a { text-decoration:none; font-weight: bold; }

/*Ausgabe des Namens des eingeloggten Users in der Kopfzeile */
.username .welcome {font-weight: bold;}
.username  { text-align:center; color: gray; font-size:small;}

/*Ausgabe der Navagation um zwischen Detailseiten zu wechseln .. vor .. zurueck ..*/
.detailnavigation a { color:gray; font-size:smaller;}
.detailnavigation a:hover {text-decoration:overline underline;}

/*Design der Links "voriger Artikel" */
.detailnavigation .previtem {background:url(../images/other/last.gif) no-repeat left bottom; padding-left: 10px;}
/*Design des Links "naechster Artikel"*/
.detailnavigation .nextitem {background:url(../images/other/next.gif) no-repeat left bottom; padding-left: 10px;}
/*Design des "Hersteller" Teils bei "voriger" und naechter Artikel*/ 
.detailnavigation .manufacturer {display: none;}
/*Design des "Produkt" Teils bei "voriger" und naechster Artikel*/
.detailnavigation .product { color: #660000;}

/*s.u.*/
.favs, .print, .detail, .delwk, .order, .sorder, .recommend {display:block; margin-top: 3px; text-align:left;}
/*Design der "Links" __favhinzu__*/
.favs a { font-size:smaller; color:gray;  padding-left: 20px;background:url(../images/other/zufavs.gif) no-repeat left bottom;}
/* Design des Links __wkloeschen__ */
.delwk a { font-size:smaller; color:gray;  padding-left: 20px;background:url(../images/other/del.gif) no-repeat left bottom;}
/*Design des Links __bestellen__ */
.order a { font-size:smaller; color:gray;  padding-left: 20px;background:url(../images/other/order.gif) no-repeat left bottom;}
/*Design des Links __sbestellen__ */
.sorder a { font-size:smaller; color:gray;  padding-left: 20px;background:url(../images/other/ordersafe.gif) no-repeat left bottom;}
/*Design des Links __detail__*/
.detail a { font-size:smaller; color:gray;  padding-left: 20px;background:url(../images/other/btndetail.gif) no-repeat left bottom;}
/*Design der Links zum ausdrucken der Detailseiten */
.print a {padding-left: 20px;background:url(../images/other/print.gif) no-repeat left bottom;
font-size:smaller; color:gray;}
.recommend a {padding-left: 20px;background:url(../images/other/empehlen.gif) no-repeat left bottom;
font-size:smaller; color:gray;}
.warenkorb { height: 20px; overflow:visible;}
/*Design des "__id__" Links*/
.warenkorb a {font-size:smaller; color:gray;background:url(../images/other/warenkorb.gif) no-repeat left bottom; padding-left: 20px;  height: 20px; overflow:visible;}

/*Bereiche die unsichtbar geschaltet werden, nur in der Druckversion sichtbar sein sollen */
.printable {visibility:hidden;}

.table_mini_navi {width: 100%; border-top: 1px dotted gray; border-bottom: 1px dotted gray;}

/*Design der formatierten Preise */
/*Design der Mehrwertsteuertextes */
.printpreis .mwst {font-size: smaller; color: gray; display:block;}
/*Design des VErsandkostentextes */
.printpreis .versand a {font-size: smaller; color: gray; display:block; white-space:nowrap;}
/*Design des Preises */
.printpreis .preis { color: #660000; font-size:medium; font-weight:bold;}

/*Skalieren der bilder bei Cross-Artikeln */
.cross_image a img {width:30%; height:30%;}
/*Design des Preises bei Cross-Artikeln*/
.cross_preis .printpreis .preis { font-size: small;}

/*Design des Links "__favloeschen__" */
.fav_erase a { background:url(../images/other/erase.gif) no-repeat left bottom; padding-left: 20px; color: gray; font-size:small;}

/*Design der Login Links */
.login a {display:block; text-decoration:none; font-weight: bold;}

/*Design fuer __weitereseiten__ */
.weitereseiten { text-align:center; }
/*Selektierte Seite aus __weitereseiten__*/
.weitereseiten .ws_active { font-weight:bold; font-size:larger; }
/* Alle !nicht! selektierten Seiten aus __weitereseiten__ */
.weitereseiten .ws_inactive {}
.weitereseiten .ws_dots {}

/*Design des Submit Buttons fuer die Suche... Hier Tarnung als Textlink */
.submit_button_search { background:none; border:none; text-align: left; margin: 0px; padding: 0px;color: #660000; font-weight: bold;}
.submit_button_search:hover { cursor:pointer; color: red; border:none; background:
url(../images/other/search.gif) no-repeat right; font-weight: bold;}

/*Design des Submit Buttons fuer das Login ... Hier Tarnung als Textlink*/
.userlogin .form_submit .submit {background:none; border:none; text-align: left; margin: 0px; padding: 0px; color: #660000; font-weight: bold;}
.userlogin .form_submit .submit:hover {cursor:pointer; color: red; border:none; background:url(../images/other/search.gif) no-repeat right;  font-weight: bold;}

.info {font-size:smaller; color:gray;}
.info a {font-size:smaller; color:#660000;}
.cart_ges td { border: 1px solid gray; empty-cells:hide; border-collapse:collapse;}
.cart_ges_bottom td { border: 1px solid #660000; border-top:none; color: #660000; font-weight:bold; border-collapse:collapse;}

.wk_submit {border: none;  font-size:smaller; color: #660000; background:#FDEBE3; padding-left: 20px; overflow:visible;}
.wk_submit:hover { cursor:pointer;border: none; font-size:smaller; color: red;background-color:#FDEBE3; background: url(../images/other/aendern.gif) no-repeat; overflow:visible;}
.error {color:red; display:block;}