*          { margin:0; padding:0; }

html, body { height:100%; }

body {
        background-color:#ccc;
        color:#f0f0f0;
        font-family: verdana, arial, georgia, sans-serif;
        font-size:100.01%;
        line-height:90%;
        text-align:center; /* horizontal centering for IE Win quirks */
}

#distance {
        width:1px;
        height:50%;
        background-color:#ccc;
        margin-bottom:-335px;  /* half of container's height ,  -268px */
        float:left;
}

#container {
        margin:0 auto;
        position:relative;  /* puts container in front of distance */
        text-align:left;
        min-height:519px;
        width:800px;
        clear:left;
        background-color:#000;
        /* background-image: url(../images/bg-quer.gif); */
}

#container div.rechts {
        font-size:100%;
        float:right;
        width:300px;
        margin-left:50px;
}

/* --------------------------------------------- */

#toptext { padding-bottom:5px; text-align:center; font-size:10px; color:#e4e4e4; background:#ccc; }

#head {
        font-size:0.55em; font-weight:bold;
        line-height:1.55em;
        padding-top:30px;
        margin-left:48px; margin-right:328px;
        color:#e4e4e4;
}

.content { float:right;
           width:340px;
           min-height:345px;
           font-size:0.65em;
           line-height:1.5em;
}

.content h1 {
        font-size:1.2em;
        padding-top:3px;
}

.content h2 {
        font-size:1.1em;
        padding-top:2px;
}

.content a { color:#ccc; }

#foot    { float:left;
           width:415px;
           font-size:0.55em;
           margin:19px 0 4px 34px;
}

#foot-small { font-size:9px; color:#ccc; }

#toptext a { color:#e4e4e4; text-decoration:none; }

#head li         { line-height:1.5em; list-style-type:none; }
#head li a       { padding-left:12px; color:#e4e4e4; text-decoration:none; }
#head li a:hover, #head li a.activ {
        color:#fff;
        background-image: url(../images/quadrat_klein.gif);
        background-repeat: no-repeat;
        background-position: 1px 3px;
}

#foot a            { color:#e4e4e4; text-decoration:none; }
#foot a.navi:hover { color:#fff; }

#foot-small a      { color:#ccc; }

p              { margin-top:1.3em; }
p.ohne-Abstand { margin-top:0; }

img.bild-links  { float:left; clear:left; margin:0 10px 10px 0; }
img.bild-rechts { float:right; clear:right; margin:0 0 10px 10px; }

ul { margin-left:0.1em; padding-left:1.3em; margin-top:2px }
ol { margin-left:0.1em; padding-left:1.3em; margin-top:2px }
ol li { margin-left:20px; }