@import url('editorstyles.css');

*{
  font-size: 100%;
  font-family: arial,sans-serif;
}
ul, ol{
  margin: 0px;
  padding: 0px;
  list-style-position: outside;
}
html, body{
  font-family: arial,sans-serif;
  color: #808080;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  
}
body{
  background-color: #F5F5F5;
  background-image: url(img/bg.gif);
  background-repeat: repeat-y;
  line-height: 130%;
}
h1, h2, h3, h4, h5{
  font-size: 12px;
}
h1{
    padding-top: 4px;
}
div.lineheader{
    background-image: url(img/bogen.gif);
    background-position: right top;
    background-repeat: no-repeat;
    margin: 16px -10px 8px -12px;
    clear: left;
    padding-right: 6px;
}
div.teaser_lineheader{
    margin-bottom: 8px;
    margin-top: 16px;
    clear: left;
    padding-right: 6px;
}
#all #main div.teaser_lineheader a{
  text-decoration: underline;
}
div.teaser_block{
  background-image: url(img/dotlinebg-h.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  padding-bottom: 4px;
  }
#all div.teaser_block a{
  text-decoration: none;
}
div.lineheader h1{
  text-transform:uppercase;
    padding-top: 4px;
    margin-top: 0px;
    

}
div.teaser_lineheader div,div.lineheader div{
    float: left;
    background-position: left top;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
    margin-right: 2px;
}
div.bul0 { background-image: url(img/bullet0.gif); }
div.bul1 { background-image: url(img/bullet1.gif); }
div.bul2 { background-image: url(img/bullet2.gif); }
div.bul3 { background-image: url(img/bullet3.gif); }


a{
  border: none;
  color:  #808080;
  text-decoration: underline;
}
a:hover{
  color:  #9c9d9f;
}
#all a img, #all img{
  border: dotted 1px #cfcfcf;
}
#all a:hover img{
  border: solid 1px #cfcfcf;
}
input, textarea{
  color:  #808080;
  border: dotted 1px #808080;
  padding:1px;
}
input.button{
  color:  #808080;
  border-style: solid;
}
textarea{
  color:  #808080;
  width: 320px;
  
}
#all{
  width: 970px;
  text-align: left;
}
#top{
  float: left;
}
#top #metanav{
  float: left;
  text-transform:uppercase;
  padding: 20px; 
  margin-top: 20px; 
}
#all #top #metanav a{
  color:  #808080;
  font-size: 11px;
  padding: 0px 2px;
  text-decoration: none;
}
#all #top #metanav a:hover{
  text-decoration: underline;
}
#all #logo{
  float: right;
  margin-right: 60px;
  margin-top: 20px;
  border: none;
}
#all #logo img{
  border: none;
}
#head{
  float: left;
  width: 980px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left top;
  
}
#lefthead{
  float: left;
  
}
#righthead{
  float: left;
  
}
#subhead{
  clear: left;
  text-align: right;
  Xbackground-image: url(img/headbg.jpg);
  Xbackground-repeat: no-repeat;
  Xbackground-position: left -260px;
}
#breadcrumbs{
  padding-top:8px;
  margin-right: 220px;
  text-transform:uppercase;
  font-size: 11px;
}
#breadcrumbs *{

  text-decoration: underline;}
#breadcrumbs a{
  margin: 0px 4px;
  border: none;
  text-decoration: none;
}
#breadcrumbs a.active,
#breadcrumbs a:hover{
  text-decoration: underline;
}

