/*   T e x t s t y l e s   */

h1, h2, h3 {
	font-family:          Arial, Helvetica, sans-serif;
}
p, table, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; /* entspricht 12 pt */
/*	line-height: 130%;*/
/*	text-align: left; */
}

/*th	{                  font-weight: normal; text-decoration: none; }*/
h1	{ font-size: 150%; font-weight: bold;                    /*text-decoration: underline;*/ /*font-variant:small-caps;*/ }
h2	{ font-size: 125%; font-weight: bold; margin-top:-15px; margin-bottom:30px;   /*text-decoration: underline;*/ }
h3	{ font-size: 100%; font-weight: bold; }

/* Classes koennen kombiniert werden: class="GrayBG Font75" */
/* Die font-size in % wird auf passende pt gemappt, aber die
   Zeichen-/Zeilen-/Wort-Abstände werden aus den realen Prozentzahlen berechnet! */
.Sitemap     { font-size:  67%; line-height: 130%; } /* 11px = 70% = 0.7em = 8pt */
.Font120     { font-size: 120%; }
.Font100     { font-size: 100%; } /* entspricht 12 pt (exakt: 91.6%, Bereich: 97%...  %) */
.Font91      { font-size:  91%; } /* entspricht 11 pt (exakt: 91.6%, Bereich: 91%...96%) */
.Font85      { font-size:  85%; } /* entspricht 10 pt (exakt: 83.3%, Bereich: 85%...90%), Verdana 10pt ist so hoch wie 9pt, sieht vergroessert schlecht aus */
.Font75      { font-size:  75%; } /* entspricht  9 pt (exakt: 75.0%, Bereich: 72%...84%) */
.Font67      { font-size:  67%; } /* entspricht  8 pt (exakt: 66.6%, Bereich: 66%...71%) */
.Font60      { font-size:  60%; } /* entspricht  7 pt (exakt: 58.3%, Bereich: 65%...  %) */

/*   C o l o r s   */
.BlueText    { color: rgb(  0, 80,150); }
.BlackText   { color: rgb(  0,  0,  0); }
body { background-color: #FFFFF4; /*rgb(255,255,244);*/ }

/* Die Reihenfolge der Notierung ist fest: link,visited,hover,active,focus */
   a:link        { text-decoration:underline; color: rgb(0,80,150); }
   a:visited     { text-decoration:none; color: rgb(0,80,150); }
   a:hover       { text-decoration:underline; color: rgb(103,192,187); }
   a:active      { text-decoration:underline; color: rgb(103,192,187); }

/*   S p e c i a l s   */

div#container {
    width: 800px;
    /*margin-left: auto;
    margin-right: auto;*/
}

div#header {
    vertical-align: bottom;
}

div#navigation {
    width: 100%;
    background-color: rgb(0,80,150);
    color: rgb(255,255,255);
    height: 22px;
    margin-top: 30px;
    position: relative;
}
div#navigation ul {
    list-style: none;
    margin: 0;
    margin-right: 10px;
    float: left;
}
div#navigation ul li {
    float: left;
    border-left: 1px solid #FFFFFF;
    padding: 2px 20px 1px 20px;
	font-size: 100%;
}
div#navigation ul li a {
    color: rgb(255,255,255);
}
div#navigation ul li.active,
div#navigation ul li:hover {
    /*background-color: #D3ECE9;*/
    background-color: rgb(208,240,255);
    color: rgb(0,80,150);
}
div#navigation ul li.active a,
div#navigation ul li:hover a {
    color: rgb(0,80,150);
}

div#profile {
	font-size: 91%; /* entspricht 11 pt */
    line-height: 130%;
}

/* index level 1*/
.RootList1 {
    list-style-type: disc;
    margin-left: 0px;
    padding-left: 14px;
    line-height: 130%;
}
/* leistungen level 1*/
.ProfList1 {
    list-style-type: disc;
    margin-left: 0px;
    padding-left: 14px;
}
/* leistungen level 2*/
.ProfList2 {
    list-style-type: square;
    margin-left: 0px;
    padding-left: 12px;
}

div#impressum {
	font-size: 91%; /* entspricht 11 pt */
}

div#intro {
	font-size: 91%; /* entspricht 11 pt */
}