/* TAG Einstellungen*/
body {
    margin-top:0px; 
    padding-top:0px; 
    background-color: #ffffff; 
    font-family: Arial;
    font-size: 10px;
    /*color: #5f5f5f;*/
    }
  
td {
    border-style: dotted;
    border-width: 0px;
    border-color: #cc0033;
  padding: 0;
}

/* Überschriften */
csc-firstHeader {
  color: #999999;
  text-decoration: none;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
}
h1 {
  color: #c50e1f;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
}
h2 {
  color: #c50e1f;
  text-decoration: none;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
}
h3 {
  color: #c50e1f;
  text-decoration: none;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
}
h4 {
  color: #999999;
  text-decoration: none;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
}
hr {
  border: none;
  border-top: 1px solid #c50e1f;
  color: #FFFFFF;
  background-color: #FFFFFF;
  height: 1px;
}
/* Links */
a {
  color: #999999;
}

a:link{
  /*color: #c50e1f; */
  color: #999999; /* RRiT 20162507*/
  text-decoration: none
}
a:visited{
  color: #999999;
  text-decoration: none
}
a:hover{
  color: #c50e1f;
  text-decoration: none
}
a:active{
  color: #999999;
  text-decoration: none
}
/*ENDE - TAG Einstellungen*/

/* iframe für slideshow*/
.iframe01, .slide01, .slide02 {
    width: 800px;
    height: 222px;
    /*vertical-align: top;*/
    }    
    
  .slide01 { 
    position: absolute; 
    top: 0; 
    left: 0; 
    opacity: 1; 
    filter: alpha(opacity=100); 
    z-index: 1;
    }    
  #slide { position: relative; }  

  .slide02 { 
    opacity: 0; 
    filter: alpha(opacity=0); 
    z-index: 1;
    }      
/*ENDE SLIDESHOW*/  

  .www-color {
  color: #cc0033;
  }
/*Typo3 BE Einstellungen, die ins FE übernommen werden*/

  .align-center {
  color: #999999;
  text-decoration: none;
  text-align: right;
  FONT-SIZE: 10px;
  }
  
  .dot-box {
  border-style:dotted; 
  border-color: #cccccc; 
  border-width:1px
  }
  
  /* Rahmen nur um ein Bild. Korrespondiert mit dem Schalter Rahmen in Typo3*/
  DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
  border-style:dotted; 
  border-color: #cccccc; 
  border-width:1px;
  z-index:1
  }
  
 
  /*ENDE - Typo3 BE Einstellungen, die in FE übernommen werden*/
  
  
  /*TPL Inhalt  */

 .Sprache {
  color:#999999; 
  text-decoration:none; 
  font-size: 10px;
 }
 .Sprache:hover {
    color: #999999;
    /*font-weight: bold;*/
    }
 .Sprache:link {
    color: #999999;
  }
  
 /* Menue oben, waagrecht ==> Dropdown Menue*/

ul.menu, ul.menu ul {
list-style-type: none;
color: #999999;
z-index: 99;
}
ul.menu a {
display: block;
padding: 4px 45px 0px 5px;
text-decoration:none;
font-weight: normal;
font-size: 12px;
color: #999999;
z-index: 99;
}

ul.menu li {
padding: 0;
margin: 0;
float: left;
text-decoration:none;
color: #999999;
background-color: #ffffff;
background-image: none;
height: 25px;
z-index: 99;
}

/* Für Unterpunkte keine Float-Eigenschaft */
/* Für Unterpunkte Hintergung + Rahmen definieren*/
ul.menu ul li {
float:none;
background-color: #f0f0f0;
border-top: 1px solid #ffffff;
z-index: 99;
}
/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.menu ul li.hover, ul.menu ul li:hover {
/*background-color: #660000;*/
}
/* Zweite Ebene */
ul.menu ul {
margin:0;
padding: 0;
position: absolute;
background-color: #ffffff;
display: none;
width: 135px; 
z-index: 99;
}
/* Zweite Ebene anzeigen */
ul.menu li.hover ul, ul.menu li:hover ul {
display: block;
z-index: 99;
}
/* Dritte Ebene */
ul.menu li.hover ul ul, ul.menu li:hover ul ul {
display: none;
margin-left: 135px; /* Breite eines Listenelements - Überlagerung */
margin-top: -19px; /* Höhe eines Listenelements */
margin-bottom:0px;
width: 160px;
height: 20px;
padding: 0px 0px 0px 0px;
z-index: 99;
}
/* Dritte Ebene anzeigen */
ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
display: block;
}
/* Vierte Ebene */
ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {
display: none;
margin-left: 160px; /* Breite eines Listenelements - Überlagerung */
margin-top: -19px; /* Höhe eines Listenelements */
}
/* Vierte Ebene anzeigen */
ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {
display: block;
}
/* ENDE - Dropdown Menue*/


.MenueL {
    margin-top: 0px;
    padding: 10px 10px 10px 10px;
    display: block;
    text-decoration: none;
    color: #999999;
    font-size: 12px;
    z-index:1;
    }
.MenueL:hover {
    color: #c50e1f;  
    }
.MenueLact {
    margin-top: 0px;
    padding: 10px 10px 10px 10px;
    display: block;
    text-decoration: none;
    color: #c50e1f;
    font-size: 12px;
    z-index:1;    
     }

