/* Stylesheet CantArt*/
* {
margin: 0;
padding: 0;
}

/* Allgemeine Einstellungen: Hintergrund, Textfarbe und Schriftart */
html {
background: #fff;
color: #000;
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 koennen scrollen (geht nicht beim MSIE 6 erst ab 7)*/
div#haupt > div#inhalt {
height: 400px;
overflow: auto;
}

body {
text-align: center;
}

/* Ueberschrift */
h1 {
margin: 0;
margin-top: 20px;
background: url(bilder/cantart3.jpg) no-repeat;
height: 100px;
width: 300px;
}

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

input:focus, input:hover, textarea:focus, textarea:hover {
border: 2px solid #1a6a83;
background-color: #ECECEC;
}


input#submit {
width: 6em;
background-color: #ECECEC;
border: 2px solid #1a6a83;
}
input#reset {
width: 10em;
background-color: #ECECEC;
border: 2px solid #1a6a83;
}
input#navigation {
width: 15em;
background-color: #ECECEC;
border: 2px solid #1a6a83;
text-align: center;
}


input#submit:focus, input#submit:hover, input#reset:focus, input#reset:hover, input#navigation:focus, input#navigation:hover {
font-weight: bold;
}

img.plakate {       /* gibt ihnen einen grauen Ramehn */
border: 1px lightgrey solid;
}
/*----------------------------------------------------------------*/
/* Top-level Navigation                                           */
/*----------------------------------------------------------------*/
/* Hintergrund und Hoehe*/
div#nav{
background: transparent;
padding: 0;
margin-top: 40px;
margin-bottom: 20px;
float: left;
height: 400px;
width: 150px;
}

/* Positionierung der Liste */
div#nav ul {
list-style: none;
}

/* Farbe und Ausrichtung */
div#nav li, div#nav li a {
color: #1a6a83;
text-align: left;
}

/* Formatierung der Listen elemente */
div#nav li {
font-size: 1.5em;
height: 30px;
width: 300px;
}

div#nav li a, div#nav li span {
display: block;
font-weight: normal;
height: 30px;
text-decoration: none;
}

div#nav li a:focus, div#nav li a:active, div#nav li a:hover, div#nav li span {
font-size: 1.1em;
/* font-weight: bold;  */
}

/*----------------------------------------------------------------*/
/* Second-level Navigation                                        */
/*----------------------------------------------------------------*/
div#nav-2 {
background: transparent;
position: relative;
width: 300px;
max-height: 30px;
}

div#nav-2:hover ul {
visibility: visible;
}

div#nav-2 ul {
background: transparent;
border-left-width: 2px;
border-left-style:solid;
border-left-color: #1a6a83;
overflow: visible;
visibility: hidden;
position: relative;
top: -25px;
left: 150px;
width: 150px;
}

div#nav-2 li {
margin-left: 20px;
font-size: 0.8em;
overflow: visible;
height: 20px;
}

div#nav-2 li a, div#nav-2 li span {
font-weight: normal;
text-decoration: none;
}

div#nav-2 li a:focus, div#nav-2 li a:active, div#nav-2 li a:hover, div#nav-2 li span {
font-size: 1.05em;
/* font-weight: bold;*/
}



/*----------------------------------------------------------------*/
/* Inhalt                                                         */
/*----------------------------------------------------------------*/
div#inhalt {
background: transparent;
width: 560px;
height: 380px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
position: relative;
left: 150px;
top: 20px;
color: #1a6a83;
text-align: left;
font-size: 1.3em;
}

/*Ueberschriften*/
div#inhalt h2 {
font-size: 1.9em;
margin-bottom: 10px;
}


div#inhalt h3 {
font-size: 1.6em;
margin-bottom: 10px;
margin-top: 5px;

}
div#inhalt h4 {
font-size: 1em;
font-weight: bold;
margin-bottom: 10px;
margin-top: 5px;
}
.sh3 {
font-size: 1.25em;
font-weight: bold;
margin-bottom: 10px;
margin-top: 5px;
}

/*Fliesstext*/
div#inhalt p {
text-align: justify;
margin-bottom: 10px;
color: black;
}
<!--
div#inhalt ueberschrift {
font-size: 1.2em;

margin-bottom: 10px;
margin-top: 5px;
}   -->

.ueberschrift{
font-size: 1.2em;
color: #1a6a83;
margin-bottom: 10px;
margin-top: 5px;
}


div#inhalt li {
text-align: justify;
margin-bottom: 10px;
color: black;
}

div#inhalt hr {
border:0;
/* width:540px; */
color: #1a6a83;
background-color: #1a6a83;
height:2px;
}

.canta {
font-size: 1.14em;

}

.mini {
color: black;
font-size: .65em;
}

/* Links */
a:link {
color: #1a6a83;    /* alt #000; */
text-decoration: none;
}

a:visited {
color: #2fadd6;
text-decoration: none;
}

a:hover{
color: #2fadd6;
text-decoration: none;
}

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

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

table{
color:black;
}

table.links{                     /*Hier wird eine spezielle Tabellenform für die Links-Seite definiert*/
border-collapse: collapse;
/*border-spacing: 0;*/
}

tr.links td{
border-bottom: 1px dotted #555;
}
tr.linksungerade td{
border-bottom: 1px dotted #555;
background: #eee;
}



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

div#fusszeile, a#aux:focus, a#aux:active {
background: url(bilder/cantart2.jpg) no-repeat;
border-bottom: 0px solid;
display: block;
height: 200px;
width: 900px;
}

div#fusszeile ul {
position: relative;
top: 10px;      /* 50 */
left:300px;
height: 200px;
list-style: none;
}

div#fusszeile li {
float: left;
color: #1a6a83;
font-size: 1.2em;
width: 20px;
}

div#fusszeile li a {
display: block;
height: 155px;
width: 30px;
border: 0px solid;
}

div#fusszeile  li span {
display: none;
}
/*
li#Mirjam a {
background: transparent;
position: relative;
top: -10px;
left: 12px;
}

li#Sebastian a {
background: transparent;
position: relative;
top: -14px;
left: 24px;
}

li#Henny a {
background: transparent;
position: relative;
top: -9px;
left: 40px;
}

li#Karl a {
background: transparent;
position: relative;
top: -10px;
left: 157px;
}

li#Lisa a {
background: transparent;
position: relative;
top: -8px;
left: 100px;
}

li#Mathias a {
background: transparent;
position: relative;
top: -25px;
left: 212px;
}

li#Sissi a {
background: transparent;
position: relative;
top: -27px;
left: 162px;
}

li#Johannes a {
background: transparent;
position: relative;
top: -30px;
left: 174px;
}

li#Katharina a {
background: transparent;
position: relative;
top: -9px;
left: 195px;
}

li#Conrad a {
background: transparent;
position: relative;
top: -12px;
left: 215px;
}

li#Teresa a {
background: transparent;
position: relative;
top: -10px;
left: 235px;
}

li#Matthias a {
background: transparent;
position: relative;
top: -24px;
left: 258px;
}

li#Rebekka a {
background: transparent;
position: relative;
top: -29px;
left: 278px;
} */

div#fusszeile a:focus span, div#fusszeile a:hover span {        /* setzt die Textzeilen */
/* background: url(bilder/bg.png) repeat; */
color: #1a6a83;
display: block;
height: 30px;
position: absolute;
left: 0;
top: 0;
width: 140px;
}

/*----------------------------------------------------------------*/
/* 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;
}