/* *  W I N E M A - main.css  (C) 2007 WEBER eBusiness Services, Florian Schlegel * */


/* * * * * * * * * * * * *  A L L G E M E I N * * * * * * * * * * * * * * * * */
html, body {
  height: 100%;
  width: 100%;
}

html, body, div, textarea, tr, td, th {
  margin:0;
  padding:0;
  font-family: Tahoma, Verdana, sans-serif;
  font-size:12px;
  color: #525252;
}

/* wird nicht angezeigt, exisitert nur aus semantischen gründen */
h1 {display: none;}

/* zB Downloadbereich */
h3 {
  color:#0561a9;
  margin:0;
  padding:0;
  font-family: Tahoma, Verdana, sans-serif;
  font-size:13px;
  font-weight: normal;
}


/* Seitenüberschriften */
h2 {
  background: transparent;
  margin: 16px 0 27px -2px;
  font-size: 22px;
  font-weight: normal;
  }

/* color fading (at top) */
body {
  background: #fff url(/img/body_background.jpg) 0 0 repeat-x;
  text-align: center;
}


img { border: none;}


a:link, a:visited, a:active {
  color: #e75112;
  text-decoration: none;
}

a.greylink,a:hover.greylink {
  color: #525252;
  text-decoration: none;
}


a:hover {
  color: #334f6a;
  text-decoration: none;
}

.floatleft {
  float: left;
}

.clearleft {
  clear:left;
}

.clearright {
  clear:right;
}

.block {display: block;}


/*  color definitions   */

.orange {
  color: #e75112;
}
    .orange:hover {
      color: #334f6a;  /* == darkblue */
      }

.blue {
  color: #0561aa;
}

.darkblue {
  color: #334f6a;
}
.gray {
  color: #a2a3a5;
}



/* * * * * * * * * * * *   S E I T E N R A S T E R  * * * * * * * * * * * * * */


#header {
  background: transparent url(/img/light_arrow_up.gif) 787px 11px no-repeat;
  font-size: 11px;
  width: 882px;
  height: 60px;
  margin: 35px auto 15px auto;
  padding: 0;
}
      #header a.active:link, #header a.active:visited, #header a.active:active, #header a.active:hover {
          color: #95a1ad;
      }

      #header img {
          display: block;
          margin: 19px 684px 0 0;
          float: left;
      }

      #header span {
          float:left;
          margin: -42px 0 0 798px; /* ab 799px stürzt IE6 ab !?!? */
      }


#main_body {
  width: 885px;
  margin: 0 auto 0 auto;
  text-align: left;
  padding: 0;
  background: #fff;
}

