/* (c) 2001 - 2007, EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* 
Hinweise:
- jedes Seitenelement wird hier definiert
- Seiteneffekte zwischen Seitenelementen sind auszuschließen
*/


/* TinyMCE Style Dropdown */

/* Eintrag: Rot=rot */
.rot {
	color: #ff0000;
}

/* Eintrag: Grün=gruen */
.gruen {
	color: #00ff00;
}

/* Eintrag: Blau=blau */
.blau {
	color: #0000ff;
}


/* Element: Absatz */
.absatz                             { margin-bottom: 10px; }
.absatz .bild-unterschrift          { text-style: italic; }
.absatz .bild-rechts 				{ float: right; padding: 0px 0px 10px 10px; }
.absatz .bild-links 				{ float: left; padding: 0px 10px 10px 0px; }
.absatz .text                       { margin: 0; }
/*
.absatz h2                          { margin-bottom: 5px; }
.absatz p                           { margin: 0; }
.absatz img                         { }                       
.absatz a:link                      { }
.absatz a:visited                   { }
.absatz a:hover                     { }
.absatz a:active                    { }
.absatz p li                        { }                       
*/

/* Element: Titel */
.titel                              { }
/*
.titel h1                           { }
*/

/* Element: Text */
.text                               { }
/*
.text p                             { margin: 0; }
.text img                           { }                       
.text a:link                        { }
.text a:visited                     { }
.text a:hover                       { }
.text a:active                      { }
.text p li                          { }                       
*/

/* Element: Bild */
.bild                               { }
.bild .bild-unterschrift            { text-style: italic; }
.bild .bild-rechts,
.bild-rechts	 				    { float: right; padding: 0px 0px 10px 10px; text-align: left; }
.bild .bild-links,
.bild-links 					    { float: left; padding: 0px 10px 10px 0px; text-align: left; }
/*
.bild img                           { }                       
*/

/* Element: Link */
.link                               { }
/*
.link a:link                        { }
.link a:visited                     { }
.link a:hover                       { }
.link a:active                      { }
*/

/* Element: Dokument */
.dokument                           { }
/*
.dokument p                         { margin: 0; }
.dokument a:link                    { }
.dokument a:visited                 { }
.dokument a:hover                   { }
.dokument a:active                  { }
*/

/* Element: Container */
.container                          { }

/* Element: Umbruch */
.umbruch                            { font-size: 1px; height: 20px; width: 100%; clear: both; }

/* Element: Tabelle */
.tabelle                            { }
/*
.tabelle th                         { }
.tabelle td                         { }
*/
.tabelle .spalte-01-links           {  }
.tabelle .spalte-01-mitte           { text-align: center; }
.tabelle .spalte-01-rechts          { text-align: right; }
.tabelle .spalte-02-links           {  }
.tabelle .spalte-02-mitte           { text-align: center; }
.tabelle .spalte-02-rechts          { text-align: right; }
.tabelle .spalte-03-links           {  }
.tabelle .spalte-03-mitte           { text-align: center; }
.tabelle .spalte-03-rechts          { text-align: right; }
.tabelle .spalte-04-links           {  }
.tabelle .spalte-04-mitte           { text-align: center; }
.tabelle .spalte-04-rechts          { text-align: right; }
.tabelle .spalte-05-links           {  }
.tabelle .spalte-05-mitte           { text-align: center; }
.tabelle .spalte-05-rechts          { text-align: right; }
.tabelle .spalte-06-links           {  }
.tabelle .spalte-06-mitte           { text-align: center; }
.tabelle .spalte-06-rechts          { text-align: right; }
.tabelle .spalte-07-links           {  }
.tabelle .spalte-07-mitte           { text-align: center; }
.tabelle .spalte-07-rechts          { text-align: right; }
.tabelle .spalte-08-links           {  }
.tabelle .spalte-08-mitte           { text-align: center; }
.tabelle .spalte-08-rechts          { text-align: right; }
.tabelle .spalte-09-links           {  }
.tabelle .spalte-09-mitte           { text-align: center; }
.tabelle .spalte-09-rechts          { text-align: right; }
.tabelle .spalte-10-links           {  }
.tabelle .spalte-10-mitte           { text-align: center; }
.tabelle .spalte-10-rechts          { text-align: right; }

/* Projektdefinitionen */

