﻿.ul_kontakt {
padding: 0; 
margin: 0 0 0 20px;
}

td {
 text-align: center;
}

th {
 text-align: center;
}

.fg td {
text-align: left;
}

body {
 margin: 0;
 padding: 0;
 background-color: #FFFFFF;
 text-align: center;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 1em;
 color: #284c6a;
 margin-top: 20px;
 margin-bottom: 20px;
}
#frame {
 width: 58.5em;
 height: auto;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
}
#header {
 width: 73.1em;
 height: 3.4em;
 font-size: 0.8em;
 text-align: left;
}

#header a:link {
 color: #284c6a;
 text-decoration: none;
}
#header a:visited {
 color: #284c6a;
 text-decoration: none;
}
#header a:focus {
 color: #bb0033;
 text-decoration: underline;
}
#header a:hover {
 color: #bb0033;
 text-decoration: underline;
}
* html #header a:active {
 color: #bb0033;
 text-decoration: underline;
}
*+html #header a:active {
 color: #bb0033;
 text-decoration: underline;
}


#content a:link {
 color: #bb0033;
 text-decoration: none;
}
#content a:visited {
 color: #bb0033;
 text-decoration: none;
}
#content a:focus {
 color: #bb0033;
 text-decoration: underline;
}
#content a:hover {
 color: #bb0033;
 text-decoration: underline;
}
* html #content a:active {
 color: #bb0033;
 text-decoration: underline;
}
*+html #content a:active {
 color: #bb0033;
 text-decoration: underline;
}

#content ul li { list-style-type: square; }

/* Navigation */
.grayspacer {
    position: absolute;
    background-color: #EBEFF1;
    top: 22px; left: 0;
    width: 64.9em;
    height: 14px;
}
html:first-child>b\ody .grayspacer {width: 66.8em;}
* html .grayspacer { top:23px; }
*+html .grayspacer { top:23px; }
.whitespacerlinks {
    position: absolute;
    top:-3px;
    left: -3px;
}
*+html .whitespacerlinks {
    position: absolute;
    top:-3px;
    left: -6px;
}
.whitespacerrechts {
    position: absolute;
    top:-3px;
}
#navigation {
    list-style-type: none;
    text-align: left;
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
    width: 64.9em;
  height: 1.5em;
  font-size: 0.9em;
  text-align: left;
  border-bottom: 1px solid #284c6a;
}
html:first-child>b\ody #navigation {width: 66.8em;}
a img { border: none; }
#navigation li {
    float: left;
    position: relative;
}
#subnav {
  font-size: 0.75em;
  color: #FFFFFF;
    list-style-type: none;
    position: absolute;
    margin-top:6px;
    left:0;
    white-space: nowrap;
    border-top: 3px solid #bec9d2;
  border-bottom: 3px solid #bec9d2;
  /* border-left: 3px solid #FFFFFF;
  border-right: 3px solid #FFFFFF; */
}
* html #subnav { margin-top:24px; }
*+html #subnav { margin-top:24px; }
*+html #subnav {border-left: 3px solid #bec9d2;}
/* html:first-child>b\ody #subnav {width: 85em;} */
#navigation a {
 color: #284c6a;
 text-decoration: none;
 padding: 1px 5px 1px 5px;
 font-weight: bold;
}
#navigation a:focus {
 color: #FFFFFF;
 background-color: #bb0033;
}
#navigation a:hover {
 color: #FFFFFF;
 background-color: #bb0033;
}
* html #navigation a:active {
 color: #FFFFFF;
 background-color: #bb0033;
}
*+html #navigation a:active {
 color: #FFFFFF;
 background-color: #bb0033;
}
#navigation a.active {
 color: #FFFFFF;
 background-color: #bb0033;
}
#navigation a:hover.active {
 color: #FFFFFF;
 background-color: #bb0033;
}
#navigation #subnav a {
    color: #284c6a;
  text-decoration: none;
  font-weight: normal;
  background-color: #bec9d2;
  border-top: 3px solid #bec9d2;
  border-bottom: 3px solid #bec9d2;
}
#navigation #subnav a:focus  {
  color: #bb0033;
  text-decoration: none;
}
#navigation #subnav a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
* html #navigation #subnav a:active {
    color: #bb0033;
  text-decoration: none;
}
*+html #navigation #subnav a:active {
    color: #bb0033;
  text-decoration: none;
}
#navigation #subnav .subnav_active {
 color: #FFFFFF;
 text-decoration: none;
}
/* ende Navigation */

