/* 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=Caveat|Gloria+Hallelujah');

a:link {	color: #002d00ff; 	background-color: white;}
a:active { color: gray; text-decoration: none;}
a:visited { color: gray; text-decoration: none; }
a:hover { color: green; text-decoration: none;}

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

.kopflink a:link { color: #ffea93ff; background-color: transparent;}
.kopflink a:visited { color: #ffea93ff; text-decoration: none; background-color: transparent;}
.kopflink a:hover { color: white; text-decoration: none; background-color: transparent;}

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

.articlelink a:link { color: black; background-color: white;}
.articlelink a:visited { color: black; background-color: white;}
.articlelink a:hover { color: green; 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;}


.wrapper           {width: 1000px; margin: 0 auto;}
.wrapper_840       {width: 840px; margin: 0 auto;}
.wrapper_webcam    {width: 750px; margin: 0 auto;}



h1 {font-size: 30px; font-family: Caveat; color: white; background-color: green; line-height:110%; text-align: center; 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; }

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: Caveat; color: gray; background-color: white; letter-spacing: 2px;}
h2.datenschutz {font-size: 24px; font-family: Caveat; color: gray; background-color: white;}
h3.datenschutz {font-size: 18px; font-family: Caveat; color: gray; background-color: white;}


body { font-family: Caveat;}

.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;}
.contentArea690 {width: 690px; margin: 0 auto;}
.contentArea_webcam {margin: 0 auto; }
.contentArea1000t {width: 1000px; margin: 0 auto; line-height:125%; text-align: justify; }

.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.m20green {margin:0px 0px 0px 70px; font-size: 20px; font-family: Caveat; color: white; background-color: green; line-height:110%; text-align: center; }
p.m18_345 {width: 345px; margin:25px 0px 7px 100px; font-size: 18px; font-family: Caveat;color: black; line-height:125%;}
p.mt16 {margin:10px 0px 0px 25px; font-size: 20px; font-family: Caveat;color: black; background-color: white; margin-right: 125px; line-height:125%; text-align: justify; }
p.mt16_150j {width: 690px; margin:25px 0px 7px 155px; font-size: 20px; font-family: Caveat;color: black; background-color: white; margin-right: 125px; line-height:125%; text-align: justify; }
p.mt16_150c {width: 690px; margin:2px 0px 0px 155px; font-size: 20px; font-family: Caveat; color: white; background-color: green; line-height:110%; text-align: center; }
p.mt20_110gc {width: 1000px; font-size: 30px; font-family: Caveat; color: white; background-color: green; line-height:110%; text-align: center; }
p.mt16_150cs {width: 690px; margin:5px 0px 20px 155px; font-size: 18px; font-family: Caveat; color: white; background-color: green; line-height:110%; letter-spacing: 6px;font-variant: small-caps; text-align: center; }
p.mt30_150c {width: 690px; margin:10px 0px 0px 155px; font-size: 30px; font-family: Caveat; color: white; background-color: green; line-height:150%; font-variant: small-caps; text-align: center; ;}
p.mt20_125j1000 {width: 1000px; margin:25px 0px 7px 155px; font-size: 20px; font-family: Caveat;color: black; background-color: white; margin-right: 125px; line-height:125%; text-align: justify; }
p.mt30_150c1000 {width: 1000px; font-size: 30px; font-family: Caveat; color: white; background-color: green; line-height:150%; font-variant: small-caps; text-align: center; ;}
p.mt20_110c1000 {width: 1000px; font-size: 20px; font-family: Caveat; color: white; background-color: green; line-height:110%; text-align: center; }
p.mt20_110c1w1000 {width: 1000px; font-size: 20px; font-family: Caveat; color: black; background-color: white; line-height:110%; text-align: center; }
p.mt16_150j {width: 690px; margin:25px 0px 7px 155px; font-size: 20px; font-family: Caveat;color: black; background-color: white; margin-right: 125px; line-height:125%; text-align: justify; }
p.nav {width: 750px; font-size: 20px; font-family: Caveat; color: black; background-color: white; line-height:20%; text-align: center; }
p.mt20_110cw {width: 750px; font-size: 20px; font-family: Caveat; color: black; background-color: white; line-height:110%; text-align: center; }
p.kopfx {width: 750px; margin: 0 auto; margin: 0 auto; font-size: 30px; font-family: Caveat; color: #ffea93ff; background-color: green; line-height:100%; letter-spacing: 6px; text-align: center; }
p.kopfx anschrift {width: 750px; margin: 0 auto; font-size: 20px; font-family: Caveat; color: #ffea93ff; background-color: green; line-height:100%; letter-spacing: 3px;text-align: center; }
p.kopfx kontakt {width: 750px; margin: 0 auto; font-size: 22px; font-family: Caveat; color: white; background-color: green; line-height:100%; letter-spacing: 2px;text-align: center; }
p.kopf {width: 750px; margin: 0 auto; margin: 0 auto; font-size: 60px; font-family: Caveat; color: #ffea93ff; background-image: url("FeWo/Titel.jpg"); line-height:100%; letter-spacing: 2px; text-align: center; }
p.kopf anschrift {width: 750px; margin: 0 auto; font-size: 40px; font-family: Caveat; color: #ffea93ff; line-height:100%; letter-spacing: 1px;text-align: center; }
p.kopf kontakt {width: 750px; margin: 0 auto; font-size: 25px; font-family: Caveat; color: white;  line-height:100%; letter-spacing: 0px;text-align: center; }
p.text1 {width: 750px; margin: 0 auto; font-size: 20px; font-family: Caveat;color: black; background-color: white; margin-left: 50px; line-height:125%; text-align: justify; }
p.m18_345 {width: 345px; margin:25px 0px 7px 100px; font-size: 18px; font-family: Caveat;color: black; line-height:125%;}
p.m18_345bw {width: 345px; margin:0px 0px 0px 50px; font-size: 18px; font-family: Caveat;color: black; line-height:125%;}

p.mt22_110wc {font-size: 22px; margin: 0 auto; font-family: Caveat; color: black;line-height:110%; letter-spacing: 1px; text-align: center; }

p.mt34_110gc {width: 750px; margin: 0 auto; font-size: 34px; font-family: Caveat; color: #ffea93ff;background-image: url("FeWo/Titel2.jpg"); line-height:110%; letter-spacing: 0px; text-align: center; }
p.mt23_110gc {width: 750px; margin: 0 auto; font-size: 28px; font-family: Caveat; color: white;background-image: url("FeWo/Titel2.jpg"); line-height:110%; letter-spacing: 0px; text-align: center; }
p.mt22_110gc {width: 750px; margin: 0 auto; font-size: 22px; font-family: Caveat; color: white; background-color: green; line-height:110%; letter-spacing: 1px; text-align: center; }
p.mt18_150cs {width: 750px; margin: 0 auto; font-size: 18px; font-family: Caveat; color: white; background-color: green; line-height:110%; letter-spacing: 6px;font-variant: small-caps; text-align: center; }
p.mt16_110cw {width: 750px; margin: 0 auto; font-size: 20px; font-family: Caveat; color: black; background-color: white; line-height:110%; text-align: center; }




p.j16_125 {font-size: 16px; font-style: italic; color: black; background-color: white; margin: 0 auto; line-height:125%; 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.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.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: 18px; font-style: italic; color: black; line-height:150%; text-align: center; display: inline;}
p.bilder {font-size: 13px; font-style: italic; color: black; margin: 0 auto; line-height:125%;}
p.c14i150 { padding: 0px 80px 0px 80px; font-family: Caveat;  font-size: 14px; font-style: italic; color: #333333; line-height:150%; text-align: center;}

li.gh11px150 {font-family: Caveat; font-size: 11px; line-height:150%; 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;}
.rahmen_webcam_n {width:93%; background-color:#F9F9F9; margin:5% 0px 50px 3%; padding: 35px 0px 35px 0px; box-shadow: 2px 2px 4px 2px gray;
			font-size: 12px; font-family: Caveat;  font-style: italic; color: #333333; line-height:150%; 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;}
.rahmen_webcam_b {width:750px; font-family: Caveat;  background-color:#F9F9F9; margin:5% 0px 0px 3%; padding: 35px 0px 35px 0px; box-shadow: 2px 2px 4px 2px gray;text-align: center;}
.rahmen5 {width:415px; background-color:#F9F9F9; margin:5px 0px 20px 0px; box-shadow: 2px 2px 4px 2px gray;
			font-size: 13px; font-family: Caveat; 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;}

.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: 30px;
 overflow: hidden;
 position: relative;
}
.banner h4 {
 position: absolute;
 width: 110%;
 height: 100%;
 margin: 0;
 font-family: Caveat; font-size: 28px; color: orange; background-color: #ffea93f; text-align: center;
 /* Starting position */
 transform:translateX(98%); /*100%=Beginn am rechten Rand*/
 /* Apply animation to this element */
 animation: banner 12s linear infinite;
}
 @keyframes banner {
  0% { transform: translateX(101%);} /*Startverzögerung/Beginn rechter Rand*/
 92% { transform: translateX(-101%); } /*Rücklauf*/
}


.banner2 {
 height: 30px;
 overflow: hidden;
 position: relative;
}
.banner2 h4 {
 position: absolute;
 width: 150%;
 height: 100%;
 margin: 0;
 font-family: Caveat; font-size: 26px; color: white; background-color: orangered; text-align: center;
 /* Starting position */
 transform:translateX(98%); /*100%=Beginn am rechten Rand*/
 /* Apply animation to this element */
 animation: banner2 14s linear infinite;
}
 @keyframes banner2 {
  0% { transform: translateX(70%);} /*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;}