.clear_netscape {
  clear: both;
  display: block;
  height: 1px;
  font-size: 1px;
}

      /* oberer bereich, mit navi und teasern */
      #top {
        text-align: left;
        margin: 0;
        padding: 0;
        background: transparent url(/img/top_back.jpg) no-repeat;
        background-position: 287px 31px;         
      }


          /* hauptnavigation */
          #top .main_nav {
            float: left;
            display: block;
            margin: 0 124px 0 0;
            padding: 0;
            width: 200px;
          }

                  .main_nav a:link, .main_nav a:visited, .main_nav a:active {
                    display: block;
                    padding: 6px 0 3px 19px;
                    font-size: 11px;
                    color: #305067;
                    line-height: 20px;
                    text-decoration: none;
                    border-top: 1px solid #344f6a;
                    margin: 0;
                    text-transform: uppercase;
                  }

                        #top .main_nav li a:hover {
                          background: url(/img/main_nav_hover.gif) 0 1px no-repeat;
                        }

                        #top .main_nav li {
                          display: inline;   /* IE 6 bugfix */
                          list-style-type: none;
                        }

                        #top .main_nav li.active a:visited, #top .main_nav li.active a:link, #top .main_nav li.active a:hover {
                          background: transparent url(/img/main_nav_active.gif) 0 1px no-repeat;
                        }


            /* teaser */
            #top .teaser, #top .news {
              display: block;
              float: left;
              margin: 0 0 0 56px;
              padding: 0;
              width: 224px;
            }

            #top .news {
              background: #dcdfe3 url(/img/news_back.jpg) no-repeat;
              background-position:  center bottom;
              margin: 0px 0 -21px 56px;
              padding: 0 11px 40px 0;
              width: 213px;
            }
                  .news_headline {
                    font-size: 11px;
                    line-height: 12px;
                    padding: 6px 0 11px 11px;
                    margin: 0 -11px 0 0;
                    background: #fff url(/img/news_h_back.jpg) 0 0 no-repeat;    /* #334f6a */
                    color: #fff;
                  }

                  #top .teaser .orange {
                    display: block;
                  }

                  #top .teaser li, #top .news li {
                    list-style-type: none;
                  }


            #top .teaser li a:link, #top .teaser li a:visited, #top .teaser li a:active {
              color: #95a1ad;
              text-decoration: none;
              padding: 6px 0 7px 26px;
              display: block;
              background: transparent url(/img/dark_arrow_up.gif) 6px 9px no-repeat;
              border: none;
              border-bottom: 1px solid #334f6a;
            }
            #top .news li a:link, #top .news li a:visited, #top .news li a:hover {
              color: #334f6a;
              padding: 8px 0 7px 26px;
              background: transparent url(/img/dark_arrow_up.gif) 11px 12px no-repeat;
              border: none;
            }


      /* Home > Produkte > ... */
      .breadcrumb a:visited, .breadcrumb a:link, .breadcrumb a:active {
        color: #95a1ad;
        font-size: 11px;
      }


      /* erster container, mit farbverlauf oben */
      #container1 {
      clear: both;
        position: relative;   /* IE 6 Bugfix */
        top: 10px;
        padding: 0;
        margin: 11px 1px 0 0;
        width: 884px;
        padding: 0;
        background: #fbfcff url(/img/content_fading_top.jpg) no-repeat;
        background-position: center top;
      }


            /* gleich groß wie container1, enthält jedoch farbverlauf rechts unten */
            #container2 {
              padding: 0;
              margin: 0;
              min-height: 400px;
              line-height: 18px;
              background: transparent url(/img/content_fading_bottom.jpg) no-repeat;
              background-position: right bottom;
            }
/*
                #container2 h2 {
                  background: transparent;
                  margin: 16px 0 27px -2px;
                  font-size: 22px;
                  font-weight: normal;
                }
*/
                #container2 p {
                  margin: 6px 0 0 0;
                }


          /* Beinhaltet Seiteninhalt */
          #content {
            margin: 0;
            padding: 11px 0 50px 19px;
          }

              /*  rechte spalte mit produktbildern
              u videos (mit farbverlauf) */
              #right {
                position:relative;
                margin: 8px 0 0 0;
                padding: 0;
                width: 224px;
                float: right;
              }

              /* ul wird bei "unterseiten" formatiert */




  /* footer formatierungen */


  #footer {
    padding: 16px 0 12px 18px;
    margin: 0;
    background: #fff;
    font-size: 11px;
  }

      #footer .blue a:visited, #footer .blue a:link,
      #footer .blue a:active, #footer .blue a:hover {
        text-decoration:none;
      }

      #footer span.blue {
        margin: 0 500px 0 0;
      }

      #footer em {
        font-style: normal;
        padding: 0 0 0 16px;
      }

      #footer  a.orange {
        text-decoration: none;
        font-size:11px;
        text-align: right;
      }







/* * * * * * * * * *    U N T E R S E I T E N   * * * * * * * * * * * * */


