@import url(inc/leftcol.css);
/* Hintergrundbilder/Farben, die nicht dynamisch geändert werden koennen,
aber z.B. fuer weitere Mandanten angepasst werden muessen.  */
/* -------------------------- ***** Diverse Farben ***** ---------------------------- */
#metaNavi li,
#metaNavi li a,
#footer li,
#footer li a,
.hinweis,
.service #subnavi h2,
#kontakt .box span,
#content .box label span,
.stepNavi span,
#footer .hinweisText,
#footer .hinweisText a {
	border-color: #AA9F8D;
	color: #909090;
}

#footer .xpromo {
	float:left;
	margin-top:7px;
}

#topnavi li a:hover {
	/* z.B. bgcolor der Navilinks */
	/* nicht pflegbar vorgesehen*/
}
input, select, textarea {
	border-color: #CBCDCD;
}
input.initState {
	color: #7E7F86;
}
.box .header {
	background-color: #93959B;
}
.box .header h3,
.textHell {
	color: #fff;
}
.box fieldset,
.box .fakeFieldset {
	border-color: #E7E7E7;
}
#topimage, .topimage {
	border-color: #EEEBEB;
}
.teaser img.product {
	border-color: #EEEBE6;
}

button,
.ctaLink,
.forwardLink a,
a.more {
	background-image: url(../img/icon_link_but_000000.gif);
}

#container button:hover,
#container .ctaLink:hover,
#container .forwardLink a:hover,
#container a.more:hover {
	background-image: url(../img/icon_link_but_AA9F8D.gif);
	color: #AA9F8D;
}
#spedition {
	float: left;
}
#spedition img {
	float: left;
	margin-top: 5px;
}
#spedition p {
	margin-left: 5px;
	float: left;
	width: 160px;
}

#container .backLink {
	background-image: url(../img/icon_back_link_but_000000.gif);
}
#detailPopup .closeBut {
	background-image: url(../img/icon_close_but_9C6F7F.gif);
}
#detailPopup .closeBut:hover {
	color: #AA9F8D;
}
.strongLink {
	background-color: #EFEBE8;
	background-image: url('../img/icon_strong_link.gif');
}
.printLink {
	background-image: url(../img/icon_print.gif);
	overflow:visible !important;
}
#modeLexikon .active {
	color: #AAA08D;
}
#details .modeLexikon {
	background-image: url(../img/icon_modeinfos_mini.gif);
}
.error {
	border-color: #E0001A;
}
.errorMessage,
.errorHead {
	color: #E0001A;
}
/* -------------------------- ***** Hintergrundbilder, die auf allen Seiten vorkommen koennen ***** ---------------------------- */

#subnavi ul li a:hover,
#subnavi .chosen span,
#subnavi .chosenBranch a,
#subnavi .chosenBranch .chosen a {
	background-color: transparent;
}
#subnavi ul li {
	background-image: url(../img/bg_subnavi.gif);
}
#subnavi ul li a,
#subnavi .chosenBranch ul li a {
	background-color: #fff;
}
#subnavi ul li a:hover {
	background-color: transparent;
}
#subnavi ul,
#subnavi .abschluss {
	background-image: url(../img/bg_subnavi_trennlinie.gif);
}
#subnavi ul li {
	/*background-color: #fff;*/
}
.box fieldset,
.box .fakeFieldset {
	background-image: url(../img/bg_fieldset.jpg);
	background-color: #FCFCFA;
}
.imgBut {
	background-color: #EFEBE8;
}
.service .imgBut {
	background-color: #EFEFEF;
}
#direktbestellung fieldset {
	background-image: url(../img/bg_direktbest.gif);
	background-repeat: repeat-x;
}
.wkAbschluss .fakeFieldset {
	background-image: url(../img/bg_direktbest.gif);
	background-repeat: repeat-x;
}
.wkAbschluss .summe {
	background-image: url(../img/bg_summe.gif);
	background-color: #C6C0B6;
}
#detailseite #recommendation,
#modeLexikon #iContentRight {
	background-image: url(../img/bg_verlauf_lang.jpg);
}
/* --------------------------
	***** F�r spezielle Farb-Klassen / Seiten-IDs *****
	---------------------------- */