/* Container */
.container_uebersicht,
.news_uebersicht												{ width: 250px; float: left; padding-right:15px; }
.container_uebersicht .absatz,
.news_uebersicht .absatz										{ padding: 0px; margin: 0px;}
.container_uebersicht h2,
.news_uebersicht h2												{ padding: 0px; }
.container_uebersicht .text,
.news_uebersicht .text											{ padding: 0px; padding: 0px; margin: 0px; font-size: 11px; line-height: 14px; }
.container_uebersicht td.bild,								
.news_uebersicht td.bild										{ width: 77px; text-align: right;}
.container_uebersicht td.bild img,								
.news_uebersicht td.bild img									{ float: right; padding-right: 5px; }
.container_uebersicht .bild .bild-links,								
.news_uebersicht .bild .bild-links,						
.container_uebersicht .bild .bild-rechts,								
.news_uebersicht .bild .bild-rechts								{ padding: 0px; }
/*
.container_uebersicht .bild .bild-links							{ float: left; text-align: left; width:100%; }
.container_uebersicht .bild .bild-links img						{ float:left;}	
.container_uebersicht .bild .bild-rechts						{ float: right; text-align: right; background-color: blue; }
.container_uebersicht .bild .bild-rechts img					{ float:right;}	
*/
.container_uebersicht.among .bild 								{ padding-bottom: 10px;} 	
.container_uebersicht.among .bild .bild-links					{ float: left; text-align: left; width: 250px; }
.container_uebersicht.among .bild .bild-links img				{ float: left;}
.container_uebersicht.among .bild .bild-rechts					{ float:right;  text-align: right;  width: 250px;  }
.container_uebersicht.among .bild .bild-rechts img				{ float: right; padding-left: 5px; padding-right: 0px; }			

/* Absatz */
.absatz															{ padding: 0px 0px 15px 0px; }
.absatz .text													{ padding: 0px; font-size: 11px; line-height: 15px; }
.absatz ul														{ margin: 0 0 0 0px;	padding: 0 0 0 15px;	}
.absatz ul li													{ margin: 0px; padding: 0px; font-size: 11px; line-height: 20px; list-style: disc; }

/* News Mitte */
.content .mitte .liste_inner									{ padding-bottom: 30px;}
.content .mitte .liste_inner h1									{ font-size: 12px; }
.content .mitte .liste_inner h2									{ display: none; }	

/* Copyright */
.copyright .copyright_text,
.copyright .copyright_text a									{ float: left; height: 15px; line-height: 15px; vertical-align: middle; }
.copyright .copyright_trenner									{ float: left; width: 5px; height: 100%; background-image: url(../pics/layout/separatorpoint.gif); background-position: center; background-repeat: no-repeat; padding: 0 5px 0 5px; }

