@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'),
       url('roboto-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('roboto-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'),
      url('roboto-700.woff2') format('woff2');
}

body {font-family:'Roboto', Tahoma, sans-serif !important;
      background:#FFF;
      font-size:12pt;
      color:#5b5b5b;
}

body, table, tr, th {
  font-family:'Roboto', Tahoma, sans-serif !important;
  font-size:12pt !important
}

.img_full {
  max-width: 1920px !important;
  min-width: auto !important;
  width: 100% !important;
  height: auto !important;
}

.iconshadow {
  filter: drop-shadow(5px 5px 15px rgb(0 0 0 / 0.4));
}

#idheader {
  background-color:#5b5b5b;
  color:#fff;
  padding:20px;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999999;
}

#idheaderbg table {
  width:95% !important;
}

#idheader img {
  height:20px;
  padding:5px;
}

#idcontent {
padding-top:90px;
}

.crumbs {
  color:#fff;
}

.crumbs a {
  color:#fff !important;
}

.crumbs a:hover {
  color:#fff;
  text-decoration:underline;
}

.f_Heading1 {
  color:#fff;
  font-family:'Roboto', Tahoma, sans-serif !important;
}

.f_SWP_Kopfzeile {
  color:#fff;
  font-family:'Roboto', Tahoma, sans-serif !important;
}

.p_SWP_Text {
  text-align:left;
  font-family:'Roboto', Tahoma, sans-serif !important;
  /*margin-bottom:20px;  */
}

.f_SWP_Text {
  text-align:left;
  font-size:12pt;
  font-family:'Roboto', Tahoma, sans-serif !important;
}



span.f_SWP_Register {
  font-style:normal;
  color:#75aa33 !important;
  font-family:'Roboto', Tahoma, sans-serif !important;
}

span.f_SWP_Menuebefehl {
  font-style:normal;
  color:#75aa33 !important;
  font-family:'Roboto', Tahoma, sans-serif !important;
}

.p_Normal {
  font-style: normal !important;
}

.f_SWP_Schaltflaeche {
  font-weight:bold;
  color:#449dd1;
  font-family:'Roboto', Tahoma, sans-serif !important;
}

.topichead .f_SWP_Ueberschrift1 {
  color:#fff;
  font-family:'Roboto', Tahoma, sans-serif !important;
  }

.idheader {
  background-image: url('viproduct-icon.svg');
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: center;
  padding-right: 10px;
  width: 50px;
  height:50px; 
}

.f_SWP_Register {
font-size:12pt !important;
font-family:'Roboto', Tahoma, sans-serif !important;
}

.p_Normal {
font-size:12pt !important;
font-family:'Roboto', Tahoma, sans-serif !important;
margin-bottom:20px;
}

p {
   font-size:12pt !important;
   font-family:'Roboto', Tahoma, sans-serif !important;
   
}

span.f_SWP_Ueberschrift1 {
    font-size: 1.7em;
    color: #5b5b5b;
    line-height: 1.5;
    padding: 0px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 15px;
    display:block;
    text-align:center;
    font-family:'Roboto', Tahoma, sans-serif !important;
}

span.f_SWP_Ueberschrift1:after {
  background: none repeat scroll 0 0 #f45f2a;
  bottom: -10px;
  content: "";
  display: block;
  height: 3px;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 70px;
  text-align: center;
}

span.f_SWP_Ueberschrift2 {
  font-size: 1.3em;
  color: #5b5b5b;
  line-height: 1.5;
  padding: 0px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom:5px;
  display:block;
  font-family:'Roboto', Tahoma, sans-serif !important;
}

span.f_SWP_Ueberschrift3 {
  font-size: 1.1em;
  color: #5b5b5b;
  line-height: 1.5;
  padding: 0px;
  font-weight: bold;
  margin-top: 20px;
  display:block;
  font-family:'Roboto', Tahoma, sans-serif !important;
}

span.f_SWP_Zusatzinfo {
  color: #808080;
  font-family:'Roboto', Tahoma, sans-serif !important;
}

