/* Diverse. Container */
#midcontainer { width:642px; float: left; margin-right:14px; }

/* blaue Box (Services) */
h2.titleblue { text-align:center; color: #fff; font-size: .8em; background: #1081c3 url(/images/blueright.gif) no-repeat top right;  width:542px;}
h2.titleblue span { background: #1081c3 url(/images/blueleft.gif) no-repeat top left; line-height:8px; float:left; width:8px;  }

.boxblue  { float:left; border: 1px solid #1081c3; padding:1em 8px; margin-bottom: 1em; width:524px; }

.imgLegend { font-size: .7em; font-weight: normal; }


/* Marker 1 (gross) */
.marker1  { margin-left: 10px; float: left; width: 119px; background: url(/images/marker.gif) #fff no-repeat top center; text-align:center;}
.nettoP1  { font-size:23px; color: #eb0f13; font-weight: bold;  }
.bruttoP1 { font-size:12px; color:#666; text-decoration: line-through; line-height:12px; }

/* Marker 2 (klein) */
.marker2  { padding-top:5px; padding-bottom:1em; margin-left: 5px; float: left; width: 119px; background: url(/images/marker.gif) #fff no-repeat top center; text-align:center;}
.nettoP2  { font-size:16px; color: #eb0f13; font-weight: bold;  }
.bruttoP2 { font-size:12px; color:#666; text-decoration: line-through; line-height:12px; }



/* Startseite */
.ContainerHPLeft { width:468px; float: left; margin-right:14px; }
.ContainerHPRight {width:468px; float: left; }
.hpTopAktionImg { float:left; padding: 0 10px; }
.hpprodcontainer { background: url(/images/bg_topprodsHP.gif) repeat-y; height:100%; }
.hpprod1,.hpprod3 {float: left; width:147px;w\idth:138px;}		/* 138 + 8 + 1 (Rahmen links resp. rechts) */
.hpprod1 { padding: 0 8px 0 0; }
.hpprod2 { float: left; width:156px;w\idth:138px; padding: 0 8px; }
.hpprod3 { padding:0 0 0 8px; }

.hpServiceText  { float:left;  margin:0; padding: 0 8px 0 0; }
.hpServiceImage { float:right; padding:0; margin:0;  }

/* Shop */
.shopprodcontainer { background: url(/images/bg_topprodsShop.gif) repeat-y; height:100%; }
.shopprodcontainer h3 { font-size:12px; }
.shopprodcontainer2 h3 { font-size:12px; }
.shopprod1,.shopprod3 {float: left; width:171px;w\idth:164px;}
.shopprod1 { padding: 0 8px 0 0; }
.shopprod2 { float: left; width:182px;w\idth:164px; padding: 0 8px; }
.shopprod3 { padding:0 0 0 8px; }

.HorizontalLine3Col { clear:left; background: url(/images/bg_topprodsShopHorizontal.gif) no-repeat; height:15px; } /* Teiler für 3 Spalten */
.HorizontalLine2Col  { clear:left; background: url(/images/2ColHoriLine.gif) no-repeat; height:15px; }	/* Teiler für 2 Spalten */


/* Services */
.ServiceCol1 { float: left; width: 254px; border-right: 1px solid #ced2d4; padding: .2em 7px 0 0;}
.ServiceCol2 { float: left; width: 254px; padding: .2em 0 0 8px; }


.imageCenterdPad { text-align:center; padding-bottom:1em; } 
.imageCenterdNoPad { text-align:center;  } 
.referenzImageOverview { margin-right: 1em; }

.morelink { font-weight: bold; color: #0D4889; }
.morelinknu { font-weight: bold; color: #0D4889; text-decoration: none;}

.pad9 { padding:.5em 9px; }


/* Formular-Elemente */
form .qtyinput  { width: 3em; border: 1px solid #5e6970; text-align:right; }
form .width50  { width: 50px; border: 1px solid #5e6970; }
form .width100  { width: 100px; border: 1px solid #5e6970; }
form .width150  { width: 150px; border: 1px solid #5e6970; }
form .width200  { width: 200px; border: 1px solid #5e6970; }
form .width300  { width: 300px; border: 1px solid #5e6970; }
form .width500  { width: 500px; border: 1px solid #5e6970; }

form .submitbutton {
	background: url(/images/bg_button.gif) #f4f2ed; color:#000; cursor:pointer;
	border: 1px solid; border-color: #999 #333 #333 #999;
	height: 1.5em;
	padding-bottom:2px;
}

form .submitbutton:hover { background: url(/images/bg_button.gif) #f4f2ed;  color:#999; }

fieldset { border: 1px solid #eee; background: #f8f8f8; padding: .5em; margin-bottom:1em;}
legend { font-size: .8em; font-weight:bold; padding: 1em .5em; margin-left:.5em; }


table { padding:0; margin:0; border: 0; border-collapse: collapse; }

/* 9.6.06: wieder eingefügt; z.B. für easycontent-Tabellen */
th { font-size: 0.8em; padding: 0 8px 0 2px; vertical-align: top; background: #ddd;}
td { font-size: 0.8em; padding: 0 8px 0 2px; vertical-align: top; }

/* Produktelisting-Tabelle */
.pspt1,.pspt2,.pspt3,.pspt5 { display: block; font-weight: bold; background: #eff0f0; float: left; font-size:0.8em; padding: 5px 8px 5px 2px; }
.psp1,.psp2,.psp3,.psp5 { display: block; float: left; font-size:0.8em; padding: 5px 8px 5px 2px; overflow: hidden;}
.psp1,.pspt1 { width: 55px;}
.psp2,.pspt2 { width: 145px; }
.psp3,.pspt3 { width: 230px; }
.psp5,.pspt5 { width: 70px; text-align:right;}
div.tabcell { border-bottom: 1px solid #ddd; width:540px;  }
div.tabcellnoborder {border:0;  }	/* Produktesuche; Seitennavigation oben */
.tabcelltitle { display: block; float: right; font-size:0.8em; padding: 5px 8px 5px 2px;  }	/* Produktesuche; Seitennavigation oben */



/* Produkte-Detail */
/* =============== */
/* Bild */
div#proddetailimage {  padding: 0 20px; float: left; }
div#proddetailtext {  float: left; width: 240px; }
div#artikeldetails h3 { color: #000; border-bottom: 1px solid #aeb4b7; padding-bottom:.2em; margin-bottom:.5em; }


p.detail_nettopreis { font-size: 1.3em; font-weight: bold; padding-bottom: 0; padding-top: 1.5em; }
p.detail_nettopreis span { font-size: .6em; font-weight: normal; }
p.detail_listenpreis { font-size: .8em; padding-bottom:.3em; }

div#zusinfo { font-family: Courier New; font-size: .7em; white-space:pre; background: #f9f9f9; border: 1px solid #ddd; padding: 5px; margin: 0 0 1em 0;}

.nopic { width:220px; height: 115px; border:1px solid #ddd; text-align:center; font-size: .8em; padding-top: 95px; color: #aaa; }

/* Artikeldetail-Tabelle (Hersteller, bez1-3, Art.nr, Her Art Nr */
#ArtDetTable { margin-bottom: 1em; }
#ArtDetTable td { padding:.2em; border-bottom: 1px solid #ddd; }
#ArtDetTable td.det {background: #f7f7f8;width:260px; }



p#herstellershop { text-align: center; padding: 5px; border: 1px solid #ddd; margin-bottom: 1em; color: #777;}

textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }




/* Fehlermeldungen (z.B. falsches Login) */
.errortext { font-weight:bold; color: #d00; font-size: .8em; }

/* Info-Texte */
.infotext { font-weight:bold; color: #080; font-size: .8em; }

/* CFDUMP-Workaround wegen TD-Styles */
.cfdump_struct, .struct, table.cfdump_struct td, .cfdump_query td, .cfdump_query th, .cfdump_array td { font-size: 1.2em; }


/* Auto-Complete-Styles */
/* -------------------- */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */
	/*width: 100%;*/
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	font-size:10px;
/*	line-height: 16px; */
	overflow: hidden;
}

.ac_loading {
	background: white url('/images/loading.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}