/* -------------------------- ***** Detailseite ***** ---------------------------- */
#modeberatung .modelexikon {
	background-image: url(../img/icon_modelexikon_mini.gif);
}
#modeberatung .masstabellen {
	background-image: url(../img/icon_masstabelle_mini.gif);
}
#modeberatung .massnehmen {
	background-image: url(../img/icon_massnehmen_mini.gif);
}
#modeberatung .waschsymbole {
	background-image: url(../img/icon_waschsymbole_mini.gif);
	height: 16px;
}
#detailseite .zoom {
	background-image: url(../img/icon_zoom.gif);
}
#detailseite #recommendation ul li {
	border-color: #D2CDC6;
}
#previewImages li div,
#bsNeuesProdukt #newArticle img {
	border-color: #EEEBEB;
}
#direktbestellung .imgBut {
	background-image: url(../img/icon_warenkorb_direktbest.gif);
	background-color: transparent;
}

#modeLexikon #lexikon strong,
#modeLexikon #lexikon a:hover,
#katalogBestellen .katBild label {
	color: #84858B;
}
.service hr,
#kontakt #kontakt_adresse,
#serviceUebersicht #service_text,
#serviceUebersicht #content ul li {
	border-color: #E7E7E7;
}
#serviceUebersicht #content img.right,
#kontakt #content img.right {
	border-color: #93959B;
}
#katalogBestellen .katBild img {
	border-color: #fff;
}
#katalogBestellen .imgBut {
	background-image: url(../img/icon_newsletter_best.gif);
}
#newsletter #content .imgBut {
	background-image: url(../img/icon_newsletter_best.gif);
}
#waschsymbole #content table td {
	background-color: #fff;
}

/* -------------------------- ***** Tabellen ***** ---------------------------- */
table th {
	background-color: #8C8E95;
	color: #fff;
	border-color: #fff;
}
table td {
	border-color: #EBEEEE;
}
table th.first {
	border-left-color: #EBEEEE;
}
table th.last {
	border-right-color: #EBEEEE;
}
table td.first {
	border-left-color: #fff;
}
table td.last {
	border-right-color: #fff;
}
/* ----------------- ***** Tabellen Service ***** ------------ */

.service table thead th {
	border-color: #AAA08D;
}
.service #content table,
body .service table tbody th,
.stepNavi ul li.active span {
	background-color: #fff;
	border-color: #DEDFDF;
	color: #000;
}
.service table td {
	border-color: #fff;
	background-color: #F1F1F1;
}
#massTabellen #content td.doppelgroesse table td {
	border-color: #fff;
}

#warenkorb .imgBut {
	background-color: #F5F5F5;
}

/* -------------------------- ***** Service - Modelexikon ***** ---------------------------- */


/* -------------------------- ***** Suche ***** ---------------------------- */

#resultList li a {
text-decoration: none !important;
border: none;
}

#resultList img  {
color: #84858B;
border-color:  #84858B;
}

#resultList {
border-bottom:1px solid #84858B;
border-top:1px solid #84858B;
}

#completerResult {
background-color:#FFFFFF;
background-image:url(../img/bg_such_completer.jpg);
}

/* gehört eigentlich in die prim.css*/

#completerResult {
background-repeat:no-repeat;
height:116px;
padding-bottom:30px;
position:absolute;
width:200px;
z-index:2000;
}

#completerResult ul {
height:100px;
margin-left:5px;
margin-right:10px;
margin-top:20px;
}

#completerResult ul li {
clear:both;
padding-left:5px;
}

#completerResult ul span {
float:left;
width:100px;
}

#completerResult ul li a {
float:left;
text-decoration:none;
}

#completerResult ul span.kat {
width:70px;
}

#completerResult strong {
display:inline;
}

.layerObjektFloat,
.dynamicRasterPage .bigPic,
.dynamicRasterPage .bigPicText {
	border-color: #EEEBE7;
}

.layerObjektFloat .noImage {
	display: block;
	width: 178px;
	height: 178px;
	text-decoration:none;
}