/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* Suche */
.suche-eingabe								{ position:absolute; z-index:1; top:57px; right:0px; height:20px; }
.suche										{  }
.suche .pageview							{ margin-bottom: 15px; }

/* Detaildefinition */
.suche form									{ height:19px; overflow:hidden; display:block; background:url(../pics/layout/suche_back.gif) repeat-x; }
.suche .formulare table						{ width:172px; height:19px; overflow:hidden; display:block; }
.suche .formulare table td					{ height:19px; overflow:hidden; vertical-align:top; }
.suche .formulare table td.suche_text		{ width:150px; height:19px; overflow:hidden; }
.suche .formulare table td.suche_submit		{ width:150px; height:19px; overflow:hidden; }
.suche-eingabe input[type="text"]			{ width:143px; }
.suche-eingabe input[type="submit"]			{ width:21px; padding:0px !important; overflow:hidden; text-indent:-1000%; font-size:0px; display:block; background:url(../pics/layout/lupe_back.gif) no-repeat 0px 0px; }
.suche-eingabe input[type="submit"]:hover	{ background:url(../pics/layout/lupe_back.gif) no-repeat 0px -19px; }

.filter-markieren							{ background: #555555; padding: 0px 4px; }
.trefferliste .kopf							{ background: url(../pics/layout/hg-container.png) repeat; padding: 10px; margin-bottom: 10px;}
.trefferliste .liste-zeile					{ background: url('../pics/layout/hg-container.png'); padding: 10px; margin-bottom: 5px; }
.trefferliste .suche-nummer					{ vertical-align: top; text-align: left; width: 25px; }
.trefferliste .suche-bezeichner				{ padding-left: 15px; vertical-align: top; text-align: left; }
.trefferliste .suche-bild					{ vertical-align: top; text-align: left; width: 80px; }

.trefferliste .zeile-0						{ background: #222222; padding: 5px; }
.trefferliste .zeile-1						{ background: #none; padding: 5px; }
.trefferliste .treffer-beschreibung			{  }

/* News */
.modul-news .liste,
.modul-news .liste-archiv								{ background: url(../pics/layout/hg-container.png) repeat; padding: 10px 10px; margin-bottom: 10px; }
.modul-news .liste .news-eintrag,
.modul-news .liste-archiv .news-eintrag					{ margin-bottom: 10px; }

.newsliste												{ width:439px; height:160px; margin:20px 0px 0px; padding:0px 0px 0px 10px; border-left:1px solid #555555; overflow:hidden; }
.newsliste .bezeichner .text							{ font-weight:bold; }
.newsliste .datumtitel									{ }
.newsliste a.newsdetail:link,
.newsliste a.newsdetail:visited							{ }
.newsliste a.newsdetail:hover,
.newsliste a.newsdetail:active							{ }
.newsliste .datum										{ }
.newsliste .datum span									{ font-size:10px; border-bottom:1px solid #555555; }
.newsliste .titel										{ }
.newsliste .titel span									{ font-size:10px; border-bottom:1px solid #555555; }
.newsliste .kurztext .text								{ font-size:10px; color:#999999; }

.newsdetail .datum-titel                                { padding: 0px 10px; font-weight: bold; margin-bottom: 10px; }
.newsdetail .langtext                              		{ padding: 0px 10px; }
.newsdetail .langtext .absatz .absatz-inhalt       		{ padding: 0px; }
.newsdetail                                             { background: url(../pics/layout/hg-container.png) repeat; padding: 10px 0px; margin-bottom: 10px; overflow: hidden; }
.newsdetail .text                                       { background: none; }
.newsdetail .absatz .absatz-hintergrund                 { background: none; }
.newsdetail .link                                       { background: none; margin: 0px; }
#id_bottom .newsdetail                                  { background: none; }

/* Sprachen */
.sprachen_klein											{ width:230px; height:160px; margin:20px 0px 0px; padding:0px 0px 0px 10px; border-left:1px solid #555555; background-repeat:no-repeat; background-position:0px 0px; overflow:hidden; }
.sprachen_klein:hover									{ background-position:0px -160px; }
.sprachen_klein .bezeichner .text						{ font-weight:bold; }
.sprachen_gross											{ width:100%; min-width:940px; z-index:4; top:0px; left:0px; }
.sprachen_gross .sprachen_ausrichtung					{ width:940px; margin:0px auto; }
.sprachen_gross .sprachumschaltung						{ width:940px; height:750px; background-repeat:no-repeat; background-position:0px 160px; bottom:0px; left:0px; }
.sprachen_gross .sprache_aus							{ position:absolute; z-index:1; top:160px; right:0px; }
.sprachen_gross .sprache_aus .text						{ line-height:16px; }
.sprachen_gross .sprache_aus .text:hover				{ border-bottom:1px solid #999999; }
.sprachen_gross .sprachauswahl                          { position:absolute; z-index:2; top: 293px; left: 286px; width: 325px; height: 255px;}
.sprachauswahl .sprachen-darstellung					{ width: 120px; background: url(../pics/layout/sprachauswahl_linie.png) repeat-y left; float:right;}
.sprachauswahl .sprachen-logo							{ width: 200px; height: 255px; float: left; }
.sprachauswahl .sprachen-logo .sprachen-bild            { width: 200px; height: 37px; margin-top: 195px; }
.sprachauswahl .sprachen-logo .sprachen-hilfstext       { width: 200px; font-style: italic; height: 20px; line-height: 20px; text-align: right; }
.sprachauswahl .sprachen-hilfstext .text                { padding-right: 4px; }
.sprachauswahl ul                                       { width: 120px; margin-top: 40px; margin-left: 18px; }
.sprachauswahl ul li                                    { text-transform: lowercase; list-style-image: url(../pics/layout/listpoint_sprache.png); text-align: left; height: 20px; line-height: 20px; }
.sprachauswahl ul li:hover                              { list-style-image: url(../pics/layout/listpoint_sprache.png); }
.sprachauswahl .sprache-inaktiv	                        { list-style-image: none; }
.sprachauswahl a	                                    { color: #ebebeb; text-decoration: none; }
.sprachauswahl span                                     { color: #FFFFFF; font-weight: bold; }

/* modul_landkarte */
.modul-landkarte					{ background: url(../pics/layout/hg-container.png) repeat; margin-bottom: 10px; padding-top: 10px; }

.modul-landkarte select				{ background: #FFFFFF; color: #000000; width: 150px; }
.modul-landkarte option				{ color: #000000; }

.routenplaner						{ padding: 10px; }
.modul-landkarte .routenplaner .form-eingabe-zeile	{}
.modul-landkarte .routenplaner .zeile-von				{padding: 0px;}

.modul-landkarte .zeile-von				{ padding: 10px;}
.modul-landkarte .form-eingabe-zeile	{ float: left; margin-right: 5px;}
.modul-landkarte input[type="text"]		{ width: 150px; }			
.modul-landkarte .beschreibung			{ margin-bottom: 5px; }
.modul-landkarte input[type="submit"]	{ width:21px; padding:0px !important; overflow:hidden; text-indent:-1000%; font-size:0px; display:block; background:url(../pics/layout/lupe_back.gif) no-repeat 0px 0px; }
.modul-landkarte input[type="submit"]:hover	{ background:url(../pics/layout/lupe_back.gif) no-repeat 0px -19px; }

.modul-landkarte .autocomplete					{ width: auto !important; background-color: #fff; border: 1px solid #888; margin: 3px 0px 0px -7px; padding: 0px; z-index: 100; }
.modul-landkarte .autocomplete ul 				{ list-style-type:none; margin:0px; padding:0px; }
.modul-landkarte .autocomplete ul li			{ list-style-type: none; display: block; white-space: nowrap; margin: 0; padding: 2px; height: auto; cursor: pointer; color: #000; }
.modul-landkarte .autocomplete ul li.selected 	{ color: #fff; background-color: #666666; }
.modul-landkarte .autocomplete b.highlighted 	{ color: #999; } 

#karte *							{ color: #000000; }
#karte								{ margin: 0px 10px 10px 10px; width: 920px; height: 450px; overflow: hidden;  }
#karte .landkarte-ueberschrift		{ font-size: 12px; font-weight: bold; }
#karte .beschreibung				{ font-size: 11px; }

.modul-landkarte .liste				{ padding: 0px 10px 10px 10px; }
.modul-landkarte .standort-item		{ margin-bottom: 10px; padding-top: 10px; border-top: 1px solid #999999; }
.modul-landkarte .standort-item	.icon-links span	{ cursor: pointer; font-weight: bold; text-decoration: underline; font-size: 11px; }		
.modul-landkarte .standort-item	.icon-links span:hover	{ text-decoration: none; }		

/* Ergebnis Routenplanung */
.route_drucken						{ margin: 20px 0px; text-align: left;  }

.routenplaner-plan 					{ text-align: center; }
.routenplaner-plan .route-drucken		{ padding: 0px 0px 20px 10px; float: left; }
#planer_ergebnis *					{ color: #000000; }
#planer_ergebnis					{ background: #ffffff; width: 910px !important; width: 920px; margin: auto; text-align: left; color: #000000; }

/* modul warenkorb */
.modul-warenkorb .liste-zeile					{ background: url('../pics/layout/hg-container.png'); padding: 10px; margin-bottom: 5px; }
.modul-warenkorb .warenkorbposition-alle-loeschen{ background: url('../pics/layout/hg-container.png'); padding: 10px; margin-bottom: 5px; }
.modul-warenkorb .warenkorbposition-bild		{ }
.modul-warenkorb .warenkorbposition-bezeichner	{ padding-left: 10px; }
.modul-warenkorb .warenkorbposition-loeschen	{ padding-left: 10px; }
.modul-warenkorb .warenkorbposition-download	{}

/* modul produkte_extern */
.modul-produkte-extern					{ }
.modul-produkte-extern .titel h1		{ text-transform: uppercase; margin-bottom: 15px; font-weight: bold; }
.listen-filter							{ overflow: hidden; background: url('../pics/layout/hg-container.png'); padding: 10px; }
.modul-produkte-extern .sortierer		{ margin-right: 10px; }
.modul-produkte-extern .sortierer .form-select{ width: 160px; }
.modul-produkte-extern .anzahl			{ margin-right: 60px; margin-left: 20px; font-weight: bold; }
.modul-produkte-extern .pageview		{ margin-right: 10px; }
.modul-produkte-extern .liste			{ margin-bottom: 10px; }

.modul-produkte-extern .liste .zeile-block			{ margin-top: 4px; float: left; width: 230px; height: 205px; background: url('../pics/layout/hg-container.png'); }
.modul-produkte-extern .liste .zeile-block .produkt	{ height: 205px; width: 230px;  }
.modul-produkte-extern .liste .zeile-block .hg-grau	{ height: 20px; width: 100%; background-color: #999999; }
.modul-produkte-extern .liste .zeile-block .hg-grau .merkzettel-link a,
.modul-produkte-extern .liste .zeile-block .hg-grau .detail-link a	{ text-decoration: none; color: #000000; font-size: 11px; font-weight: bold; padding: 0px 10px; }
.modul-produkte-extern .liste .zeile-block .produkt-titel	{ height: 30px; }
.modul-produkte-extern .liste .zeile-block .produkt-bild-liste	{ height: 175px; width: 230px; }
.modul-produkte-extern .liste .zeile-block .produkt-titel h2	{ padding: 5px; }

.modul-produkte-extern .liste .zeile-list			{ margin-top: 4px; }
.modul-produkte-extern .liste .zeile-list .produkt	{ overflow: hidden; background: url('../pics/layout/hg-container.png'); margin: 0px 0px 5px 0px; padding: 3px; }
.modul-produkte-extern .liste .zeile-list .produkt-titel	{ float: left;  height: 44px; margin-left: 10px; }
.modul-produkte-extern .liste .zeile-list .produkt-bild-liste	{ float: left; }
.modul-produkte-extern .liste .zeile-list .hg-weiss-opaq	{ float: right; }
.modul-produkte-extern .liste .zeile-list .hg-weiss-opaq .merkzettel-link a,
.modul-produkte-extern .liste .zeile-list .hg-weiss-opaq .detail-link a	{ text-decoration: none; font-size: 11px; font-weight: bold; padding: 0px 10px; }

.modul-produkte-extern .list-view		{ margin-left: 10px; line-height: 15px; height: 15px; }
.modul-produkte-extern .list-view a		{ text-decoration: none; }

.produkt-detail							{ }
.produkt-detail	.slide					{ cursor: pointer; }
.produkt-detail .detail-buttons			{ }

.produkt-detail .feature-kurz			{ padding-bottom: 3px; }

.produkt-detail .feature-lang			{ }
.produkt-detail .feature-lang td		{ vertical-align: top; }
.produkt-detail .feature-lang img		{ margin-right: 10px; }
.produkt-detail .feature-lang table		{ margin-bottom: 10px; }


.produkt-detail .variation-zeile						{ border-bottom: 1px solid #FFFFFF; margin-bottom: 5px; padding-bottom: 5px; }
.produkt-detail .variation-zeile .variation-titel		{ font-weight: bold; font-size: 13px; float: left; }
.produkt-detail .variation-zeile .variation-bezeichner	{ font-weight: bold; float: left; width: 150px; }
.produkt-detail .variation-zeile .variation-wert		{ float: left; width: 245px; }
.produkt-detail .variation-zeile .variation-bild		{ float: right; cursor: pointer; text-align: right; }
.produkt-detail .variation-zeile .variation-link-text	{ margin: auto; font-size: 11px; text-decoration: underline; }
.produkt-detail .variation-zeile .variation-link-text:hover	{ text-decoration: none; }

.produkt-detail .spezifikation-zeile				{  }
.produkt-detail .spezifikation-zeile .bezeichner	{ width: 180px; font-weight: bold; float: left; }
.produkt-detail .spezifikation-zeile .wert			{ float: left; width: 395px; }

.produkt-detail .produkt-absatz			{ background: url('../pics/layout/hg-container.png'); }
.produkt-detail .produkt-absatz .produkt-absatz-kopf	{ padding: 10px 10px 5px 10px; }
.produkt-detail .produkt-absatz .produkt-absatz-mitte	{ overflow-y: auto; margin: 0px 10px; }
.produkt-detail .produkt-absatz .produkt-absatz-fuss	{ padding: 5px 10px 10px 10px; height: 27px; display: block; overflow: hidden; }

.produkt-detail .tab							{ }
.produkt-detail .subsection_tabs				{ height: 22px; }

.produkt-detail	.absatz-produkt-detail-content	{ float: right; width: 340px; }
.produkt-detail	.bild-produkt-detail			{ float: left; width: 476px; height: 320px; background: url('../pics/layout/hg-container.png'); text-align: center; margin: 0px 4px; }
.produkt-detail	.link-produkt-detail			{ float: right; background: none; margin-right: 10px; }
.produkt-detail h1				{ background: none; z-index: 2; position: relative; margin-bottom: 10px; }

.produkt-detail .reiter					{ min-height: 185px; width: 575px !important; width: 595px; background: url('../pics/layout/hg-container.png');  padding: 10px; }
.produkt-detail .reiter .text			{ background: none; padding: 0px; }

.produkt-detail	.aktiv .reiter-mitte	{ text-transform: uppercase; float: left; padding: 0px 10px; font-weight: bold; background: url('../pics/layout/hg-container-aktiv.png'); height: 22px; }
.produkt-detail .aktiv .reiter-links	{ float:left; background: url('../pics/layout/reiter-links-aktiv.png') no-repeat; width: 5px; height: 22px; }
.produkt-detail .aktiv .reiter-rechts	{ float:left; background: url('../pics/layout/reiter-rechts-aktiv.png') no-repeat; width: 32px; height: 22px; }

.produkt-detail	.inaktiv .reiter-mitte	{ text-transform: uppercase; float: left; padding: 0px 10px; font-weight: bold; background: url('../pics/layout/hg-container.png'); height: 22px; }
.produkt-detail .inaktiv .reiter-links	{ float:left; background: url('../pics/layout/reiter-links.png') no-repeat; width: 5px; height: 22px; }
.produkt-detail .inaktiv .reiter-rechts	{ float:left; background: url('../pics/layout/reiter-rechts.png') no-repeat; width: 32px; height: 22px; }

.produkt-detail	.produkt-verwandt			{ float: right; width: 340px; }
.produkt-detail .produkt-verwandt-scroll	{ text-align: center; background: url('../pics/layout/hg-container.png'); height: 205px; }

/* Element Diashow in Produkt verwandt*/
.produkt-verwandt .diashow-container				{ position: relative; text-align: center; background: none; margin: auto; }
.produkt-verwandt .diashow-container a:link			{ text-decoration: none; }
.produkt-verwandt .diashow-container a:hover		{ text-decoration: none; }
.produkt-verwandt .diashow-container a:active		{ text-decoration: none; }
.produkt-verwandt .diashow-container a:visited		{ text-decoration: none; }

.produkt-verwandt .diashow-container .aktiv			{ }
.produkt-verwandt .diashow-container .inaktiv		{ }

.produkt-verwandt .diashow 							{ margin: auto; position: relative; }
.produkt-verwandt .diashow .diashow-content			{ }

.produkt-verwandt .diashow .slide					{ top: 5px; position: absolute; left: 28px; }
.produkt-verwandt .diashow .slide .diashow-text		{ position: absolute; z-index: 5; text-align: left; top: 20px; left: 20px; }
.produkt-verwandt .diashow .slide .diashow-bild		{ }

.produkt-verwandt .diashow-selected					{ font-weight: bold; border-bottom: 1px solid #FFFFFF; }
.produkt-verwandt .diashow-disabled					{ -moz-opacity:0.3; opacity:0.3; filter:alpha(opacity=30); cursor: default; }	


.produkt-verwandt .diashow-control-prev				{ width: 20px; background: url('../pics/layout/diashow-verwandt-pfeil-links.png') no-repeat center; position: absolute; top: 0px; left: 0px; z-index: 4; }
.produkt-verwandt .diashow-control-next				{ width: 20px; background: url('../pics/layout/diashow-verwandt-pfeil-rechts.png') no-repeat center; position: absolute; top: 0px; right: 0px; z-index: 4; }

.produkt-verwandt .diashow-unterschrift				{ font-style: italic; font-size: 11px; }
.produkt-verwandt .diashow-titel					{ font-weight: bold; text-align: left; line-height: 16px; margin-bottom: 2px; }


/* Element Vorschau Bild in Produkt Detail */
.produkt-detail	.produkt-detail-scroll					{ float: left; width: 116px; height: 320px; background: url('../pics/layout/hg-container.png'); }
.produkt-detail-scroll .diashow-bild					{ }


/* Element Material Technik */
.produkte-material-technik-baum			{ background: url('../pics/layout/hg-container.png'); width: 220px; margin-right: 20px; }

.produkte-material-technik-baum .navigation					{ padding: 0px 10px 10px 5px; }

.produkte-material-technik-baum .navigation	.ebene-2 .inaktiv	{ text-decoration: none; display: block; padding-left: 20px; margin-right: 10px; height: 17px; background: url(../pics/layout/hauptnavigation_inaktiv.png) no-repeat left center; }

.produkte-material-technik-baum .navigation	.ebene-2 .aktiv			{ text-decoration: none; display: block; padding-left: 20px; margin-right: 10px; height: 17px; background: url(../pics/layout/hauptnavigation_hover.png) no-repeat left center; }

.produkte-material-technik-baum .navigation	.ebene-2 a:hover,
.produkte-material-technik-baum .navigation	.ebene-2 a:active		{ text-decoration: none; background: url(../pics/layout/hauptnavigation_hover.png) no-repeat left center; }

.produkte-material-technik-baum .ebene-1 		{ padding: 15px 0px 0px 12px; text-transform: uppercase; }
.produkte-material-technik-baum .ebene-2 		{ font-weight: normal; text-transform: none; }


.produkte_material_technik						{ margin-bottom: 20px; }
.produkte_material_technik .liste-abschnitt		{ background: url('../pics/layout/hg-container.png'); padding: 5px 10px;  margin-bottom: 5px; font-weight: bold; font-size: 16px; }
.material-technik-zeile							{ overflow: hidden; display:block; padding: 10px; background: url('../pics/layout/hg-container.png'); margin-bottom: 10px; }
.material-technik-bild							{ float: left; height: 100px; width: 150px; }
.material-technik-beschreibung					{ float: left; width:520px; margin-left: 10px; }
.material-technik-beschreibung-kurz				{ font-weight: bold; margin: 5px 0px; }



/* Element Varianten */
.modul-produkte-variation						{ width: 180px !important; width: 220px; background: url('../pics/layout/hg-container.png'); padding: 10px 20px; margin-bottom: 10px; }
.titel-variation								{ float: left; font-weight: bold; }
.variation-klapper								{ float: right; cursor: pointer; }
.variation-kopf									{ margin-bottom: 5px; border-bottom: 1px solid #999999; margin-bottom: 10px; }
.variation-loeschen								{ float: right; font-size: 11px; cursor: pointer; }
.variation-loeschen:hover						{ text-decoration: underline; }

.variation								{ border-bottom: 1px solid #999999; margin-bottom: 10px; padding-bottom: 10px; }
.variation .zeile						{ margin-bottom: 3px; }

.variation .variation-checkbox			{ margin-right: 4px; display: inline;  }
.variation label						{ line-height: 18px; cursor: pointer; background: none; margin: 0px; padding: 0px; }
