/* Searchbox */

#searchsite {
	padding: 11px 5px 2px 5px;
	background: #ccc url(../images/searchgraytop.gif) top left no-repeat;
	overflow: hidden;
}

#searchsitebottom {
	height: 3px;
	margin: 0;
	background: url(../images/searchgraybottom.gif) top left no-repeat;
}

#searchsitebottom hr { display: none; }

#fullsearch {
	width: 402px;
	margin-bottom: 9px;
	padding: 10px 0 0 28px;
	background: #e9e9e9 url(../images/fullsearchtop.gif) top left no-repeat;
	float: left;
}

p#helpline {
	width: 210px;
	margin: 3px 0 0 79px;
	color: black;
	overflow: hidden;
	font-size: 11px;
}
p#helpline span {
	float: left;
}

p#helpline a:link, p#helpline a:visited,
#fullsearch2 a:link, #fullsearch2 a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #75bd0d;
	float: right;
	font-size: 11px;
}

#fullsearch label, #fullsearch2 label, #plzsearch label { margin-right: 5px; color: black; font-size: 12px; font-weight: bold; }
#fullsearch .input, #fullsearch2 .input, #plzsearch .input {width: 210px;}
#fullsearch .button, #fullsearch2 .button, #plzsearch .button {width: 80px; height:22px; font-size: 11px; font-weight: bold;}

#fullsearchbottom hr { display: none; }

#fullsearchbottom {
	height: 10px;
	margin: 0 0 0 -28px;
	background: url(../images/fullsearchbottom.gif) top left no-repeat;
}

#tabwrapper {
	clear: both;
	float: left;
}

.searchbox {
	min-height: 222px;
	width: 400px;
	padding: 0 20px 20px 20px;
	float: right;
	background: white url(../images/whitebottom.gif) bottom no-repeat;
}

.searchbox p {
	margin: 0 0 15px 0;
	font-size: 11px;
}

.searchboxtop {
	height: 10px;
	margin: 0 -20px 8px -20px;
	clear: both;
	background: url(../images/whitetr.gif) top right no-repeat;
}

#searchtabs {
	width: 220px;
	float: left;
}

.searchtab {
	margin: 0 10px 8px 0;
	padding: 15px 7px 0 7px;
	background: #999 url(../images/tabtop.gif) no-repeat;
	cursor: pointer;
	position: relative;
}

#tabwrapper .searchtab.active {
	margin-right: 0;
	border-right: 10px solid white;
	background: white url(../images/whitetl.gif) no-repeat;
	cursor: auto;
}

#tabwrapper .searchtab p {
	margin: 0 0 7px 0;
	font-size: 10px;
	font-weight: bold;
}

/* Product / Dealer Tab */

#tabhaendler {
	margin-bottom: 0;
}

#tabproducts img {
	position: absolute;
	top: -29px;
	right: 0;
}

#tabhaendler img {
	position: absolute;
	top: -16px;
	right: -3px;
}

.tabbottom {
	height: 10px;
	margin: 13px -7px 0 -7px;
}
.searchtab .tabbottom { background: white url(../images/tabbottom.gif) no-repeat; }
.searchtab.active .tabbottom { background: white url(../images/whitebl.gif) no-repeat; }

/* Parameters */

#parameters.param { width: 230px; float: left; }
#parameters2.param { width: 155px; float: right; }

#parametersuche { overflow: hidden; }

table.param em { margin-left: 5px; font-size: 11px; font-style: normal; }
table.param label { margin: 9px 0 3px 0; padding-left: 7px; font-size: 12px; display: block; font-weight: bold; }
table.param select { width: 193px; font-size: 11px; }
table.param .linked { padding-left: 30px; background: url(../images/dotlink.gif) 10px 3px no-repeat; }
table.param .linked label { margin-top: 9px; }
table.param .linked select { width: 163px; font-size: 11px; }
table.param .input { width: 140px; font-size: 13px; }
table.param .linked label { color: #999; cursor: auto; }

td.formcontrol { text-align: center; }
table.param strong { margin: 20px 5px 12px 5px; padding-bottom: 9px; font-size: 12px; display: block; border-bottom: 1px dashed #7f7f7f; }
table.param .button {
	width: 100px;
	height: 21px;
	padding-bottom: 3px !important;
	padding-bottom: 0;
	margin: 0 auto 4px auto;
	font-size: 11px;
	display: block;
}

/* Suchausgabe (Tabbing) */

#searchheader {
	padding: 2px 5px 0 5px;
	background: #ccc url(../images/searchgraybottom_full.gif) bottom no-repeat;
	overflow: hidden;
}

.searchtop { height: 3px; font-size: 0; background: url(../images/searchgraytop_full.gif) no-repeat; }

.dropbutton {
	width: 170px;
	height: 32px;
	margin-right: 7px;
	background: #e9e9e9 url(../images/drop_but_inactive.gif) right no-repeat;
	float: left;
	border-bottom: 6px solid #ccc;
	cursor: pointer;
}

#searchheader .dropbutton.active {
	background: white url(../images/drop_but_active.gif) right no-repeat;
	border-bottom: 6px solid white;
}

