*       { font-family:Arial, Helvetica, Verdana, sans-serif; }
td    { vertical-align:top; }
body    { margin:0;padding:0;background-color:#E8F0EF; }
img    { border:none;}
#konstrukt { width:100%; min-width:880px; }
.logo { background-color:#fff; }
.hinweis { font-size:80%; }

.header {
   height:95px;
   width:680px;
   background-image: url(../_img/header_680x95.jpg);
   background-repeat: no-repeat;
   background-popsition: top left;
}

#header {
   position:relative;
   height: 70px;
}

/*************************************/
/* slogan */
#slogan {
   position:absolute;
   padding:0;
   top:30px;
   margin:0;
   left:90px;
}

#slogan h1 {
   font-weight:bolder;
   font-size:150%;
   letter-spacing:-1px;
   color:#E8F0EF;
   margin:0;
}

/*************************************/

#topnav {
   position:absolute;
   top:75px;
   left: 88px;
   font-size:80%;
   font-weight:bolder;
   color:#fff;
   height:24px;
   margin-bottom:3px;
}

#topnav a, .subnavbereich a {
   color:#fff;
   text-decoration:none;
   padding-left:3px;
   padding-right:3px;
}

#topnav a:hover, .subnavbereich a:hover {
   text-decoration:underline;
}

#topnav a.aktiv {
   color:#F9B700;
}

#subnav a.aktiv {
   color:#F9B700;
}

/*************************************/

.subnavbereich {
   position:absolute;
         margin-top:0px;
         background:#00687C;
   display:inline;
   padding: 3px 10px 5px 88px;
   font-size:80%;
   font-weight:bolder;
   color:#fff;
   height:18px;
}


#subnav {
   position:relative;
   display:inline;
   width:auto;
   background:#00687C;
   top:0px;
}

/*************************************/

#mittelogo {
   position:relative;
   margin-top: 30px;
   margin-left: 15px;
   height: 65px;
   /*width: 170px;*/
}

.content {
   background-color:#fff;
}

/*************************************/
/* tabelle mit links und hinweisen */
.inhaltsbereich td {
   font-size:8pt;
}

#prodtab {
   width:500px;
}




/*************************************/
/* formularzeug */


.hinweisbox {
   background-color: #efefef;
   font-size:80%;
   padding: 5px;
   margin-bottom:20px;
         /*padding-left:55px;*/
}

.hinweishead {
   color:#00687C;
}

#formular {
   width:100%;
   background-color: #00687C;
}

#formular form {
   margin:0;
}

#frmLanguage, #frmQuicknav, #frmSearch {
   position:relative;
   font-size:70%;
   color:#fff;
   margin-bottom:7px;
}

#formular select {
   background-color:#fff;
   width:170px;
   height:18px;
   border:none;
   font-size:1em;
}

#formular .formfield {
   background-color:#fff;
   width:100px;
   height:16px;
   border:none;
   font-size:1em;
}

/*********************************/


.inhaltsbereich {
   padding: 10px 30px 30px 90px;
   font-size:0.7em;
   line-height:160%;
   margin-top:30px;
}

.inhaltsbereich h1 {
   margin:0;
   margin-bottom:20px;
   font-weight: bold;
   font-size:160%;
   color: #00687C;
}

.inhaltsbereich h2 {
   font-size:101%;
   color: #00687C;
}

.inhaltsbereich h3 {
   font-size:1.2em;
   color: #333;
   line-height:1.6em;
}

.inhaltsbereich ul {
   list-style-position:outside;
   width:auto;
   margin-left:15px;
   /*text-indent: -40px;*/
}

.inhaltsbereich a {
   color:#000;
}

table.refkunde {
   width:100%;
   margin-bottom:10px;
}

table.refkunde td {
   border-bottom:1px solid #999;
}

table.refkunde td .zitat {
   color: #666;
   font-style:italic;
}


.bild {
   margin-top:15px;
   margin-bottom:15px;
   text-align:center;
}

.leftimg {
   margin-right:15px;
   margin-bottom:5px;
}

.topmargin0 { margin-top:0;}
.bottommargin0 { margin-bottom:0;}


/*************************************/

/* rechte spalte newsblock */

