body {
    font: 12px Verdana, Arial, Courier, Helvetica;
    color: purple;
    font-weight:bold;
    text-align:center;
    margin-left:260px;
    margin-right:260px;
    padding-left:10px;
    padding-right:10px;
    background-image:url('images/201.gif');
    }


    h1 {
    font-size: 24px;
    font-weight:bold;
    }

    h2 {
    font-size: 18px;
    font-weight:bold;
    }

    h3 {
    font-size:12px;    
    font-weight:bold;
    }

    h4 {
    font-size:12px;    
    font-weight:normal;
    }

    #box1 {
    position:absolute;
    left:300px;top:100px;height:250px;width:250px;
    border:1px solid purple;background-image:url('images/223.gif');color:white;
    font-size:12px;
    }
    #box1 a {color:Blue; text-decoration:none;}
    #box1 a:link {color:Blue;}
    #box1 a:visited {color:Blue;}
    #box1 a:hover {color:#056BA5;}
    #box1 h1 {font-family: Monotype Corsiva;font-size:30px}

    #box2 {
    position:absolute;
    left:300px;top:360px;height:250px;width:250px;
    border:1px solid purple;background-image:url('images/achtergr_geelkat.gif');color:white;
    font-size:12px;
    }
    #box2 a {color:Blue; text-decoration:none;}
    #box2 a:link {color:Blue;}
    #box2 a:visited {color:Blue;}
    #box2 a:hover {color:#056BA5;}
    #box2 h1 {font-family: Monotype Corsiva;font-size:30px}

    #box3 {position:absolute;
    left:560px;top:100px;height:250px;width:250px;
    border:1px solid purple;background-image:url('images/zv28.gif');
    color:white;
    }
    #box3 a {color:Blue; text-decoration:none;}
    #box3 a:link {color:Blue;}
    #box3 a:visited {color:Blue;}
    #box3 a:hover {color:#056BA5;}
    #box3 h1 {font-family: Monotype Corsiva;font-size:30px}




    ul {
    font-size: 12px;
    text-align:left;
    font-weight:normal;
    li-style:"list-style-type:circle";
    }

    li {
    padding:5px;
    }

    
    #vlevo {
    position:fixed;
    left:0;
    padding-left:5px;
    padding-right:5px;
    width:250px;
    height:700px;
    font-size: 14px;
    font-family:Comics Sans MS, Cursive;
    font-weight:bold;
    text-align:center;
    /*background-color:#C08CC6;*/
    color:Purple;
    
    }


    #vpravo{
    position:fixed;
    right:0px;
    width:250px;
    height:700px;
    padding-left:5px;
    padding-right:5px;
    font-size: 14px;
    font-family:Comics Sans MS, Cursive;
    font-weight:bold;
    text-align:center;
    /*background-color:#C08CC6;*/
    color:Purple;
    
    }

    #vpravo a {color:Purple; text-decoration:none;}
    #vpravo a:link {color:Purple;}
    #vpravo a:visited {color:#A135FD;}
    #vpravo a:hover {color:Fuchsia;}
    #vpravo a:active {color:Red;}
    #vpravo ul {
    margin-top:50px;
    margin-left:10px;
    list-style-type: none;
    padding: 0;
    background-color:#E1DAF6;
    border: 2px solid purple;
    width:220px;
    }
    #vpravo li {padding:5px;text-align:left;border-bottom:1px solid Purple;}

    #zapati {
    margin-top:10px;
    padding:5px;
    width:100%;
    clear:both;
    font-size: 10px;
    text-align:center;
    color:purple;
    font-weight:normal;
    border:1px solid;
    }