#main{
  float: left;
  width: 965px; 
}
#all #nav{
  float: left;
  width:170px;
  text-transform:uppercase;
  padding-left:20px;
  padding-top:16px;
  padding-bottom:30px;
  background-image: url(img/dotlinebg-v.gif);
  background-repeat: repeat-y;
  background-position: right top;
  line-height: 100%;
  
}
#all #nav ul{
  padding: 0px;
  margin: 0px;
  list-style: none;
}
#all #nav ul li span{
  float: left;
}
#all #nav ul li{
  padding: 0px;
  margin: 0px;
  margin-top:8px;
  float: left;
}
#all #nav ul ul{
  margin-left:10px;
}
#all #main #nav ul li a img{
  border: none;
  margin-left:8px;
}
#all #nav ul li a{
  border: none;
  display: block;
  border-left: 2px solid white;
  text-decoration: none;
}
#all #nav ul ul li a{
  border-width: 2px;
}
/*HOME*/
#all #nav ul #menuitem8 .active a,
#all #nav ul #menuitem8 a:hover
{border-color: #9c9d9f; }
/*PRODUCTS*/
#all #nav ul #menuitem7 .active a,
#all #nav ul #menuitem7 a:hover
{border-color: #f6a925;}
/*COMPANY*/
#all #nav ul #menuitem6 .active a,
#all #nav ul #menuitem6 a:hover
{border-color: #009ad3;}
/*CONTACT*/
#all #nav ul #menuitem5 .active a,
#all #nav ul #menuitem5 a:hover
{border-color: #9c9d9f;}
/*SERVICE SUPPORT*/
#all #nav ul #menuitem4 .active a,
#all #nav ul #menuitem4 a:hover
{border-color: #d10019;}
/*NEWS*/
#all #nav ul #menuitem2 .active a,
#all #nav ul #menuitem2 a:hover
{border-color: #9c9d9f;}
/*CUSTOMERS AREA*/
#all #nav ul #menuitem3 .active a,
#all #nav ul #menuitem3 a:hover,
#all #nav ul #menuitem22 .active a,
#all #nav ul #menuitem22 a:hover
{border-color: #93be50;}



#content{
  float: left;
  width:524px;  
  padding-bottom:16px;
  padding-right:10px;
  padding-left:24px;
  padding-top:0px;
  text-align: justify;
}

#content .cols{
  margin: 0px;
  float: left;
  width: 100%;
}

#content .cols .leftcol{
  float: left;
  width: 45%;
  padding: 0px 10px 0px 12px;

}
#content .cols .rightcol{
  float: right;
  width: 45%;
  padding: 0px 10px 0px 12px;
}
#content a.afterimg{
  border: none;
  float: left;
  margin-right: 6px;
}

#content ul li,#sidebar ul li{
  margin: 0px;
  margin-bottom: 8px;
  padding: 0px;
}
#content ul,#content .cols ul, #sidebar ul{
  margin: 0px;
  padding-left: 16px;
}
#content ul{
  padding-left: 24px;
}

#sidebar{
  float: right;
  width: 180px;
  padding: 0px 10px 0px 12px;
  margin-top: -10px;
} 
#sidebar div.lineheader{
  margin-top: 26px;
}


/*
#sidebar .sidebox{
    width: 200px;
    background-image: url(img/bogen.gif);
    background-position: right top;
    background-repeat: no-repeat;
} */
#footer, .clearer{
  clear: both;
}



#content .csc-searchResultHeader{
  margin-top: 16px;
}
input#mainsearchform_sword{
  margin-top: 0px;
  height: 16px;
}
input#mainsearchform_submit{
  border: 0px;
  position:absolute;
  padding: 0px;
  margin-left: 2px;
}
input#btn_login, input#btn_send{
  border: none;
}

/*NEWS*/
.news-list-container .news-list-text{
  font-size: 0.9em;
  padding-right: 15px;
  padding-left: 80px;
}
.news-list-container .news-list-date{
  float: left;
  padding-right: 15px;
  font-weight: bold;

}
.news-list-container  .news-list-morelink{
  padding-right: 15px;
  padding-left: 15px;
  text-align: right;
  margin-top: -10px;
}
.news-list-container  .news-latest-category,
.news-list-container  .news-list-category{
  padding-left: 80px;

}
.news-list-container  .news-list-item{

  background-image: url(img/dotlinebg-h.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  margin: 0px ;
  padding-bottom: 10px;
}

.news-single-item .news-single-img{
  margin-top: 8px;
  width: 215px;
  float: right;
  text-align: right;
  margin-left:16px;
}
.news-single-item{
  margin: 0px;
}
.news-single-item .news-single-timedata{
  font-weight: bold;
}
.news-single-item .news-single-backlink{
  margin-top: 8px;
}
.news-single-item  .clear{
  clear: right;
  padding-bottom: 10px;
}
.news-single-item dd,
.news-single-item dl{
  margin-left: 0px;
  padding-left: 0px;
  vertical-align: middle;
}
.news-single-item img{
  margin: 0px; 
  margin-right: 4px;
}
.news-single-item .news-single-links,
.news-single-item .news-single-files{
  font-weight: bold;
}
.news-single-item .news-single-files{
  margin-bottom: 4px;
}

.tx-thmailformplus-pi1{
width: 350px;

}
.tx-thmailformplus-pi1 label{
width: 100px;
padding-right: 10px;
float: left;
}
.tx-thmailformplus-pi1 span{
margin-left:11px;
font-size: 10px;
color: #D10019;
}
.tx-thmailformplus-pi1 input{
margin-bottom:6px;
}


.tx-bfteaser-pi1 .afterimg a{
  border: none;
}
.tx-bfteaser-pi1 .a{
  float: left;
}

fieldset{border: none;}
fieldset legend span.inlegend{
  display: block;
  width: 500px;
}