* {
    padding: 0;
    margin: 0;
}

html {
    font: 82% Verdana, Arial;
}

/* www.autologie.de - seit 2006. www.prueferpr.de */
body {
    padding: 10px;
}

a {
    text-decoration: none;
}

a:link,
a:visited {
    color: #00008B;
}

a:hover {
    color: #800000;
    text-decoration: none;
}

a:active {
    color: #663333;
}

#inhalt p,
#inhalt p a,
a.top {
    display: block;
}

#inhalt a:hover {
    color: #aaa;
}

a.top {
    text-align: center;
}

li {
    display: inline;
    margin-left: 20px;
}

.right {
    text-align: right;
}

p {
    border: 1px solid #aaa;
    margin: 10px 0;
    padding: 10px;
    background-color: #fff;
    font-size: 120%;
}

/* --Links in den text-Containern werden beim Beruehren sichtbar-- */
a .info {
    visibility: hidden;
    color: #000;
}

a:hover .info {
    visibility: visible;
    cursor: text;
    color: #000;
}

a:focus .info {
    visibility: visible;
    cursor: pointer;
    color: #000;
}

/* Farben für den Hintergrund der Monate */
.menu1 {
    background-color: #FFF8DC;
}

.menu2 {
    background-color: #98FB98;
}

.menu3 {
    background-color: #FFF8DC;
}

.menu4 {
    background-color: #F4A460;
}

.menu5 {
    background-color: #B0C4DE;
}

.menu6 {
    background-color: #D8BFD8;
}

.menu7 {
    background-color: #FFF5EE;
}

.menu8 {
    background-color: #FFE4B5;
}

.menu9 {
    background-color: #5F9EA0;
}

.menua {
    background-color: #FF7F50;
}

.menub {
    background-color: #B8860B;
}

.menuc {
    background-color: #BC8F8F;
}

.menud {
    background-color: #D8BFD8;
}

.menue {
    background-color: #FF6347;
}

.menuf {
    background-color: #9ACD32;
}

.menug {
    background-color: #4682B4;
}

.menuh {
    background-color: #FFEF5D;
}

.menui {
    background-color: #DB7093;
}

.menuj {
    background-color: #FFDAB9;
}

.menuk {
    background-color: #9370DB;
}

.menul {
    background-color: #4169E1;
}

.menum {
    background-color: #F4A460;
}

.menun {
    background-color: #FFD700;
}

.menuo {
    background-color: #B0E0E6;
}

.menup {
    background-color: #FFFAFA;
}

.menuq {
    background-color: #138C63;
}

.menur {
    background-color: #20B2AA;
}

.menus {
    background-color: #FDF5E6;
}

.menut {
    background-color: #DA70D6;
}

.menuu {
    background-color: #FF4500;
}

.menuv {
    background-color: #6B8E23;
}

.menuw {
    background-color: #F0FFFF;
}

.menuy {
    background-color: #BA55D3;
}

.menuz {
    background-color: #3CB371;
}

.menuaa {
    background-color: #98FB98;
}

.menubb {
    background-color: #7FFFD4;
}

.menucc {
    background-color: #7FFF00;
}

.menudd {
    background-color: #E35447;
}

.menuee {
    background-color: #EEE8AA;
}

.menuff {
    background-color: #CD401F;
}

.menugg {
    background-color: #99CC00;
}

.menuhh {
    background-color: #CC6666;
}

.menuii {
    background-color: #008080;
}

.menujj {
    background-color: #999999;
}

.menukk {
    background-color: #00FA9A;
}

.menull {
    background-color: #FF6347;
}

.menumm {
    background-color: #FFFF00;
}

.menunn {
    background-color: #9ACD32;
}

.menuoo {
    background-color: #FFCC99;
}

.menupp {
    background-color: #CCCCCC;
}

.menuqq {
    background-color: #33CC00;
}

.menurr {
    background-color: #FF9966;
}

.menuss {
    background-color: #99CC66;
}

.menutt {
    background-color: #99CCFF;
}

.menuuu {
    background-color: #FF3399;
}

.menuvv {
    background-color: #CCFFCC;
}

.menuww {
    background-color: #6666CC;
}

.menuxx {
    background-color: #CCFF33;
}

.menuyy {
    background-color: #CC6633;
}

.menuzz {
    background-color: #0099CC;
}

/* Media Queries */
@media all and (max-width: 1000px) {
    #inhalt p {
        font-size: 1.5em;
        line-height: 1.3em;
        margin: 4px;
    }

    ul li {
        font-size: 1.5em;
        margin-left: 5px;
    }

    #container {
        width: auto;
    }

    /* -- div-Container fuer Texte-- */
    .menu1,
    .menu2,
    .menu3,
    .menu4,
    .menu5,
    .menu6,
    .menu7,
    .menu8,
    .menu9,
    .menua,
    .menub,
    .menuc,
    .menud,
    .menue,
    .menuf,
    .menug,
    .menuh,
    .menui,
    .menuj,
    .menuk,
    .menul,
    .menum,
    .menun,
    .menuo,
    .menup,
    .menuq,
    .menur,
    .menus,
    .menut,
    .menuu,
    .menuv,
    .menuw,
    .menuy,
    .menuz,
    .menuaa,
    .menubb,
    .menucc,
    .menudd,
    .menuee,
    .menuff,
    .menugg,
    .menuhh,
    .menuii,
    .menujj,
    .menull,
    .menukk,
    .menull,
    .menumm,
    .menunn,
    .menuoo,
    .menupp,
    .menuqq,
    .menurr,
    .menuss,
    .menutt,
    .menuuu,
    .menuvv,
    .menuww,
    .menuxx,
    .menuyy,
    .menuzz,
    .div a {
        width: auto;
    }

    .menu1,
    .menu2,
    .menu3,
    .menu4,
    .menu5,
    .menu6,
    .menu7,
    .menu8,
    .menu9,
    .menua,
    .menub,
    .menuc,
    .menud,
    .menue,
    .menuf,
    .menug,
    .menuh,
    .menui,
    .menuj,
    .menuk,
    .menul,
    .menum,
    .menun,
    .menuo,
    .menup,
    .menuq,
    .menur,
    .menus,
    .menut,
    .menuu,
    .menuv,
    .menuw,
    .menuy,
    .menuz,
    .menuaa,
    .menubb,
    .menucc,
    .menudd,
    .menuee,
    .menuff,
    .menugg,
    .menuhh,
    .menuii,
    .menujj,
    .menull,
    .menukk,
    .menull,
    .menumm,
    .menunn,
    .menuoo,
    .menupp,
    .menuqq,
    .menurr,
    .menuss,
    .menutt,
    .menuuu,
    .menuvv,
    .menuww,
    .menuxx,
    .menuyy,
    .menuzz,
    .div a,
    .menu0,
    .menu00,
    .menu000,
    .menu0000,
    #imp {
        float: left;
        height: auto;
        margin: 8px;
        display: block;
        padding: 5px;
        border: 0px;
    }

    .menu0,
    .menu000,
    #imp {
        width: auto;
    }
}

/* tpouch mobile devices instaed of hover */
@media (pointer: fine) {
    a:hover {
        color: #000;
    }

    a:hover:after {
        background: #fff;
    }
}

@media (pointer: coarse) {
    a:after {
        content: attr(data-title);
        display: block;
        font-size: 0.75rem;
    }

    a:hover {
        color: #000;
    }
}

@media (pointer: none) {
    a:before,
    button:after {
        display: block;
        font-size: 0.75rem;
    }

    a:after {
        content: attr(data-title);
    }

    a:before {
        content: attr(data-help);
    }
}