/* Externe CSS Datei intuitfehler + bausatz */

body{
	margin:5px;
	padding:5px;
	text-align:center;
/* Änderung 20.11.17; umlaufender Rand hinzugefügt */ 	
  border: 1px solid gray;
  }
	
/* Formatierung Startseite Bausätze */

/* Schriften + Hintergrund Bausätze */
    body {background-color:white; width:955px; margin: 0 auto;}
    /*body {background-color:white; width:955px; margin-left:25px; margin-right:25px; margin-top:25px;}*/
    h1 {font-family:Helvetica, Arial; font-size:25pt; color:navy; margin-top:0px; margin-bottom:0px;}
    h2 {font-family:Helvetica, Arial; font-size:18pt; color:#525C7B; text-align:center;}
    h3 {font-family:Helvetica, Arial; font-size:12pt; color:black; text-align:justify; font-weight:normal; margin-left:10px; margin-right:10px;}
    h4 {font-family:Helvetica, Arial; font-size:12pt; color:black; text-align:center; margin-bottom:0px; margin-top:0px;}
    h5 {font-family:Helvetica, Arial; font-size:18pt; color:#4144E0; text-align:center; padding-top:15px;}
    h6 {font-family:Helvetica, Arial; font-size:12pt; color:#353535; text-align:justify; margin-bottom:0px; margin-top:0px; padding-left:15px;} 
    h7 {font-family:Helvetica, Arial;font-size:18pt;color:green; margin-left:10px; margin-bottom:1px;}

/* horizontale Trennlinien oben */     
    
    .top
    hr {width:950px; color:green; background-color:green; height:3px; margin-right:0; border:1px;}    
    .top
    table {width:950px ; background-image: url(Back4.jpg);}   
    
    .top1
    hr {width:950px; color:black; background-color:black; height:3px; margin-right:0; border:1px;}    
    .top1
    table {width:950px; background-image: url(Back6.jpg);}

 /* Menüleiste unten + Trennlinien */   
    
    .bot
    hr {width:950px; color:orange; background-color:orange; height:3px; margin-right:0; border:1px;} 
    .bot 
    table {width:950px ; background-image: url(Back5.jpg);}
    .bot
    td {font-family:Arial, Helvetica; font-size:14pt;color:black; }

/* Linkeigenschaften */    

    a:link { text-decoration: none; } 
    a:visited { color: blue; text-decoration: none; } 
    a:active { text-decoration: none; } 
    a:hover { background-color:silver; text-decoration: none; }    
    
/* rote Schrift */
    
    .red
    {font-family:Helvetica, Arial; font-size:12pt; color:red; margin-left:10px}    
        
/* Linkliste(n) */    
    ul {
	  list-style-type: circle;
    float: left;    
    line-height:1.6;padding:1.5em;
    display: block; text-decoration:none;}
	
/* Navigationsleiste unten, "footer" */   
    
    .footer
    hr {width:950px; color:orange; background-color:orange; height:3px; margin-right:0; border:1px;} 
    .footer 
    table {width:950px ; background-image: url(Back5.jpg);}
    .footer
    td {font-family:Arial, Helvetica; font-size:14pt;color:black; }  
    

/* Navi-Button (footer) */
    
    a.footer_button { display: block; font-size:15pt; color:blue;}
    
.footer_button {
   text-align:middle;
   width:130px;  
   padding:5px 5px;   
   background: #999999;
   background: -moz-linear-gradient(top, #999999 0%,#bababa 38%,#e6e6e6 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(38%,#bababa), color-stop(100%,#e6e6e6));
   background: -webkit-linear-gradient(top, ##999999 0%,#bababa 38%,#e6e6e6 100%);
   background: -o-linear-gradient(top, #999999 0%,#bababa 38%,#e6e6e6 100%);
   background: -ms-linear-gradient(top, #999999 0%,#bababa 38%,#e6e6e6 100%);
   background: linear-gradient(to bottom, #999999 0%,#bababa 38%,#e6e6e6 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#e6e6e6',GradientType=0 );
   color:#fff;
   text-align:center;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
   border-radius:8px;
   -moz-box-shadow:0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);
   -webkit-box-shadow:0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);
   box-shadow:0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);
   cursor:pointer; 
}

/* Navi-Button "footer", Verlauf grün */

.footer_button:hover {
   text-align:middle;
   width:130px;
   padding:5px 5px;
   background: #11aa00;
   background: -moz-linear-gradient(top, #11aa00 0%,#4ffc35 38%,#bdbdbd 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#11aa00), color-stop(38%,#4ffc35), color-stop(100%,#bdbdbd));
   background: -webkit-linear-gradient(top, #11aa00 0%,#4ffc35 38%,#bdbdbd 100%);
   background: -o-linear-gradient(top, #11aa00 0%,#4ffc35 38%,#bdbdbd 100%);
   background: -ms-linear-gradient(top, #11aa00 0%,#4ffc35 38%,#bdbdbd 100%);
   background: linear-gradient(to bottom, #11aa00 0%,#4ffc35 38%,#bdbdbd 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11aa00', endColorstr='#bdbdbd',GradientType=0 );
   color:#0033cc;
   text-align:center;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
   border-radius:8px;
   -moz-box-shadow:0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);
   -webkit-box-shadow:0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);
   box-shadow:0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);
   cursor:pointer; 
   }  

/* Tab-Button, Linktabelle Bausätze */   
   
 a.tab_button { display: block; font-size:14pt; color:blue;}
    
.tab_button {
   text-align:middle;
   width:200px;  
   padding:5px 5px;   
   background: #999999;
   background: -moz-linear-gradient(top, #999999 0%,#bababa 38%,#e6e6e6 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(38%,#bababa), color-stop(100%,#e6e6e6));
   background: -webkit-linear-gradient(top, ##999999 0%,#bababa 38%,#e6e6e6 100%);
   background: -o-linear-gradient(top, #999999 0%,#bababa 38%,#e6e6e6 100%);
   background: -ms-linear-gradient(top, #999999 0%,#bababa 38%,#e6e6e6 100%);
   background: linear-gradient(to bottom, #999999 0%,#bababa 38%,#e6e6e6 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#e6e6e6',GradientType=0 );
   color:#fff;
   text-align:center;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
   border-radius:8px;
   -moz-box-shadow:0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);
   -webkit-box-shadow:0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);
   box-shadow:0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);
   cursor:pointer; 
}

/* Tab-Button, Verlauf grün */

.tab_button:hover {
   text-align:middle;
   width:200px;
   padding:5px 5px;
   background: #11aa00;
   background: -moz-linear-gradient(top, #11aa00 0%,#4ffc35 38%,#bdbdbd 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#11aa00), color-stop(38%,#4ffc35), color-stop(100%,#bdbdbd));
   background: -webkit-linear-gradient(top, #11aa00 0%,#4ffc35 38%,#bdbdbd 100%);
   background: -o-linear-gradient(top, #11aa00 0%,#4ffc35 38%,#bdbdbd 100%);
   background: -ms-linear-gradient(top, #11aa00 0%,#4ffc35 38%,#bdbdbd 100%);
   background: linear-gradient(to bottom, #11aa00 0%,#4ffc35 38%,#bdbdbd 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11aa00', endColorstr='#bdbdbd',GradientType=0 );
   color:#0033cc;
   text-align:center;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
   border-radius:8px;
   -moz-box-shadow:0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);
   -webkit-box-shadow:0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);
   box-shadow:0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);
   cursor:pointer; 
   }