/* Vertikales Menu linksbuendig */

@charset "utf-8";

/* Farben: https://www.mediaevent.de/tutorial/farbcodes.html */

html 
{ 
   font-family: Verdana, Geneva, sans-serif;
   font-size: 62.5%;
   line-height: 180%;
   color: #666; 
}

body 
{
   font-size: 1.4em;
}

h1 
{ 
   font-family: "Courier New", Courier, monospace;
   font-size: 220%;
   font-weight: bolder;
   /3color: darkcyan;*/
}
 
h1, h2 
{
	line-height: 130%;
	color: darkcyan;
}

h3
{
	color: cadetblue;
}

div 
{ 
   border: 1px solid grey; 
   margin: 5px;
   padding: 10px;
}

#footer 
{ 
   border: none;
   border-top: 1px solid grey; 
   background-color: #efefef;
   text-align: center;
}


ul, li 
{
   margin: 0;
   padding: 0;
}

#mainnav
{
    width: 10em;
    margin: 5px;
    padding: 0.5em;
    float: left;
}

#header
{
    margin: 10px 0.5em;
    padding: 1em;  /*Abstände zum Rand im Hauptrahmen*/
    margin-left: 1em;
}

#main
{
    margin: 10px 0.5em;
    padding: 2em;  /*Abstände zum Rand im Hauptrahmen*/
    margin-left: 12em;
}

#einruecken
{
	margin-left: 30px;
}

ul
{
    list-style-type: none;
    width: 10em;
    border: 1px solid #000;
    border-bottom: none;
}

li 
{
    display: block;
    /*background-color: #FBAF5D;*/
	/*background-color: #B89EB8;*/
	/*background-color: hsla(30,40%,90%,0.5)*/
	background-color: lightblue;
    border-bottom: 1px solid #000;
}

li a 
{
    width: 10em;
    height: 1em;
    display: block;
    color: black;
    padding: 0.5em;
    text-decoration: none;
}

li:hover 
{
    background-color: #faeedc;
}

li ul 
{
    position: absolute;
    width: 10em;
    left: -999em;
}

li:hover ul 
{
    left: auto;
    margin-left: 10em;
    margin-top: -2em;
}
    
li:hover ul li:first-child 
{
    margin-top: -2px;
    border-top: 1px solid #000;
}

/* erforderlich um hasLayout bei IE 7 zu erzeugen */
li li
{
    overflow: hidden;
}

/* Zitat */
q:lang(de):before { content: "\00BB"; }
q:lang(de):after { content: "\00AB"; }
    
    .pull {
        width: 180px;
        margin: 0.3em;
        padding: 0.6em 1em;
        display: block;
        float: right;
        font-family: Georgia, serif;
        font-size:1.2em;
        text-align:center;
        background: #e0e0e0;
        line-height: 1.5;
        font-size: 1.2em;
        font-style: italic;
        border: 1px solid #aaa;
    }