/* Konzept, Design und Programmierung durch media access GmbH, Agentur fuer Neue Medien, Stuttgart
   Neugierig? www.media-access.net */

/* version 3.0 Print */
/* --------------------------------------- Allgemein ---------------------------------------- */

.mainsite {
    width: 900px;
}

.mainsite, .popup, .produktvergleich, #suchergebnis {
	font-family: Arial, Helvetica, sans-serif;
}

a { /* Link allgemein */
	color: #0571BA;
	text-decoration: underline;
}

form, img {
	margin: 0cm;
	border: 0cm;
}

.showit {
	display: block;
}

.hideit {
	display: none;
}

.noprint {
	display: none;
}


/* ------------------------------  Content Tabellenbreiten  -----------------------------------  */

.fullsize { /* Tabelle ueber ganze Content-Spalte */
	width: 100%;
}

.popupsize { /* Tabelle im PopUp */
	width: 100%;
}

.halfsize { /* Tabelle ueber halbe Content-Spalte */
	width: 100%;
}

.results-filter { /* Zusammenfassung der Filter-Kriterien im Iframe */
	width: 50%;
}

.results { /* extra breite Tabelle fuer Filter-Ergebnisse */
	width: 100%;
}


/* ---------------------------------- Grundlayout Startseite --------------------------------  */

#container-start { /* Rahmen */
	width: auto;
	height: auto;
	padding: 0cm;
	margin: 0cm
}

#navilinks-start { /* Linke Navigation */
	display:none;
}

#content-start { /* Content */
	font-size: 8pt;
	line-height: 14pt;
	width: auto;
	height: auto;
	padding: 0cm;
	margin: 0cm 0cm 2cm 0cm;
	overflow: hidden;
}

#context-start { /* rechte Kontextspalte */
	display:none;
}

/* ---------------------------------- Grundlayout Unterseiten --------------------------------  */

#container { /* Rahmen */
	width: auto;
	height: auto;
	padding: 0cm;
	margin: 0cm
}

#header-print { /* Kopfzeile mit Logo */
	width: auto;
	height: 2cm;
	padding: 0cm;
	margin: 0cm;
}

#metanavi { /* Meta-Navigation */
	display: none
}

#hauptnavi { /* Haupt-Navigation */
	display:none
}

#keyvisual { /* Key Visual fuer die Unterseiten */
	display:none
}

#navilinks { /* Linke Navigation */
	display: none
}

#content { /* Inhalt */
	font-size: 8pt;
	line-height: 14pt;
	width: auto;
	height: auto;
	clear: both;
	padding: 0cm;
	margin: 0cm 0cm 2cm 0cm;
	overflow: hidden;
}

#context { /* rechte Kontextspalte */
	display: none
}

#footer { /* Fusszeile */
	font-size: 8pt;
	color: #989898;
	text-align: right;
	width: auto;
	height: auto;
	clear: both;
	padding: 0.1cm;
	margin: 0cm;
	border-top: #61726C 1pt solid
}


/* Spezialfall 1: Produktauswahlseite/Filter */

#content-produktauswahl { /* Filter */
	display: none;
}

#context-produktauswahl { /* rechte Kontextspalte */
	display: none;
}

#content-suchergebnis { /* Rahmen fuer Iframe */
	font-size: 8pt;
	line-height: 14pt;
	width: auto;
	height: auto;
	clear: both;
	padding: 0cm;
	margin: 0cm;
	overflow: hidden;
}

#suchergebnis { /* Suchergebnisse */
	font-size: 8pt;
	line-height: 14pt;
}

/* Spezialfall 2: Produktdetail-Ansicht */

#content-produktdetail-li { /* linke Spalte */
	font-size: 8pt;
	line-height: 14pt;
	width: 45%;
	height: auto;
	float: left;
	padding: 0cm;
	margin: 0cm 0cm 2cm 0cm;
	overflow: hidden;
}

#content-produktdetail-re { /* rechte Spalte */
	font-size: 8pt;
	line-height: 14pt;
	width: 45%;
	height: auto;
	float: right;
	padding: 1.8cm 0cm 0cm 0cm;
	margin: 0cm 0cm 2cm 0cm;
	overflow: hidden;
}

#content-produktdetail-abschluss { /* Blaettern-Funktion */
	display: none;
}


/* -------------------------------------- Grundlayout PopUps --------------------------------------  */

#container-popup { /* Rahmen */
 	width: 14.3cm;
	height: auto;
	padding: 0cm;
	margin: 0cm auto;
}

#header-popup {
 display: none;
}

