/* DATEI: trillketrio.css */

/* Zentrale projektuebergreifende CSS Datei fuers Trillke Trio  */


h1,h2,h3,h4,p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i {
 font-family:Arial,sans-serif; }

h1 { font-size:26px; margin-bottom:18px; }

h2 { font-size:14px; font-weight:bold; margin-bottom:12px; }

h4 { font-size:13px; }

p,ul,ol,li,div,td,th,address,blockquote { font-size:13px; }

p { margin-bottom:5px; }
 

a:link { color:#993300; text-decoration:none; }     /* noch nicht besucht */
a:visited { color:#CC3300; text-decoration:none; }  /* besucht */
a:active { color:#FF9900; text-decoration:none; }   /* angeklickt */


body {
    color:black; background-color:#CC3300;
    font-family: Helvetica,Arial,sans-serif;
    margin:0; padding:1em 0;
    text-align:center;      /* Zentrierung im Internet Explorer */
    }


div#seite {
    width:800px;
    margin:0 auto;          /* standardkonforme horizontale Zentrierung */
    border-style:none;
    border-color:#FF9900;
    border-width:1px;
    }

div#kopf {
        
    height:100px;
    
    margin:0 auto;          /* standardkonforme horizontale Zentrierung */
          
    background-color:#CC3300;
    background:url(bilder/kopf.png);
    
    border-style:solid;
    border-color:#000000;
    border-width:1px;
    
    }

div#home {
  
    padding-top:10px;
    margin:0;

    }



div#navi {
    
    text-align:left;
    text-indent:135px;      /* Texteinrückung */

    padding-top:6px;
    margin-left:auto;
    margin-right:auto;
 
    font-size:14px;
    font-weight:bold;
    color:#FFCC66;
    vertical-align:bottom;
    }


div#mitte {
    
   

    text-align:left;
    

    margin:0 auto;          /* standardkonforme horizontale Zentrierung */
    padding:1.0em;
        
    background-color:#FFCC66;
        
    border-style:solid;
    border-color:#000000;
    border-width:1px;
    
    }


div#fuss {
    
    text-align:right;
    vertical-align:middle;
    color:#CC3300;
    
    margin-left:auto;
    margin-right:auto;
    margin-top:0.0em;
    padding:0.3em;
        
    background-color:#CC3300;
    
    border-style:none;
    border-color:#993300;
    border-width:1px;    

    }



span
.navi {                   /*Schrift-rollover-Navigationsleiste*/
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
    color:#FF9900;
    vertical-align:bottom;
    }
.navi a:link{                  
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
    color:#FF9900;
    }
.navi a:visited {
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
    color:#FF9900; 
    }
.navi a:hover {
    color:#FFCC66; 
    }
.navi a:active {
    color:#FFFFFF;
    }

span
.naviself {                   /*Schrift-rollover-Navigationsleiste*/
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
    color:#FFCC66;
    vertical-align:bottom;
    }
.naviself a:link{                  
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
    color:#FFCC66;
    }
.naviself a:visited {
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
    color:#FFCC66; 
    }
.naviself a:hover {
    color:#FFCC66; 
    }
.naviself a:active {
    color:#FFFFFF;
    }


.fuss {                  /*Schrift-rollover-Fusszeile(Impressum)*/
    text-decoration:none;
    font-size:12px;
    font-weight:bold;  
    color:#FF9900;
    }
.fuss a:link{                  
    text-decoration:none;
    font-size:12px;  
    font-weight:bold;
    color:#FF9900;
    }
.fuss a:visited {
    text-decoration:none;
    font-size:12px;      
    color:#FF9900;
    }
.fuss a:hover {
    color:#FFCC66; 
    }
.fuss a:active {
    color:#FFFFFF;
    }