body{
     font-family: sans-serif;
     font-size: 11pt;
}

div.title{
     position:absolute;
     top:0px;
     left:0px;
     height:26%;
     width:100%;
     background: #d0d0d0;
     color: #000000;
}

ul.listlist{
     position: absolute;
     left: 5px;
     top: 0px;
     list-style-type: none;
     padding-left: 0px;
     display:inline;
     font-weight:bold;
     width:100%;
}

ul.linklist{
     position: absolute;
     top: 5px;
     width: 25%;
     list-style-image: url('http://www.peter-kuehnlein.net/pics/wsq.png');
     margin-left: 0px;
     padding-left: 0px;
}

div.main{
     position:fixed;
     top:24%;
     left:0px;
     width:100%;
     color:#ffffff;
     background:#000000;
}

div.content{
     position:fixed;
     left:0px;
     width:75%;
     display:inline;
     height:100%;
     color:#ffffff;
     background:#000000;
}

div.hagakure{
     position:fixed;
     left:10px;
     width:65%;
     bottom:10pt;
}

div.view{
     position:fixed;
     left:75%;
     width:25%;
     height:77%;
     display:inline;
     background:#000000;
}

img.link{
     border:0;
}

a{
     text-decoration:none;
     color:#000000;
}

a.main{
     color:#ffffff;
}