/*--------------------------------- layout text  -----------------------------------*/
h1 {
   font-size: 1.6em;
   font-weight: bold;
   line-height: 1.25;
   color: #303030; }
   
h2 {
   font-size: 1.4em;
   font-weight: bold;
   line-height: 1.25;
   color: #303030; }
   
h3 {
   font-size: 1.2em;
   font-weight: bold;
   line-height: 1.15;
   color: #303030;
   text-decoration: none; }
   
h4 {
   font-size: 1em;
   font-weight: bold;
   line-height: 1;
   color: #303030; }
   
h5 {
   font-size: 0.8em;
   font-weight: bold;
   line-height: 1;
   color: #303030; }
   

p {
   font-size: 1em;
   line-height: 1.5;
   text-align: justify;
   color: #303030; }
     
li {
   font-size: 1em;
   line-height: 1.25;
   color: #303030; }


   
   
/*----------------------------- menue01  ----------------------------*/
.menu {
   width: 750px; 
   font-size: 1em;
   padding-bottom: 150px; }
    
.menu ul {
   padding: 0;
   margin: 0;
   list-style-type:none; }
   
.menu ul ul {
   width: 110px; }
   
.menu li {
   float: left;
   width: 110px;
   position: relative; }
   
.menu a, .menu a:visited {
   display: block;
   font-size: 12px;
   text-decoration: none;
   color: #fff; 
   width:99px; 
   height: 29px;
   border: 1px solid #fff; 
   border-width: 0px 0px 0 0; 
   padding-left: 10px;
   line-height: 29px; }
   
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
   width: 110px;
   w\idth: 19px; }

.menu ul ul {
   visibility:hidden;
   position:absolute;
   height:0;
   top:29px;
   left:0; 
   width:150px; }
   
/* another hack for IE5.5 */
* html .menu ul ul {
   top:29px;
   t\op:31px; }

.menu ul ul ul {
   left: 149px;
   top: 0;
   width: 150px; }
   
.menu ul ul ul.left { 
   left:-150px; }

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
   position: absolute; 
   top: 0; 
   left: 0; }

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
   color:#ffff00; 
   height:auto; 
   line-height:1em; 
   padding:5px 10px; 
   width:129px
   /* yet another hack for IE5.5 */ }
   
* html .menu ul ul a {
   width: 150px;
   w\idth: 129px; }

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {
   color: #fff; }
   
.menu :hover > a, .menu ul ul :hover > a {
   color: #ffff00; }
  
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
   visibility: visible; }
   
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
   visibility: hidden; }
   
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
   visibility:hidden; }
   
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
   visibility:visible; }
   
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
   visibility:visible; }