/* Stylesheet of Mathias Homepage*/
* {
margin: 0;
padding: 0;
}

/* Allgemeine Einstellungen: Hintergrund, Textfarbe und Schriftart */
html {
background: #fff;
color: #3d5a85;
font: 70%/1.2 verdana, arial, helvetica, sans-serif;
}

/* Fensterbreite und Zentrierung*/
div#haupt {
margin: auto;
overflow: hidden;
text-align: left;
width: 900px;
}

/*Uebergrosse Seiten können scrollen (geht nicht beim MSIE*/
div#haupt > div#inhalt {
height: 533px; /*525px;*/
overflow: auto;
}

body {
text-align: center;
}

/* Ueberschrift */
h1 {
margin: 0;
background: url(pic/titel.jpg);
}

h1 a {
display: block;
text-decoration: none;
text-indent: -999em;
height: 150px;
width: 900px;
}


/*----------------------------------------------------------------*/
/* Top Level Navigation */
/*----------------------------------------------------------------*/
div#nav {
background: url(pic/nav-hintergrund.gif);
height: 26px;
}

div#nav ul {
list-style: none;
}

div#nav ul.a, div#nav ul.a li, div#nav ul.b li {
float: left;
}

div#nav ul.a {
margin-left: 200px;
background: url(pic/nav-a-verzierung.gif) right;
padding-right: 40px;
width: 470px;
}

div#nav ul.a li, div#nav ul.a li a:hover {
color: #fff;
background: url(pic/nav-a-button-an.gif);
}

div#nav ul.a li a {
background: url(pic/nav-a-button.gif);
}

div#nav ul.b {
float: right;
width: 115px;
}

div#nav ul.b li, div#nav ul.b li a:hover {
background: url(pic/nav-b-button-an1.gif);
}

div#nav ul.b li a {
background: url(pic/nav-b-button1.gif);
}

div#nav li, div#nav li a {
color: #3d5a85;
height: 26px;
text-decoration: none;
}

div#nav li {
font-size: 1.1em;
font-weight: bold;
line-height: 1.95;
width: 115px; /*hier stand 94*/
text-align: center;
}

div#nav li a {
display: block;
}

/*----------------------------------------------------------------*/
/* Zweite Navigationsleiste */
/*----------------------------------------------------------------*/
/* Hintergrund und Hoehe*/
div#nav-2 {
background: #d3d5ed; /*#faf5f1; #cbc0c8;*/
padding: 0;
margin-top: 0px;
margin-bottom: 0px;
float: left;
height: 553px;
width: 200px;
}

/* Text within the nav-panel*/
div#nav-2 div.text{
width: 180px;
padding: 10px;
}

/* Positionierung der Liste */
div#nav-2 ul {
padding: 0;
border-bottom: 1px solid #3d5a85;
margin-top: 100px;
}

/* Farbe und Ausrichtung */
div#nav-2 li, div#nav-2 li a {
color: #3d5a85;
text-align: right;
}

/* Formatierung der Listen elemente */
div#nav-2 li {
border-top: 1px solid;
font-size: 1.2em;
height: 27px;
width: 200px;
}

div#nav-2 li a, div#nav-2 li span {
display: block;
font-weight: normal;
height: 100%;
padding-right: 18px;
text-decoration: none;
}

div#nav-2 li a:focus, div#nav-2 li a:hover, div#nav-2 li a:active, div#nav-2 li span {
font-weight: bold;
}

div#nav-2 li > a:focus, div#nav-2 li > a:hover, div#nav-2 li > a:active, div#nav-2 li > span { /* nur MOSe */
background: url(bilder/nav-highlight.png);
}

/*----------------------------------------------------------------*/
/* Bereich des Inhalts                                            */
/*----------------------------------------------------------------*/
div#inhalt {
background: #faf5f1; /*#fff;*/
float: left;
width: 660px;
height: 553px; /*510px;*/
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}

/*div#inhalt div.text{
font-size: 1.2em;
color: #cbc0c8;
padding-top: 20px;
padding-bottom: 0px;
padding-right: 20px;
padding-left: 40px;
margin-right: 170px;
}*/

/* Listen im Inhalt*/
div#inhalt ul{
padding-left: 20px;
list-style-type: circle;
}

div#inhalt ol{
padding-left: 20px;
}

div#inhalt li.publ{
padding-top: 10px;
}

div#inhalt dl{
padding-left: 20px;
}

div#inhalt dd{
padding-left: 10px;
padding-bottom: 5px;
}



/* Links */
a:link {
color: #082044;
text-decoration: underline;
}

a:visited {
color: #3d5a85;
text-decoration: underline;
}

a:hover{
color: #082044;
text-decoration: underline;
}

/*----------------------------------------------------------------*/
/* Bereich der Fusszeile                                          */
/*----------------------------------------------------------------*/
div#fusszeile {
clear: left;
color: #000;
}

div#fusszeile, a#aux:focus, a#aux:active {
background: #d3d5ed; /*#faf5f1;*/ 
border-bottom: 0px solid;
display: block;
height: 26px;
padding-top: 3px;
padding-left: 10px;
width: 900px;
}

div#fusszeile div {
color: #3d5a85;
text-align: right;
padding-right: 40px;
}

/*----------------------------------------------------------------*/
/* Hilfe fuer Blinde                                              */
/*----------------------------------------------------------------*/
a#aux {
height: 1px;
overflow: hidden;
position: absolute;
top: -999em;
width: 1px;
}

a#aux:focus, a#aux:active {
background: #000;
border-bottom: 5px solid;
display: block;
height: auto;
padding: 1em 0;
text-align: center;
top: 0;
width: 770px;
}