body
{
font-family:"Verdana";
font-size:16px;
background-color:rgb(249,250,255);
color:rgb(40,42,70);
}

ul {list-style-type:disc;}
ol {list-style-type:decimal;}
a
{
text-decoration:underline;
}
a:link {color:rgb(160,168,204)}    /* unvisited link */
a:visited {color:rgb(160,168,204)} /* visited link */
a:hover, a:active {color:rgb(200,210,255)}   /* mouse over link */

#main
{
position:absolute;
top:80px;
left:13em;
top:80px;
padding-left:3%;
padding-right:22%;
}

#main h1{
font-size:32px;
}

#main h2{
font-size:1.5em;
}

#main h3{
font-size:1em;
}

#main hr{
width:80%;
color:rgb(160,168,204);
/*border: 1px solid;*/
background-color:rgb(160,168,204);
height:2px;
text-align:left;
margin-left:7%;
margin-top:2em;
margin-bottom:2em;
display:block;
border:0;
}

#main .fun
{
text-align:center;
font-weight:bold;
font-size:2em;
color:rgb(180,189,229);
text-shadow: -1px 0 rgb(40,42,70),
    0 1px rgb(40,42,70),
    1px 0 rgb(40,42,70),
    0 -1px rgb(40,42,70);
}

#main .error
{
color:red;
font-size:0.85em;
}

/*----------------------------------------------------------------
------------------- Gestaltung der Kopfleiste ---------------
--------------------------------------------------------------*/

#kopfleiste
{
position:absolute;
z-index:+11;
left:0px;
top:0px;
width:100%;
height:60px;
background-color:rgb(200,210,255);
border-style: none none solid none;
border-width:20px;
border-color:rgb(160,168,204);
}

#kopfleiste #head-text
{
position:absolute;
bottom:0px;
right:0px;
margin-bottom:15px;
margin-right:40px;
color:white;
text-align:right;
font-style:oblique;
font-size:32px;
text-shadow: -1px 0 rgb(160,168,204),
    0 1px rgb(160,168,204),
    1px 0 rgb(160,168,204),
    0 -1px rgb(160,168,204),
    3px 3px 3px rgb(160,168,204);
}

/*----------------------------------------------------------------
------------------- Gestaltung der News-Leiste ---------------
--------------------------------------------------------------*/

#news
{
z-index:+8;
position:absolute;
right:0px;
top:80px;
width:15%;
height:100%;
background-color:rgb(227,232,255);/*rgb(244,246,255);*/
border-width:2px;
border-style: none none solid solid;
border-color:rgb(160,168,204);
padding-left:3%;
padding-right:1.5%;
}

#news h1
{
padding-top:1em;
padding-bottom:2em;
font-style:oblique;
font-size:1em;
}

#news h2
{
font-size:1em;
font-weight:520;
margin-bottom:0.7em;
}

#news p
{
padding-top:0em;
margin-top:0em;
font-size:0.8em;
}

#news p~h2
{
margin-top:1em;
padding-top:1.5em;
border-style:solid none none none;
border-width:1px;
border-color:rgb(160,168,204);
}

/*----------------------------------------------------------------
------------------- ab hier wird das Menü gestaltet ---------------
--------------------------------------------------------------*/
#menu
{
position:fixed;
z-index:+10;
top:0px;
left:0px;
float:left;
width:13em;
height:100%;
background-color:rgb(180,189,229);
padding-top:100px;
padding-left:0px;
}

#menu ul {
list-style-type:none;
margin-left:0px;
padding-left:0px;
}

#menu li
{
padding:0px;
margin:5px;
margin-left:5%;
margin-right:10px;
}

#menu a
{
padding:10px;
padding-left:5%;
padding-right:5%;
color:rgb(40,42,70);
text-decoration:none;
font-variant:small-caps;
display:block;
width:80%;
border-style:solid;
border-width:3px;
border-top-color:rgb(227,232,255);
border-left-color:rgb(227,232,255);
border-bottom-color:rgb(160,168,204);
border-right-color:rgb(160,168,204);
background-color:rgb(200,210,255);
margin:5px;
margin-left:2.5%;
margin-right:2.5%;
}
#menu a:hover
{
border-bottom-color:rgb(227,232,255);
border-right-color:rgb(227,232,255);
border-top-color:rgb(160,168,204);
border-left-color:rgb(160,168,204);
}

#menu a.sub1
{
padding:5px;
padding-left:5%;
padding-right:5%;
margin-left:15%;
width:67.5%;
/*font-variant:normal;*/
}

#menu a.sub2
{
padding:2px;
padding-left:5%;
padding-right:5%;
margin-left:20%;
width:62.5%;
/*font-variant:normal;*/
font-weight:200;
}