/* ebppscreen */
  
body {
    background: #fff url("../images/head.gif") repeat-x top;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    line-height: 15px;
    color: #111;
    top: 0;
    margin-top: 0px;
    padding-top: 0px; /* fix top for opera */
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
    min-width: 700px;
    max-width: 890px;
  }
  
a {
    text-decoration: none;
}
  
img {
    border: none;
}

hr {
   border: 1px solid #bbb;
}

.illu {
   float: left;
   border: none;
   padding: 3px;
   margin: 3px;
}
  
#header  {
    position: relative;
    color: #000;
    margin: 0px 0px 20px 0px;
    height: 68px;
    padding: 0 0 10px 0;
    background: #bbb url("../images/head.gif") repeat-x top left;
}
  
  #header h1 {
      position: absolute;
      top: 0;
      left: 0;
      margin: 0;
      font-size: 2px;
      color: #000;
      height: 0px;
      z-index: 4;
  }
  
    #header h1 a {
        display: block;
        margin-top: 24px;
        margin-left: 0px;
        width: 128px;
        height: 28px;
        background: transparent url("../images/logo.gif") no-repeat;
        color: #fff;
        text-indent: -700em;
        text-decoration: none;
    }
  
  #header h4 {
      position: absolute;
      top: 0;
      left: 0;
      margin: 0;
      font-size: 2px;
      color: #fff;
      height: 9px;
      z-index: 5;
  }
  
    #header h4 a {
        display: block;
        color: #fff;
        text-indent: -700em;
        text-decoration: none;
    }
  
  #header ul {
      width: auto;
      position: absolute;
      top: 35px;
      bottom: 0px;
      right: 0;
      margin: 0;
      padding: 0 0px 0 0;
      list-style: none;
      background: transparent;
      font-size:14px;
      z-index: 1; 
  }

    #header li {
      float: right;
      background: transparent;
      padding: 0 0 0 5px;
      margin: 0 1px 0 0;
    }

    #header ul a {
      float: left;
      display: block;
      bottom: 0px;
      padding: 4px 6px 4px 6px;
      font-weight: bold;
      color: #eee;
      text-decoration: none;
    }

    #header ul li:hover a { 
        color:#fff ;
        }

    #header ul li a.current { 
       padding: 3px 6px 3px 6px;
       border-top: 1px solid #eee;
       border-right: 1px solid #eee;
       border-left: 1px solid #eee;
       background: #bbb url("../images/menu_hover.gif") repeat-x bottom left;
       color: #000;
        }  
  
  #header p {
      position: absolute;
      float: left;
      top: 0;
      left: 0;
      margin-top: 60px;
      padding-bottom: 0px;
      font-size: 12px;
      z-index: 3;
  }
  
    #header p a,
    #header p a:link,
    #header p a:visited,
    #header p a:hover {
      color:#222;
      text-decoration: none;
      font-weight: normal;
  }
  
  #header span {
      position: absolute;
      top: 0;
      right: 0;
      margin-top: 1px;
      margin-right: 3px;
      padding-bottom: 0px;
      font-size: 9px;
      z-index: 2;
  }
  
    #header span a,
    #header span a:link,
    #header span a:hover,
    #header span a:visited {
        color:#222;
        text-decoration: none;
    }
    
    #header h5 {
      position: absolute;
      float: left;
      top: 0;
      left: 0;
      margin-top: 1px;
      margin-right: 3px;
      padding-bottom: 0px;
      font-size: 9px;
      font-weight: normal;
      color: #222;
      z-index: 2;
  }
  
