body {
  background:      #D62000 url( img/bgtop.jpg );
  font-family:     sans-serif;
  font-size:       14px;
  background-repeat: repeat-x;
  margin:          0;
  padding:         0;
}

img {
  border:          none;
}

a:link, a:visited, h1 {
  color:           #FF0000;
}

h2 {
  color:           #FF0000;
  padding:         0;
  margin:          0 0 7px 0px;
  text-align:      left;
}

table {
  border-collapse: collapse;
  border-spacing:  0;
  empty-cells:     show;
  margin:          auto;
  padding:         0;
}

/* ===== Framework ===== */

.Framework {
  width:           800px;
}

.RedBar {
  width:        100%;
}

.RedBar td {
  color:           #FFFFFF;
  height:          27px;
  vertical-align:  middle;
}

.RedBarL {
  background:      #DE2400 url( img/framework/redbar-left.png );
  padding:         0;
  width:           8px;
}

.RedBarM {
  background:      #DE2400 url( img/framework/redbar-middle.png );
  background-repeat: repeat-x;
  padding:         0 0 0 15px;
}

.RedBarR {
  background:      #DE2400 url( img/framework/redbar-right.png );
  padding:         0;
  width:           8px;
}

.LogoArea {
  background:      #151515 url( img/framework/bg_head.png );
  background-repeat: repeat-x;
  border-top:      solid 2px #000;
  height:          135px;
}

.LogoArea table {
  height:          136px;
  width:           100%;
  vertical-align:  center;
}

.Logo {
  height:          136px;
  padding-left:    10px;
  text-align:      left;
  vertical-align:  center;
}

.Phil {
  height:          136px;
  text-align:      center;
}

.Navi {
  background:      url( img/framework/button-bg8x39.png );
  background-position: top;
  background-repeat: repeat-x;
  border-left:     solid 8px #000;
  border-right:    solid 8px #000;
  height:          38px;
}

.Navi ul {
  margin:          10px 0 10px 0;
  padding:         0;
}

.Navi li {
  background:      #323031 url( img/framework/button-black300x39.png );
  background-position: right center;
  display:         inline;
  font-size:       14px;
  height:          38px;
  margin:          0;
  padding:         11px 8px 11px 8px;
}

.Navi li a, #NaviActive {
  color:           #FFF;
  text-decoration: none;
}

.Navi li:hover, #NaviActive {
  background:      #323031 url( img/framework/button-red300x39.png );
  background-position: right center;
}

.Navi li a:hover {
  text-decoration: underline;
}

/* ===== BreadCrumb Navigation ===== */

.BreadCrumb {
  color:           #E0E0E0;
  margin:          4px 0 4px 0;
}

.BreadCrumb a:link , .BreadCrumb a:visited {
  color:           #E0E0E0;
  text-decoration: none;
}

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


/* ==== Content area ===== */

.Content {
  background:      #FFFFFF url( img/framework/white-bg.png );
  background-position: top;
  background-repeat: repeat-x;
  border-left:     solid 8px #000;
  border-right:    solid 8px #000;
  padding:         0;
 
}

.Content p, .Content h1, .Content h2, .Content h3, .Content h4 {
  margin-left:     10px;
  margin-right:    10px;
}

/* ===== Footer (grey field at the bottom ===== */

.Footer {
  background:      #E9E9E9;
  border-top:      solid 3px #000;
  border-left:     solid 8px #000;
  border-right:    solid 8px #000;
  border-bottom:   solid 8px #000;
  color:           #626262;
  font-size:       10px;
}

.Footer table {
  margin-left:     auto;
  margin-right:    auto;
  margin-bottom:   10px;
  margin-top:      10px;
}

.Footer table td {
  padding:         0 20px 0 20px;
  vertical-align:  top;
}

.Footer a {
  color:           #980E0E;
  text-decoration: none;
}

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

.Footer img {
  padding:         30px;
}

/* ===== Divider (red bar on homepage ===== */

.Divider {
  height:          16px;
}

.Divider td {
  background:      #FFFFFF url( img/divider.png );
  background-position: center center;
  background-repeat: repeat-x;
  padding:         0;
}

/* ===== About Us ===== */


.AboutUs img[width="235"] {
  float:           right;
  margin:          0 10px 0 10px;
}

/* ===== Contact Us ===== */

.ContactUs > table {
  width: 800px;
}


/* ===== Team ===== */

.Team {
  border-spacing:  5px;
  margin:          0;
}

.Team tbody tr:first-child td h3 {
  color:           #DE2000;
}

.Team td {
  padding:         0 0 0 5px;
  vertical-align:  top;
}

.Team h3 {
  font-family:     sans-serif;
  font-size:       14px;
  font-weight:     bold;
  margin:          0;
  padding:         0;
}

.Team a {
  color:           #DE2000;
}

.Team th {
  vertical-align:  top;
}

.Team th img {
  border-top:      solid 1px #D6D3D6;
  border-left:     solid 1px #D6D3D6;
  border-right:    solid 1px #B6B3B6;
  border-bottom:   solid 1px #B6B3B6;
  padding:         5px;
  margin:          0;
}