/* generelle formatierungen der unterseiten */

    /* submit button bei forms */

      div.submit {
      margin-top: 30px;
        width: 576px;
        text-align: right;
      }

    /* fett gedruckter Einführungstext */
    .intro, .wide {
      width: 586px;
      margin: 10px 0 0 0;
      padding: 0;
    }
    .intro {
      font-weight: bold;
      margin: 0;
    }


    /* Spalte des Contents (Text) */
    .column {
        width: 270px;
        margin: 10px 38px 0 0;
        padding: 0;
        float: left;
        position: relative;
    }

          .column label {
              display: block;
              padding: 0 0 5px 0;
              width: 81px;
              float: left;
          }
          
          .column input {
              float: left;
              display: block;
              width: 187px;
              border: 1px solid #a2a3a5;
              background: transparent url(/img/input_back.jpg) 0 0 no-repeat;
          }
          
          input.checkbox, .column input.checkbox {
              clear: left;
              border: none;
              width: 15px;
              background-image: none;
              margin: 5px 14px 0 5px;
          }
          label.checkbox {
              width: auto;
              margin-top: 4px;
          }
          .column .clearleft {
              padding: 7px 0 0 0;
          }

          .column .plz {
              width: 45px;
              margin-right: 5px;
              float: left;
          }
          .column input.ort {
              width: 135px;
              margin: 0 -5px 0 0 ;
          }
          .column .full_width {
              background: transparent url(/img/textarea_back.jpg) 0 0 no-repeat;
              width: 266px;
              overflow: auto;
              color: #a2a3a5;
          }
          .column span {
              display: block;
              height: 23px;
          }
          .column .spacer {
              display: block;
              height: 53px;
          }
          .column textarea.full_width {
              width: 256px;
              margin: 0;
              padding: 5px;
              height: 86px;
              background: url(/img/textarea_back_wide.jpg) 0 0 no-repeat;
              border: 1px solid #a2a3a5;
          }
          .column textarea.full_width.long {
            height: 186px;
          }

          form {margin-top: 20px;}


/* produkteigenschaften */
    .content_list {
        padding: 4px 0 0 0;
        float: left;
    }

          /* überschrift */
          .content_list strong {
              display: block;
              line-height: 11px;
              margin: 0 0 25px 0;
          }

          .content_list div.clearleft {
              border-bottom: 1px solid #b5c0cb;
              margin: 0 0 17px  0;
              height: 10px;
              position: relative;
              top: -5px;
          }

          /* rechte spalte */
          .content_list .blue {
              margin: -18px 0 0 180px;
          }
          
            .content_list .add_info strong {
              display: inline;
              margin: 0;
              line-height: auto;
            }

    .history div.clearleft {
        background: transparent url(/img/history_back.gif) no-repeat;
        background-position: center bottom;
        border: 0px;
        height: 29px;
        margin-left: -20px;
    }

    #right .right_content {
      margin-top: 24px;
      padding: 0;
      text-align: center;
      overflow: hidden;
    }
        #right .right_content img {
          margin-top: 5px;
        }

    /* Subnavigation in rechter spalte */
    #right #subnav {
        display: block;
        padding: 0;
        margin: 0;
    }

             #right li {
                 list-style-type: none;
                 padding: 0;
                 margin: 0 0 1px 0;
                 display: block;
             }



              /* normaler menüpunkt */
              #right li a.subnav:active, #right li a.subnav:link, #right li a.subnav:visited {
                  display: block;
                  text-decoration: none;
                  padding: 4px 0 6px 30px;
                  background: transparent url(/img/dark_arrow_up.gif) 10px 11px no-repeat;
                  color: #334f6a;
                  border-bottom: 1px solid #334f6a;
              }

              /* mouseover */
              #right li a.subnav:hover {
                  background: #f8f8f8 url(/img/subnav_back_hover.jpg) -20px 0 no-repeat;
              }

              /* aktiver menüpunkt */
              #right li.active a.subnav:active, #right li.active a.subnav:link, #right li.active a.subnav:visited {
                  background: #e1e6ec url(/img/subnav_back_active.jpg) -20px 0 no-repeat;
                  color: #334f6a;
              }



                      /* Abstand des untermenüpunktes */
                      #right li li {
                        display: block;
                        margin: 1px 0 0 -40px;
                        padding: 0;
                      }

                            /* andere formatierungen des Links vom unternemüpunkt */
                            #right li a.subitem:active, #right li a.subitem:link, #right li a.subitem:visited {
                              display: block;
                              text-decoration: none;
                              padding: 5px 0 4px 50px;
                              margin: 0;
                              color: #334f6a;
                              background: transparent url(/img/dark_arrow_up.gif) 30px 11px no-repeat;
                              border-bottom: 1px solid #334f6a;
                            }

                            #right li.active ul li.active a.subitem:active, #right li.active ul li.active a.subitem:link, #right li.active ul li.active a.subitem:visited {
                              background: #e1e6ec url(/img/subnav_back_active.jpg) 0 0 no-repeat;
                            }

                            #right li a.subitem:hover {
                              background: #f8f8f8 url(/img/subnav_back_hover.jpg) 0 0 no-repeat;
                            }