/* Kontaktformular */
.formular-kontakt												{ width: 500px; float: left; padding-bottom: 40px;  }
.formular-kontakt.popup 										{ width: 390px; margin-left: 5px; }
.formular-formular												{ float: left; width: 100%;}
.formular-kontakt input,
.formular-kontakt textarea										{ border: 1px solid #333333; }
.formular-kontakt .check input									{ border: 0px; }
.formular-kontakt .buttons input								{ width: 100%; cursor: pointer;}									
.formular-kontakt .form-error,
.formular-kontatk .form-info									{ width:100%; padding-bottom: 20px; float: left; font-weight: normal; }
.formular-kontakt .form-error .zeile 							{ color: Red; }
.formular-kontakt .pflichtfeld_meldung							{ padding-top: 20px; float: left; width: 100%; }
.formular-kontakt.popup .pflichtfeld_meldung					{ width: 390px; }

/* Google Maps Karte */
#gmaps_planer													{ width: 500px; float: left; margin: 20px 0 20px 0;}
#gmaps_planer_ergebnis											{ width: 500px; float: left; border: 1px solid #333333; display: none;  overflow: auto; margin: 0 0 20px 0; }
#gmaps_anfahrtskarte											{ width: 500px; float: left; height: 350px; border: 1px solid #333333; padding: 5px; }


/* Details Related */
.rechts .details												{ margin-top: 50px; width: 171px; }
.rechts .details .titel											{ width: 100%; background-color: #EAEAE8; font-size: 10px;}
.rechts .details .titel h1                         				{ color: #5C5B59; padding: 0px 10px 0px 5px; font-size: 11px; font-weight: bold; border-bottom: 2px solid #fff;}
.rechts .details a												{ color: #0070a6; font-weight: normal; font-size: 10px; text-decoration: none; }	
.rechts .details a:hover										{ color: #d20027;  font-weight: bold;  }	
.rechts div.detail_related										{ background-color: #EAEAE8; border: 5px solid #EAEAE8; }
.rechts div.detail_related ul									{ margin: 0px; padding: 0px;  }
.rechts div.detail_related li									{ list-style: none; color: #006DA2; font-size: 10px; font-weight: bold; }
.rechts div.detail_related a.aktiv								{ color: #d20027;  font-weight: bold;  }

/* Image Related */
.rechts .details .detail_image									{ font-size: 11px; color: #006DA2; font-weight: bold; border: 5px solid #EAEAE8; background-color: #EAEAE8; margin-top: 2px; }

/* Image Spacer */
.imagespacer													{ width: 500px; float:left; height: 1px; border-bottom: 1px solid #999999; margin: 15px 0px 15px 0px; font-size: 1px;}

/* Pagebreak */
.pagebreak														{ page-break-after: always; width: 100%; height: 1px; font-size: 1px; }

/* Typentabelle */
.typentabelle													{ overflow: hidden; background-color: #FFF; float: left; width: 100%; }
.typentabelle.typentabelle										{ }
.typentabelle_tabelle											{ }
.typentabelle td												{ font-size: 9px; color: black; background-color: #eee; font-family: Arial, Helvetica, sans-serif; text-align: right; line-height: 15px; height: 14px; vertical-align: middle; }
.typentabelle td div.lieferbar,
.typentabelle td div.nlieferbar,
.typentabelle td div.standard,
.typentabelle td div.zeichnung									{ width: 100%; text-align: center;  }
.typentabelle td.spalte.kopf *									{ font-weight: bold; text-align: center; }
.typentabelle td.spalte.kopf.matnr								{ width: 50px;}
.typentabelle td.spalte.kopf.typ								{ }
.typentabelle td.plus											{ width: 28px;}
.typentabelle td.spalte											{ border: 1px solid #eeeeee; }
.typentabelle td.spalte.daten									{ padding: 0px; }
.typentabelle td.spalte.systemelemente,
.typentabelle td.spalte.type,
.typentabelle td.spalte.dichtungen,
.typentabelle td.spalte.schrauben,
.typentabelle td.spalte.deckel,
.typentabelle td.spalte.verbindungen,
.typentabelle td.spalte.systemelement,
.typentabelle td.spalte.systemelemente,
.typentabelle td.spalte.version,
.typentabelle td.spalte.material								{ text-align: left;}
.typentabelle td.spalte.typ										{ font-weight: bold; text-align: left;}
.typentabelle .spalte.daten .preis								{ text-align: center; color: #0070a6; font-weight: bold; text-decoration: underline; cursor: pointer;}
.typentabelle .spalte.daten .plus								{ text-align: center;}

/* Element Bild */
.bild-links														{ float: left; padding: 0 5px 5px 0; }

/* Typentabellen Zeichnungen */
.typentabelle_zeichnungen										{ width: 100%; text-align: center;}
.typentabelle_zeichnungen h1,
.typentabelle_zeichnungen h2									{ color: #D20027; }

.typentabelle_zeichnungen table									{ margin-top: 20px;padding: 10px; background-color: White; border: 1px solid silver }
.typentabelle_zeichnungen table .title,
.typentabelle_zeichnungen table .product						{ text-align: center; }

/* Typentabellen Legende */
.typentabelle.legende											{ float: left; width: 530px; }
.typentabelle.legende td										{ }
.typentabelle.legende .legendenpunkt							{ float: left;  padding: 0 10 3 0;}
.typentabelle.legende .legendenpunkt td							{ padding: 0px; margin: 2px; background-color:white; text-align: left; font-size: 9px; height: 20px; line-height: 10px; border: 0px; }	
.typentabelle.legende h2										{ padding: 0 0 5 0; font-size: 12px;}

/* PLZ - Suche */
.plz-suche														{ margin-top: -14px; float: left; overflow: visible; }
.plz-suche .plz-suche-formular									{ width: 100%; float: left; }
.plz-suche .text												{ margin-top: 25px; padding-bottom: 10px; }
.plz-suche table.ergebnis										{ width: 435px; }
.plz-suche td 													{ background-color: #EAEAE8; padding: 5px 15px 5px 5px; }
.plz-suche .tabelle-zeile-1 									{ background-color: #DEB275; font-weight: bold; }
.plz-suche .tabelle-zeile-1.plz_suche_bild						{ width: 100px;  }
.plz-suche .button 												{ background-image:url(../pics/layout/button_search.gif); background-position:left center; background-repeat:no-repeat; cursor:pointer; float:left; margin-left:5px; }
.plz-suche .button .text-suche									{ background-image:url(../pics/layout/button_search_r.gif); background-position:right center; background-repeat:no-repeat; color:#F7FBFB; font-size:10px; font-weight:bold; height:19px; line-height:19px; padding:0pt 8px; vertical-align:middle; float: left; }
.plz-suche a,
.plz-suche a:link,
.plz-suche a:active,
.plz-suche a:visited,
.plz-suche a:hover												{ text-decoration: none; }

/* Auslandsvertretungen */
.element_auslandsvertretungen									{ }
.element_auslandsvertretungen .auslandsvertretung				{ float: left; width: 270px; height: 200px; }
.element_auslandsvertretungen .auslandsvertretung span.land		{ color:#333333; font-weight: bold; }