#ueberschrift-popup { /* Ueberschrift */
  width: auto;
  height: auto;
  margin: 0pt;
  padding: 0pt;
  border: #D3D8DC 1pt solid;
}

#content-popup { /* Inhalt */
	font-size: 7pt;
	line-height: 12pt;
	width: 14.3cm;
	text-align: center;
	padding: 0cm;
	margin: 0.5cm 0cm 0cm 0cm;
}

#content-popup-li { /* linke Spalte Zubehoer */
	font-size: 7pt;
	line-height: 12pt;
	width: 7.5cm;
	height: auto;
	float: left;
	padding: 0cm;
	margin: 0.5cm 1cm 0cm 0cm
}

#content-popup-re { /* rechte Spalte Zubehoer */
	font-size: 7pt;
	line-height: 12pt;
	width: 7.5cm;
	height: auto;
	float: left;
	padding: 0cm;
	margin: 0.5cm 0cm 0cm 0cm
}


/* ---------------------------------- Grundlayout Produktvergleich -------------------------------  */

#container-produktvergleich {
	display: none;
}
	
	
/* ---------------------------------- Hauptnavi - Ausklappmenues ----------------------------------  */

#menuecontainer { /* Menue-Traegerblock */
	visibility: hidden;
	display: none;
}

#topassistent { /* Produkt - Assistent */
	visibility: hidden;
}	

#topprodukte_bauart, #topunternehmen, #topinfocenter, #topkarriere, #topeinkauf, #topkontakt { /* Menueleisten */
	visibility: hidden;
}

#topsuche { /* Suchkategorien Ausklappmenue */
	visibility: hidden;
}

#pdf_hinweis { /* PDF-Hinweislayer */
  visibility: hidden;
}

/* -------------------------------------  Content Textformate  ---------------------------------  */

h1 { /* unsichtbare ueberschrift */
	padding: 10px 0px 10px 0px;
	margin: 0px;
}

#content h1 {
	padding: 20px 0px 20px 0px;
	margin: 0px;
	font-size: 20px;
}

#content-start h1 {
	padding: 20px 0px 20px 0px;
	margin: 0px;
	font-size: 20px;
}

#content h2 {
	padding: 20px 0px 20px 0px;
	margin: 0px;
	font-size: 14px;
}

#content-start h2 {
	padding: 20px 0px 20px 0px;
	margin: 0px;
	font-size: 14px;
}


#content h1.specialHeadline {
	padding: 20px 0px 20px 0px;
	margin: 0px;
	font-size: 20px;
}


#content h3, #content-produktdetail-li h3 { /* Zwischenueberschrift */
	font-weight: bold;
	font-size: 8pt;
	clear: both;
	padding: 0cm;
	margin: 0cm;
}

#content-start h3 { /* Zwischenueberschrift */
	font-weight: bold;
	font-size: 8pt;
	clear: both;
	padding: 0cm;
	margin: 0cm;
}

#content h4, #content-start h4, #suchergebnis h4 { /* Teaser-Text (Abstract) bzw. Suchergebnis-Meldung */
	font-size: 8pt;
	font-weight: bold;
	color: #919EA7;
	line-height: 14pt;
	padding: 0cm;
	margin: 0cm 0cm 0.5cm 0cm;
}

#content h5 { /* Autor einer Pressemeldung */
	font-size: 8pt;
	color: #919EA7;
	padding: 0cm;
	margin: 0cm 0cm 0.5cm 0cm;
}

div.textblock {
  clear: both;
}

#content p, #content-start p, #content-produktdetail-li p, #suchergebnis p { /* Absatz */
	padding: 0cm;
	margin: 0cm 0cm 0.5cm 0cm;

}

#content ul, #content-start ul, #content-produktdetail-li ul { /* Aufzaehlungsliste 1. Ebene */
	padding: 0cm;
	margin: 0cm 0cm 0.5cm 0.4cm;
}

#content ul li, #content-start ul li, #content-produktdetail-li ul li { /* Listenpunkt 1. Ebene */
	list-style-type: disc;
}

#content ul ul, #content-start ul ul, #content-produktdetail-li ul ul  { /* Aufzaehlungsliste 2. Ebene */
	margin-top: 0cm;
	margin-bottom: 0cm;
}

#content ul > ul, #content-start ul > ul { /* Aufzaehlungsliste 2. Ebene - Sonderregelung fuer Moz/Opera */
	margin-top: 0cm;
	margin-bottom: 0cm;
}

#content ul * li, #content-start ul * li, #content-produktdetail-li ul * li { /* Listenpunkt 2. Ebene */
	list-style-type: circle;
}