/*  Lohnbearbeitung  ($language/products/customizing/) */
              .table table { width: 100%; text-align:left; }

                  .th {
                      font-weight: bold;
                      height: 44px;
                      color: #fff;
                      font-size: 11px;
                      background: #334f6a;
                      padding: 2px 0 0 7px;
                  }
                  .table table td { padding: 2px 0 0 7px; border-top: 1px solid #fff; font-size: 11px;}
                  .table table tr {height: 21px;}
                  .tr1 {background:#d8e3ed;}
                  .tr2 {background:#f0f4f7;}


/* Infomaterial */

                  .column textarea.infomaterial {
                      padding: 5px;
                      height: 225px;
                  }

/* Bearbeitungsproblem  ($language/contact/proc-prob/) */
        .proc-prob label {
          width: auto;
        }
        .proc-prob span {
          margin-left: 223px;
        }
        textarea.proc-prob {
          margin-top: 12px;
          width: 484px;
          height: 63px;
          background: #fff url(/img/textarea_back_full_width.jpg) 0 0 repeat-y;
          border: 1px solid #a2a3a5;
          overflow: auto;
          padding: 5px;
        }
        .proc-prob input.radio {
          width: 20px;
          display: inline;
          border: none;
          background: none;
          margin: 0 10px 0 5px;
        }
        .proc-prob label.radio {
          margin: 0;
        }
        .proc-prob label.spacer {
          margin: 0 5px 0 43px;
        }
        input.proc-prob {
          display: block;
          margin: 12px 0 5px 0;
          width: 494px;
          background: #fff url(/img/textarea_back_full_width.jpg) 0 0 repeat-y;
          border: 1px solid #a2a3a5;
        }
        .proc-prob label {
          margin: 12px 0 5px 0;
        }
        div.frame.proc-prob {
          padding-left: 81px;  /* abstand kommt sonst von labeln */
        }

/* Impressum */
    em.adress {
        display: block;
        font-style: normal;
        width: 50px;
        float:left;
    }

/* Downloadbereich */

    div.download.item {
      margin: 0px;
      width: 100%;
      border-bottom: 1px solid #334f6a;
      background: #fbfcff url(/img/service/download_item_back.gif) 52px 0 repeat-y;
    }
 /*  
    div.download span a:link, div.download span a:visited, div.download span a:active {
      color: #e75112;
      text-decoration: none;
    }
    
    div.download span a:hover {
      color: #334f6a;
      text-decoration: none;
    }
*/
    
    div.icon {
      background: transparent;
      width: 29px;
      margin: 0;
      padding: 12px 0 0 23px;
      float: left;
    }
    
    div.text {
      float:left;
      overflow: hidden;
      width: 404px;
      padding: 16px 14px 16px 14px;
    }
    
      .download div.text {
        width: 290px;
      }
    
        .text table td {
          margin-right: 10px;
        }
    div.image {
      float: left;
      padding: 12px 0 12px 0;
    }
        div.image img {
          border: 1px solid #0561a9;
        }

/* Anfgahrtskizze */

    img.route {
      float: left;
      margin: 0;
    }
    #route_description p.route {
      margin: 0 0 10px 0;
      padding: 0;
    }
    #route_description {
      float: left;
      width: 220px;
      margin: 0 0 0 20px;
      padding: 0;
      overflow: hidden;
    }

/* Messeseite / News */

 span.fairs_date {
    color: #525252;
    margin: -10px 0 0 0;
 }
 div.download.item.fairs {
    background: #fbfcff url(/img/service/download_item_back.gif) 0 0 repeat-y;
  }
  .fairs h3 {
    font-size: 17px;
    margin: 8px 0 8px -2px;
  }
  .fairs div.text {
    width: 450px;
  }

	/* News-Detail */
	.news_detail .date {
		font-size: 11px;
	}

	.news_detail .image {
	  display: block;
		float: right;
		margin: 13px 0 10px 10px;
		border: 1px solid #344f6a;
	}

	/* Anwednungsbeispiele */
	.usage_image {
    border: 1px solid #344f6a;
	}