#container {
    position: relative;
    padding: 0;
    margin: 0;
    text-decoration: none;
    background: transparent;
}

  #container h1 {
      margin: 0 0 20px 0;
      padding: 0 0 2px 0;
      font-weight:bold;
      font-size:24px;
      line-height:26px;
  }

  #container h2 {
      margin: 0 0 10px 0;
      padding: 0 0 2px 0;
      border-bottom:1px solid #bbb ;
      font-weight:bold;
      font-size:18px;
      line-height:21px;
  }

  #container h3 {
      margin: 0 0 2px 0;
      padding: 0 0 2px 0;
      font-weight:bold;
      font-size:14px;
      line-height:15px;  
  }
  
  #content a:link, 
  #startleft a:link, 
  #startright a:link, 
  #copyright a:link {
      text-decoration: none; font-weight:bold; color:#004080;background: none;
  }
  
  #content a:hover, 
  #startleft a:hover, 
  #startright a:hover, 
  #copyright a:hover {
      font-weight:bold; color:#0066CC; background: none;
  }
  
  #content a:visited, 
  #startleft a:visited, 
  #startright a:visited , 
  #copyright a:visited {
      font-weight:bold; color:#663399; background: none;
  }  
  
  #content span.red {
  color: #f00;
  }

#startmain {  
    margin: -19px 0 15px 0;
    padding: 0 0 0 0;
    height:150px;
    background: url("../images/startmain.jpg") no-repeat top left;    
}

#startmain h1 {
        display: block;
        background: transparent;
        color: #fff;
        text-indent: -700em;
        text-decoration: none;
    }
    
#main {
        height: 110px;
        padding-bottom: 10px;
}

#main h2 {
        bottom: 0px;
        border: none;
        text-align: center;
}

#startleft {
    position: relative;
    float: left;
    width: 60%;

}

  #startleft img, .articlelist img {
      float: left;
      padding: 0 0 0 0;
      margin: 0 9px 9px 0;
      border-left: #ccc solid 1px;
      border-top: #ddd solid 1px;
      border-right: #777 solid 1px;
      border-bottom: #555 solid 1px;
  }
  
  #illu {  
    position: relative;
    height: 130px;
    text-align: center;
    padding: 0 5% 0 5%;
  }

  #illu img {
    clear: both;
    border: none;
    padding: 0;
    margin: 0;
  }
  
  #illusmall {  
    position: relative;
    height: 80px;
    text-align: center;
    padding: 0 5% 0 5%;
  }

  #illusmall img {
    clear: both;
    border: none;
    padding: 0;
    margin: 0;
  }

#startright {
    position: relative;
    float: right;
    width: 38%;
}

  #startleft p, #startright p, #content p {
      margin: 0 0 10px 0;
      padding: 0 0 0 0;
  }

.partner {
    padding: 8px 6px 0px 6px;
    margin: 24px 0 8px 0;
    background: transparent;
    border-top: #bbb solid 1px;
    border-bottom: #bbb solid 1px;
}

.important {
    padding: 11px 6px 8px 6px;
    margin: 0px 0 8px 0;
    background: transparent;
    list-style: none outside;
    border: #777 solid 1px;
}

  .important.topstory {
      margin: 0px 0 16px 0;
      padding: 6px 6px 6px 120px;
      background: url("../images/topstory.jpg") no-repeat top left;
      list-style: none outside;
  }
  
  .importantbox {
      position: relative;
      float: left;
      top: 0px;
      width: 161px;
      margin: 0px 9px 9px 0;
      padding: 3px 3px 3px 3px;
      background: #fff;
      text-align: center;
      border: 1px solid #bbb;
  }
  
  .newsbox {
      position: relative;
      width: 155px;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      background: #fff;
  }
  
  .newsbox img {
      margin: 0px 0px 0px 0;
      padding: 0px 0px 0px 0px;
  }
  
  .importantboxright {
      float: right;
      width: 240px;
      margin: 35px 0px 9px 9px;
      padding: 0px 0px 0px 0px;
      background: #fff;
  }    

.yellow {
    background: url("../images/yellow.jpg") no-repeat top left;
    list-style: none outside;
}  

.green {
    background: url("../images/green.jpg") no-repeat top left;
    list-style: none outside;
}

.blue {
    background: url("../images/blue.jpg") no-repeat top left;
    list-style: none outside;
}

  #startright h3, .important h3 {
      margin: 0 0 8px 0;
      padding: 2px 0 3px 0;
      font-weight:bold;
      font-size:14px;
      line-height:15px;
      border-bottom:1px solid #bbb ;
  }

.cockpitleft {
    position: relative;
    float:left;
    width:23%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    min-width:150px;
}

/* Navigation */