/* newsblock rechts */
.block {
   margin-top:20px;
   margin-left:10px;
   width: 200px;
   padding-bottom: 10px;
   border-bottom: 1px solid #00687C;
   font-size: 70%;
   line-height:1.2em;
}

.block h2 {
   color: #00687C;
   font-size:101%;
   margin-bottom:10px;
   margin-top:0;
}

.block img { margin-right: 10px; float: left; }
.block p { margin-top:0; margin-bottom: 5px; }
.block .weiter {    text-align:right; }
.block a {    color:#000;   font-weight:bolder; text-decoration:none; }
.block a:hover {    text-decoration:underline; }
.block ul { margin-bottom:0; }

#adresse { border: none; }
/**************************************/
#fussnote {
   clear: both;
   background-color: #00687C;
}

/* impressum */
#impressum {
   position:relative;
   color:#fff;
   margin-left:90px;
   font-weight:bolder;
   font-size:80%;
   /* padding:4px; */
}

#impressum a {
   text-decoration:none;
   color:#fff;
   font-weight:bolder;
   padding-left:3px;
   padding-right:3px;
}

#impressum a:hover {
   text-decoration:underline;
}

/**************************************/

/* pdfdownload */
.pdfdiv {
   height:32px;
   min-height:32px;
   background:#efefef url(../_img/pdf_symb_32x32.gif) top left;
   background-repeat:no-repeat;
   background-position:5px 10px;
   padding-top:15px;
   padding-bottom:0;
   padding-left:60px;
   margin-bottom:1px;
}

.pdfdiv a {
   text-decoration:none;
   font-weight:bolder;
   color:#00687C;
}

.pdfdiv a:hover {
   text-decoration:underline;
}

/**************************************/

/* sitemap */
.sitemapStart a, .sitemapTopCat a, .sitemapSubCat a, .sitemapLastSubCat a, .sitemapLastTopCat a {
   text-decoration: none;
   color: #000;
}

.sitemapStart a, .sitemapTopCat a, .sitemapLastTopCat a {
   font-weight: bolder;
}

.sitemapStart, .sitemapTopCat, .sitemapSubCat, .sitemapLastTopCat, .sitemapLastSubCat {
   padding-top: 2px;
   padding-bottom: 2px;
   padding:0;
   margin:0;
}

.sitemapTopCat {
   background: #fff url(../_img/sitemapTopCat.gif) top left;
   background-repeat: no-repeat;
   padding-left: 40px;
}

.sitemapSubCat {
   background: #fff url(../_img/sitemapSubCat.gif) top left;
   background-repeat: no-repeat;
   padding-left: 65px;
}

.sitemapLastSubCat {
   background: #fff url(../_img/sitemapLastSubCat.gif) top left;
   background-repeat: no-repeat;
   padding-bottom: 10px;
   padding-left: 65px;
}

.sitemapLastTopCat {
   background: #fff url(../_img/sitemapLastTopCat.gif) top left;
   background-repeat: no-repeat;
   padding-left: 40px;
}

/**************************************/

/* anwendungshinweis */
.anwdiv {
   background:#efefef;
   background-repeat:no-repeat;
   background-position:5px 1px;
   padding:10px;
   margin-bottom:1px;
}

.anwdiv a {
   text-decoration:none;
   font-weight:bolder;
   color:#00687C;
}

.anwdiv a:hover {
   text-decoration:underline;
}

/**************************************/

/* info link */
.infolink {
   min-height:32px;
   background:#efefef url(../_img/info_symb_32x32.gif) top left;
   background-repeat:no-repeat;
   background-position:5px 1px;
   padding-top:10px;
   padding-left:60px;
   margin-bottom:2px;
}

/**************************************/

/* star html bug - IE feste höhe zuwesien wegen min height */
* html .infolink, * html .pdfdiv {
   height:32px;
}


.infolink a, .plink a {
   text-decoration:none;
   font-weight:bolder;
   color:#00687C;
}

.infolink a:hover, .plink a:hover {
   text-decoration:underline;
}


/* produkt/anwendungslink link */
.plink {
   min-height:40px;
   background:#efefef;
   padding-top:5px;
   padding-bottom:5px;
   padding-left:5px;
   margin-bottom:2px;
}