.dropbutton a {
	height: 23px;
	padding-top: 9px;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
	color: black;
	display: block;
	text-decoration: none;
	background: url(../images/sml_grayfield_left.gif) left no-repeat;
}

.ico-products {
	padding-left: 51px !important;
	background: url(../images/drop_but_produkte.gif) left no-repeat !important;
}

.active .ico-products {
	background: url(../images/drop_but_produktea.gif) left no-repeat !important;
}

.ico-dealer {
	padding-left: 43px !important;
	background: url(../images/drop_but_haendler.gif) left no-repeat !important;
}

.active .ico-dealer {
	background: url(../images/drop_but_haendlera.gif) left no-repeat !important;
}

/* Suche Kopf */

#fullsearch2 {
	width: 418px;
	height: 32px;
	padding-left: 10px;
	line-height: 32px;
	background: url(../images/searchfield.gif) no-repeat;
	float: left;
}

#plzsearch {
	width: 349px;
	padding-top: 6px;
	line-height: 32px;
	overflow: hidden;
}

#fullsearch2 label, #fullsearch2 a,
#plzsearch label, #plzsearch a {
	float: left;
}

#fullsearch2 .input, #fullsearch2 .button,
#plzsearch .input, #plzsearch .button, #plzsearch select {
	float: left;
	margin-top: 4px;
}

#searchresults {
	margin-top: 3px;
	padding: 6px 6px 0 6px;
	clear: both;
	overflow: hidden;
	background: #333 url(../images/searchdarktop_full.gif) top no-repeat;
}

#searchresults select, #paging select { margin: 2px 10px 0 0; float: right; font-size: 11px; font-weight: bold; }

#searchresults p { margin: 0;	color: #ccc; font-size: 11px; padding: 7px;}
#searchresults p em { color: white; font-style: normal; font-weight: bold; }

#resultmessage {
	float: left;
}

ul.searchnav {
	margin: 5px 0 0 0;
	padding: 0;
	float: right;
	list-style: none;
	background: url(../images/searchnavcut.gif) repeat-x;
}

ul.searchnav li {
	float: left;
	font-size: 11px;
	border-right: 1px solid #ccc;
}

ul.searchnav li.last { border: 0; }

ul.searchnav a:link, ul.searchnav a:visited {
	padding: 0 6px;
	font-weight: bold;
	text-decoration: none;
	color: #75bd0d;
	font-size: 11px;
}

ul.searchnav a:focus, ul.searchnav a:hover, ul.searchnav a.active:link, ul.searchnav a.active:visited { color: white; }

/* Parametersuche Formular 2 */

.parametersuche2 {
	margin: 0;
	padding: 5px 13px 14px 13px;
	border: 0;
	display: none;
	clear: both;
}

.parametersuche2 .param { width: 230px; margin-right: 25px; float: left; }
.parametersuche2.plz { padding: 10px 0 5px 0;}
.parametersuche2.plz #plzsearch { margin: 0 auto; }

/* Ausgabetabelle */

#searchcrumbs {
	height: 59px;
	padding: 0 6px;
	line-height: 59px;
	font-size: 17px !important;
	background: url(../images/schraffur.gif);
	border-top: 1px dashed #5c5c5c;
	border-bottom: 1px dashed #5c5c5c;
	color: white;
	clear: both;
}

#searchcrumbs a:link, #searchcrumbs a:visited,
.productlist a:link, .productlist a:visited,
.shoplist a:link, .shoplist a:visited {
	text-decoration: none;
	color: #75bd0d;
	font-weight: normal;
}

#searchcrumbs a:focus, #searchcrumbs a:hover,
.productlist a:focus, .productlist a:hover,
.shoplist th a:focus, .shoplist th a:hover { color: white; }

