/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* Suche */
.suche-eingabe								{ 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"]			{ border: 0px solid; width:22px; 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: #67A2C0; padding: 0px 4px; color: #737373; }
.trefferliste .kopf							{ margin-bottom: 10px;}
.trefferliste .liste-zeile					{ 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; background-color: #FFFFFF; }

.trefferliste .zeile-0						{ background: #676c6d; padding: 5px; }
.trefferliste .zeile-1						{ background: #none; padding: 5px; }
.trefferliste .treffer-beschreibung			{  }

/* News */
.start-news												{ }
.start-news .modul-news									{ padding: 9px 17px 5px 17px; }
.start-news .titel h1									{ margin-left: 15px; color: #67A2C0; text-transform: uppercase;  }
.start-news-rahmen										{ background: url('../pics/layout/hg-news.png') center center; width: 286px; height: 208px; overflow: hidden; }
.start-news-rahmen .titel 								{ cursor: pointer;}
.start-news-rahmen .titel-bild 							{ cursor: pointer; }
.start-news-rahmen .titel-bild .bild-rechts,
.start-news-rahmen .titel-bild .bild-links				{ float: none; clear: both; text-align: center; padding: 0px; margin: 0px; }
.start-news-rahmen .titel-bild img						{ margin: auto; }

.start-news-rahmen .modul-news .liste table				{ width: 100%; border-collapse: collapse; float: left; }
.start-news-rahmen .datum								{ width: 70px; font-size: 10px; }
.start-news-rahmen .titel-liste							{ font-size: 10px; color: #67A2C0; text-transform: uppercase; }
.start-news-rahmen .aufmacher .text						{ font-size: 10px; float: right; width: 181px; }
.start-news-rahmen .aufmacher .text	strong				{ font-size: 10px; }


.modul-news .detail .datum-titel						{ }
.modul-news .detail .aufmacher							{ margin-bottom: 10px; }
.modul-news .detail .langtext,
.modul-news .detail .text								{ margin-bottom: 0px; }
.modul-news .detail .bild-rechts,
.modul-news .detail .bild-links							{ padding-top: 0px; padding-bottom: 0px;  }

.content .modul-news .liste								{  }
.content .modul-news .liste .news-block					{ margin-bottom: 10px; float: left; padding: 0px 10px; width: 410px; }
.content .modul-news .liste	.news-block table			{ width: 280px; border-collapse: collapse; float: left; }
.content .modul-news .liste	.news-block table .link		{ padding-top: 10px; }
.content .modul-news .liste	.news-block table h3		{ margin: 0px; padding: 0px; color: #67A2C0; font-weight: normal; }
.content .modul-news .liste	.vorschau-bild				{ float: left; padding-right: 10px; text-align: left; }


/* Sprachen */
.sprache												{ height: 20px; color: #737373; }


/* modul_landkarte */
.modul-landkarte					{ margin-bottom: 10px; padding-top: 10px; }

.modul-landkarte select				{ width: 150px; }
.modul-landkarte option				{ }

.modul-landkarte input[type="checkbox"]		{ margin-right: 2px; }

.routenplaner						{ padding: 10px 0px; }
.modul-landkarte .routenplaner .form-eingabe-zeile	{}
.modul-landkarte .routenplaner .zeile-von				{padding: 0px;}

.modul-landkarte .filter-table			{ border-collapse: collapse; float: right; width: 400px; }
.modul-landkarte .filter-td				{ border: 1px solid #737373; padding: 5px 3px; }
.modul-landkarte .filter-th				{ font-weight: bold; padding: 0px; text-align: left; }
.modul-landkarte .form-eingabe-zeile	{ float: left; margin-right: 5px;}

.modul-landkarte label	{ float: left; margin-right: 5px; }
.modul-landkarte .form-checkbox	{ float: left; }
.modul-landkarte .form-checkbox-liste	{ float: left; margin-right: 5px;}
.modul-landkarte .form-bezeichner-checkbox-liste	{ float: left; margin-right: 5px; }

.modul-landkarte input[type="text"]		{ width: 150px; }			
.modul-landkarte .beschreibung			{ margin-bottom: 5px; width: 435px; }

.modul-landkarte .fahrrad-art			{ float: left; }
.modul-landkarte .fahrrad-art a			{ margin: 0px 15px; float: left; }

.modul-landkarte input[type="submit"]	{ border: 0px solid; 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; }

#id_middle .modul-landkarte .autocomplete					{ width: auto !important; background-color: #fff; border: 1px solid #888; margin: 3px 0px 0px -7px; padding: 0px; z-index: 100; }
#id_middle .modul-landkarte .autocomplete ul 				{ list-style-type:none; margin: 0px; padding: 0px; padding-left: 0px; }
#id_middle .modul-landkarte .autocomplete ul li			{ list-style-type: none; display: block; white-space: nowrap; margin: 0; padding: 2px; height: auto; cursor: pointer; color: #000; }
#id_middle .modul-landkarte .autocomplete ul li.selected 	{ color: #fff; background-color: #666666; }
#id_middle .modul-landkarte .autocomplete b.highlighted 	{ color: #999; }

#karte *							{ color: #737373; }
#karte								{ margin: 0px; width: 860px; height: 450px; overflow: hidden;  }
#karte .landkarte-ueberschrift		{ font-size: 12px; font-weight: bold; }
#karte .beschreibung-infofenster	{ font-size: 11px; }
#karte .beschreibung-infofenster a:active,
#karte .beschreibung-infofenster a:link,
#karte .beschreibung-infofenster a:visited	{ font-size: 11px; color: #67A2C0; }

.modul-landkarte .liste				{ padding: 0px 10px 10px 10px; }
.modul-landkarte .standort-item		{ margin-bottom: 10px; padding-top: 10px; border-top: 1px solid #737373; }
.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: 850px !important; width: 860px; margin: auto; text-align: left; color: #000000; }

/* modul produkte_extern */
.modul-produkte-extern					{ }

.modul-produkte-extern .liste			{  }
.modul-produkte-extern .liste .produkt	{ position: relative; margin-bottom: 10px; height: 205px; width: 230px; cursor: pointer; }

.modul-produkte-extern .liste .titel	{ height: 20px; position: absolute; top: 0px; left: 0px; background: #67A2C0; width: 100%; margin: 0px; color: #FFFFFF; }
.modul-produkte-extern .liste .preis	{ height: 20px; position: absolute; bottom: 0px; left: 0px; width: 100%; }
.modul-produkte-extern .liste .preiskategorie-bezeichner	{ margin-left: 17px; }


.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 .produkt-absatz .produkt-absatz-mitte	{ margin: 0px 0px 15px 0px; }
.produkt-detail .produkt-absatz .bezeichner				{ font-size: 12px; margin: 2px 0px; text-transform: uppercase; }
.produkt-detail .produkt-absatz .produkt-absatz-mitte .wert	{ font-size: 16px; font-weight: bold; margin: 2px 0px 5px 0px; text-transform: uppercase; }

.produkt-detail	.absatz-produkt-detail-content			{ float: right; width: 340px; }
.produkt-detail	.bild-produkt-detail					{ float: left; text-align: center; margin-right: 10px; }
.produkt-detail	.link-produkt-detail					{ float: right; background: none; margin-right: 10px; }
#id_middle_produkt .produkt-detail .absatz-produkt-detail-content h1	{ padding: 0px; line-height: 26px; font-size: 24px; margin-bottom: 5px; }

/* Reiternavigation */
#id_middle_produkt .produkt-detail .tab								{ }
#id_middle_produkt .produkt-detail .subsection_tabs					{ height: 27px; }
#id_middle_produkt .produkt-detail .tab								{ margin-right: 15px; }

#id_middle_produkt .produkt-detail .reiter							{ width: 900px; }
#id_middle_produkt .produkt-detail .reiter .container-rahmen				{ min-height: 100px; }
#id_middle_produkt .produkt-detail .reiter .text					{ background: none; padding: 0px; }
#id_middle_produkt .produkt-detail .reiter .spalte					{ width: 287px; margin-right: 5px;  }
#id_middle_produkt .produkt-detail .reiter .spalte .spezifikation-zeile		{ margin-bottom: 5px; }
#id_middle_produkt .produkt-detail .reiter h1	{ margin: 0px; }

#id_middle_produkt .produkt-detail .reiter .container-rahmen .geometrie-content table				{ margin-bottom: 6px; }

#id_middle_produkt .produkt-detail .reiter .vergleich .spalte		{ padding: 5px; }
#id_middle_produkt .produkt-detail .reiter .vergleich .form-select	{ width: 100%; }
#id_middle_produkt .produkt-detail .reiter .vergleich .spalte h2	{ font-size: 12px;}
#id_middle_produkt .produkt-detail .reiter .vergleich .spalte h1	{ margin-bottom: 5px; }
#id_middle_produkt .produkt-detail .reiter .vergleich .spalte .spezifikation-zeile	{ font-size: 11px; margin-bottom: 2px; }
#id_middle_produkt .produkt-detail .reiter .vergleich .spalte .spezifikation-zeile-inhalt	{ font-size: 11px; margin-bottom: 2px; }
#id_middle_produkt .produkt-detail .reiter .vergleich .spalte .preis	{ font-weight: bold; margin-bottom: 10px; }

#id_middle_produkt .produkt-detail .reiter h2						{ color: #67A2C0; margin: 0px; font-size: 13px; text-transform: uppercase; }
#id_middle_produkt .produkt-detail .reiter .modul-produkte-extern	{ padding: 10px 8px 0px 8px; background: #4C5254;}
#id_middle_produkt .produkt-detail .reiter .modul-produkte-extern .liste	{ margin: 0px;}
#id_middle_produkt .produkt-detail .reiter .modul-produkte-extern h1	{ display: none; margin: 0px; }
#id_middle_produkt .produkt-detail .reiter .modul-produkte-extern .titel	{  margin: 0px; }


#id_middle_produkt .produkt-detail .aktiv .reiter-mitte				{ text-transform: uppercase; float: left; padding: 0px 10px; font-weight: bold; background: #67A2C0; height: 26px !important; height: 27px; border-top: 1px solid #67A2C0; border-left: 1px solid #67A2C0; }
#id_middle_produkt .produkt-detail .aktiv .reiter-mitte a			{ color: #FFFFFF; line-height: 26px; }
#id_middle_produkt .produkt-detail .aktiv .reiter-rechts			{ float:left; background: #67A2C0; width: 20px; height: 26px !important; height: 27px; background: #67A2C0 url('../pics/layout/reiter-rechts.png') no-repeat top left; border-top: 1px solid #FFFFFF; }

#id_middle_produkt .produkt-detail .inaktiv .reiter-mitte			{ text-transform: uppercase; float: left; padding: 0px 10px; font-weight: bold; background: #FFFFFF; height: 26px !important;  height: 27px; border-top: 1px solid #67A2C0; border-left: 1px solid #67A2C0; }
#id_middle_produkt .produkt-detail .inaktiv .reiter-mitte a			{ color: #67A2C0; line-height: 26px; }
#id_middle_produkt .produkt-detail .inaktiv .reiter-mitte a:hover	{ text-decoration: underline; }
#id_middle_produkt .produkt-detail .inaktiv .reiter-rechts			{ float:left; background: #FFFFFF; width: 20px; height: 26px !important;  height: 27px;  background: url('../pics/layout/reiter-rechts.png') no-repeat top left; border-top: 1px solid #FFFFFF; }


/* Element Vorschau Bild in Produkt Detail */
.produkt-detail	.produkt-detail-bilder								{ }
.produkt-detail-bilder .diashow-bild								{ float: left; border: 1px solid #FFFFFF; cursor: pointer; }
.produkt-detail-bilder .thumbnail-bild								{ float: left; border: 1px solid #FFFFFF; }
.produkt-detail-bilder .diashow-bild:hover							{ border: 1px solid #67A2C0; }


/* Testberichte */
.testberichte-detail		{  }
.testberichte-detail .beschreibung		{ width: 600px; }
.testberichte-detail .datum				{ font-weight: bold; }
.testberichte-detail .detailbild		{ }
.testberichte-detail .unterschrift		{ z-index: 2; font-size: 10px; }
.testberichte-detail .icon				{ margin-top: 10px; }



/* Element Varianten */
.modul-produkte-variation						{ width: 180px !important; width: 220px; background: url('../pics/layout/hg-container.png'); padding: 10px 20px; }
.titel-variation								{ float: left; font-weight: bold; }
.variation-klapper								{ float: right; cursor: pointer; }
.variation-kopf									{ margin-bottom: 5px; border-bottom: 1px solid #737373; margin-bottom: 10px; }
.variation-loeschen								{ float: right; font-size: 11px; cursor: pointer; }
.variation-loeschen:hover						{ text-decoration: underline; }

.variation								{ border-bottom: 1px solid #737373; margin-bottom: 10px; padding-bottom: 10px; }
.variation .zeile						{ margin-bottom: 3px; }

.variation .form-checkbox				{ float: left; }
.variation label						{ line-height: 18px; cursor: pointer; float: left; background: none; margin: 0px; padding: 0px; padding-left: 5px; }

/* alternierende Zeilen */
tr.zustand-1							{ background:#F9F9F9; }
tr.zustand-2							{ }
