/*Basisfunktionen*/

/*Zuerst ein reset  Aber nicht f?r pre */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,  
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, form, img, input, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: top;
    text-align: left;
/*    width: 100%;  */
}  
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    /* line-height: 1;  */
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
 
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/*Und jetzt geht es los*/

 * {
    margin: 0;
    padding:0;
    font-size: 16px; 
    
}
 
body {
    font: 100.0% Arial, Helvetica, sans-serif;
      /* linkes Hintergrundbild + Hintergrundfarbe Mitte */
 
 
 

  

    
}

ul,  p {
    padding: 10px 40px;
}
h1 {
    font-size: 22px;
    padding: 10px 0px 1px 0px ;   
    /* padding 10px 0px 10px 0px; */
}
h2 {
    font-size: 18px;
    padding: 10px 0px 1px 0px ;   
    /* padding 40px 0px 10px 0px;  */ 
}

pre {
  font-family:"Courier";  
  font-size: 16;
}


a{   color: #000000; font-weight:normal;   text-decoration:underline;}
a:link     {                    color: #000000; font-weight:normal;   text-decoration:underline;}
a:visited  {                    color: #000000; font-weight:normal;   text-decoration:underline;}
a:active   {                    color: #000000; font-weight:normal;   text-decoration:underline;}
a:hover    {                    color: #fb7822; font-weight:normal;   text-decoration:underline;}  


/*Jetzt Eigendefinitionen           */
 

#Container {
  width:100%;
  margin: 0 auto;
/*  background-color: white; */ 
  

  
  
  
}  
#MainHdr01 { 
/*    background-color:white ;*/
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 60px;
 
    font-size: 22px;
/*    background-color: #ECEEF5;*/
}
#Main01 { 
/*    background-color:white ; */
    margin-left: 290px;
    padding-left: 10px;
    width:50%;
}
#LeftNavi01 { 
/*    background-color:white;   */
    padding-top: 10px;  
    padding-left:20px;
    /* line-height: 1;  */
    float:left;  
    width:270px; /* Bestimmt zwingend die Breite von Navi */
    

}
#Footer01 { 
/*    background-color:white ; */
    padding-top: 100px;
    padding-bottom: 20px;
    padding-left: 0px;
/*    margin-top: 600px;  */
    margin-left: 0px;
    clear:left; 
    
    
 
    
    
    
}




 
.PiHdrMain { font-weight:bold;    font-size: 16pt;  letter-spacing: 0.0em; padding-top:10px;   padding-bottom: 30px; text-decoration: none; color:black }
.PiHdrMain a { font-weight:bold;    font-size: 16pt;  letter-spacing: 0.0em; padding-top:10px;   text-decoration: none; color:black }
.PiHdr01   { font-weight:bold;    font-size: 14pt;  letter-spacing: 0.3em; padding-top:10px;   padding-bottom: 20px;}  
.PiHdr02   { font-weight:bold;    font-size: 12pt;  letter-spacing: 0.0em; padding-top:10px;   padding-bottom: 10px;}
.PiNorm01  { font-weight:normal;  font-size: 10pt;  letter-spacing: 0.0em; padding-top:10px;   padding-bottom: 25px;} 
.PiText01  { font-weight:normal;  font-size: 12pt;  letter-spacing: 0.0em; padding-top:10px;   padding-bottom: 5px;} 
.PiHideLink a{ font-size: 22pt;   color: white;}

   

.PiHref{
   
    
 /*      line-height: 1;  
    
  width: 275px;
  background-color: pink;  
  color: black; 
  white-space:pre-wrap; */ 

}


/*

.PiHrefChapter{ text-indent: 0;  margin-left:0;white-space:pre-line; padding: 1%; font-weight:bold  } 
.PiHref a{ text-indent: 0;  margin-left:0;white-space:pre-line; padding: 0%;  font-weight:bold; text-decoration: none; }
.PiHref:link      a  {            color: #000000; font-weight:bold;   text-decoration:none; }
.PiHref:visited a  {            color: #000000; font-weight:bold;   text-decoration:none; }
.PiHref:active    a  {            color: #000000; font-weight:bold;   text-decoration:none; }

*/