#content ol, #content-start ol { /* Nummerierte Liste */ 
	padding: 0cm 0cm 0.5cm 0cm;
	margin: 0cm;
}

#content ol li, #content-start ol li { /* Listenpunkt */
	list-style-type: decimal;
}

#content-produktdetail-abschluss table { /* Blaettern-Funktion am unteren Rand */
  display: none;
}	


/* -------------------------------------  Content Bildformate  ---------------------------------  */

img.hauptueberschrift { /* grafische Hauptueberschrift */
	margin: 0cm 0cm 0.5cm;
}

img.produktabbildung { /* Produktabbildung in der Produktdetail-Ansicht */
	border: 1pt solid #D3D8DC;
  margin: 0.5cm 0cm 1cm 0cm;
}

img.zoom { /* 'Vergroessern'-Icon in der Produktdetail-Ansicht */
	display: none;
}

img.leistungskurve  { /* Leistungskurve in der Produktdetail-Ansicht */
	margin: 0cm 0cm 1cm 0cm;
}

#content div.textblock img { /* Bild im Text */
	float: right;
	margin: 0.5cm 0cm 1cm 1.5cm;
}

/* -----------------------------  Content allgemeine Tabelle  ----------------------------------  */

table.tabelle { /* Layouttabelle */
	font-size: 8pt;
	border-collapse: collapse;
	padding: 0cm;
	margin: 0cm 0cm 1cm 0cm;
}

table.tabelle td { /* Tabellenzelle */
	vertical-align: top;
	border-bottom: 1pt solid #919EA7; 
	padding: 0.1cm 0.4cm 0.1cm 0cm;
}

table.tabelle th { /* Tabellen-Kopfzelle */
	text-align: left;
	vertical-align: top;
	padding: 0.1cm 0.4cm 0.1cm 0cm;
	border-bottom: 1pt solid #919EA7; 
}

#content-suchergebnis table.tabelle th a, #content table.tabelle th a { /* Link in der Kopfzelle */
  color: #333333;
	text-decoration: none;
}

table.tabelle ul { /* Linkliste */
  margin-left: 0.4cm;
	margin-top: 0cm;
  margin-bottom: 0cm;
}

table.tabelle ul li { /* Link-Listenpunkt */
	list-style-type: circle;
}

table.tabelle a.linkliste { /* Link-Listenpunkt alternativ */
 	display: block;
}

table.tabelle a img { /* Bild bzw. Filetype-Icon */
  vertical-align: middle;
}

table.tabelle tr.zeile-sort { /* Zeile mit Sortier-Pfeilen */
	display: none;
}

table.tabelle tr.zeile-units { /* Einheiten unterhalb der Kopfzeile */
	font-weight: bold;
	color: #919EA7;
	text-align: right;
}

table.tabelle td.fehlermeldung { /* Meldung, falls Spaltenbreiten falsch */
	font-weight: bold;
	color: #FF0000;
}


/* -----------------------------  Content Warenkorb-Tabelle  ----------------------------------  */

#content table.tabelle input.textfield { /* Eingabefeld */
	width: 0.5cm;
	height: auto;
	padding: 0cm;
	border: 1pt solid #FFFFFF;
	margin: 0cm;
}

#content table.warenkorb { /* Layouttabelle */
	font-size: 8pt;
	border-collapse: collapse;
	padding: 0cm;
	margin: 0cm 0cm 1cm 0cm;
}

#content table.warenkorb td { /* Tabellenzelle */
	vertical-align: top;
	padding: 0.1cm 0.4cm 0.1cm 0cm;
}

#content table.warenkorb td.zwischensumme { /* Tabellenzelle fuer die Zwischensumme */
	border-top: 1pt dotted #61726C; 	
}

#content table.warenkorb td.versandkosten { /* Tabellenzelle fuer die Versandkosten */
	border-bottom: 1pt solid #61726C; 
}

#content table.warenkorb td.summe { /* Tabellenzelle fuer die Summe */
	font-weight: bold;
}


/* ----------------------------------  Content Infocenter ----------------------------------  */

#content table.infocenter {
	border-collapse: collapse;
	width: 100%;
	padding: 0cm;
	margin: 0cm 0cm 1cm 0cm;
}

#content table.infocenter td { /* Tabellenzelle */
	vertical-align: top;
	padding: 0.1cm 0.4cm 0.1cm 0cm;
	border-bottom: 1pt solid #61726C; 
}

#content table.infocenter th { /* Tabellen-Kopfzelle */
	line-height: 14pt;
	text-align: left;
	vertical-align: top;
	padding: 0.1cm 0.4cm 0.1cm 0cm;
	border-bottom: 1pt solid #61726C;
}

