/* CSS - styles.css */

/*a:link { font-size: 14px; color: gray; text-transform: uppercase; background-color: white; line-height: 25px; letter-spacing: 1px;}*/
@import url('https://fonts.googleapis.com/css?family=Baloo');
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;}

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

.gslink a:link {	color: #FA6200; background-color: white; font: 600 3em Arial, sans-serif; letter-spacing:1px; text-decoration: none;}
.gslink a:visited { color: #FA6200; font: 600 3em Arial, sans-serif; letter-spacing:1px; text-decoration: none;}
.gslink a:hover { color: #ff6000; font: 600 3em Arial, sans-serif; letter-spacing:1px; 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;}

.plink a:link {	color: white; 	text-decoration: none; background-color:#830C06; font-size: 17px; font-variant: small-caps; letter-spacing:1px;}
.plink a:visited { color: #FA6200; text-decoration: none; font-size: 17px; font-variant: small-caps; letter-spacing:1px;}
.plink a:hover { color: #FA6200; text-decoration: none; font-size: 17px; font-variant: small-caps; letter-spacing:1px;}

.wrapper_nav       {width: 1000px; margin: 0 auto;}
.wrapper_start     {width: 1000px; height: 667px; margin: 0 auto; background-image: url("pictures/index3.jpg");}
.wrapper_kurse     {width: 1000px; height: 667px; margin: auto;}
.wrapper_kontakt   {width: 1000px; margin: 0 auto; }
.wrapper_vita      {width: 1000px; margin: 0 auto; }
.wrapper_aktuelles {width: 1000px; margin: 0 auto; text-align: center;}
.wrapper_texte     {width: 1000px; height: 1000px; margin: 0 auto; }
.wrapper_texte2    {padding-top: 100px; width: 1000px; height: 1000px; margin: 0 auto; }




h1.sm {font: 600 2.5em Baloo; letter-spacing: 1px; color:#008000; background-color: #bed25a; padding: 0; margin: 0; display: inline;}
h2.sm {font: 600 2.0em Baloo; letter-spacing: 1px; color:#FA6200; background-color: #bed25a; padding: 0; margin: 0; display: inline;}
p.sm22 {font: 1.2em Baloo;  color: #008000; background-color: white; margin: 0 auto; line-height:125%; display: inline;}
p.sm_rot {font: 1.3em Baloo;  color: #782121; background-color: white; margin: 0 auto; line-height:125%; display: inline;}


h1 {font: 600 3em Arial, sans-serif; line-height: 25px; letter-spacing: 1px; color:#830C06; background-color: white; padding: 0; margin: 0; display: inline;}
h1.wk {font: 600 2.5em Arial, sans-serif; letter-spacing: 1px; color:#FA6200; background-color: white; padding: 0; margin: 0; display: inline;}
h1.em2 {font: 600 1.3em serif; line-height: 25px; letter-spacing: 1px; color:#830C06; background-color: white; padding: 0; margin: 0; display: inline;}
h1.em1 {font: 600 1.1em serif; line-height: 25px; color:#008061; 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.orange {font: 600 1.2em Arial, sans-serif; line-height: 25px; letter-spacing: 1px; color:#FA6200; background-color: white; padding: 0; margin: 0; display: inline;}
h2.i20 {font-size: 20px; font-style: italic; font-variant: small-caps; }

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 {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;}

h1.datenschutz {font-size: 30px; font-family: Arial; color: gray; background-color: white; letter-spacing: 2px;}
h2.datenschutz {font-size: 24px; font-family: Arial; color: gray; background-color: white;}
h3.datenschutz {font-size: 18px; font-family: Arial; color: gray; background-color: white;}

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_150 {font-size: 16px; font-style: italic; color: black; background-color: white; margin: 0 auto; line-height:150%; display: inline;}
p.j16_125 {font-size: 16px; font-style: italic; color: black; background-color: white; margin: 0 auto; line-height:125%; display: inline;}
p.j16_125j {font-size: 16px; font-style: italic; color: black; background-color: white; margin: 0 auto; line-height:125%; text-align: justify;}
p.j17_125 {font-size: 0.9em; font-style: italic; color: black; letter-spacing: 1px; background-color: white; margin: 0 auto; line-height:143%; text-align: justify; display: inline;}
p.j18_125 {font-size: 18px; font-style: italic; color: white; background-color: #830C06; 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.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.j12_125j {font-size: 12px; font-style: italic; color: black; background-color: white; margin: 0 auto; line-height:125%; text-align: justify;}
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%;}
p.nav {	color: white; text-decoration: none; background-color:#830C06; font-size: 17px; font-variant: small-caps; letter-spacing:1px; text-align: center; }

ul.j16_125j {font-size: 16px; font-style: italic; color: black; background-color: white; margin: 0 auto; line-height:125%; text-align: justify;}


.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;}


#footer {padding:5px; clear: both; background-color: gray;}

.banner_gray { height: 20px; overflow: hidden; position: relative;}
.banner_gray grau{ position: absolute; width: 169%; margin: 0; line-height: 0px; text-align: center;
 font-size: 14px; font-style: italic; font-weight: bold; color: white;; letter-spacing: 2px; background-color:#FA6200;
 /* Starting position */
 transform:translateX(100%); /*100%=Beginn am rechten Rand*/
 /* Apply animation to this element */
 animation: banner_gray 25s linear infinite;}
 @keyframes banner_gray {0% { transform: translateX(50%);} /*Startverzögerung/Beginn rechter Rand*/
 92% { transform: translateX(-95%); } /*Rücklauf*/}


/*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;}

.pic {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;}
.vorschaurahmen {width:240px; margin-left: 30px; background-color: #AAAAAA; box-shadow:1px 1px 2px 1px #AAAAAA;}


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: gray; padding: 7px 30px; font-weight: bold; text-decoration: none; border-radius: 4px;}
ul#menu li a:hover {background-color: #DDDDDD;}

ul#menu1 {padding: 0; font-variant: small-caps;font-size: 12px; text-align: center;}
ul#menu1 li {display: inline;}
ul#menu1 li a {background-color: #F9F9F9; color: gray; padding: 7px 30px; text-decoration: none; border-radius: 4px;}
ul#menu1 li a:hover {background-color: #DDDDDD;}

ul#pfeiltasten {margin: 0 0 1% 0%; padding: 0; text-align: center;}
ul#pfeiltasten li {display: inline;}
ul#pfeiltasten li a {background-color: #F9F9F9; color: gray; font-weight: bold; text-decoration: none; border-radius: 10px;}
ul#pfeiltasten li a:hover {background-color: #DDDDDD;}

/*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%;

  }
*/