body {  
background-color: #DBECFF;
}
a {
    color:#000080;
    text-align: center;
}
p {
    color: #000080;
    text-align: left;
}
h3 {
    margin-top: auto;
    font-size: 20pt;
    font-family: sans-serif;
    text-align: center;
    text-shadow: 10px 11px 12px gray;

}
a.menu { display:block; margin-bottom:5px; text-align:center; width:16ex;
         border-style:ridge; border-width:3px; padding:2px; text-decoration:none; }

a.menu:link    { color:#00f; background-color:transparent; }
a.menu:visited { color:#00f; background-color:transparent; }
a.menu:hover   { color:#ff0; background-color:#00f; }
a.menu:active  { color:#ff0; background-color:#a03; }


#box-wappen {
        /*box-shadow: 10px 20px 30px grey;*/
        position: absolute;
        /*-moz-transform: rotate(5deg);*/
        float:left;
        width:130px;
        height:120px;
        padding: 1px;
        margin: 1px;
        top:1px;
        left: 55px;
        /*border:2px red solid;*/
}
       
#box-haupt {
        float:left;
        /*box-shadow: 10px 20px 30px grey;*/
        /*test mit Drehung*/
        /*transform: rotate(30deg);*/
        /*border-radius: 20px;*/
        position: absolute;
        width:700px;
        height:600px;
        padding: 1px;
        margin: 1px;
        top: 10px;
        left: 10px;
        /*border:2px black solid;*/
    }

/* box1 Deckel der Chronik*/
#box1 {
        float:left;
        box-shadow: 10px 20px 30px grey;
        /*test mit Drehung*/
        /*transform: rotate(30deg);*/
        /*border-radius: 20px;*/
        position: absolute;
        /*-moz-transform: rotate(-5deg);*/
        top: 50px;
        left: 20px;
        width:305px;
        height:220px;
        padding: 1px;
        margin: 1px;
        border:2px black solid;
}

/*box2 2. Dienstag*/
#box2 {
        box-shadow: 10px 20px 30px grey;
        position: absolute;
        /*-moz-transform: rotate(5deg);*/
        float:right;
        width:320px;
        height:220px;
        padding: 1px;
        margin: 1px;
        top: 50px;
        left: 350px;
        border:2px black solid;
}
/*box3 Text*/

    /* box4 Grillen*/   
#box4 {
        box-shadow: 10px 20px 30px grey;
        position: absolute;
        -moz-transform: rotate(-5deg);
        float:right;
        width:160px;
        height:107px;
        padding: 1px;
        margin: 20px;
        top: 300px;
        left: 800px;
        /*border:2px green solid;*/
        }
                /* box5 Namen*/
#box5 {
        /*box-shadow: 10px 20px 30px grey;*/
        position: absolute;
        /*-moz-transform: rotate(5deg);*/
        float:left;
        width:140px;
        height:175px;
        padding: 6px;
        margin: 10px;
        top: 380px;
        left: 5px;
        /*border:2px black solid;*/
        /*border-radius: 20px;*/
        }
        /*box6 = Textbox rot */
#box6 {
        /*box-shadow: 10px 20px 30px grey;*/
        position: absolute;
        /*-moz-transform: rotate(5deg);*/
        float:left;
        width:650px;
        height:250px;
        padding: 6px;
        margin: 10px;
        top: 300px;
        left: 5px;
        border:2px red solid;
        /*border-radius: 20px;*/
        }