/* CSS for C64:webzine */

/* Body: */
body
{
        background-color: white;
        color: black;
        /*font-family: Helvetica,Arial,sans-serif;*/
        /*font-size: 0.95em;*/
        /*font-size: small;*/
        /*font-family: Geneva, Arial, Helvetica, Verdana;*/
}

/* Logo: --------------------------------------------------------- */

.headline
{
        height:64px;       
        margin: 0;
        padding: 0;
        border: 0;
        background-color: #6699FF;
        background-image:url("ready.jpg");
        background-repeat:no-repeat;
        background-position:right top;

}
.headline img
{
        margin: 0;
        padding: 0;
        border: 0;
}




/* Menu: -------------------------------------------------- */


.menu
{
        height:24px;
        margin:0;
        padding:0;
        border:0;
        background-image:url(backgr.jpg); 
        background-repeat:repeat-x;
}

.menu ul
{
        float: right;
        height:24px;
        margin:0 1em 0 1em;
        border:0;
}

.menu li
{
        float:left;
        list-style:none;
        list-style-image:none!important;
} 

/* mouse-over effect: */
.menu a
{
        display:block;
        height:24px;
        margin: 0 1em 0 1em;
}

.menu #back {background-image:url(back.jpg); width:28px;}
.menu #software {background-image:url(software.jpg); width:126px;}
.menu #articles {background-image:url(en/articles.jpg); width:110px;}
.menu #articles_de {background-image:url(de/articles.jpg); width:110px;}
.menu #articles_en {background-image:url(en/articles.jpg); width:126px;}
.menu #az {background-image:url(az.jpg); width:46px;}
.menu #imprint {background-image:url(en\imprint.jpg); width:142px;}
.menu #imprint_de {background-image:url(de/imprint.jpg); width:142px;}
.menu #imprint_en {background-image:url(en/imprint.jpg); width:108px;}


#hide /* Accessibility workaround */
{        
        position:absolute;
        right:-1000px;
        display:none;
}


/* bottom copyright notice: -------------------------------------------- */

.footer
{
        padding: 1em 0 0 0;
        clear:both;
        font-size: 60%;
        text-align: center;
        color: gray;
}



/* boxes for the main part: ----------------------------------------- */

.content
{
        float: right;
        width: 50%;
}

.toc
{
        float: right;
        width: 50%;
        border: 2px;
        border-color: #cccccc; black;
        border-style: solid;
        background-color: #eeeeee;
        font-size: 0.85em; small;
        padding: 0em 1em 1em 1em;
        margin: 3em 0 0 0;
}


.info
{
        float: left;
        width: 40%;
        text-align: justify;
        font-size: 0.85em; small;
        margin: 2em 0 0 0;
}