body {
  font-family:Helvetica, sans serif;
  font-size:10pt;
  text-align:center;
  background-image: url(../pics/bg_musikschulsite.gif);
  background-repeat: repeat;
  top: 0px; left:0px;
  }
a {
  color:blue;
}
a:visited {
  color:#003399;
}
a:hover {
  color:orange;
}
a.toplinks {
 font-size:0.8em;
 color:blue;
 text-decoration:none;
 font-family:"Trebuchet MS", sans serif;
}
a.toplinks:hover{
 color:yellow;
 background-color:#FF9966;
}
a.toplinks-admin {
 font-size:0.8em;
 color:#CCAAAA;
 text-decoration:none;
 font-family:"Trebuchet MS", sans serif;
}
a.toplinks-admin:hover{
 color:yellow;
 background-color:#FF9966;
}
a.toplinks-font {
 font-size:0.8em;
 color:gray;
 text-decoration:none;
 font-family:"Trebuchet MS", sans serif;
}
a.toplinks-font:hover{
 color:yellow;
 background-color:#FF9966;
}
h1 {
  font-size:1.8em;
  font-family:"Trebuchet MS", sans serif;
  color:#003399;
  text-align:center;
}
h2 {
  font-size:1.4em;
  font-family:Helvetica, sans-serif;
  color:#993333;
  text-align:center;
}
h3 {
  font-size:1.2em;
  font-family:Helvetica, sans-serif;
  color:#993333;
  text-align:center;
}

h4 {
  font-size:1.0em;
  font-family:Helvetica, sans-serif;
  color:#993333;
  text-align:center;
}

p {
  text-align:center;
}
p#h5 {
  font-size:0.8em;
  font-weight:bold;
  font-family:Helvetica, sans-serif;
  color:#993333;
  text-align:center;
}
p#h6 {
  font-size:0.8em;
  font-weight:bold;
  font-family:Helvetica, sans-serif;
  color:black;
  text-align:center;
}

#main {
  width:724pt;
  height:565pt;
  margin:0pt auto;
  align:center;
  /*border:2pt solid yellow;*/
}
#header {    /* 64pt hoch */
  /*background-color:white;*/
  height:55pt;
  text-align:right;
  /*border:2pt solid blue;*/
  padding:0pt;
  margin-left:0pt;
  margin-right:0pt;
  /*border-bottom:10px solid white;*/
}
#header table {
  font-size:1em;
}
#inhalt {     /*536pt breit */
  float:right;
  width:480pt; /* Breite 510 ist mit neuer IE Release ok, nur mit Release 6 nicht ! */
  height:436pt;
  background-color:white;
  text-align:center;
  font-weight:normal;
  padding:5pt;
  margin:10pt;
  margin-left:0pt;
  margin-right:10pt;
  overflow:auto;
  position:relative;z-index:4;
}
#inhalt-vorhang {
  background-position:0pt 0pt;
  background-repeat:no-repeat;
  height:380pt;
}
/* Box bei Aktuelles und Impressum */
#box {
  background-image: url(../pics/box.gif);
  background-position:40% 50%;
  border:1pt solid gray;
  width:450pt;
  margin:0pt auto;
  padding-left:0pt;
  text-align:center;
}
div#box:hover {
  background-image: url(../pics/box.gif);
  background-position:25% 50%;

}
#footer {    /* 54pt hoch */
  /*border:2pt solid red;*/
  height:20pt;
  padding:5pt;
  margin-left:20pt;
  margin-right:20pt;
  color: blue;
  font-weight:light;
  font-variant:small-caps;
  font-size:0.8em;
  clear:both;
}
#footer a {
  text-decoration:none;
}
#footer a:hover {
  color:blue;
  text-decoration:underline;
}
#footer-anzeige {
  font-size:1.2em;
  font-weight:bold;
  color:#993333;
  background-color:white;
}
#copyright:hover {
	background-image:url(../pics/acm.gif);
}
#nav {    /* 384pt hoch, 224pt breit*/
  float:left;
  width:180pt;
  height:450pt;
  text-align:center;
  padding:0pt;
  margin:8pt;
  margin-right:0pt;
  position:relative;z-index:3;

}
#fach {
  width:350pt;
  height:180pt;
  background-color:white;
  text-align:center;
  font-weight:normal;
  padding:8pt;
  margin:0pt auto;
  margin-top:20pt;
  margin-left:100pt;
  align:center;
  overflow:auto;
}

#lehrer {
  font-weight:bold;
  text-align:center;
  color:#660033;
}
/* im navcontainer */
#navigation {
  width: 160pt;
  height:430pt;
  margin: 0.4em; padding: 0.2em;
}
#navigation li
{
  list-style-type: none;
  font-family:"Trebuchet MS", sans serif;
  font-weight:bold;
  font-size:1.2em;
}
#navigation li.li-anzeige
{
  background-image: url(../pics/redbuttonx.gif);
  background-repeat:no-repeat;
  background-position:-130pt 30%;
  font-weight:bold;
  text-align:center;
  color:blue;
  margin: 2pt; 
  padding: 5pt;
  padding-top:10pt;
  padding-right:0pt;
  display:block;
  height:25pt;
  width:180pt;
}
/* Links Navigation */
#navigation a {
  display:block;
  color:black;
  margin: 2pt; padding: 5pt;
  padding-top:10pt;
  height:25pt;
  width:150pt;
  text-decoration:none;
}
#navigation a:hover {
  background-image: url(../pics/bluebuttonx.gif);
  background-repeat:no-repeat;
  background-position:-130pt 30%;
  font-weight:bold;
  color:blue;
  text-decoration:none;
}
#navigation a:active {
  color:red;
}
/* fuer Tabellenlayout */
  label, input, select, textarea {
    display:block;
    float:left;
    margin:5px 10px;
  }
  label {
    text-align:right;
    width:300px;
    padding-right:0.5em;
  }
  label.extra {
    text-align:left;
  }
  label.kal {
    text-align:left;
    width:300px;
  }
 label.radio {
    text-align:left;
    width:30px;
  }
  label.check {
    text-align:left;
    width:110px;
  }
  input {
	width:200px;
  }
  input.radio, input.check {
    width:20px;
  }
  input#submit {
    float:none;
	width:auto;
  }
  form br {
    clear:left;
  }
  span.besucherzaehler {
    color:#6666CC;
	font-variant:small-caps;
  }