html,body {
  text-align: center;
  font-size: 10pt;
  height: 100%;
  font-family:Verdana, Arial, sans-serif;
  color: #fff;
  background:#d3d3d3;
  margin: 0;
  padding: 0;
}
p,form {
  font-size: 10pt;
  margin: 0;
  padding: 0;
}

h1 {
  font-size:10pt;
  margin:3px;
}

ul {
  list-style-image: url(./img/li.gif);
  margin-left: 17px;
}

li {
  margin-bottom:20px;
}

li .indent {
  margin-left: 50px;
  
}

input {
  width: 320px;
  background: #d3d3d3;
  color: #000;
  border: 1px solid #000;
}
.half {
  width: 150px;
}

textarea {
  width: 320px;
  height: 110px;
  background: #d3d3d3;
  color: #000;
  border: 1px solid #000;
}
  



A:link, A:visited, A:active
{

font-size: 10pt;
text-decoration: none;
color:#fff;
}

A:hover
{
color:#eee;
text-decoration:underline
}


/* Layer */
#frame {
  width: 960px;
  height: 600px;
  text-align: left;
  position: relative;
  clear: left;
  margin: 0 auto;
  background: #342d1f;
  color: #fff;
}

#distance { 
		width:1px;
		height:50%;
		margin-bottom:-300px; /* half of container's height */
		float:left;
}

#header {
  height: 42px;
  width: 100%;
}

#middle {
  height: 450px;
  width: 100%;
  clear: left;
  overflow: hidden;
}

#submenue {
  width: 242px;
  height: 450px;
  float: left;
  background: url(./img/cimg_blank.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
}

#c_termine {
  width: 424px;
  height: 450px;
  float: left;
  background: url(./img/cimg_termine.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}

#c_alice {
  background: url(./img/cimg_alice.jpg);
}

#c_barbara {
  background: url(./img/cimg_barbara.jpg);
}

#c_eva {
  background: url(./img/cimg_eva.jpg);
}

#c_alice, #c_barbara, #c_eva {
  width: 430px;
  height: 450px;
  float: left;
  background-repeat: no-repeat;
  background-position:left;
}
#c_gestik {
  background: url(./img/cimg_gestik.jpg);
}
#c_laute {
  background: url(./img/cimg_laute.jpg);
}
#c_chitarrone {
  background: url(./img/cimg_chitarrone.jpg);
}
#c_floeten {
  background: url(./img/cimg_floeten.jpg);
}
#c_gestik, #c_laute, #c_chitarrone, #c_floeten {
  background-repeat: no-repeat;
  background-position:left;
  width: 430px;
  height: 450px;
  float: left;
}

#c_download {
  width: 485px;
  height: 450px;
  float: left;
  background: url(./img/cimg_download.jpg);
  background-repeat: no-repeat;
  background-position:left;
}

#content {
  height: 450px;
  margin-right: 20px;
}

#footer {
  height: 108px;
  width: 100%;
  clear: left;
  background: #6b0000;
  color: #fff;
  overflow:hidden;
  background-image: url(./img/ecker_noten.gif);
  background-position: bottom right;
  background-repeat:no-repeat;
}

#noten_links {
  height: 108px;
  width: 242px;
  background: url(./img/eckel_noten.gif);
  float: left;
}

#menue {
  height: 28px;
  width: 718px;
  float: right;
  
}

/* //Layer */

/* Submenues */
#smenue {
  position: relative;
  left: 184px;
}

#mensemble {
  position: relative;
  margin-left:0px;
  width:102px;
  height:85px;
  text-align:left;
  line-height:14pt;
  visibility:hidden;
  float:left;
}

#minstrumente {
  position: absolute;
  margin-left:10px;
  width:105px;
  height:85px;
  text-align:left;
  line-height:14pt;
  visibility:hidden;
  float:left;
}

/* Img-Formatierungen */

img {
  vertical-align:bottom;
}

#menue img {
  border: none;
  margin: 0;
}

#header-imgs img {
  margin: 5px 6px 0 0;
  padding: 0;
  float: left;
  border: none;
}

/* //Img-Formatierungen */

/* Klassen */

.form_topic {
  font-size: 8pt;
  font-style: italic;
  margin-top: 3px;
  margin-left: 4px;
}

.termine-logo {
  width: 396px;
  height: 106px;
  margin-top: 100px;
  margin-left: 80px;
  
  background-image: url(./img/content_termine_logo.gif);
  background-position: top right;
  background-repeat: no-repeat;
}
  
.termine-content {
  height: 450px;
  width: 532px;
  float: right;
  background-image: url(./img/content_termine_fotos.jpg);
  background-position: bottom right;
  background-repeat: no-repeat;
}

.termine-termine {
  width:235px;
  height: 170px;
  margin-left: 0px;
  margin-top: 68px;
  clear: left;
  font-size: 10pt;
}


.termine td {
  vertical-align: top;
  text-align: left;
}

.ensemble,.instrumente {
  height: 450px;
  width: 100%;
  float:left;
  text-align: center;
  background: url(./img/cimg_blank.jpg);
  background-position: bottom left;
  background-repeat: no-repeat;
}

.ensemble img,.instrumente img {
  border:none;
  margin-top:25px;
}

.ensemble table,.instrumente table {
  border: none;
  width:700px;
  margin: 0 auto;
}

.instrumente table {
  width: 850px;
}