/* Web Design - Klaas-Jan Boon */

*{
 margin:0px;
 padding:0px;
}

html,body{
font-family: Arial;
font-size: 20px;
height:100%;
background-color:#FFF;
}

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

a:hover{
 color:#454344;
}

#leftframe > ul > li > a{
 text-decoration:none;
 color: #C7C5C6;
}

#leftframe > ul > li > a:hover{
color: #BABABA;
}



ul{
list-style-type:none;
}


#leftframe{
position:fixed;
top:0;
z-index:100;
min-height:100%;
height:auto;
max-height:100%;
width:250px;
background-color: #453F41;

}

#leftframetop{
position:fixed;
top:0;
z-index:100%;
height:200px;
width:250px;
background-color:#3B3B3B;

}

#leftframe > ul{
 position:absolute;
 margin-left:20px;
 list-style-type:none;
 font-size:22px;
 margin-top:229px;
 
}

#content{
 position:absolute;
 margin-left:270px;
 margin-top:230px;
 height:auto;
 width:45%;
}

#content > h2 {
 color:#09F;
}

#content > h5{
 color: #09F;
}

#content > .mid{
 width:60%;
}

#block{
 background-color: #66CCFF;
 width: 85%;
 height:auto;
 padding:20px;
 font-size:16px;
}

#logo{
 position:absolute;
 margin-top:15px;
 margin-left: 260px;
}

#footer{
position:absolute;
bottom:0;
padding:5px;
font-size:9px;
}