#navigation:before {
    line-height: 0.1;
    font-size: 1px;
    background: transparent url("../images/navi_tr.gif") no-repeat top right;
    margin: 0;
    height: 9px;
    display: block;
    border-bottom: 1px solid #B0B6A7;
    content: url("../images/navi_tl.gif");
}
  
#navigation {
    position: relative;
    min-width:130px;
    background: url("../images/navi_bg.gif") right repeat-y;
    color: #222;
    margin: 0;
    padding: 0;
}
  
  
#navigation:after {
    display: block;
    padding-top: 0;
    line-height: 0.1;
    font-size: 1px;
    content:  url("../images/navi_bl.gif");
    margin: 0 0 0 0;
    height: 9px;
    background: transparent url("../images/navi_br.gif") scroll no-repeat bottom right ;
    border-top: 1px solid #fff;
}
  
#navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
  
#navigation li {
    display: inline;
    padding: 0;
    margin: 0;
}


#navigation li a {
  display: block;
  padding: 5px 0 4px 10px;
  text-decoration: none;
  background: #E1E5DA;
  border-bottom: 1px solid #B0B6A7;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #B0B6A7;
  color:#222;
  font-weight: bold;
}

/*

#navigation li li a {
    padding: 5px 0 4px 20px;
    font-size:100%;
}

#navigation li li li a {
    padding: 5px 0 4px 33px;
    font-size:100%;
}

#navigation li a:link, #navigation li li a:link {
    color:#222;
    background: #E1E5DA;
    font-weight: normal;
}

#navigation li a:hover, #navigation li li a:hover {
    background: #D2D8C9;
    color:#222;
    font-weight: normal;
}
*/

#navigation ul li a {
  padding: 5px 0 4px 20px;
  font-size:100%;
  font-weight: normal;
  background-color: #E1E5DA;
}

#navigation ul ul li a {
  padding: 5px 0 4px 33px;
  background-color: #E1E5DA;
}

#navigation li a:hover, #navigation ul li a:hover {
  background: #D2D8C9;
  color:#222;
}

#navigation a.current, #navigation a:hover.current {
  background: #D2D8C9;
  color:#222;
  font-weight: bold;
}

/***** Content *****/

#content {
    float:right;
    width:74%;  
}

.articlelist {
    list-style-type: none;
    list-style-position: outside;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px; 
}

.articlelist li {
    clear: both;
}

.articlelist h3 a {
    padding: 0px 0px 4px 0px;
    font-weight:bold;
    font-size:14px;
    line-height:15px;
}

.supplierlist {
    list-style-type: none;
    list-style-position: outside;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px; 
}

.supplierlist li {
    clear: both;
    padding: 2px 2px 2px 2px;
    background: #fff;
}

.supplierlist h3 {
    padding: 6px 6px 6px 6px;
    margin: 4px 4px 4px 4px;
    background: #E1E5DA;
    border: 1px solid #bbb;
}

.supplierlist h3:hover {
    padding: 6px 6px 6px 6px;
    margin: 4px 4px 4px 4px;
    background: #fff;
    border: 1px solid #bbb;
}

.supplierlist h3 a {
    padding: 6px 6px 6px 6px;
    font-weight:bold;
    font-size:14px;
    line-height:25px;
}

.supplierlist p {
    padding: 6px 6px 6px 6px;
    margin: 4px 4px 4px 4px;
    background: #fff;
}

#suppliermatrix {
    float:right;
    width:270px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 25px 15px;
}

#reference {
    width:100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    empty-cells:show;
}

.tabline {
    padding: 3px 3px 3px 6px;
    text-align: left;
    background: #E1E5DA;
    border-bottom: 1px solid #B0B6A7;
    border-top: 1px solid #fff;
    border-right: 1px solid #B0B6A7;
    border-left: 1px solid #fff;
    
}

.tablinedark {
    padding: 3px 3px 3px 6px;
    text-align: left;
    background: #D2D8C9;
    border-bottom: 1px solid #B0B6A7;
    border-top: 1px solid #fff;
    border-right: 1px solid #B0B6A7;
    border-left: 1px solid #fff;
    
}

.tabline.foot {
    font-size: 9px;
    font-weight: normal;    
}

.tabline.foot img {
    margin: 4px 4px 0px 4px;
}