/* star html bug - IE feste höhe zuwesien wegen min height */
* html .plink {
   height:40px;
}

.plink img {
   float:left;
   margin-right:15px;
}

/**************************************/

.hinweis {
   font-size:80%;
}

/* kontaktformular */
.contentLeft, .contentRight {
   width:45%;
   float:left;
}

.inhaltsbereich .frmSpacer {
   margin-bottom:5px;
}

.inhaltsbereich .frmDesc, .inhaltsbereich .frmDescRadio {
   clear:left;
   width:35%;
   float:left;
}

.inhaltsbereich .frmDescRadio {
   width:70%;
}

.inhaltsbereich .frmFeld, .inhaltsbereich .frmFeldKurz {
   width:60%;
   background-color:#efefef;
   color:#000;
   border:none;
   border-bottom: 1px solid #000;
}

.inhaltsbereich .frmFeldKurz {
   width:20%;
}

.inhaltsbereich .textboxVolleBreite5Zeilen, .inhaltsbereich .textboxVolleBreite2Zeilen  {
   width:100%;
   height:100px;
   background-color:#fff;
   border:1px solid #999;
   font-size:90%;
}
.inhaltsbereich .frmFileFeld {
   width:60%;
   background-color:#fff;
   border:1px solid #999;
}

.inhaltsbereich .textboxVolleBreite2Zeilen {
   height:45px;
}

.inhaltsbereich fieldset {
   border:none;
   background:#efefef;
   padding:5px;
   margin-bottom:20px;
}
.inhaltsbereich fieldset legend {
   margin:0 0 10px 0;
   padding:0;

}

.inhaltsbereich .frmError {
   color: #f00;
   font-weight:bolder;
}

.inhaltsbereich fieldset legend h2 {
   margin:0;
}

/* suchergebnisse */

.inhaltsbereich .suchErgebnisse {
   margin-bottom: 10px;
   background: #efefef;
}

.inhaltsbereich .suchErgebnisse a {
   text-decoration: none;
   color:#00687C;
   margin-left:10px;
   margin-top:3px;

}

.inhaltsbereich .suchErgebnisse a:hover {
   text-decoration: underline;
}


/**************************************/


.small {
   font-size:101%;
   line-height:120%;
}

.spacer {
   height:20px;
   border-bottom:1px solid #00687C;
   margin-bottom:5px;
}
/***************************************/

.frmFeldROI {
   width:50px;
   background-color:#FFFFFF;
   color:#000000;
   border:none;
   border-bottom: 1px solid #000000;
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-right: 1px solid #000000;
   text-indent: 5px;
}

.frmFeldErgebnisROI {
   width:52px;
   /*background-color:#6a9a3b;*/
   background-color:#00687c;
   color:#FFFFFF;
   border:none;
   border-bottom: 0;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   font-size: 14px;
   text-indent: 5px;
}
.inhaltsbereich_roi {
   padding: 10px 30px 30px 20px;
   font-size:0.7em;
   line-height:160%;
   margin-top:30px;
}

.inhaltsbereich_roi h1 {
   margin:0;
   margin-bottom:20px;
   font-weight: bold;
   font-size:160%;
   color: #00687C;
}

.inhaltsbereich_roi h2 {
   font-size:101%;
   color: #00687C;
}

.inhaltsbereich_roi h3 {
   font-size:1.2em;
   color: #333;
   line-height:1.6em;
}

.inhaltsbereich_roi fieldset {
   border:none;
   background:#efefef;
   padding:5px;
   margin-bottom:20px;
}
.inhaltsbereich_roi fieldset legend {
   margin:0 0 10px 0;
   padding:0;

}

.roidiv {
   height:32px;
   min-height:32px;
   background:#efefef url(../_img/roi.gif) top left;
   background-repeat:no-repeat;
   background-position:5px 10px;
   padding-top:15px;
   padding-bottom:0;
   padding-left:60px;
   margin-bottom:1px;
}

.roidiv a {
   text-decoration:none;
   font-weight:bolder;
   color:#00687C;
}

.roidiv a:hover {
   text-decoration:underline;
}