html { margin:0px; padding:0px; border-style:none; }
body { margin:0px; padding:0px; border-style:none; font-family: Cabin,Georgia,Verdana,Arial,Serif; font-size: 12pt; overflow-y: scroll; line-height: 1.5; }
img  { border:0px; }

@font-face {
    font-family: Cabin;
    src: url('fonts/Cabin-Regular.ttf');
}

@font-face {
    font-family: Baldur;
    src: url('fonts/Baldur.ttf');
}

#frame { width: 950px; margin: 0px auto; position: relative; }

#left  { float: left; width: 180px; margin-left: 45px; text-align: right; }

#logo  { margin-top: 100px; }

#menu1         { margin-top: 20px; margin-bottom: 30px; padding-bottom: 10px; font-size: 11pt; }
#menu1 a       { text-decoration: none; color: #000; display: block; margin-bottom: -1px; letter-spacing: 0.02em; }
#menu1 a:hover { color: #f0bf0f; }
#menu1 .block  { margin-bottom: 20px; }
#menu1 h2      { font-style: italic; font-size: 11pt; margin-bottom:0px; margin-top: 5px; }

#menu2   { margin-left:270px; position:absolute; top:5px;  }
#menu2 a { text-decoration: none; color: #000; display: inline-block; margin: 0px 10px; font-size: 10pt; }

.clear { clear: both; }

#content         { padding-top: 40px; margin-left: 280px; padding-bottom: 70px; width: 600px; }
#content h2      { font-size: 14pt; margin-top: 40px; letter-spacing: 0.04em; }
#content h3      { font-size: 13pt; margin-top: 40px; letter-spacing: 0.03em; }
#content a       { color: #000; text-decoration: underline; font-weight: bold; white-space: nowrap; }
#content a:hover { color: #f0bf0f; }

#content .back { text-align: right; }

.frame_top        { display:block; position:absolute; }
.frame_bottom     { display:block; position:absolute; bottom: 0px; }
.frame_bottom img { display:block; }

#hintergrund             { position: fixed; z-index: -99; left: 0; top: 0px; width: 100%; }
#hintergrund > div       { width: 0px; margin: 0px auto; }
#hintergrund > div > img { margin-left: -1250px; }

#wasserzeichen             { position: fixed; z-index: -98; left: 0; bottom: 0px; width: 100%; }
#wasserzeichen > div       { width: 950px; margin: 0px auto; }
#wasserzeichen > div > img { margin-left: 835px; margin-bottom: 145px; }


h1 {
   font-family: Baldur,Cabin,Georgia,Verdana,Arial,Serif;
   color: #f0bf0f;
   text-align: center;
   background-image:url('h1.png');
   background-repeat:no-repeat;
   background-position: 50px 25px;
   padding-bottom: 50px;
   font-size: 24pt;
   letter-spacing: 0.07em;
}

p { margin: 10px 0px; }
u { text-decoration: none; color: red; }

q { quotes: "\201E" "\201D" }

li {
   list-style: none;
   background: url('punkt.png') no-repeat 0px 9px;
   padding-left: 13px;
   margin-left: -15px;
}


#termine h2 { margin: 50px 0px 30px 0px; font-size: 16pt; }
#termine h3 { margin: 20px 0px 0px 0px; font-size: 12pt; }
#termine p  { margin: 0px 0px 0px 0px; }

#presse p              { margin: 30px 0px 0px 0px; }
#presse .quelle        { display: block; font-style: italic; font-size: 9pt; }
#presse .quelle:before { content: "("; }
#presse .quelle:after  { content: ")"; }


.foto       { text-align: center; }
.foto > img { background-color: #FFF; border-radius: 4px; box-shadow: 2px 2px 4px #99926b; }
.f_rechts   { float: right; margin-left: 20px; }


.formerror { color: red; font-weight: bold; font-size: 10pt; }
.formular {  }
.formular td { vertical-align: top; }
.formular input,textarea {
   border: 1px solid #f0bf0f;
   background-color: #fffef9;
   border-radius: 4px;
   padding: 4px;
   resize: none;
   font-family: Cabin,Georgia,Verdana,Arial,Serif;
   font-size: 10pt;
}
.formular input[type=submit] { background-color: #fff2be; font-weight: bold; }

.form_text {
   padding: 5px 10px 0px 20px;
   font-size: 10pt;
   font-weight: bold;
}

.form_caption {
   padding: 20px 10px 0px 20px;
   font-size: 10pt;
   font-style: italic;
}

.form_newsletter_name  input { width: 130px; }
.form_newsletter_email input { width: 274px; }

.zitat {
   margin: -60px auto 20px auto;
   text-align: center;
   font-style: italic;
   width: 400px;
   height: 80px;

   font-weight: bold;
   font-size: 11pt;
   color: black;
}

.autor {
   display: inline-block;
   padding-left: 5px;
   font-size:10pt;
}

.inlinezitat {
   font-style: italic;
   margin: 0px 70px 30px 70px;
}


.initial {
   font-family: Baldur;
   font-size: 20pt;
   color: #f0bf0f;
   font-style: normal;
   padding-right: 3px;
   line-height: 100%;
}


.dsgvo    { margin: 70px 0px; }
.dsgvo p  { font-size: 9pt; margin: 5px 0px; }
.dsgvo h4 { font-size: 10pt; margin-bottom:0px; }
.dsgvo li { list-style: initial; background: initial; font-size: 9pt; padding: initial; }

.foerdergeld { margin-top:20px; font-style:italic; }

.smiley { vertical-align: text-top; height: 17px; }

.kurstext         { font-style: italic; margin: -10px 0px 15px 0px; }
.kurstext::before { content: "- "; }
.kurstext::after  { content: " -"; }


.validateform { display: none; }