@CHARSET "UTF-8";

body {
background-color: #fff;
}

sub, sup {
font-size:95%;
position:relative;
z-index:3;
}
sup {
top:3px;
}
.bgrose {
background-color:#C59A9A;
color:#fff;
}
.borderRose {
border:7px solid #C59A9A;
}
.bgbleu {
background-color:#BCCCF0;
color:#000;
}
.borderBleu {
border:7px solid #BCCCF0;
}
input.error,
select.error {
background-color:#FD5E17;
}
p.backlink {
margin:0 0 -5px 0;
}

p.backlink a {
background-image: url(../icons/produktselektor/linkpfeil_back.gif);
padding-left: 12px;
background-repeat: no-repeat;
background-position: left center;
}
#produktselektor h1, #produkte h2 {
margin-bottom: 28px;
}
#produktselektor h1 {
width:480px;
float:left;
}

/* ################### Standortmodul ######################## */
.inhaltL {
position:relative;
}
.inhaltL .teaserBG  {
float:right;
margin-bottom: 1em;
position:relative;
z-index:10;
background-color:#fff;
top:0;
}

/* ################### Produktselektor ###################### */
#intro {
width: 480px;
margin-top: 14px;
}

#sucheKontakt, #sucheKontakt2, #sucheDIS, #sucheDIS2, #suchergebnisse, #sucheResult {
display: block;
margin-top: 2.5em;
padding: 7px;
}
#sucheResult {
xmargin-top:10px;
margin-bottom:29px;
}
#sucheDIS , #sucheDIS2 {
border:7px solid #bcccf0;
padding:0 0 0 0;
background-color:#fff;
position:relative;
}
#sucheResult {
padding:0 0 0 1px;
}

#sucheKontakt , #sucheKontakt2 {
border:7px solid #c59a9a;
padding:0 0 0 0;
background-color:#fff;
position:relative;
}
#sucheKontakt fieldset, #sucheKontakt2 fieldset,#sucheDIS fieldset, #sucheDIS2 fieldset,#suchergebnisse fieldset {
background-color: #fff;
border: none;
margin: 0;
padding: 0 0.5em;
}
#sucheKontakt fieldset, #sucheKontakt2 fieldset,
#sucheDIS fieldset, #sucheDIS2 fieldset,
{
margin:0 15px;
position:relative;
}
#sucheDIS .leftform fieldset, #sucheDIS2 .leftform fieldset,
#sucheKontakt .leftform fieldset  , #sucheKontakt2 .leftform fieldset  {
background-color:#E6E6E6;
padding:10px;
}
#sucheDIS .chooseForm fieldset , #sucheDIS2 .chooseForm fieldset {
background-color:#fff;
border:1px solid #e6e6e6;
}

form {
float:left;
margin-top:15px;
}
#meta form.suche {
float:none;
}
.leftform {
width:63%;
margin-right:10px;
margin-left:10px;
*margin-left:0;
}
* html .leftform {
width:66%;
}
.rightform {
width:32%;	
float:left;
margin-top:15px;
margin-right:15px;
*margin-right:0;
}
* html .rightform {
width:29%;	
}
.rightform h3.teaser {
font-size:100%;
font-weight:normal;
line-height:120%;
text-transform:uppercase;
background-color:#e6e6e6;
padding:2px 9px 2px 9px;
margin:0;
width:17.25em!important;
}
* html .rightform h3.teaser {
width:96%!important;
}
.rightform .teasermodul {
display:block;
font-size:95%;
margin:-4px 0 25px 0;
width:auto;
padding:0;
}
* html .rightform .teasermodul .text {
border:1px solid #e6e6e6;
width:87%;
}
.fontL .rightform .teasermodul .text {
width:18em;
}
* html.fontL .rightform .teasermodul .text {
width:17.5em;
}
/* Formularüberschriften - mit Link für Klappverhalten */ 

#sucheKontakt h2, #sucheKontakt2 h2, #sucheDIS h2, #sucheDIS2 h2, #sucheResult h2  {
font-size: 1em; 
margin: 0; 
padding:0 0 0 0;
}
#sucheDIS h2, #sucheDIS2 h2,
#sucheDIS h2 a, #sucheDIS2 h2 a,
#sucheDIS h2 a.aktiv, #sucheDIS2 h2 a.aktiv,
.bgbleu h2 a {
background-color:#bcccf0!important;
}
#sucheKontakt h2, #sucheKontakt2 h2,
#sucheKontakt h2 a, #sucheKontakt2 h2 a,
#sucheKontakt h2 a.aktiv , #sucheKontakt2 h2 a.aktiv ,
.bgrose h2 a {
background-color:#c59a9a!important;
}

