html {
        height: 100%;
}

body  {
margin: 0;
padding: 0;
font-size: 100.1%;
background: #891547 url(../pics/back_startseite.jpg) center top no-repeat;


width: 100%;

}

:focus {
        outline: 0;
}

h1, h2, h3, h4, h5, h6, p, br, ul, ol, li, hr  {
margin: 0px;
padding: 0px;
font-family: Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, td, th, fieldset, input, textarea, address, blockquote, nobr, b, i  {
font-family: Verdana, sans-serif; }

li li {
  font-size: 100% !important;
}

table td {
        vertical-align: top;
}

h1 {
        font-size: 12px;
}
img {
        border: 0;
}

/* CONTAINER

--------------------------------------------------*/
#container {

margin-top: -450px;
margin-left: -580px;
width: 1183px;
height: 900px;
top: 50%;
left: 50%;
position: absolute;
text-align: left;
background: transparent url(../pics/startseite-100.jpg) 0 0 no-repeat;
}
.auto {
height:290px;
overflow: auto;
scrollbar-3dlight-color:#1c3f81; scrollbar-arrow-color: white; scrollbar-darkshadow-color: white; scrollbar-face-color: #1c3f81; scrollbar-highlight-color: #1c3f81; scrollbar-shadow-color: #1c3f81; scrollbar-track-color: #fff;
}

#button {
        position: absolute;
        top: 561px;
        left: 180px;
        width: 100px;
        height: 30px;
        font-size: 12px;
        color: #b41770;
}

#button a {text-decoration: underline; color: #b41770;}
#button a:hover {text-decoration: none;}

#nav_oben {
        width: 755px;
        margin-left: 225px;
        position: relative;
        margin-top: 168px;
        height: 27px;
        font-weight: bold;
}

#nav_oben a {
        color: #611529;
        font-size: 16px;
        text-decoration: none;
        margin-right:18px;
        margin-left: 2px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        }

#nav_oben a:hover { text-decoration: underline; }
#nav_oben a:active, #nav_oben a:focus, #nav_oben  {text-decoration: none;}
.tophier a:link, .tophier a:visited, .tophier a:hover, .tophier a:active, .tophier a:focus { color: #891547; }

#wechsler {
        width: 349px;
        margin-left: 478px;
        float: left;
        clear: both;
        color: #fff;
}

#kontakt {
        width: 324px;
        margin-left: 226px;
        float: left;
        clear: both;
        color: #666;
        margin-top: 185px;
        font-size: 0.7em;
}




#bio {
        width: 323px;
        margin-left: 227px;
        float: left;
        clear: both;
        color: #333;
        margin-top: 5px;
        font-size: 10pt;
        margin-bottom: 20px;
        background: #d1e2dd;

}
#bio h1 {
        margin-left: 5px;
        margin-right: 3px;
        font-size: 12px;
        padding-bottom: 5px;
        padding-top: 3px;
}

#auftritte {
        width: 324px;
        margin-left: 225px;
        float: left;
        clear: both;
        color: #fff;
        margin-top: 5px;
        font-size: 0.7em;
        margin-bottom: 20px;

}
#auftritte h1 {
        margin-left: 10px;
        margin-right: 3px;
        font-size: 12px;
        padding-bottom: 5px;
        padding-top: 3px;
}

#auftritte p {
        margin-left: 10px;
        margin-right: 8px;
        padding-bottom: 5px;
        padding-top: 3px;
}

#auftritte ul { list-style-type: none; }
#auftritte li {
margin-left: 10px;
background-image: url(../pics/punkt.gif);
background-position: 0 5px;
background-repeat: no-repeat;
padding-left: 15px;
line-height: 18px;
}

#auftritte a {
        color: #333;
}

#referenzen {
        width: 320px;
        margin-left: 225px;
        float: left;
        clear: both;
        color: #d99649;
        margin-top: 5px;
        font-size: 0.7em;
        margin-bottom: 250px;

}
#referenzen h1 {
        margin-left: 5px;
        margin-right: 3px;
        font-size: 12px;
        padding-bottom: 5px;
        padding-top: 3px;
}

#referenzen p {
        margin-left: 5px;
        margin-right: 8px;
        padding-bottom: 5px;
        padding-top: 3px;
}

#referenzen ul { list-style-type: none; }
#referenzen li {
margin-left: 5px;
background-image: url(../pics/punkt.gif);
background-position: 0 5px;
background-repeat: no-repeat;
padding-left: 15px;
line-height: 18px;
}

