/*****************************************************
* Allgemeines
******************************************************/
html, body, div {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;  
  border: 0;
  font-size: 14px;
  font-family: "Trebuchet MS", Tahoma, Arial, Courier;
}

body, img, div, input.btn { behavior: url(/includes/iepngfix.htc) }

.right {
  float: right;
}

.left {
  float: left;
}
/*
img.left {
  margin-right: 10px;
  margin-bottom: 10px;
}
*/
.clear {
  clear: both;
}

a img {
  border: 0;
}

th,
td {
  text-align: left;
  vertical-align: top;
  padding: 0;
  margin: 0;
}

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid;
}

/*****************************************************
* Überschriften
******************************************************/
h1, 
h3, 
h4,
h5 {
  font-weight: bold;
  text-transform: uppercase;
}

h1, 
h2, 
h3, 
h4,
h5,
h6 {
  margin: 0px;
  line-height: 125%;
}

h1 {
  margin-bottom: 10px;
  font-size: 23px;
}

h2 {
  margin-bottom: 10px;
  font-size: 18px;
  width: 561px;
  font-weight: normal;
}

h3 {
  margin-bottom: 18px;
  font-size: 17px;
}

.link_boxes h3 {
  margin-bottom: 5px;
}

h4 {
  font-size: 13px;
}

h5{
  font-size: 14px;
  margin-top: 15px;
}

h5.first {
  margin-top: 2px;
}

h6{
  font-size: 13px;
}

h4,
h5,
h6{
  margin-bottom: 5px;
}

/*****************************************************
* Links
******************************************************/
a:hover {
  text-decoration: underline;
}

.link_boxes a,
.link_boxes a:hover,
a:link,
a:visited,
a:active {
  text-decoration: none;
}

.subnavi,
.subnavi a {
  font-size: 13px;
}

.subnavi .sub,
.subnavi .sub a {
  font-size: 12px;
}

/*****************************************************
* Seitenteile
******************************************************/
.mainContainer,
.footer_content {
  border: 0;/*1px solid;*/
  width: 900px;
  margin: 0 auto; /*** Centers the design ***/
  padding: 0px;
  position: relative;
}

.mainContainer {
  min-height: 100%;
  text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}

* html .mainContainer {
  height: 100%;
}

.header {
  font-size: 13px;
  height: 28px;
  width: 715px;
  padding-top: 7px;
}

.header {
  border-bottom: 1px solid;
}

.footer {
  position: relative;
  margin-top: -35px;
  font-size: 12px;
  width: 100%;
  height: 27px;
  padding-top: 8px;
  text-align: center;
}

.footer_content {
  width: 900px;
}

.maincontent .text .container {
  margin-top: 20px;
  clear: left;
}

.maincontent .text .container.images {
  overflow: hidden;
}

.maincontent .text .container.images a {
  display: block;
  float: left;
}

.maincontent .text .container.images a img{
  margin-right: 5px;
  margin-bottom: 5px;
}

.maincontent .text .container.downloads ul.downloads li {
}

/*****************************************************
* Navigation
******************************************************/
li {
  background-repeat: no-repeat;
}

ul.navi li,
ul.navi2 li {
  background-position: 0px 6px;
}

ul.navi li a,
ul.navi2 li a{
  text-decoration: none;
}

ul.subnavi li {
  padding-top: 5px;
  padding-bottom: 6px;
  border-bottom: 1px solid;
}

.maincontent .text ul li {
  padding-top: 2px;
  padding-bottom: 2px;
  background-position: 0px 8px;
}

.maincontent .text ul.product_navi li {
  margin: 0;
  padding: 0;
}

.maincontent .text ul.product_navi li.mid {
  padding-right: 25px;
}

ul.subnavi li {
  background-position: 0px 10px;
}

ul.navi,
ul.navi2,
ul.navi_foot {
  margin: 0;
  padding: 0;
}

ul.product_navi {
  margin-top: 25px;
  margin-bottom: 25px;
  width: 100%;
  height: 17px;
  overflow: hidden;
}

ul.navi li {
  padding-left: 9px;
  padding-right: 7px;
}

ul.subnavi li,
ul.navi2 li,
ul.downloads li,
.maincontent .text ul li {
  padding-left: 11px;
  padding-right: 9px;
}

.maincontent .text ul.sitemap li {
  padding-right: 0;
}

.maincontent ol li {
  padding-left: 0;
  padding-right: 9px;
  margin-bottom: 5px;
}

ul.navi li.last {
  padding-right: 0;
}

