/* CSS - styles.css */

/*a:link { font-size: 14px; color: gray; text-transform: uppercase; background-color: white; line-height: 25px; letter-spacing: 1px;}*/
a:link {	color: gray; 	background-color: white;}
a:active { color: gray; text-decoration: none;}
a:visited { color: gray; text-decoration: none; }
a:hover { color: #990033; text-decoration: none;}

.bannerlink a:link {	color: #990033; 	background-color: white;}
.bannerlink a:active { color: #990033; text-decoration: none;}
.bannerlink a:visited { color: #990033; text-decoration: none; }
.bannerlink a:hover { color: gray; text-decoration: none;}

.altlink a:link {	color: black; 	background-color: white;}
.altlink a:visited { color: black; text-decoration: none; }
.altlink a:hover { color: #990033; text-decoration: none;}

.bilderlink a:link {	color: black; 	background-color: white; font-size: 11px; font-variant: small-caps; letter-spacing:1px;}
.bilderlink a:visited { color: #666666; font-size: 11px; font-variant: small-caps; letter-spacing:1px;}
.bilderlink a:hover { color: #990033; font-size: 11px; font-variant: small-caps; letter-spacing:1px;}

.textlink a:link { color: black; 	text-decoration: none; background-color: white;}
.textlink a:visited { color: black; text-decoration: none; background-color: white;}
.textlink a:hover { color: #990033; text-decoration: none; background-color: white;}

.tlink a:link {	color: black; 	text-decoration: none; background-color: white; font-size: 11px; font-variant: small-caps; letter-spacing:1px;}
.tlink a:visited { color: #666666; text-decoration: none; font-size: 11px; font-variant: small-caps; letter-spacing:1px;}
.tlink a:hover { color: #990033; text-decoration: none; font-size: 11px; font-variant: small-caps; letter-spacing:1px;}

.nslink a:link { color: gold; text-decoration: none; font-size: 13px; font-variant: small-caps; letter-spacing:2px; padding: 35px; border-style: dotted; border-width: 0.6em; border-color: #990033; border-radius: 10px;}
.nslink a:visited { color: #666666; text-decoration: none; font-size: 10px; font-variant: small-caps; letter-spacing:1px; padding: 35px; border-style: solid; border-width: 0.4em; border-color: #D9D1C6; border-radius: 10px;}
.nslink a:hover { color: #990033; text-decoration: none; font-size: 16px; font-variant: small-caps; letter-spacing:1px; padding: 20px; border-style: dotted; border-width: 0.4em; border-color: #D9D1C6; border-radius: 10px;}


.wrapper           {width: 1000px; margin: 0 auto;}
.wrapper_start     {width: 1000px; margin: 0 auto; background-image: url("start.jpg");}
.wrapper_kontakt   {width: 1000px; margin: 0 auto; background-image: url("kontakt/kontakt.jpg");}
.wrapper_vita      {width: 1000px; margin: 0 auto; background-image: url("vita/vita.jpg");}
.wrapper_aktuelles {width: 1000px; margin: 0 auto; background-image: url("aktuelles/aktuelles.jpg");}
.wrapper_texte     {width: 1000px; height: 1000px; margin: 0 auto; background-image: url("texte/texte1.jpg");}
.wrapper_texte2    {padding-top: 100px; width: 1000px; height: 1000px; margin: 0 auto;background-image: url("texte/texte1.jpg");}



h1 {font: 600 3em Arial, sans-serif; line-height: 25px; letter-spacing: 1px; color:#990033; background-color: white; padding: 0; margin: 0; display: inline;}
h1.datenschutz {font: 600 25px Arial, sans-serif; line-height: 25px; letter-spacing: 1px; color:gray; background-color: white; padding: 0; margin: 0; display: inline;}
h2 {font: 600 1.2em Arial, sans-serif; line-height: 25px; letter-spacing: 2px; color:#990033; background-color: white; padding: 0; margin: 0; display: inline;}
h2.i20 {font-size: 20px; font-style: italic; font-variant: small-caps; }
h2.i26 {font-size: 26px; font-style: italic; font-variant: small-caps; }
h2.datenschutz {font: 600 20px Arial, sans-serif; line-height: 20px; letter-spacing: 1px; color:gray; background-color: white; padding: 0; margin: 0; display: inline;}

h3.fett32 {font-size: 32px; font-weight: bold; font-style: italic; letter-spacing: 2px; display: inline; background-color: white; color: black; font-variant: small-caps;}
h3.fett24 {font-size: 24px; font-weight: bold; font-style: italic; letter-spacing: 1px; display: inline; background-color: white; color: black;}
h3.i22 {font-size: 22px; font-style: italic; letter-spacing: 1px; font-variant: small-caps; display: inline; background-color: white; color: gray;}

h3 {font: 600 0.9em Arial, sans-serif; line-height: 25px; letter-spacing: 2px; color:gray; background-color: white; padding: 0; margin: 0; display: inline;}
h4 {font: 600 0.9em Arial, sans-serif; line-height: 25px; letter-spacing: 1px; color:#990033; background-color: white; padding: 0; margin: 0; display: inline;}


body { font-family: 'Arial', sans-serif;}

.navArea {font-family:sans-serif; font-size: 14px; text-align: right; text-transform: uppercase; line-height: 25px; letter-spacing: 1px; width: 120px;
	border-top-style: dotted; border-left-style: dotted; border-color: #990033; border-width: 0.4em; margin: 0 0 0 0; padding: 0 0 0 0;}
.navZeile {font-family:sans-serif; font-size: 13px; text-align: center; text-transform: uppercase; line-height: 48px; letter-spacing: 1px; width: 1000px; margin: 0 0 0 0; padding: 0 0 0 0;}

.contentArea {width: 1000px; margin: 0 auto;}
.contentArea860 {width: 880px; margin: 0 auto;}
.contentArea840 {width: 840px; margin: 0 auto;}
.contentArea680 {width: 680px; margin: 0 auto;}
.contentArea740 {width: 740px; margin: 0 auto;}
.contentArea780 {width: 780px; margin: 0 auto;}
.contentArea765 {width: 765px; margin: 0 auto;}

.footer {font-size: 12px; text-align: right; line-height:150%; margin-top: 1em; margin-bottom: 1em; border-top-style: dotted; border-left-style: dotted; border-color: #D9D1C6; border-width: 0.5em;}

p.j16_125 {font-size: 16px; font-style: italic; color: black; background-color: white; margin: 0 auto; line-height:125%; display: inline;}
p.j16_150 {font-size: 16px; font-style: italic; color: black; background-color: white; margin: 0 auto; line-height:150%; display: inline;}
p.j18_125 {font-size: 18px; font-style: italic; color: black; background-color: white; margin: 0 auto; line-height:125%; display: inline;}
p.j18_125g {font-size: 18px; font-style: italic; color: gray; background-color: white; margin: 0 auto; line-height:125%; display: inline;}
p.j22_125 {font-size: 22px; font-style: italic; color: black; background-color: white; margin: 0 auto; line-height:125%; display: inline;}
p.j20_125 {font-size: 20px; font-style: italic; color: black; background-color: white; margin: 0 auto; line-height:125%; display: inline;}
p.j20_125r {font-size: 20px; font-style: italic; color:#990033; background-color: white; margin: 0 auto; line-height:125%; display: inline;}
p.j14_125 {font-size: 14px; font-style: italic; color: black; background-color: white; margin: 0 auto; line-height:125%; display: inline;}
p.j12_125 {font-size: 12px; font-style: italic; font-variant: small-caps; letter-spacing: 2px; color: black; background-color: white; margin: 0 auto; line-height:125%; display: inline;}
p.j11_150 {font-size: 11px; font-style: italic; font-variant: small-caps; letter-spacing: 1px; color: black; background-color: white; margin: 0 auto; line-height:150%; display: inline; }
p.mt14_125 {font-size: 14px; font-style: italic; color: black; background-color: white; margin: 0 auto; line-height:125%; display: inline; }
p.mt14_150j {font-size: 14px; font-style: italic; color: black; background-color: white; margin-right: 100px; line-height:150%; text-align: justify; }
p.i17 {text-align: left; font-style: italic; font-size: 17px; line-height:150%; background-color: white; display: inline;}
p.i12 {text-align: center; font-style: italic; font-size: 12px; line-height:150%; background-color: white; display: inline;}
p.n12 {text-align: center; font-size: 12px; small-caps; letter-spacing: 1px; line-height:125%; background-color: white; display: inline;}
p.sc {font-size: 15px; font-style: italic; color: black; line-height:150%; text-align: center; font-variant: small-caps; display: inline;}
p.bilder {font-size: 13px; font-style: italic; color: black; margin: 0 auto; line-height:125%;}

.kursangebot {font-size: 16px; text-align: left; line-height:150%; margin-top: 1em; margin-bottom: 1em; padding: 2em;
   border-top-style: dotted; border-left-style: dotted; border-color: #D9D1C6; border-width: 0.4em; font-style: italic; color: gray;}

.rahmen {width:690px; background-color:#F9F9F9; margin:25px 0px 70px 155px; box-shadow: 2px 2px 4px 2px gray;}
.rahmen1 {width:690px; background-color:#F9F9F9; margin:25px 0px 70px 155px; box-shadow: 2px 2px 4px 2px gray;
			font-size: 13px; font-style: italic; color: black; line-height:125%; text-align: center;}
.rahmen2 {width:560px; background-color:#F9F9F9; margin:25px 0px 70px 155px; box-shadow: 2px 2px 4px 2px gray;
			font-size: 13px; font-style: italic; color: black; line-height:125%; text-align: center;}
.rahmen3 {width:540px; background-color:#F9F9F9; margin:25px 0px 70px 155px; box-shadow: 2px 2px 4px 2px gray;
			font-size: 13px; font-style: italic; color: black; line-height:125%; text-align: center;}
.rahmen4 {width:360px; background-color:#F9F9F9; margin:25px 0px 70px 155px; box-shadow: 2px 2px 4px 2px gray;
			font-size: 13px; font-style: italic; color: black; line-height:125%; text-align: center;}
.rahmen5 {width:420px; background-color:#F9F9F9; margin:25px 0px 70px 155px; box-shadow: 2px 2px 4px 2px gray;
			font-size: 13px; font-style: italic; color: black; line-height:125%; text-align: center;}
.rahmen6 {width:480px; background-color:#F9F9F9; margin:25px 0px 70px 155px; box-shadow: 2px 2px 4px 2px gray;
			font-size: 13px; font-style: italic; color: black; line-height:125%; text-align: center;}

/*div#bilderrahmen_polaroid_1 {
 width:260px;
 height:230px;
 margin: 0px;
 padding: 15px 10px 8px 10px;
 box-shadow:4px 4px 12px 0px grey;
 font-size: 10px;
 text-align: center;
 }
 */

p.s16_h125 {font-size: 16px; margin: 0 auto; line-height:125%; text-align: justify;}


div#text_links {
	 margin: 110 20 30 10;
	 padding: 15 0 20 10;
    text-align: left;
    font-style: italic;
	 font-size: 17px;
    line-height:150%;
    border-right-style: dotted;
    border-bottom-style: dotted;
   border-color: #eeeeee;
   border-width: 0.5em;
  }

.text_left {margin: 0 20 30 10; padding: 35 0 20 10; border-right-style: dotted;
    border-bottom-style: dotted; border-color: #eeeeee; border-width: 0.5em;}
.text_right {padding: 15px; text-align: left; font-style: italic; font-size: 17px;
    line-height:150%; border-top-style: dotted; border-color: #eeeeee; border-width: 0.5em;}
    font-style: italic;
.text_down {padding: 10 0 10 0; margin: 0 20 150 70;}
.text_leftup {margin: 110 20 30 10; padding: 15 0 20 10; border-right-style: dotted;
   border-color: #dcdcdc; border-width: 0.5em;}

.ns {width: 1000px; margin-top:20px; margin-bottom:20px; line-height:125%; text-align: center;}

.pic {width: 300px; padding: 20px 0 35px 0 ; margin: 20px 340px 15px 340px;
    font-style: italic; font-size: 13px; line-height:125%; text-align: center;
    background-color: white;}
.vorschaurahmen {width:240px; margin-left: 30px; background-color: #AAAAAA; box-shadow:1px 1px 2px 1px #AAAAAA;}
.pic400 {width: 450px; padding: 20px 0 35px 0 ; margin: 20px 340px 15px 340px;
    text-align: left; font-style: italic; font-size: 13px; line-height:125%; text-align: center;
    background-color: white;}


div#text_rechts {
	 padding: 15px;
    text-align: left;
    font-style: italic;
	 font-size: 17px;
    line-height:150%;
    border-top-style: dotted;
   border-color: #eeeeee;
   border-width: 0.5em;
  }

div#text_unten {
	 padding: 10 0 10 0;
	 margin: 0 20 150 70;
    text-align: left;
    font-style: italic;
	 font-size: 17px;
    line-height:150%;
  }

div#text_links_oben {
	 margin: 110 20 30 10;
	 padding: 15 0 20 10;
    text-align: left;
    font-style: italic;
	 font-size: 17px;
    line-height:125%;
    border-right-style: dotted;
   border-color: #dcdcdc;
   border-width: 0.5em;
  }

div#text_rechts_unten {
	 padding: 15px;
    text-align: left;
    font-style: italic;
	 font-size: 17px;
    line-height:125%;
    border-top-style: dotted;
   border-color: #dcdcdc;
   border-width: 0.5em;
  }

div#text_vita {
    text-align: left;
    font-style: italic;
	 font-size: 17px;
    line-height:125%;
  }

div#rahmen_vita {
	border-style: solid;;
   border-color: white;
   border-width: 0.6em;
  }

div#texte {
	 padding: 20px;
    text-align: left;
    font-style: italic;
	 font-size: 17px;
    line-height:150%;
    text-align: justify;
  }

div#bilder {
	 width: 300px;
	 padding: 20px 0 35px 0 ;
	 margin: 20px 340px 15px 340px;
    text-align: left;
    font-style: italic;
	 font-size: 13px;
    line-height:125%;
    text-align: center;
    background-color: white;
  }

.banner {
 height: 20px;
 overflow: hidden;
 position: relative;
}
.banner h4 {
 position: absolute;
 width: 130%;
 height: 100%;
 margin: 0;
 line-height: 20px;
 text-align: center;
 /* Starting position */
 transform:translateX(98%); /*100%=Beginn am rechten Rand*/
 /* Apply animation to this element */
 animation: banner 19s linear infinite;
}
 @keyframes banner {
  0% { transform: translateX(101%);} /*Startverzögerung/Beginn rechter Rand*/
 92% { transform: translateX(-101%); } /*Rücklauf*/
}



ul#menu {padding: 0; text-align: center;}
ul#menu li {display: inline;}
ul#menu li a {background-color: #F9F9F9; color: blue; padding: 7px 30px; font-weight: bold; text-decoration: none; border-radius: 4px;}
ul#menu li a:hover {background-color: #DDDDDD;}

div#ns {background-color: #F9F9F9; color: blue; padding: 7px 30px; font-weight: bold; text-decoration: none; border-radius: 4px;}

/*div#text_2 {
    width: 865px;
    margin: 0 auto;
    line-height:135%;
    text-align: justify;
  }


div#text_2b {
	font-size: 0.70em;
    margin: 0 auto;
    line-height:125%;
    text-align: center;
  }

div#text_3 {
	font-size: 1em;
    margin: 0 auto;
    line-height:150%;
    text-align: left;
  }

div#text_polster {
    width: 600px;
    margin-left: 190px;
    line-height:135%;

  }