/* ===== Tradeshows ===== */

.TradeShows table {
  border-collapse: collapse;
  border-spacing:  0;
}

.TradeShows th {
  border-bottom:   solid 2px #CECFCE;
  font-size:       14px;
  font-weight:     bold;
  padding:         0 10px 0 10px;
  text-align:      left;
}

.TradeShows td {
  border-top:      solid 1px #CECFCE;
  padding:         2px 10px 2px 10px;
}

.TradeShows tr:hover td {
  background:      #F4F4F4;
}

/* ===== Distributors ===== */

.Distri {
  margin: auto;
}

.Distri td {
  padding:         4px;
  vertical-align:  top;
}

.Line0 {                      }
.Line1 { background: #F7F3F7; }

.DistriCountry {
  font-size:       12px;
  font-style:      italic;
  padding:         0 0 5px 0;
}

.DistriCompany { 
  font-size:       16px;
  font-weight:     bold;
}

.DistriAddress {}
.DistriPhone {}
.DistriFax a  {
  color:           #F00;
}
.Distriemail a , .DistriHomepage a {
  color:           #F00;
}

/* ===== Product Guide and Specifications ===== */

.ProductsGuide {
  border-spacing:  5px;
}

.ProductsGuide h2 {
  margin: 0;
}

.ProductsGuide  a, .ProductsGuide  a:link, .ProductsGuide  a:visited {
  color:           #FF0000;
}

.ProductsGuide img {
  /* border:          solid 3px #FF0000; */
  border:          none;
  margin-right:    5px;
}

.SpecList th {
  font-weight:     bold;
  text-align:      right;
}

/* ===== ApplicationGuide ===== */

.ApplicationGuide {
  margin:          auto;
  width:           760px;
}

.ApplicationGuide h1 {
  text-align:      center;
}

.ApplicationGuide h2 {
  /* background:      url( img/gray-scale-vertical-trans.png ); */
  /* background-repeat: repeat-x; */
  color:           #FF0000;
  margin:          0;
  padding:         5px 0 5px 20px;
}

.ApplicationGuide p {
  padding-left:    20px;
}

/* ===== ProductSelection */

.ProductSelection {
  margin:          auto;
}

.ProductSelection td {
  text-align:      center;
}

.ProductSelection a:link, .ProductSelection a:visited {
  color:           #FF0000;
  text-decoration: none;
}

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

.ProductSelection img {
  border:          none;
}

/* ===== Accessories ===== */

.Accessories h3 {
  color:           #FF0000;
}

.Accessories td {
  padding:         5px;
}

/* ===== Partner ===== */

.Partner  {
  margin:          auto;
}

.Partner  td {
  padding:         5px;
}

.Partner img {
  border:          solid 1px #404040;
}

/* ===== Javascript-Slider ===== */

.Slider {
  margin:          auto;
  padding:         0;
  left:            0;
  right:           0;
} 

.Slider table {
  border:          none;
  border-collapse: collapse;
  border-spacing:  0;
  margin:          auto;
}

.Slider td {
  font-size:       14px;
  padding:         12px;
  text-align:      center;
}

.Slider td p {
  display:         inline;
}

#SlideL, #SlideR {
  cursor:          pointer;
}

.Slider {
  vertical-align:  middle;
}

.Slider img[width="19"] {
  margin:          5px 10px 0px 10px;
  vertical-align:  middle;
}
/* ===== Applications ===== */

.Applications {
  border:          none;
  border-collapse: separate;
  border-spacing:  10px;
}

.Applications td {
  text-align:      center;
  padding-bottom:  10px;
}

.Applications a {
  text-decoration: none;
} 

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

.TabTable {
  border-collapse: separate;
  /* Achtung! Wenn hier auf collapse umgeschaltet wird, gibt es Probleme, den einzelnen
              Zellen separate Rahmen-Farben zuzuordnen! */
}

.TabTable th {
  font-weight:     normal;
  padding:         5px;
  text-align:      center;
}

.TabTable th a {
  color:           #990029;
  font-size:       16px;
  text-decoration: none;
}

.TabTable th a:hover {
  text-decoration: underline;
}

.TabActive {
  border-bottom:   solid 1px #FFFFFF;
  border-top:      solid 1px #D3D3D3;
  border-left:     solid 1px #D3D3D3;
  border-right:    solid 1px #D3D3D3;
}

.TabInactive {
  background:      #CDCDCD url( img/gray-tab.png );
  border-bottom:   solid 1px #B3B3B3;
  border-top:      solid 1px #D3D3D3;
  border-left:     solid 1px #D3D3D3;
  border-right:    solid 1px #B3B3B3;
}

.TabNoTab {
  border-bottom:   solid 1px #B3B3B3;
  border-right:    solid 1px #FFFFFF;
}

.TabTable td[colspan="4"] {
  border-bottom:   solid 1px #B3B3B3;
  border-left:     solid 1px #D3D3D3;
  border-right:    solid 1px #B3B3B3;
}