#searchcrumbs .imgkorb {
	margin-top: 10px;
}

/* Table Productlist */

.productlist, .shoplist { width: 100%; border: 0; }
/* .productlist tr { background: white url(../images/iewhiteback.gif) repeat-x;} */
.productlist tr, .shoplist tr { background: white; }
.productlist th, .shoplist th {
	padding: 5px 13px;
	font-size: 11px;
	background: #333;
	text-align: left;
	color: white;
}

/* .productlist tr:hover { color: white; background: #75bd0d url(../images/iegreenback.gif) repeat-x; } */
.productlist tr:hover { color: white; background: #75bd0d; }
.productlist tr td, .shoplist tr td { cursor: pointer; padding: 0 13px 0 13px; font-size: 11px; text-align: left; vertical-align: middle; border-bottom: 1px solid #ccc;}
.productlist.haendler tr td, .shoplist tr td { cursor: default; }
.productlist a, .shoplist a { font-weight: bold !important; }

.productlist a:link.desc, .productlist a:visited.desc,
.shoplist a:link.desc, .shoplist a:visited.desc	{ color: white; padding-right: 13px; background: url(../images/desc.gif) right no-repeat; }
.productlist a:link.asc, .productlist a:visited.asc,
.shoplist a:link.asc, .shoplist a:visited.asc { color: white; padding-right: 13px; background: url(../images/asc.gif) right no-repeat; }

/* Spaltenformatierung Suchausgabe */
.productlist .thumb { width: 11%; }
.productlist .artnr { padding: 6px 0 !important; width: 12%; }
.productlist .street, shoplist .article { padding: 6px 0 !important; }
.productlist .article { width: 63%; font-weight: bold; color: #75bd0d; }
html>body .productlist tr:hover .article { color: white; }
.productlist .price { width: 14%; font-weight: bold; text-align: right; }

/* Spaltenformatierung Warenkorb */

.shoplist td a:link, .shoplist td a:visited { text-decoration: underline; }
.shoplist td a:focus, .shoplist td a:hover { text-decoration: none; }
.shoplist td a.delete:link, .shoplist td a.delete:visited { color: #f63; }

.shoplist .thumb { width: 7%; }
.shoplist .artnr { width: 7% !important; width: 10%; }
.shoplist .article { width: 29% !important; width: 35%; }
.shoplist .amount { font-weight: bold; }
.shoplist .price { width: 8%; font-weight: bold; text-align: right; white-space: nowrap; }

.shoplist .amount input { width: 35px; margin-right: 5px; }
.shoplist td.amount .stk { margin-right: 12px; }
.shoplist td.amount a { margin-left: 10px; }

#paging, #pricing {
	padding: 6px 6px 10px 6px;
	background: #333;
	clear: both;
	overflow: hidden;
	background: #333 url(../images/searchdarkbottom_full.gif) bottom no-repeat;
}

#pricing {
	padding: 10px 13px;
	font-size: 11px;
	color: #75bd0d;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
}

#pricing .sum {
	margin-left: 10px;
	color: white;
}

.sendform {
	margin-bottom: 15px;
	margin-right: 13px;
	float: right;
}

div#ajaxwrapper {
	width: 217px;
	position: absolute;
	left: 342px;
	top: 42px;
	z-index: 120;
}

div#ajaxwrapper.sub {
	top: 30px;
	left: 540px !important;
	left: 539px;
}

ul#ajaxlist {
	width: 217px;
	height: 200px;
	margin: 0;
	padding: 0;
	border: 1px solid #aaa;
	background: white;
	overflow: auto;
	list-style: none;
	z-index: 9999;
}

ul#ajaxlist li {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #333;
	border-bottom: 1px solid #eee;
}

ul#ajaxlist li.results {
	margin-bottom: 1px;
	padding: 5px;
	border-bottom: 2px solid #ccc;
}

ul#ajaxlist li a:link, ul#ajaxlist li a:visited {
	padding: 2px 5px;
	font-size: 11px;
	display: block;
	color: #333;
	text-decoration: none;
}

ul#ajaxlist li a:focus, ul#ajaxlist li a:hover {
	background: #75bd0d;
	color: white;
}

/* hover bitte immer auslagern */
ul#ajaxlist li.optionLiSelected{
	background: #75bd0d;
	color: white;
	cursor: pointer;
}