.tabname {
    padding: 3px 3px 3px 6px;
    text-align: left;
    background: #E1E5DA;
    border-bottom: 1px solid #B0B6A7;
    border-top: 1px solid #fff;
    border-right: 1px solid #B0B6A7;
    border-left: 1px solid #fff;
}

.tabcheckbox {
    padding: 3px 3px 3px 3px;
    text-align: center;
    background: #E1E5DA;
    border-bottom: 1px solid #B0B6A7;
    border-top: 1px solid #fff;
    border-right: 1px solid #B0B6A7;
    border-left: 1px solid #fff;

}

.footnote {
        font-size: 9px;
        color: #222;
}

.spacing {
        height: 135px;
}

.smallspacing {
        height: 50px;
}

#profil p.small {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 2px 0px;
}

#profil p.zitat {
    font-family: times, serif;
    font-style: italic;
    font-size: 16px;
    line-height: 18px;
}

.order {
    padding: 6px 6px 6px 6px;
    margin: 4px 4px 4px 4px;
    background: #E1E5DA;
    border: 1px solid #bbb;
}

.order:hover {
    padding: 6px 6px 6px 6px;
    margin: 4px 4px 4px 4px;
    background: #fff;
    border: 1px solid #bbb;
}

.order a {
    padding: 6px 6px 6px 6px;
    font-weight:bold;
    font-size:14px;
    line-height:25px;
}

.small {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align:center; 
    font-size:9px;
    line-height: 12px;
}


.left {
    text-align:left; 
}
  
.right {
    text-align:right; 
}
  
.center {
    text-align:center; 
}

.checkbox {
  bottom: 0;
  padding: 0px 6px 0px 0px;
  margin: 0px 0px 0px 0px;
}  
  
#copyright {
    margin: 0;
    padding: 20px 0 0 0;
    clear: both; 
    text-align:center; 
}
  
#copyright a:link, 
#copyright a:hover, 
#copyright a:visited {
    font-weight: normal; 
}

#note a:link {font-weight: normal; color:#004080;}
#note a:hover {font-weight: normal; color:#0066CC;}
#note a:visited {font-weight: normal; color:#663399;}

#note {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    text-align: left; 
    font-size: 9px;
    line-height: 12px;
}  
  
.lastline {
    margin-bottom: 0px;
    padding: 3px 0 0px 0;
    font-size:9px;
    line-height: 12px;
    border-top: 1px solid #bbb;
}

.both {
  clear: both;
}

/***** formular area **********************************************************/

.formwrapper {
  width: 100%;
  color: #222;
  margin-bottom: 20px;
  margin-top: 20px;
}


.formwrapper p {
  margin: 0 0 5px 10px;
  font-weight: bold;
}

.formbox {
  width: 100%;
  color: #000;
  background-color: #F0F3EA;
  margin-top: 10px;
  padding: 10px 0;
}

.reihe {
  clear: both;
  padding: 5px;
}


label {
  float: left;
  text-align: left;
  margin-left: 5px;
  margin-bottom: 5px;
}

.feld {
  float: right;
  width: 75%;
  text-align: left;
  margin-bottom: 5px;
}

.formline {
  clear: both;
  border-top: 1px solid #fff;
}

#content label{
  text-decoration: none;
}

.senden {
  width: 80px;
  font-size: 100%;
  font-weight: bold;
  padding: 0px 10px;
  background-color: #C7CCC1;
  color: #222;
  border: 1px solid #000;
  text-align: center;
  margin-left: 10px;
}


.defbreite {
  width: 350px;
}

.error, .success {
  width: 420px;
  margin: 10px auto;
  color: red;
}

.error {
  color: #E8322B;
}

.success {
  color: #5EAC12;
}

input.la{
  padding:2px;
  width:150px;
  border: 1px solid #9E948D;
  margin-bottom: 10px;
  font-size: 100%;
  color: #000;
}

input {
  margin: 2px;
}

select.la {
  background-color: #fff;
  padding:2px;
  width:120px;
  margin-bottom: 10px;
  font-size: 100%;
}

.button {
  text-align: center;
}



/******* MISC ********/
.hide {
  display: none;
}
/*------*/