/* ********* centered body and element defaults ********* */
body {
         padding:                        0;
         margin:                                1em;
         margin-left:                auto;
         margin-right:                auto;
         max-width:                        60em;

        font-family:                serif;
        font-size:                        large;
        color:                                #000000;
        background-color:        #666666;
}

h1, h2, h3, h4 {
        font-family:                sans-serif;
}

a {
        color:                                #3333FF;
        text-decoration:        none;
}

a:hover {
        text-decoration:        underline;
}

a:visited {
         color:                  #AF00FF;
}

img {
        border:                  none;
}

div {
        padding:                        0.8em;
        background-color:        #ffffff;
}

/* ********* box layout and bg-colors ********* */

#header {
        clear:                                left;
        background:                        #dadada;
        text-align:                         center;
}

#links {
        float:                                left;
        width:                                12em;
        background:                        #dadada;
}

#content {
        margin-left:                14em;
        margin-right:                3em;
}

#footer {
        clear:                                left;
        background-color:        #dadada;
        text-align:              center;
}

#linkarea {
        clear:                                left;
        background-color:        #ffffff;
        font-size:               0.7em;
        text-align:              center;
}

#empfehlung {
        clear:                                left;
        background-color:        #ffffff;
        font-size:               0.7em;
        text-align:              center;
}

/* ********* element styles ********* */

#header a {
        color:                                #0000ff;
}

#header ul {
        width:                                100%;
        padding:                        0;
        margin:                                0;
        list-style-type:        none;
        line-height:                2em;
        text-align:              center;
}

#header li {
        display:                        inline;
        font-size:                       0.8em;
}

#header li a {
        background-color:        #ffffff;
        color:                                #0000ff;
        padding:                        0.2em 1em;
        text-decoration:        underline;
        border:                                none;
}

#header li a:hover {
        background-color:        #0000ff;
        color:                                #ffffff;
        text-decoration:        none;
        border:                                1px dotted #ffffff;
}

#header li a:visited {
         color:                  #AF00FF;
}

#links ul {
        width:                                100%;
        padding:                        0;
        margin:                                0;
        margin-top:                        1em;
        list-style-type:        none;
}

#links li {
        height:                                 1em;
        margin-top:                             1em;
}

#links a {
        color:                                #0000ff;
        font-family:                sans-serif;
        font-weight:                bold;
        padding:                        0.2em 0.6em;
}

#links a:hover {
        background-color:        #0000ff;
        color:                                #ffffff;
}

#links a:visited {
         color:                  #AF00FF;
}

#footer a {
        color:                                #0000ff;
}

#footer a:visited {
         color:                  #AF00FF;
}

#empfehlung textarea {
         background-color:       #dadada
}