/* .PiHref:hover , a   {           color: green; font-weight:normal;     text-decoration:none;      } */ 
/* Schaltet alles, was kein a ist auf hover*/

 
.submit   input { white-space: pre-line; background-color: fuchsia; }       


.PiNavButton1 , .PiNavButton1 input { white-space: pre-line; background-color: fuchsia; } 
.PiNavButton2{  } 
.PiNavButton3{  } 
.PiNavButton4{  }
  
/* .PiFormClass0{ background-color:transparent } ;    */
 
.PiFormClass0   input , .PiFormClass0  a { background-color: transparent; margin-left:  0px; margin-right: 0px; margin-top: 0px; border: 5px ;solid: #995c00; width: 270px; padding-left:  0px;  padding-right: 0px; padding-top: 0px; font-weight:bold ; color:black ; border:0 ;    text-align: left  ; white-space: pre-line;    }    
.PiFormClass1   input , .PiFormClass1  a { background-color: transparent; margin-left: 10px; margin-right: 0px; margin-top: 0px; border: 5px ;solid: #995c00; width: 270px; padding-left:  0px;  padding-right: 0px; padding-top: 0px; font-weight:bold ; color:black ; border:0 ;    text-align: left  ; white-space: pre-line;    }  
.PiFormClass2   input , .PiFormClass2  a { background-color: transparent; margin-left: 20px; margin-right: 0px; margin-top: 0px; border: 5px ;solid: #995c00; width: 270px; padding-left:  0px;  padding-right: 0px; padding-top: 0px; font-weight:bold ; color:black ; border:0 ;    text-align: left  ; white-space: pre-line;    }  
.PiFormClass3   input , .PiFormClass3  a { background-color: transparent; margin-left: 30px; margin-right: 0px; margin-top: 0px; border: 5px ;solid: #995c00; width: 270px; padding-left:  0px;  padding-right: 0px; padding-top: 0px; font-weight:bold ; color:black ; border:0 ;    text-align: left  ; white-space: pre-line;    }  
.PiFormClass4   input , .PiFormClass4  a { background-color: transparent; margin-left: 40px; margin-right: 0px; margin-top: 0px; border: 5px ;solid: #995c00; width: 270px; padding-left:  0px;  padding-right: 0px; padding-top: 0px; font-weight:bold ; color:black ; border:0 ;    text-align: left  ; white-space: pre-line;    }  

 
.PiFormClass0  a:link , .PiFormClass0  a:visited , .PiFormClass0  a:active  ,.PiFormClass0  a:hover  {   text-decoration: none}  
.PiFormClass1  a:link , .PiFormClass1  a:visited , .PiFormClass1  a:active , .PiFormClass1  a:hover  {   text-decoration: none}  
.PiFormClass2  a:link , .PiFormClass2  a:visited , .PiFormClass2  a:active , .PiFormClass2  a:hover  {   text-decoration: none}  
.PiFormClass3  a:link , .PiFormClass3  a:visited , .PiFormClass3  a:active , .PiFormClass3  a:hover  {   text-decoration: none}  
.PiFormClass4  a:link , .PiFormClass4  a:visited , .PiFormClass4  a:active , .PiFormClass4  a:hover  {   text-decoration: none} 

.PiFormClass0   input { white-space: pre-line;   }
.PiFormClass1   input { white-space: pre-line;   } 
.PiFormClass2   input { white-space: pre-line;   } 
.PiFormClass3   input { white-space: pre-line;   } 
.PiFormClass4   input { white-space: pre-line;   } 

.PiTableAbstand  { font-weight:normal;  font-size: 12pt;  letter-spacing: 0.0em; padding-top:10px;   padding-bottom: 25px;}  

.PiImg01 
{
 float: right;
 
 margin: 75px 10px 10px 10px;
 border: 1px solid #333333;   
}

.PiTableA 
{
/* border: 2;   */
 border: 1px solid #000000; 
 padding-top : 0;
 padding-left: 0; 
 border-spacing: 0;
 border-collapse: collapse;
 text-align: left;
 background-color:#BBFFAA; 
 width: 50%;
}
.PiTableA td, .PiTableA th
{
 border: 1px solid #000000; 
 padding: 8px;
 height: 10px;
}

.PiTableA thead , .PiTableA tr
{
 background-color: #5271B7;
 color:white;
}

.PiTableA tr
{
 background-color: #98ACDB;
 
}
 
 
.PiTableNav 
{

 border: none; 
 padding-top : 0;
 padding-left: 0;
 padding-bottom: 0;
 padding-right: 0; 
 margin-left:0;
 margin-right:0;
 margin-top:0;
 margin-bottom:0;
    
 border-spacing: 0;
 border-collapse: collapse;
 text-align: left;
 width: 260px;  
 
 
 
 
  
 
}

.PiTableNav tr   
{
 border: 0px solid #000000; 
 padding-top: 0px;
 padding-left:0;
 padding-right:0;
 padding-bottom:0;
 margin-top: 0px;
 margin-left:0;
 margin-right:0;
 margin-bottom:0;

 table-layout: fixed;
     
 
/* background-color:white;*/
 
}
 
.PiTableNav td   
{
 border: 0px solid #000000; 
 padding-top: 0px;
 padding-left:0;
 padding-right:0;
 padding-bottom:0;
 margin-top: 0px;
 margin-left:0;
 margin-right:0;
 margin-bottom:0;
 
 table-layout: fixed;    
  
 
 /*background-color:white; */
 
}

.PiTableNav thead , .PiTableNav th
{
     table-layout: fixed;
 
/* background-color: blue; */
 border: none;
/* color:white;  */
 
      padding-top: 0;
     margin-top: 0;
/*  background-color: red;  */
}

 
                         

              


.HopTable {
 
 table-layout: fixed;    
 width: 70% ; 
 border-collapse: collapse;    
 
 
  
 
 
     
}

.HopTable th {
 background-color: black ; 
 color: white;
  
 
 
 
 
    
}

.HopTable tbody {
 /* background-color: green ;   */


 

   
}
.HopTable tfoot {
 background-color: lightgrey ;      
}
.HopTable   th{
/* border: black 1px solid ;*/ 
 padding-left: 10px ; 


 



      
}


  .HopTable td {
/* border: black 1px solid ;*/ 
 padding-left: 10px ; 


   border: 2px solid red;
border-color: red;
border-radius: 15px; 





      
}





.HopTable td:hover , .HopTable a:hover {
/* color:white;*/
/* background-color: black;*/
  
       color: grey;
    
}

.HopTable a:link {
 
    text-decoration:none;
}
 

.HopTable col{
/* background-color: white ; */
 width: 160px;    
 white-space: normal; 
 
 
 
 
 
 
} 

.PiTestButton{
   background-color: fuchsia; 
   color:green;
   width: 250px;
   white-space: pre-line;
}
 
.button {  width:60px; text-align:center;
           font-family:System,sans-serif;
           font-size:100%; }
           
.display { width:100%; text-align:right;
           font-family:System,sans-serif; }
 
 
 
 .NumBlockT {
 table-layout: fixed;    
 width: 20% ; 
 border-collapse: collapse; 
 border: 1px solid; 
    
}

.NumBlockT th {
 background-color: black ; 
 color: white;     
}

.NumBlockT tbody {
/*  background-color: green ; */     
}
.NumBlockT tfoot {
 background-color: lightgrey ;      
}
.NumBlockT td , .NumBlockT th{
 border: black 1px solid ; 
 padding-left: 10px ; 
  
}

.NumBlockT col{
/* background-color: white ;  */
 width: 25%;    
 white-space: normal;
 background-color: transparent; 
} 

.NumBlockT input{
 background-color: transparent;
}


ul.a {list-style-type: square;}
ul.b {list-style-type: circle;}

ol.c {list-style-type: decimal;}
ol.d {list-style-type: lower-alpha;}
 
.PiRed{color:red;}