#sucheKontakt h2 a, #sucheKontakt2 h2 a, #sucheDIS h2 a, #sucheDIS2 h2 a, #sucheResult h2 a {
display: block;
text-transform: uppercase;
font-weight: normal;
background-position: left 0.05em;
background-repeat: no-repeat;
padding-left: 25px;
padding-top:1px;
margin: 0;
text-decoration: none;
font-size:1em;
}
#sucheKontakt .showNone , #sucheKontakt2 .showNone {
display:none;
}
#sucheKontakt h2 a , #sucheKontakt2 h2 a {
color:#fff;
background-image:url(../icons/produktselektor/button_minim_rot_aktiv.gif);
position:relative;
padding-bottom:20px;
}
#sucheDIS h2 a , #sucheDIS2 h2 a {
color: #000;
background-image:url(../icons/produktselektor/button_minim_blau_aktiv.gif);
position:relative;
padding-bottom:20px;
}
.bgbleu h2 a {
color: #000;
background-image:url(../icons/produktselektor/button_minim_blau_passiv.gif);
}
.bgrose h2 a {
color: #fff!important;
background-image:url(../icons/produktselektor/button_minim_rot_passiv.gif);
}
#sucheKontakt h2 a:hover, #sucheKontakt2 h2 a:hover, #sucheDIS h2 a:hover, #sucheDIS2 h2 a:hover, #sucheResult h2 a:hover {
text-decoration: underline;
}
#sucheKontakt h2 a.aktiv , #sucheKontakt2 h2 a.aktiv {
background-image:url(../icons/produktselektor/button_minim_rot_passiv.gif);
padding-bottom:0;
}
#sucheKontakt h2 a:hover , #sucheKontakt2 h2 a:hover {
background-color:#c69a9b!important;
}
.bgrose h2 a.aktiv {
background-image:url(../icons/produktselektor/button_minim_rot_aktiv.gif);
}
#sucheDIS h2 a.aktiv , #sucheDIS2 h2 a.aktiv {
background-image: url(../icons/produktselektor/button_minim_blau_passiv.gif);
padding-bottom:0;
}
#sucheDIS h2 a:hover , #sucheDIS2 h2 a:hover {
background-color:#bcccf0!important;
}
.bgbleu h2 a.aktiv {
background-image: url(../icons/produktselektor/button_minim_blau_aktiv.gif);
}


#sucheDIS .showNone, #sucheDIS2 .showNone, #sucheResult .showNone {
display:none;
}
.auswahl {
width: 97%;
background-color:#fff;	
height:88px;
border:1px solid #7f9db9;
overflow:scroll;
overflow-x:hidden;	
padding:5px;
}
.auswahl img {
margin-right:5px;
vertical-align: middle;
}
.auswahl a {
display:block;
*display:inline-block;
*width:100%;
}
.auswahl a:hover,
.auswahl a.aktiv {
text-decoration:none;
background-color:#f2f2f2;
}
#sucheDIS .chooseForm .auswahl , #sucheDIS2 .chooseForm .auswahl {
border:1px solid #bdbdbd;
}
#sucheDIS .chooseForm ul , #sucheDIS2 .chooseForm ul {
display:none;
}
#sucheResult .aktivForm {
margin-top:19px;
}
#sucheResult .aktivForm p{
font-size:95%;
margin-bottom:4px;
}
/* Teilformulare:  Produkte, Industrien ... */

fieldset .choose {
padding: 2px 0;
margin: 0;
}
button {
display: block;
width: 90%;
border: none;
padding: 0;
vertical-align: middle;
text-align: left;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
background-color: #fff;
cursor: pointer;
}
fieldset.offen button {
margin-top: 6px;
}
button img {
vertical-align: top;
padding-right: 6px;
}

/* Dummy Eintrag um das Feld gross zu halten */
.marken {
width: 100%;
background-color:#fff;	
height:		
}
.showResults {
background-color:#bcccf0;
padding:15px 15px 20px 20px;
margin:0 15px 15px 15px;
}
#sucheKontaktF .showResults , #sucheKontakt2F .showResults {
background-color:#c59a9a;
}

.leftform .buttonGo {
background-image: url(../icons/produktselektor/button_go_main.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 25px;
*padding-right: 15px;
background-color:#bcccf0;
color:000;
border:0;
font-weight:bold;
height:2.0em;
}
#sucheKontakt .leftform .buttonGo , #sucheKontakt2 .leftform .buttonGo {
background-color:#c59a9a;
}