/* Index-Search */

.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { 
letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; font-family: Arial; font-size:12px;
}
.tx-indexedsearch .tx-indexedsearch-browsebox LI {
    display: inline;
    margin-right: 5px;
}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button {
    width: 100px;
}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
    width: 300px;
  font-family: Arial;
    font-size: 12px;
  color: #999999;
}
.tx-indexedsearch .tx-indexedsearch-whatis {
    margin-bottom: 5px;
    margin-top: 10px;
}
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw {
    font-weight: bold;
}
.tx-indexedsearch .tx-indexedsearch-noresults {
    font-weight: bold;
    text-align: center;
}
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr {
  font-family: Arial;
    font-size: 10px;
  color: #999999;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
    color: red;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
    background: none repeat scroll 0 0 #cccccc;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead {
    margin-bottom: 5px;
    margin-top: 20px;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 {
    font-family: Arial;
    font-size: 10px;
    margin-bottom: 0;
    margin-top: 0;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD {
    background: none repeat scroll 0 0 #999999;
    vertical-align: middle;
}
.tx-indexedsearch .tx-indexedsearch-res .noResume {
    color: red;
}
.tx-indexedsearch .tx-indexedsearch-category {
    background: none repeat scroll 0 0 #cccccc;
    font-size: 10px;
    font-weight: bold;
}
.tx-indexedsearch .res-tmpl-css {
    clear: both;
    margin-bottom: 1em;
}
.tx-indexedsearch .searchbox-tmpl-css LABEL {
    float: left;
    margin-right: 1em;
    width: 10em;
  font-family: Arial;
    font-size: 10px;
  color: #999999;
}
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css {
    float: right;
    font-weight: normal;
    letter-spacing: 0;
    margin-top: -1.2em;
}
.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd {
    float: left;
}
.tx-indexedsearch .info-tmpl-css dd.item-mtime {
    float: none;
}
.tx-indexedsearch .info-tmpl-css dd.item-path {
    float: none;
}
/* ==>ENDE Index-Search */

/* Typo3 Syles*/  
/* Überschrift Content */
 .csc-firstHeader  {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
  font-weight: bold;
    color: #999999;
    z-index:1;
  }
  
 /* Menue Impressum */
  .MenueImpressum {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #999999;
    z-index:1;
    }
  
  .MenueImpressum:hover {
    color: #cc0033;  
    }
  
  .MenueImpressumAktiv {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #999999;
    z-index:1;
    }
  
  .MenueImpressumAktiv:hover {
    color: #cc0033;  
    }  
  
  .FirmenLogo {
    border-style: solid;
    border-width: 0px;
    border-color: #999999;
    }

  .TkiSystemGmbh {
    border-style: solid;
    border-width: 0px;
    border-color: #999999;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #999999
    /*color: #5f5f5f;  */
   }

  .Inhalt {
    margin: 0;
    border-style: solid;
    border-width: 0px;
    border-color: #999999;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #999999
    /*color: #5f5f5f;  */
   }

   /* Trailer */
  .MenuePfad {
  vertical-align: text-top;
    border-style: solid;
    border-width: 0px;
    border-color: #999999;
    text-align: center;
    padding-left: 0px;
  padding-bottom: 0px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #999999; 
   }

  .MenueGrafik {
    position:relative;
    display: inline-block;
    width: 130;
    height: 130;
    /*oben rechts unten links */
    margin: 0px 0px 0px 0px;
    /*width: 130px;*/
    padding: 0px 30px 0px 0px;
    border-style: solid;
    border-width: 0px;
    border-color: #999999;
    text-decoration: none;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    }
/*NUR FUER DEN IE*/  
  *html .MenueGrafik {
  float: left;
    }

  /*Menue 2*/  
  .Menue2 {
    display: table;
    /*display: block;*/
    /*overflow: hidden;*/
    /*height: 30px;*/
    width: 150px;
    margin-bottom: 0;
  padding-left: 0px;
    /*border-bottom: 3px solid #ffffff;*/
    font-family: Arial;
    font-size: 10px;  
    }

  .linkMenu2 { 
    display: table-cell;
    /*display: block;*/
    overflow: hidden;
    height: 20px;
    width: 150px;
    /*background-color: #d5d5d5;*/
    font-family: Arial;
    font-size: 10px;  
    color: #999999;
    padding-top: 8px;
    padding-left: 0px;
    /*vertical-align: middle;*/
    text-decoration: none;
    }
  .linkMenu2:hover {
    color: #cc0033;
    font-weight: bold;
          }

  .linkMenu2Act { 
    display: table-cell;
    /*display: block;*/
    /*overflow: hidden;*/
    height: 20px;
    width: 150px;
    /*border-width: 0px; 
    border-color: #cccccc; 
    border-style: solid; 
    background-color: #ffffff;*/  
    padding-top: 8px;
    padding-left: 0px;
    font-family: Arial;
    font-size: 10px;  
  font-weight: bold;
    color: #999999;
    /*vertical-align: middle;*/
    text-decoration: none;
    }

  .linkMenu2Act:hover {
    color: #cc0033;
    font-weight: bold;
    }