#pdf_referenzen {
        position: absolute;
        width: 200px;
        top: 357px;
        left: 614px;
        font-size: 12px;
        color: #d99649;
}

#pdf_referenzen a{
        color: #d99649;
        text-decoration: underline;
}

#pdf_referenzen a: hover{
        color: #d99649;
        text-decoration: none;
}


#unterricht {
        width: 324px;
        margin-left: 225px;
        float: left;
        clear: both;
        color: #fff;
        margin-top: 5px;
        font-size: 0.7em;
        margin-bottom: 7px;

}
#unterricht h1 {
        margin-left: 10px;
        margin-right: 3px;
        font-size: 12px;
        padding-bottom: 5px;
        padding-top: 3px;
}

#unterricht p {
        margin-left: 10px;
        margin-right: 8px;
        padding-bottom: 5px;
        padding-top: 3px;
}

#unterricht ul { list-style-type: none; }
#unterricht li {
margin-left: 10px;
background-image: url(../pics/punkt.gif);
background-position: 0 5px;
background-repeat: no-repeat;
padding-left: 15px;
line-height: 18px;
}

#unterricht a {
        color: #333;
}




.floatleft
{
float: left;
width: 52px;
padding: 3px 3px 3px 10px;
margin-right: 3px;
margin-top: 13px;
}

div.floatleft img
{
padding: 3px;
}

.floatleft_termine
{
float: left;
width: 103px;
padding: 3px 3px 3px 10px;
margin-right: 3px;
margin-top: 13px;
}

div.floatleft_termine img
{
padding: 3px;
}

.flyer {
        margin-top: 13px;
}

.clearer {
        clear: both;
}

#kontakt p {
        margin-left: 5px;
        margin-right: 3px;
}

#kontakt h1 {
        margin-left: 5px;
        margin-right: 3px;
        font-size: 0.9em;
        padding-bottom: 5px;
        padding-top: 3px;
}


.hoehe { height: 330px; }
div[class = "hoehe"] {
height: auto; min-height: 326px;
        margin-left: 11px;
}

.biohoehe { height: 490px; }
div[class = "biohoehe"] { height: auto; min-height: 490px;
}

.auftritthoehe { height: 490px; }
div[class = "auftritthoehe"] { height: auto; min-height: 490px;
}

.unterrichthoehe { height: 430px; }
div[class = "unterrichthoehe"] { height: auto; min-height: 430px;
}

.referenzenhoehe { height: 260px; }
div[class = "referenzenhoehe"] { height: auto; min-height: 260px;
}

.intensivwochen { height: 260px; }
div[class = "intensivwochen"] { height: auto; min-height: 260px;
}

#nav_unten {
        width: 755px;
        margin-left: 225px;
        margin-top: 5px;
        float: left;
        clear: both;
        font-weight: bold;
}

#nav_unten a {
        color: #611529;
        font-size: 15px;
        text-decoration: none;
        margin-right: 15px;
        margin-left: 2px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        }
#nav_unten a:hover { text-decoration: underline; }
#nav_unten a:active, #nav_unten a:focus, #nav_unten   { text-decoration: none; }

/* FORMULAR
-------------------------*/

form {

padding: 0;
padding: 0 0 1em 0px;

}
input, select, textarea {
                  background-color: #d9eaf2;
                  border : 1px solid #666;

}


fieldset {
        width: 290px;
        border: 0;
}
fieldset p {
width: 100%;
float: left;
padding: 2px 0;
margin: 0;
}
fieldset input  {
width: 60%;
background: #fafafa;
border: 1px solid #ccc;
}
.submit {
        background:  #fafafa;
        width: 20%;
}
.rechts {
        text-align: right;
        margin-right: 5px;

}
fieldset select  {
width: 100px;
padding-right: 5px;
}
fieldset label {
display: block;
float: left;
width: 25%;
padding: 3px 0;
margin: 0 5px 0 0;
background: #F2F5F5;
color: inherit;
        }
.lang {
        width: 80%;
        background: #fff;
}
fieldset textarea {
        border: 1px solid #ccc;
        width: 200px;
        background: #fafafa;
        font-size: 10px;
}
.kurz {
        width:20px;
}

.blau {
color: #1f4898;
}

.red {
        color: #f61920;
}