/* Farben

 */

html, body {
	height: 100%; margin: 0px; padding: 0px;
}

body {
	background-color: #fff; color: #fff; font-family: Verdana, sansserif; font-size: 1em; text-align: center;
}

p, h1, h2, h3, h4, ul, ol {
   margin: 0px; padding: 0px;
}

h2 {
   font-size: 1.1em; margin-bottom: 10px; color: #fff;
}

h3 {
    font-size: 1em; color: #444; margin: 3px 0 0px 0;
}

img {
   border: 0px;
}

p {
   margin-bottom: 8px;
}

.clear {
   clear: both;
}

.back { display: block; margin-top: 12px; }


/* Ebenen */

#center, #center-subnav {
   width: 940px; height: 690px; margin: 0px auto; background: url(images/bg.jpg) no-repeat;
}

#center-subnav {
   background: url(images/bg-mit-subnav.jpg) no-repeat;
}

#container {
   padding: 19px 32px 32px 32px;
}

#left {
   height: 640px;
}

#wrapper-left {
   float: left; width: 714px; padding-top: 12px;
}


#logo {

}

#mainnav {
   width: 714px; height: 25px; font-size: 0.8em;
}

#wrapper {
   width: 714px; margin-top: 20px; text-align: left;
}

#subnav {
   float: left; width: 145px;
}

#content {
   float: right; width: 540px; line-height: 1.3;  font-size: 0.8em;
}

#content-long {
   width: 720px; line-height: 1.3;  font-size: 0.80em;
}

#footer {
   width: 880px;
}

#footer-left {
   float: left; width: 200px; font-size: 0.7em; text-align: left; color: #7d7d7d;
}

#footer-right {
   float: right; width: 500px; font-size: 0.7em; text-align: right;
}

#right {
   float: right; width: 150px; height: 638px;
}


/* Formatierungen */

.logo-start {
    text-indent: -5000px; display: block; overflow: hidden; width: 714px; height: 560px; margin-bottom: 25px; background: url(images/musica-exclusiva.jpg) no-repeat;
}

.logo-saengerin, .logo-violine {
    text-indent: -5000px; display: block; overflow: hidden; width: 714px; height: 276px; margin-bottom: 12px; background: url(images/logo-saengerin.jpg) no-repeat;
}

.logo-violine {
   background: url(images/logo-violine.jpg) no-repeat;
 }

h2.start {
    text-indent: -5000px; display: block; overflow: hidden; width: 647px; height: 260px; margin: 30px 0 0 35px; background: url(images/slogan.gif) no-repeat;
}

#subnav img {
   padding: 1px 0 0 5px;
}

.kasten-wrapper {
  clear: both; height: 35px;
}

.setcards {
   float: left; margin-right: 10px;
}

.setcards-weiter {
   float: left; width: 120px;
}

.setcardview {
   float: left; width: 130px; height: 260px;
}

.beispiel { list-style-type: none; }

.beispiel li { margin-bottom: 5px; }
a {
   color: #e7e7e7;
}

a:hover {
   color: #888;
}

/* Formular */

fieldset {
   width: 300px; padding: 20px;
}

label, select, input[type=checkbox], input[type=radio],
input[type=button], input[type=submit] {
 cursor: pointer;
}

input, textarea {
   display: block; width: 220px; margin-top: 2px; margin-bottom: 10px; padding: 3px; border: 1px solid #666;
}

input:focus, textarea:focus {
 color: #000;
 background: #f0f0f0;
 border: 1px solid #c00;
}

.error {
   color: #f00; font-size: 0.9em;
}

.dn {
   display: none;
}

/* Booking Formular */

#booking {
   font-size: 0.8em;
}

#booking input, #booking textarea {
   display: block; float: left; width: 105px; margin-top: 2px; margin-bottom: 10px; padding: 3px; border: 1px solid #666; font-size: 1em; font-family: Arial;
}

#booking #nachricht {
   width: 395px;
}


#booking-left {
   float: left; width: 250px;
}

#booking-right {
   float: right; width: 250px;
}

#booking-left label, #booking label {
   float: left; width: 110px; margin-right: 3px;
}

#booking-right label {
   float: left; width: 130px; margin-right: 3px;
}

#booking-left input {
   width: 120px;
}

#booking .dn {
   display: none;
}

#booking br {
   clear: left;
}