@import url(http://fonts.googleapis.com/css?family=Share:700|Inconsolata|Acme|Alfa+Slab+One|Passion+One|Tienne:400,700,900|Archivo+Narrow:400,700|Roboto:400,900|Amaranth|);

body { margin: auto; height: 100%;

background: #cc6600; 
   }
html {height: 100%}  

#box {width:60%; margin:auto; background: white; 
}



  /*Titel*/ 
h1 {font-family: roboto, arial, sans-serif; font-weight:900; color:white; font-size:2em; text-align:center; letter-spacing:0.1em; 
 line-height:1.3em; background-color:#ff0000; padding-top:2%; padding-bottom:3%; margin-top:0%; margin-bottom:0%}
 
   /*Untertitel*/ 
  h2 {font-family: amaranth, arial, sans-serif; font-size: 1.3em; color:orange; background-color:#66cc33; text-align:center;  letter-spacing:0.1em; 
 line-height:1.2em; }
 
  /*Menü font*/ 
  h3 {font-family: arial, sans-serif; color:red; font-size:0.8em; text-align:center;  
 line-height:1.2em; }
 
  
  /*längerer Text*/ 
.text {font-family: verdana, sans-serif; color:black; font-size:0.9em; text-align:left; margin-top:4%; padding-right:10%; padding-left:10%; 
 line-height:2em; }
 
 /*Titelgrafik*/ 
img.titel {text-align:center; border:0; margin-bottom:0%; margin-top:0%; margin-left:0%} 

 /*Galerie*/ 
img.gal {text-align:center; border:0; margin-bottom:2%; margin-top:0%; margin-left:0%; margin-right:0%;} 
 
 /*Bilder im Text*/ 
img {text-align:left; border:0; margin-right: -12%; margin-top:2%; margin-left:0%; margin-bottom:4%
} 


 
/*Menüleiste oben*/ 
<!--
    ul#navi {text-align: center; 
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

    ul#navi li {
        padding:0px;
        margin: 3px;
        display: inline;
    }

    ul#navi li a:link {
       
        background-color: none;
        padding: 2px 5px 2px 5px;
        font-size: 0.8em;
        color: #999;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        font-weight: bold;
    }

    ul#navi li a:hover {
      
        background-color: #66cc33;
        padding: 2px 5px 2px 5px;
        color: white;
    }
    
  
 
  /*Menü*/ 
 a.typ_2:link {text-decoration:none; color:#999;}
 a.typ_2:visited { text-decoration:none; color:#999;}
a.typ_2:hover { text-decoration:none; color:red;}
 a.typ_2:active { text-decoration:none; color:red;}

 
 
 
  /*Links im Text*/ 
 a:link { text-decoration:none; color:#999; }
 a:visited { text-decoration:none; color:#999; }
 a:hover { text-decoration:underline; color:blue; }
 a:active { text-decoration:none; color:orange; }