.f_frontheader {
  display: block;
  width: 450px;
  background-color: #CC0F12;
  color: #fff;
  text-align: center;
  z-index: -1;
  height: 110px;
  padding-top: 80px;
  font-size: 2.5em;
  margin: 0 auto;
  margin-top: -80px;    
}

.f_viprojektfrontheader {
  display: block;
  width: 450px;
  background-color: #CC0F12;
  color: #fff;
  text-align: block;
  z-index: -1;
  height: 110px;
  padding-top: 50px;
  font-size: 1.2em;
  margin: 0 auto;
  margin-top: -80px; 
 }
 
 .f_viprojektfrontheader_description {
  display: block;
  width: 850px;
  text-align:block;
  color: #fff:
  font-size:10pt;
  margin: 0 auto;
  margin-top: 0px;
}

.expander {
padding-top:10px;
font-size:10pt !important;
}

.expander a {
color:#fff;
}

.expander a:hover {
color:#fff;
text-decoration: underline;
}

a { color: #f45f2a; text-decoration: none; font-style:normal; }
a:visited {color: #f45f2a; font-style:normal; }
a:hover {color: #f45f2a; text-decoration: underline }


.heading1 { font-family:'Roboto', Tahoma, sans-serif !important; font-weight: normal; font-size: 12pt; color: #5b5b5b; text-decoration: none; }
.heading2 { font-family:'Roboto', Tahoma, sans-serif !important; font-weight: normal; font-size: 12pt; color: #5b5b5b; text-decoration: none; }
.heading3 { font-family:'Roboto', Tahoma, sans-serif !important; font-weight: normal; font-size: 12pt; color: #5b5b5b; text-decoration: none; }
.heading4 { font-family:'Roboto', Tahoma, sans-serif !important; font-weight: normal; font-size: 12pt; color: #5b5b5b; text-decoration: none; }
.heading5 { font-family:'Roboto', Tahoma, sans-serif !important; font-weight: normal; font-size: 12pt; color: #5b5b5b; text-decoration: none; }
.heading6 { font-family:'Roboto', Tahoma, sans-serif !important; font-weight: normal; font-size: 12pt; color: #5b5b5b; text-decoration: none; }

.hilight1 { font-family:'Roboto', Tahoma, sans-serif !important; font-weight: bold; font-size: 12pt; color: #f45f2a; text-decoration: none; }
.hilight2 { font-family:'Roboto', Tahoma, sans-serif !important; font-weight: bold; font-size: 12pt; color: #f45f2a; text-decoration: none; }
.hilight3 { font-family:'Roboto', Tahoma, sans-serif !important; font-weight: bold; font-size: 12pt; color: #f45f2a; text-decoration: none; }
.hilight4 { font-family:'Roboto', Tahoma, sans-serif !important; font-weight: bold; font-size: 12pt; color: #f45f2a; text-decoration: none; }
.hilight5 { font-family:'Roboto', Tahoma, sans-serif !important; font-weight: bold; font-size: 12pt; color: #f45f2a; text-decoration: none; }
.hilight6 { font-family:'Roboto', Tahoma, sans-serif !important; font-weight: bold; font-size: 12pt; color: #f45f2a; text-decoration: none; }

#toc    { padding: 0; margin: 0 }
#toc li { margin-top: 2px }
#toc ul { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0 }


#idx          { margin: 0; padding: 0 }     
#idx a        { color: #000; text-decoration: none } 

#idx p             { margin: 2px }       
#idx p.idxkeyword2 { margin-left: 20px }  

table.idxtable { background: #F4F4F4;
                        border: 1px solid #000000;
                        border-collapse: collapse;
                        -moz-box-shadow: 2px 2px 2px #B0B0B0;
                        -webkit-box-shadow: 2px 2px 2px #B0B0B0;
                        box-shadow: 2px 2px 2px #B0B0B0;
                        filter: progid:DXImageTransform.Microsoft.Shadow(color=B0B0B0, Direction=135, Strength=4); }
td.idxtable    { background: #F4F4F4 }

.idxsection  { font-family: 'Roboto', Tahoma, sans-serif; font-weight:bold; font-size: 15pt; color:  #f45f2a !important; text-decoration: none;
                      margin-top: 15px; margin-bottom: 15px;}
.idxkeyword  { font-family: 'Roboto', Tahoma, sans-serif; font-weight: normal; font-size: 12pt; color: #5b5b5b; text-decoration: none; }
.idxkeyword2 { font-family: 'Roboto', Tahoma, sans-serif; font-weight: normal; font-size: 12pt; color: #5b5b5b; text-decoration: none; }
       .idxlink     { font-family: 'Roboto', Tahoma, sans-serif; font-weight: normal; font-size: 8pt; color: #5b5b5b; text-decoration: none; }
       
input[type="submit"] { 
border: none;
height: 30px;
width: 100px;
font-size: 12pt;
font-family: 'Roboto', Tahoma, sans-serif !important;
font-weight: bold;
color: #fff;
background-color: #f45f2a;
 }
 
input[type="text"] {
border: none;
height: 26px;
width: 50%;
font-size: 12pt;
font-family: 'Roboto', Tahoma, sans-serif !important;
font-weight: bold;
color: #5b5b5b;
background-color: #fff;
margin-bottom: 20px;
margin-top: 20px;
padding-left:10px;
border:1px solid #5b5b5b;
}

.highlight { background: #FFFF40; }
.searchheading { font-size: 12pt; font-weight: bold; padding-left:20px }
.summary { font-size: 12pt; font-style: italic; padding-left:20px;}
.results { font-size: 12pt; }
.description { font-size: 12pt; }
.context { font-size: 12pt; }
.result_title { font-size: 12pt; }

.suggestion { font-size: 12pt; }
.category { color: #999999; }
.sorting { text-align: right; }
               
.zoom_searchform { 
padding: 0px 20px 20px 20px;
color: #5b5b5b; 
}

.zoom_results_per_page { font-size: 12pt; }
.zoom_match { font-size: 12pt;}
.zoom_match label {width:100%;}

.zoom_categories { font-size: 12pt; }
.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }
    
 .summary {font-size:12pt;}
     
.result_image { 
float: left; 
display: block; 
}
.result_image img {
 margin: 10px; width: 80px;
 border: 0px; 
 }
.result_block { 
margin-top: 15px;
margin-bottom: 15px; 
clear: left; 
}
.result_altblock { 
margin-top: 15px; 
margin-bottom: 15px; 
clear: left; 
}
.result_title {font-size:12pt;}
.results .description {
font-size:12pt; 
font-weight:bold; 
}
.result_pages { 
font-size: 12pt;
border-top: 1px solid #c4c4c4;
font-weight: bold; 
padding:20px;
}
.result_pagescount { font-size: 12pt; padding-left:20px;}
.searchtime { font-size: 9pt; }
.results {padding-left:20px;}

.recommended
{
 background: #DFFFBF;
border-top: 1px dotted #808080;
border-bottom: 1px dotted #808080;
margin-top: 15px;
margin-bottom: 15px;
}
.recommended_heading { float: right; font-weight: bold; }
.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
.recommend_title { font-size: 100%; }
.recommend_description { font-size: 100%; color: #008000; }
.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}

.searchform-text {
font-weight:bold;
padding-top:20px;
padding-left:20px;
color: #5b5b5b;
}

.searchsmall {
font-size:9pt;
font-weight:normal;
}

.searchheading {
margin-top:10px;
font-size:12pt;
}

.searchform {
color:#5b5b5b;
}

.highlight {
background:#dfdfdf !important;
}


input[type=radio] {
accent-color: #f45f2a;
}

.navigation {
height:90px;
background-color:#5b5b5b;
color:#fff;
margin-bottom:10px;
}

.navbar {
background-color: #5b5b5b;
display: flex;
}

.nav_link {
float:left;
padding:10px;
font-weight:bold;
width:60px;
text-align: center;
}

.nav_selected {
background-color:#f45f2a;

}

.nav_link a {
color:#fff;
}

.navtitle {
height: 21px;
padding: 15px;
font-weight: bold;
font-size: 20px;
line-height: 21px;
inline-size: 100%;
overflow: hidden;
}