#content table.infocenter p { /* Absatz */
 margin: 0cm;
 padding: 0cm;
}

#content table.infocenter div { /* Block um den Kurztext */
 padding: 0cm 0cm 0cm 0.4cm;
 margin: 0.4cm 0cm 0.4cm 0cm;
}

#content table.infocenter ul { /* Linkliste */
	font-weight: bold;
	margin-top: 0cm;
	margin-bottom: 0cm;
}

#content table.infocenter ul li { /* Link-Listenpunkt */
	list-style-type: circle;
}

#content table.infocenter ul.download { /* Linkliste fuer Download-Spalte */
	font-weight: normal;
	padding: 0cm;
	margin: 0cm;
}

#content table.infocenter ul.download li { /* Link-Listenpunkt fuer Download-Spalte */
	background: none;
	list-style-type: none;
	padding: 0cm;
	margin: 0cm;
}

#content table.infocenter ul.download li span { /* Linktext fuer Download-Spalte */
	display: none;
}

#content table.infocenter img { /* Filetype-Icon */
  vertical-align: middle;
}


/* --------------------------------  Content Teaserbox klein ----------------------------------  */

#content div.teaser { /* Rahmen */ 
	width: 16cm;
	height: auto;
	padding: 0cm;
	margin: 0cm;
}

#content div.teaser div.box { /* Teaserbox */
	color: #333333;
	text-align: center;
	width: 5cm;
	height: auto;
	float: left;
	padding: 0cm;
	border-top: 1pt solid #D3D8DC;
	border-right: 1pt solid #D3D8DC;
	border-bottom: 1pt solid #D3D8DC;
	border-left: 1pt solid #D3D8DC;
	margin: 0cm 0cm 1cm;
}

#content div.teaser div.box div.box-content {  /* innerer Rahmen (Mindesthoehe) */
	height: 2.3cm
}

#content div.teaser img { /* Bild */
	margin-top: 0.3cm;
	margin-bottom: 0cm;
}

#content div.teaser div.mitte { /* mittlere Teaserbox */
	margin-left: 0.35cm;
	margin-right: 0.35cm
}

#content div.teaser a.link { /* Link */
	font-size: 7pt;
	text-align: left;
	display: block;
	padding: 0cm 0cm 0.2cm 0.3cm;
	margin: 0cm;
}

#content div.teaser h3 { /* Box-Ueberschrift */
	font-size: 8pt;
	font-weight: bold;
	line-height: 12pt;
	text-align: left;
	padding: 0cm;
	margin: 0cm 0.5cm 0cm 0.3cm;
}

#content div.teaser p { /* Absatz */
	font-size: 7pt;
	line-height: 12pt;
	text-align: left;
	height: auto;
	padding: 0cm;
	margin: 0cm 0.5cm 0.5cm 0.3cm;
}


/* --------------------------------  Content Teaserbox gross ----------------------------------  */

#content div.teaser-gross { /* Teaserbox */
	color: #333333;
	background: #DADFE3 url(/images/public/common/background_teaserbox_gross.gif);
	width: 99%;
	height: 6cm;
	padding: 0cm;
	border-top: 1pt solid #D3D8DC;
	border-right: 1pt solid #D3D8DC;
	border-bottom: 1pt solid #D3D8DC;
	border-left: 1pt solid #D3D8DC;
	margin: 0cm 0cm 0.5cm;
}

#content div.teaser-gross img { /* Bild */
	float: left;
	margin: 0cm 0.5cm 0cm 0cm;
}

#content div.teaser-gross h3 { /* Box-Ueberschrift */
	clear: none;
	font-size: 8pt;
	line-height: 12pt;
	font-weight: bold;
	padding: 0cm;
    	margin: 0.5cm 0.2cm 0.5cm 0.5cm;
}

#content div.teaser-gross p { /* Absatz */
	font-size: 7pt;
	line-height: 12pt;
	height: auto;
	padding: 0cm;
	margin: 0cm 0.2cm 0.5cm 0cm;
}

#context div.teaser-gross a { /* Link */
	font-size: 7pt;
	color: #0571BA;
	text-decoration: none;
}


/* ----------------------------------  Content Formular allgemein ----------------------------------  */

table.formular { /* Layouttabelle */
	border-collapse: collapse;
	padding: 0cm;
	border: none;
	margin: 0cm;
}

table.formular th { /* Tabellenkopfzelle ohne Rahmen */
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	padding: 0.1cm 0cm;
}


table.formular th.formzelle { /* Zelle mit Rahmen oben */
	border-top: 1pt solid #61726C;
}