#flash {
 width: 935px;
 height: 200px;
 margin-top: 20px;
 margin-bottom: 0;
 padding: 0;
}
.roter_faden {
 background-image:url(/symbole/roter_faden.gif);
 background-repeat: repeat-x;
 height: 1.75em;
 width: 58.5em;
}
#headline {
 width: 64.3em;
 height: 1.4em;
 text-align: right;
 padding-right: 10px;
 text-transform: uppercase;
 font-size: 0.9em;
 background-color: #EBEFF1;
 color: #284c6a;
 padding-top: 5px;
}
#content {
 /* background-color: #EBEFF1; */
 background-color: #ffffff;
 width: 58em;
 height: auto;
 text-align: left;
 padding: 10px;
 margin-bottom: 10px;
 line-height: 1.2em;
}
/*EBEFF1*/

.box {
 width: 23em;
 background-color: #FFFFFF;
 font-size: 0.8em;
 float: left;
}
html:first-child>b\ody .box {width: 22.6em;}
.box_large {
 width: 71.4em;
 background-color: #FFFFFF;
 font-size: 0.8em;
 float: left;
 padding-bottom: 20px;
}
.helper {
 padding: 10px 5px 10px 5px;
 height: 28em;
 overflow: hidden;
}
* html .helper_float {
 height: 27em;
}

.helper_gf {
 padding: 10px 5px 10px 5px;
 min-height: 12.7em;
}
* html .helper_gf {
 height: 12.7em;
}
.helper_unternehmen {
 padding: 10px 5px 10px 5px;
 min-height: 8em;
}
* html .helper_unternehmen {
 height: 8em;
}
.helper_teaser {
 padding: 10px 5px 10px 5px;
 min-height: 22em;
}

* html .helper_teaser {
height: 22em;
}

.box_distance {
 width: 23em;
 background-color: #FFFFFF;
 font-size: 0.8em;
 float: left;
 margin-left: 16px;
 margin-right: 16px;
}
html:first-child>b\ody .box_distance {width: 22.6em;}
h3 {
 font-size: 1.2em;
 color: #284c6a;
 margin-top: 2px;
}

h4 {
 font-size: 0.9em;
 color: #bb0033;
 margin-top: 2px;
}
h6 {
 font-size: 0.9em;
 color: #bb0033;
 margin-top: 10px;
}
h5 {
 font-size: 0.9em;
 color: #3e3e3d;
 margin-top: 10px;
 margin-bottom: 0px;
}
p {
 margin-top: 5px;
 margin-bottom: 10px;
}
.helper_teaser p {
 margin-top: 0;
}
.helper_teaser h4 {
 margin-bottom: 2px;
 margin-top: 0;
}
#footer {
 /* border-top: 1px solid #284c6a; */
 text-align: right;
 width: 97.5em;
 font-size: 0.6em;
 padding-top: 2px;
}
html:first-child>b\ody #footer {width: 93.5em;}
.fixfloat {
 float: none;
 clear: both;
}
.floatleft {
 float: left;
 padding-left: 5px;
}
.linkpos {
 padding: 0px 5px 10px 5px;
 height: auto;
 font-size: 0.8em;
}
.linkpos_right {
 margin-top: 5px;
 padding: 0;
 font-size: 0.8em;
 text-align: right;
}
.img_float {
 width: 300px;
 float: left;
 margin-right: 10px;
}
.text_float {
 float: left;
 padding-left: 10px;
 padding-top: 10px;
 width: 45.5em;
}

.list_left {
 width: 20em;
 background-color: #FFFFFF;
 font-size: 0.8em;
 float: left;
}
html:first-child>b\ody .list_left {width: 19.8em;}
.list_distance {
 width: 33.1em;
 background-color: #FFFFFF;
 font-size: 0.8em;
 float: left;
 margin-left: 16px;
 margin-right: 16px;
}
html:first-child>b\ody .list_distance {width: 32.5em;}
.list_right {
 width: 15.85em;
 background-color: #FFFFFF;
 font-size: 0.8em;
 float: left;
}
html:first-child>b\ody .list_right {width: 15.6em;}
.helper_list {
 padding: 10px 5px 10px 10px;
 min-height: 6em;
}
* html .helper_list {
 height: 6em;
}
.helper_messen {
 padding: 10px 5px 10px 10px;
 min-height: 3em;
}
* html .helper_messen {
 height: 3em;
}
.redfont {
 color: #bb0033;
}
.helper_pic {
 padding: 10px 5px 10px 5px;
 min-height: 8em;
}
.helper_pic p {
 margin-top: 0;
}
/*.helper_pic img:hover {
 border-bottom: 1px solid #bb0033;
} */
.helper_pic img {
/* border-bottom: 1px solid #284c6a;*/
 float: left;
 margin-right: 10px;
 padding-bottom: 2px;
}
* html .helper_pic {
 height: 6em;
}
.img_text {
  float: left;
  width: 13.6em;
}
html:first-child>b\ody .img_text {width: 13.4em;}
.img_text a {
 font-size: 0.8em;
}
.whitefiller {
 background-color: #FFFFFF;
 border-bottom: 5px solid #EBEFF1;
 /*#EBEFF1;*/
}
*+html .whitefiller {
  border-top: 1px solid #FFFFFF;
}