ul.navi li,
ul.navi2 li,
ul.navi_foot li,
ul.product_navi li {
  display: inline;
  list-style: none;
}

ul.product_navi li a img{
  margin-right: 10px;
}

ul.navi_foot li.bullet {
  margin-left: 24px;
  padding-left: 12px;
  background-position: 0px 5px;
}

.subnavi,
.subnavi .sub {
  line-height: 100%;
}

.subnavi,
.subnavi .sub,
.maincontent .text ul,
 ul.downloads {
  list-style: none;
  margin: 0;
  padding: 0;
}

.textblock {
  overflow: hidden;
}

.maincontent .text ol {
  margin: 0;
  padding-left: 28px;
}

.maincontent .text ul {
  /*margin-bottom: 15px;*/
  overflow:hidden;
}

ul.subnavi .sub li {
  border: 0;
  padding-left: 0;
  padding-top: 7px;
  padding-bottom: 4px;
}

ul.subnavi {
  margin-top: 18px;
}

/*****************************************************
* Sitemap
******************************************************/

.maincontent .text table.sitemap td{
  padding-right: 5%;
}

.maincontent .text .sitemap {
  margin-bottom: 0px;
}

.maincontent .text .sitemap,
.maincontent .text .sitemap li .sub li .sub li {
  list-style: none;
}

/* Ebene 1 der Sitemap */
.maincontent .text .sitemap li {
  font-size: 14px;
  border-bottom: 1px solid;
  padding-left: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  text-transform: uppercase;
  font-weight: bold;
}