.rightform .buttonGo {
position:absolute;
margin:5px 0 0 20px;
*margin:0 0 0 20px;
width:auto;
}
.leftform h3 {
font-size:100%;
font-weight:normal;
margin-bottom:0;
text-transform:uppercase;
margin-bottom:5px;
color:#000;
}
.chooseForm h3 {
color:#989898;
}
#sucheResult p.steuerung {
margin-top:15px;
}
#sucheResult p.steuerung a.mehr {
font-weight:bold;
font-size:105%;
background-position:left center;
}
.bgrose p.steuerung a.mehr {
color:#fff;
background-image:url(../icons/icon_linkweiss.gif); 
}
#sucheResult p.steuerung a.mehr:hover {
background-color:transparent;
text-decoration:underline;
}

/* rechtsbuendige Sonderbereiche */
p.showResults, p.vergleich {
text-align: right;
max-width: none;
font-weight: bold;
margin: 1.5em 1em;
}
.lastSelect {
clear:both;
background-color:#BCCCF0;
}
.lastSelect form, 
.lastSelect p.showResults{
margin:0;
padding-bottom:5px;
}
.lastSelect form input.buttonInaktiv{
color:#98999B;
background-image: url(../icons/produktselektor/button_go_inactiv.gif);
}
.showResults span, p.vergleich span {
font-weight: normal;
}

.showResults input, p.vergleich input {
vertical-align: middle;
padding-right: 6px;
}

p.vergleich {margin-right: 0;}
p.vergleich input {
padding-left: 6px;
}



/* #### Anwendungen 2-spaltig #### */

#anwendungen {
overflow: hidden;
}

#anwendungen ul {
width: 46%;
margin-right: 3%;
float: left;
*margin-right:13px;
}

#anwendungen li {
margin-bottom: 0.3em;
}

#anwendungen li a,#dlBlock li a {
display: block;
background-image: url(../icons/listePfeil_re.gif);
background-position: left center;
background-repeat: no-repeat;
padding-left: 9px;
}



/* ##### Beschreibung mit Bild #### */

#beschreibung {
overflow: hidden;
clear:both;
float:none;
}

#beschreibung div.image {
position: relative;
float: left;
width: 180px;
height: 135px;
margin-right:12px;
margin-bottom:7px;
}
#beschreibung div.image img {
margin-bottom:-3px;
}
#beschreibung img.lupe {
position: absolute;
bottom: 7px;
right: 4px;
}

/* #### Produktdaten incl Tabelle #### */

#produktdaten table {
width: 100%;
margin-bottom: 1.5em;
border-collapse: collapse;
font-size: 95%;
}
* html #produktdaten table th,
* html #produktdaten table td {
padding-left:0;
padding-right:0;
}
#produktdaten th {
font-weight: bold;
text-align:left;
}

#produktdaten sub {
font-size: 0.7em;
}

th.colTyp {
width: 14em;
*width:224px;
}

th.colMethode {
width: 6.5em;
*width:105px;
}

th.colWert {
width: 9.5em;
*width:151px;
}

#produktdaten td {
border-bottom: 1px solid #ccc;
}

/* #### Multiblock - Download #### */
#produkt .modulverteiler {
margin-top: 3em;
background-color: #b9b681;
}

/* Ergaenzung Disclaimer */
#produktdaten td.disclaimer {
display:block;
font-style:italic;
border:0;
}


/* ###### Teaser rechte Spalte ###### */


h3.teaser {
position: relative;
}
* html h3.teaser {
padding-right:5px;
}
h3.teaser img {
position: absolute;
right: 7px;
top: 50%;
margin-top: -7px;
}
/* hide from Mac \*/
* html h3.teaser img {
top: 10px;
}
* html h3.teaser span {
padding-right:30px;
margin-right:0;
}
/* Mac is back */
.teasermodul {
margin-bottom: 0;
}
#produkt .teasermodul a {
text-decoration: none;
}
#produkt .teasermodul a:hover,#produkt .teasermodul a:focus,#produkt .teasermodul a:active
{
text-decoration: underline;
}
#rechts .teasermodul .linkliste {
margin:0;
}
#rechts .teasermodul .linkliste li {
margin:0;
}
#rechts .teasermodul .text .org {
display:block;
margin-bottom:-10px;
}

/* ################### Produktseiten ################################### */
#produkt h2 {
font-size: 1.2em;
color: #999;
font-weight: normal;
}

#produkt a {
background-position: left center;
background-repeat: no-repeat;
}

#produkt p.backlink {
margin:0 0 -5px 0;
}