.zeitraum {
 font-size: 0.8em;
 padding: 10px 5px 10px 10px;
}
#content .whitefiller .zeitraum a {
 color: #284c6a;
 text-decoration: none;
}
#content .whitefiller .zeitraum a:hover {
 color: #bb0033;
 text-decoration: underline;
}
#content .whitefiller .zeitraum .zeitraum_active {
 color: #bb0033;
 text-decoration: underline;
}

.border_bottom {
border-bottom: 1px solid #EBEFF1;
}

.helper_verbaende {
 padding: 10px 5px 10px 10px;
 min-height: 1.3em;
}
* html .helper_verbaende {
 height: 1.3em;
}

hr {
width: 100px; 
height: 1px; 
border-bottom:1px solid #284c6a; 
border-top:none; 
border-left:none; 
border-right:none;
margin-left: 0;
text-align: left;
padding-left: 0;
}

select { font-size: 10px; }

/* MPS und Schlüsslkomponenten */

h4 { BORDER-BOTTOM: #bb0033 1px solid; }
.nav_left { display: block; float: left; line-height: 14.4pt; margin-right: 55px; width: 250px; FONT-SIZE: 0.85em; }
#content .nav_left ul li A { display: block; }
#content .nav_left ul li A:link {COLOR: #FFF;}
#content .nav_left ul li A:visited {COLOR: #FFF;}
#content .nav_left ul li A:focus {COLOR: #FFF;}
#content .nav_left ul li A:hover {COLOR: #FFF;}
#content .nav_left ul li.schluesselkomponente {margin-top: 1em;}
#content .nav_left ul li ul li A:link {COLOR: #284c6a;}
#content .nav_left ul li ul li A:visited {COLOR: #284c6a;}
#content .nav_left ul li ul li A:focus {COLOR: #284c6a;}
#content .nav_left ul li ul li A:hover {COLOR: #284c6a;}
li { font-weight: normal; }
li.link_aktiv { font-weight: bold; }
#content .nav_left ul li a {  padding-right: 10px; padding-left: 10px; line-height: 2em; }
#content .nav_left ul li ul li { padding-left: 20px;  }
#content .nav_left ul li { background-color: #284D6A; border-bottom: 1px solid #FFF; }
#content .nav_left ul li ul li { background-color: #EBEFF2; border-bottom: 1px solid #FFF; }
#content .nav_left ul, #content .nav_left ul li { list-style-type: none; list-style-image: none; margin: 0; padding: 0; }
table.table_mps th, table.table_mps td { border: none; padding: 5px; margin: 0; }
.cell_color { background-color: #EBEFF2; }

/* MPS */

#content ul.mps_smal { margin-top: 0.5em; margin-bottom: 0.5em; }

.slider table { margin-top: 1em; }
.slider ul { margin-right: 1em; }

.mps_txt_schmal { float: left; margin: 0 1.5em 1em 0; width: 250px;}
.mps_txt_breit { float: left; margin: 0 0 1em 0;}
.mps_img_system { margin: 0 0 2em 0; float: right; text-align: right; font-size: 0.8em; position: relative;}
.mps_img_gross { position: absolute; top: 0; right: 0;}

/* MPS Tabelle Anlagenplattformen */

.text_float .whitefiller .list_left    { width: 8em; }
.text_float .whitefiller .list_distance { width: 26em; font-size: 1em; }
.text_float .whitefiller .list_right { width: 5em; font-size: 1em; }

/* Schlüsselkomponenten */
 
.tab-komponenten { font-size: 0.68em; background-color: #fff; }
.tab-komponenten th, .tab-komponenten td { border: 1px #bec9d2 solid; }
.tab-komponenten th, .tab-komponenten td { vertical-align: top; text-align: left; padding: 0.1em; }
.tab-komponenten .width-cell-1 { width: 12%; }
.tab-komponenten .width-cell-2 { width: 18%; }
.tab-komponenten .width-cell-3 { width: 35%; } 

/* SUCHE */

 #form_suche { display:inline; }
 .label_suche { padding-right:0.5em; }
 .input_suchbegriff { font-size: 0.68em; vertical-align: middle; color: #666;  }
 .input_img_suche { vertical-align: bottom;  }
 
/* Tabelle ebeam 2010 */
table.table10 td { text-align: left; }

/* Erweiterung MPS 03-10, cba */
 #content .nav_left ul li a {
        background-image: url(/symbole/6x6inaktiv.gif);    
    }
   #content .nav_left ul li.link_aktiv a {
        background-image: url(/symbole/6x6.gif);    
    }