table.formular td { /* Tabellenzelle ohne Rahmen */
	vertical-align: top;
	padding: 0.1cm 0cm;
}

table.formular td.formzelle { /* Zelle mit Rahmen unten */
	border-bottom: 1pt solid #61726C;
}

table.formular td span { /* Tabellenzelle mit Hinweis */
	display: block;
	margin-left: 1cm
}

table.formular td.formzelle-req { /* Pflichtangabe */
	border-bottom: 1pt solid #61726C;
}

table.formular td.formzelle-req-error { /* Pflichtangabe falsch ausgefuellt */
	border-bottom: 1pt solid #61726C;
}


table.formular input, table.formular textarea, table.formular select { /* alle Formularfelder */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}

table.formular input.textfield { /* Textfeld  */
	width: 4cm;
	height: auto;
	padding: 0cm;
	border: 1pt solid #FFFFFF;
	margin: 0cm;
}

table.formular input.textfield-error { /* Textfeld falsch ausgefuellt */
	width: 4cm;
	height: auto;
	border: 1pt solid #FF0000;
	margin: 0cm;
}

table.formular textarea { /* Mehrzeiliges Textfeld */
	width: 4cm;
	border: 1pt solid #FFFFFF;
	margin: 0cm 0cm 1cm 0cm;
}

table.formular select { /* Dropdown-Box */
	width: 4cm;
	padding: 0cm;
	border: 1pt solid #919EA7;
	margin: 0cm;
}


 /* -----------------------------  Content Formular - Fehlermeldung ---------------------------  */


table.formular td.error { /* Fehlermeldung im Formular */
	color: #FF0000;
}


#errorlayer { /* Rahmen mit Pfeil */
	visibility: hidden;
}


/* -------------------------------------------  PopUps --------------------------------------------- */

#header-popup img { /* Navigationsbuttons im PopUp */
	display: none;
}

#header-popup img.ueberschrift { /* grafische Ueberschrift */
	clear: both;
	border: 1pt solid #D3D8DC;
	margin: 1.5cm 0cm 0cm 0cm;
}

img.abbildung { /* grosses Produktbild */
	border: 1pt solid #D3D8DC;	
}

#content-popup-re div.box { /* Box-Rahmen Zubehoer */
	color: #333333;
	width: 3cm;
	height: auto;
	margin: 0cm 0cm 1cm;
	border-top: 1pt solid #D3D8DC;
	border-right: 1pt solid #D3D8DC;
	border-bottom: 1pt solid #999999;
	border-left: 1pt solid #D3D8DC;
}

#content-popup h3, #content-popup-li h3 { /* Ueberschrift */
  font-size: 8pt;
	line-height: 14pt;
	padding: 0cm;
	margin: 0cm 0cm 0cm 0cm;
}

#content-popup p, #content-popup-li p { /* Textabsatz */
	line-height: 11pt;
	padding: 0cm;
	margin: 0cm 0cm 0.3cm 0cm;
}

#content-popup ul { /* Aufzaehlungsliste 1. Ebene */
  line-height: 11pt;
	padding-left: 0pt;
	margin: 0px 0px 0.3cm 0.4cm;
}

#content-popup ul li { /* Listenpunkt 1. Ebene */
	list-style-type: disc;
}

#content-popup ul ul { /* Aufzaehlungsliste 2. Ebene */
  line-height: 11pt;
	padding-left: 0cm;
	margin: 0cm;
}

#content-popup ul > ul { /* Aufzaehlungsliste 2. Ebene - Sonderregelung fuer Moz/Opera */
  margin-left: 0.4cm;
}

#content-popup ul * li { /* Listenpunkt 2. Ebene */
  list-style-type: circle;
	padding: 0cm 0cm 0cm 0.3cm;
	margin: 0cm;
}

#content-popup ol { /* Nummerierte Liste */
  line-height: 11pt;
  margin: 0cm 0cm 0.3cm 1.5cm
}

#content-popup ol li { /* Listenpunkt */
	list-style-type: decimal;
}

#content-popup div.textblock img { /* Bild im Text */
	float: right;
	margin: 4px 0px 0.5cm 1cm;
}

#content-popup-re div.box ul { /* Liste Zubehoer */
	line-height: 11pt; 
	padding-left: 0cm;
	margin: 0.5cm 0cm 0.5cm;
}

#content-popup-re div.box li { /* Listenpunkt Zubehoer */
	list-style-type: circle;
	padding: 0cm 0cm 0cm 0.5cm;
	margin: 0cm;
}

#content-popup-re div.box a { /* Link Zubehoer */
	color: #0571BA;
	text-decoration: none;
}