.maincontent .text .sitemap li .sub li,
.maincontent .text .sitemap li .sub li .sub li {
  border: 0;
  text-transform: none;
  font-weight: normal;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* Ebene 2 der Sitemap */
.maincontent .text .sitemap li .sub {
  padding-top: 5px;
}

.maincontent .text .sitemap li .sub li {
  border-bottom: 1px solid;
  font-size: 13px;
  padding-left: 11px;
  margin-bottom: 3px;
}

.maincontent .text .sitemap li .sub li.last {
  border: 0;
}
  
/* Ebene 3 der Sitemap */
.maincontent .text .sitemap li .sub li .sub li {
  font-size: 12px;
  padding-left: 3px;
}

/*****************************************************
* Content
******************************************************/
div.body {
  clear: both;
  color: white;
  font-size: 15px;
  padding-bottom: 30px;
  /*background-color: red;*/
}

div.top_area {
  height: 146px;
  padding-left: 18px;
  padding-top: 19px;
}

div.gimmick {
  position: relative;
  bottom: 80px;
  left: 80px;
  width: 120px;
}

div.column_right div.text  {
  width: 530px;
  overflow: hidden;
  padding-bottom: 10px;
}

div.column_right div.text p {
  margin-top: 10px;
  margin-bottom: 14px;
}

/*****************************************************
* Link-Boxen (auf Startseiten)
******************************************************/
div.link_boxes {
  position: relative;
  width: 100%;
  /*background-color: #CCCCCC;*/
}

table.link_boxes {
  border-collapse: collapse;
  margin: 0 auto; /*** Centers the design ***/
}

table.link_boxes td.head {
  width: 222px;
}

table.link_boxes td.text,
table.link_boxes td.link_icon  {
  height: 141px;
  padding: 16px;
  padding-bottom: 0px;
  font-size: 12px;
  line-height: 130%;
}

table.link_boxes td.link_icon  {
  padding-top: 0px;
  text-align: right;
  height: 20px;
}

table.link_boxes td.foot {
  margin: 0px;
  padding: 0px;
  height: 8px;
}

table.link_boxes td.shadow {
  padding-top: 1px;
}

table.link_boxes td {
  width: 190px;
  border: 0px solid black;
}


table.link_boxes td.spacer {
  width: 117px;
}

/*****************************************************
* Link-Boxen (auf Startseiten)
******************************************************/
div.maincontent {
  font-size: 13px;
  width: 900px;
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
  font-size: 13px;
  line-height: 135%;
}

*+html div.maincontent {
  margin-bottom: -6px;
}

* html div.maincontent{
  margin-bottom: -6px;
}

div.content {
  margin-top: -15px;
  padding-bottom: 20px;
  position: relative;
  overflow: hidden;
}

div.maincontent .column_wide,
div.maincontent .column_left,
div.maincontent .column_right {
  padding-top: 30px;
}

div.maincontent .column_wide,
div.maincontent .column_left {
  padding-right: 10px;
}

div.maincontent .column_wide {
  width: 780px;
  margin-left: 100px;
  /*background-color: #FFA800;*/
}

div.maincontent .column_left {
  float: left;
  width: 193px;
  padding-left: 20px;
  /*background-color: yellow;*/
}

div.maincontent .column_right {
  float: right;
  width: 659px;
  /*background-color: red;*/
}

div.maincontent .abschlussleiste {
  clear: both;
  height: 0;
  margin: 0;
  padding: 0;
}

div.language_selector {
  position: absolute;
  top: 23px;
  right: 10px;
  text-align: right;
  font-size: 12px;
  height: 16px;
}

/*
*+html div.language_selector {
  float: right;
  margin-top: 0px;
  margin-right: 5px;
  width: 490px;
  height: 16px;
}
*/

*+html div.language_selector {
  position: absolute;
  top: -10px;
  left: 0px;
  width: 890px;
  height: 16px;
}

div.startbox div.language_selector {
  top: 22px;
}

/*****************************************************
* Content
******************************************************/
.main_content ul {
  list-style-position: outside;
}

form.navi2 input.input {
  float: left;
  height: 18px;
  width: 92px;
  font-size: 13px;
  border: 0;
  padding-left: 7px;
  padding-top: 1px;
  margin-right: 10px;
}

form input.btn {
  margin-top: 2px;
}

.img_left,
.img_right {
  border: 1px solid;
  margin-bottom: 10px;
  padding: 0;
}

.img_left {
  float: left;
  margin-right: 10px;
}

.img_right {
  float: right;
  margin-left: 10px;
}

/*****************************************************
* Startseite
******************************************************/
div.startbox {
  height: 187px;
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0px;
}

div.startbox div.text {
  float: left;
  width: 500px;
  margin-left: 35px;
  margin-top: 33px;
  font-size: 15px;
}

div.startseite_boxes {
  float: left;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 13px;
  margin-top: 30px;
}

div.startseite_boxes  div.image {
  height: 110px;
  text-align: center;
}

/*****************************************************
* Kontakt
******************************************************/
.spalte_links,
.spalte_rechts {
  float: left;
  width: 254px;
  margin-bottom: 10px;
}

form.contact {
  border-top: 1px solid;
  width: 530px;
  clear: both;
}

.spalte_links p input,
.spalte_rechts p input,
.spalte_rechts textarea {
  width: 200px;
  border: 1px solid;
}

.spalte_rechts textarea {
  height: 277px;
}

*+html .spalte_rechts textarea {
  height: 189px;
}

* html .spalte_rechts textarea {
  height: 189px;
}

div.errors,
div.success {
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid;
}


div.column_center {
  padding: 30px 100px 75px 100px;
}

/*****************************************************
* Suchergebnisse
******************************************************/

div.searchresults_navi {
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  padding: 15px 0;
}

div.searchresults img.arrow_search {
  margin: 0 2px 2px 2px;
}

/*****************************************************
* Messen
******************************************************/

table.messen th {
  padding: 3px 5px 20px 5px;
  text-transform: uppercase;
  border-right: 2px solid #FFF;
}

table.messen,
table.downloads,
table.sitemap,
table.product {
  width: 100%;
}

table.messen td,
table.downloads td,
table.product td,
table.product th {
  padding: 3px 5px 3px 5px;
  border-right: 2px solid #FFF;
}

table tr.odd td {
  background-color: #EAEAEA;
}

table.product .one_column {
  width: 100%;
}

table.product .two_columns {
  width: 50%;
}

table.product .three_columns {
  width: 33%;
}

table.product .four_columns {
  width: 25%;
}

table.product .five_columns {
  width: 20%;
}

table.product .six_columns {
  width: 16%;
}

table.product .seven_columns {
  width: 14%;
}

table.product .eight_columns {
  width: 12%;
}

/*****************************************************
* Downloads
******************************************************/
table.downloads {
  margin-top: 5px;
  margin-bottom: 11px;
}

span.arrow {
  float: left;
  margin-top: 4px;
  margin-right: 10px;
  padding: 0px;
  display: block;
}


/*****************************************************
* Jobs
******************************************************/

.joblogo {
  float: right;
  margin-left: 13px;
  margin-bottom: 13px;
}

table.referenzen {
  width: 100%;
  border: 0;
}

table.referenzen td {
  width: 25%;
  height: 100px;
  vertical-align: middle;
  text-align: center;
}

/*****************************************************
* Settings (mit Farbangaben weil übergreifend)
******************************************************/
body.settings {
  background-color: #DDDDDD;
  padding: 10px;
}

body.settings fieldset {
  background-color: white;
  margin-top: 10px;
  margin-bottom: 10px;
}