#produkt p.backlink a {
background-image: url(../icons/produktselektor/linkpfeil_back.gif);
padding-left: 12px;
}

#produkt .inhalt a:hover,#produkt .inhalt a:focus,#produkt .inhalt a:active
{
background-color: #e6e6e6;
text-decoration: none;
}

#produktInfos h3 {
font-size: 1em;
font-weight: normal;
color: #000;
text-transform: uppercase;
border-bottom: 4px solid #c7c7c7;
margin: 3em 0 1em 0;
}

#produkt h3 a {
display: block;
background-image:
url(../icons/produktselektor/but_minim_weiss_passiv_off.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
}

#produkt h3 a:hover {
background-image:
url(../icons/produktselektor/but_minim_weiss_passiv_over.gif);
}

#produkt h3 a.aktiv {
background-image:
url(../icons/produktselektor/but_minim_weiss_aktiv_off.gif);
}

#produkt h3 a.aktiv:hover {
background-image:
url(../icons/produktselektor/but_minim_weiss_aktiv_over.gif);
}
.headlinefake {
font-family:Helvetica, Arial, Verdana, sans-serif;
color:#000000;
font-size:20px;
font-weight:normal;
letter-spacing:0.1em;
line-height:130%;
text-transform:uppercase;
}
.inhalt .hzweifake {
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:16px;
font-weight:bold!important;
color:#818181!important;
margin-top:10px;
margin-left:1px;
letter-spacing:0.1em;
}
/* - - - - - - - - - - - - - - - - - -  Tabellen im Content  - - - - - - - - - - - - - - - - - - */
* html .inhalt div.result table {
width:100%!important;
}
.inhalt div.result table {
padding:0; 
border:0;
margin:0;
border-collapse:collapse;
vertical-align:top;
empty-cells:show;
font-size:95%;
text-align:left;
layout:fixed;
width:100%;
height:auto;
}
.inhalt div.result table caption {
padding:5px 8px 5px 8px; 
*padding:5px 8px 5px 8px; 
margin:0 0 0 0;
font-weight:100%;
background-color:#C7C7C7;
text-align:left;
/*min-height:20px;*/
font-size:105%;
line-height:130%;
}
.inhalt div.result table tr {
padding:0; 
border-collapse:collapse;
vertical-align:top;
}
.inhalt div.result table thead th {
padding:2px 8px 2px 8px; 
vertical-align:top;
text-align:left;
border-bottom:10px solid #fff;
border-top:2px solid #fff;
}
.inhalt div.result table td,
.inhalt div.result table tbody th  {
padding:4px 8px 5px 8px; 
vertical-align:top;
text-align:left;
width:auto;
}
.inhalt div.result table tbody th,
.inhalt div.result table tbody td   {
border-top:1px solid #C7C7C7!important;
border-bottom:none;
}
div.result  {
margin-top:20px;
}
.inhalt div.result table td a {
background-image:none;
padding-left:0;
text-decoration:underline;
}
.login .blockRight span.irLogin input.smallplz {
margin-left:0;
*margin-right:6px;
}
.fontL .login .blockRight span.irLogin input.smallplz {
margin-left:1.2em;
*margin-left:0.2em;
}
* html .login .blockRight span.irLogin input.smallplz {
margin-left:0.6em;
}
* html.fontL .login .blockRight span.irLogin input.smallplz {
margin-left:1.2em;
}
* html .login .blockRight span.irLogin input.smallplz {
margin-right:2px;
}
.blockRight span.irLogin select.feld {
*margin-right:10px;
}
* html .blockRight span.irLogin select.feld {
margin-right:0;
}
.blockRight span.irLogin textarea.areatext {
*width:96%;
}
.inhalt div.result table .wideTdXL {
width:280px;
}
/* - - - - - Fehler / kein Ergebnis - - - - - */
#fehler {
height:auto; 
border:2px solid #ff5e16; 
background-color:#fff; 
color:black; 
margin-top:30px;
margin-bottom:30px;
}
#fehler h3 {
margin:5px 7px 5px 7px;
padding-bottom:4px;
border-bottom:5px solid #ff5e16;
color:#ff5e16;
font-size:100%;
font-weight:normal;
text-transform:uppercase;
}
#fehler p {
padding:1px 7px 6px 7px;
}
#fehler.static {
display:block;
width:inherit;
*width:725px;
font-size:1em;
margin-top:2.5em;
position:static;
border:none;
}
#fehler.static h3 {
border-bottom:1px solid #c7c7c7;
padding-bottom:6px;
color:inherit;
}