/* ===========================
   Stylesheet klavierlehrer-finden.de 
   Datei: klf.css
   Datum: 2020-08-14
   Autor: Matthias Meiners 
   ===========================*/

/* Allgemein */

* {margin: 0;
   padding: 0;}
   
html {width: 100%; height: 101%; background-color: #FFF;}

body {
   width: 100%;
   min-width: 530px;
   font-family: Arial, Helvetica, sans-serif;
   color: #111;
   font-size: 95%;
   background-color: #FFF;}

div#container {
   width: 100%;
   background-color: #FFF;
   padding-bottom: 50px;}

h1 {font-size: 2em;}
h2, h3 {font-size: 1em;}
h4 {font-size: 0.9em;}


h1, h2, h3 {font-family: Arial, Verdana, Helvetica, sans-serif;}
h1 {color: #003399;}
h2 {color: #222;}
h3, h4 {color: #222;}

p {
   font-size: 0.8em;
   line-height: 1.4em;}

ul, ol {line-height: 1.4em;}
ul {list-style: none;}

.stopFloat {display: block;
            float: none;
            clear: both;
            height: 1px;
            line-height: 0;
            font-size: 0;}

.hidden {position: relative;
   top: -7000px;
   left: -7000px;
   margin: 0;
   padding: 0;
   font-size: 0;
   width: 0;
   height: 0;}

/* Hyperlinks */

a {
   color: #003399;
   font-size: 0.8em;
   font-weight: bold;
   text-decoration: none;}

a:link,
a:visited {color: #003399;
   outline: none;}

a:hover {color: #5588BB;
   text-decoration: none;
   border-bottom: #5588BB solid 1px;}

a:active {color: #003399;
   outline: none;}

a#startlogo:hover {cursor: default;}

/* Textgestaltung */

.text_fett {font-weight: bold;
   color: #222222;}
.text_kursiv {font-weight: bold;
   font-style: italic;}

.text_hoehe {font-size: 1em;}

.p1 {font-size: 0.8em;
   line-height: 1.4em;
   padding-bottom: 10px;}

.p2 {font-size: 0.8em;
   line-height: 1.4em;
   padding-bottom: 20px;}

.p3 {font-size: 0.8em;
   line-height: 1.8em;}

.register {position: relative;
   top: -3px;
   padding-left: 1px;}
.register2 {position: relative;
   top: -3px;
   padding-left: 1px;}
.minus {position: relative;
   top: 1px;}

.preis {font-weight: bold;
   color: #BF0000;}

.spez {color: green; background-color: #C5E4F8;}

.paddre {padding-right: 20px;}
.paddre40 {padding-right: 40px;}
.padu50 {padding-bottom: 50px;}
.abstu03 {margin-bottom: 3px;}
.abstu05 {margin-bottom: 5px;}
.abstu07 {margin-bottom: 7px;}
.abstu10 {margin-bottom: 10px;}
.abstu20 {margin-bottom: 20px;}
.abstu25 {margin-bottom: 25px;}
.abstu30 {padding-bottom: 30px;}

.fosiz1 {font-size: 1em;}
.lihe15 {line-height: 1.5em;}
.slash {padding: 0 1px;}

.posab {position: absolute;}
.posab-fix {position: absolute;
   top: 2px;
   left: 2px;}
.nosty {list-style-type: none;}
.marglimin15 {margin-left: -15px;}

.abstand-u30 {margin-bottom: 30px;}
.marg-u15 {margin-bottom: 15px;}
.marg-ob-20 {margin-top: 20px;}
.marg-ob-40 {margin-top: 40px;}

.fs09 {font-size: 0.9em;}
.fs08 {font-size: 0.8em;}
ul.copylist {
	font-size: 0.82em;
	margin: 5px 0 15px 20px;}
ul.copylist li {margin-bottom: 4px;}

ul.keinpunkt li {list-style-type: none;
   margin-left: -15px;}

ul.keinpunkt li span.beschriftung {padding-left: 88px;}
ul.keinpunkt li span.monatlichue {padding-left: 47px;}
ul.keinpunkt li span.monatlich {padding-left: 65px;}
ul.keinpunkt li span.nachlass {padding-left: 23px;}
ul.keinpunkt li span.halbesjahr {padding-left: 60px;}
ul.keinpunkt li span.rabatt {padding-left: 5px;}

.videoflex {
	box-sizing: border-box;
	width: 460px; height: auto;
   background-color: #DDEEFE;
   border: #556677 1px solid;
   padding: 10px;
   margin: 0 auto 10px auto;
   /*margin-bottom: 10px;**/}

iframe {border: 0;}

.video-box {
	padding-top: 56.25%;
	position: relative;}
	
.video-box iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;}



/* Seitenkopf */

#logo {width: 100%;
   height: 90px;
   margin: 0 0 20px 0;
   background-color: #EEE;
   color: #222;
   font-size: 1.1em;
   border-bottom: #BBB 1px solid;}
#logo a {color: #003399;
   text-decoration: none;
   font-size: 2em;
   position: absolute;
   top: 30px;
   left: 18%;}
#logo a:hover {color: #003399;
   text-decoration: none;
   border-bottom: 0;}

/* Twitter Follow Button */

/*li.netzwerk {
	width: 140px;
	position: absolute;
	top: 0;
	left: 110%;}

li.netzwerk a#rahmen:hover img.ten {opacity: 0; border: 0;}
li.netzwerk a#rahmen span#nwkdrei {display: block; width: 162px; height: 70px; background-image: url(bilder/praefolgen.jpg); background-repeat: no-repeat; border: 0;}

li.netzwerk a#rahmen {
   display: block;
   width: 162px;
   height: 70px;
   border: 0;}

li.netzwerk a#rahmen:hover {
   display: block;
   width: 162px;
   height: 70px;
   background-image: url(bilder/praefolgen.jpg);
   background-repeat: no-repeat;
   border: 0;}

li.netzwerk a:hover {text-decoration: none; border-bottom: 0;}*/

/* Experiment */

li.netzwerk {
	width: 200px;
	position: absolute;
	top: 0;
	left: 110%;}

li.netzwerk a#rahmen:hover img.ten {opacity: 0; border: 0;}

li.netzwerk a#rahmen {
   display: block;
   width: 200px;
   height: 72px;
   border: 0;}

li.netzwerk a#rahmen:hover {
   display: block;
   width: 200px;
   height: 72px;
   background-image: url(bilder/praefolgen.png);
   background-repeat: no-repeat;
   border: 0;}

li.netzwerk a:hover {text-decoration: none; border-bottom: 0;}

li.netzwerk,
li.netzwerk a#rahmen {display: none;} 

/* Navi */

div#navi {width: 450px;
   height: auto;
   margin-left: 18%;
   padding: 10px 0 20px 0;}

div#navi a {font-size: 0.8em;
   font-weight: normal;
   text-decoration: underline;
   padding-right: 5px;}

div#navi a:hover {border-bottom: #5588BB solid 0px;}

#bay div#navi, #potz div#navi, #nits div#navi, #ort div#navi,
#spielen div#navi, #prae div#navi, #selber div#navi, #gut div#navi,
#impr div#navi, #lehrer div#navi, #eingang div#navi {padding-top: 8px;} 

/*  index */

ul#uebersicht, ul#orte, ul#lobenst,
ul#vogtla, ul#hglob, ul#hgdon,
ul#rivhouse, ul#hgberichte, ul#liprae {position: absolute; top: 171px; left: 18%;}

ul li a,
ul li p,
ul li.info-b,
ul li.info-a,
ul li.info-c,
ul li.info,
ul li.info-d,
ul li.info-e,
ul li.info-f,
ul li.info-g,
ul li.flexinfo {border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;}

li a.regkarte,
li a.regkarte,
li a.email,
li a.anruf,
li p.anruf,
li a.internet,
li a.signal,
li a.threema,
li a.telegram {width: 470px; height: 70px;
   margin-bottom: 10px;}

/*li a.email-100 {width: 470px; height: 100px;
   margin-bottom: 10px;}*/

li a.internet-b {width: 470px; height: 100px;
   margin-bottom: 10px;}

li a.internet-c {width: 470px; height: 130px;
   margin-bottom: 10px;}

li.info {width: 470px; height: 70px;
   background-image: url(bilder/symbolbox-info-70.jpg);
   background-repeat: no-repeat;
   border: #556677 1px solid;}

li.info-b {width: 470px; height: 200px;
   background-image: url(bilder/symbolbox-info-200.jpg);
   background-repeat: no-repeat;
   border: #556677 1px solid;}

li.info-a {width: 470px; height: 100px;
   background-image: url(bilder/symbolbox-info-100.jpg);
   background-repeat: no-repeat;
   border: #556677 1px solid;}

li.info-d {width: 470px; height: 400px;
   background-image: url(bilder/symbolbox-info-400.jpg);
   background-repeat: no-repeat;
   border: #556677 1px solid;}

li.info-e {width: 470px; height: 500px;
   background-image: url(bilder/symbolbox-info-500.jpg);
   background-repeat: no-repeat;
   border: #556677 1px solid;}

li.info-f {width: 470px; height: 600px;
   background-image: url(bilder/symbolbox-info-600.jpg);
   background-repeat: no-repeat;
   border: #556677 1px solid;}

li.info-g {width: 470px; height: 303px;
   background-image: url(bilder/symbolbox-info-303.jpg);
   background-repeat: no-repeat;
   border: #556677 1px solid;}

li.flexinfo {width: 470px; 
	height: auto;
	position: relative;
   background-color: #DDEEFE;
   border: #556677 1px solid;
   margin-bottom: 30px;
   padding-bottom: 20px;}

li.flexinfozwei {width: 470px; 
   height: auto;
   position: relative;
   background-color: #DDEEFE;
   border: #556677 1px solid;
   margin-bottom: 10px;
   padding-bottom: 20px;}

li a.internet-flex {
	display: block;
	width: 470px; 
	height: auto;
	position: relative;
    background-color: #DDEEFE;
    border: #556677 1px solid;
    padding-bottom: 20px;}

li a.internet-flex {width: 470px; height: auto;
   margin-bottom: 10px;}

li a.internet-flex p.darueber {display: block; margin-left: 60px; margin-top: 15px; margin-bottom: 6px; font-size: 1em; font-weight: bold; color: #333333;}
li a.internet-flex p.vierueber {display: block; margin-left: 60px; margin-top: 28px; margin-bottom: 2px; font-size: 1em; font-weight: bold; color: #333333;}
li a.internet-flex p.zweiueber {display: block; margin-left: 60px; margin-top: 8px; margin-bottom: 20px; font-size: 1em; font-weight: bold; color: #333333;}
li a.internet-flex p.linktext {display: block; margin-left: 60px; margin-bottom: 20px; font-size: 1em; font-weight: bold; color: #003399;}

.zweiteposabslio {
	width: 50px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;}

li.plakat a {
	width: 300px;
	position: absolute;
	top: 360px;
	left: 110%;}

/*li.plakat a img {border: #556677 1px solid;}*/

li.plakat a:hover {text-decoration: none;
	border-bottom: 0;}
li.plakat a img:hover {text-decoration: none;}

.markrand01 {
	background-color: #225588;
	padding: 2px;
	border: 2px solid #BBB;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;}

.markrand01:hover {
	background-color: #D73F58;
	padding: 2px;
	border: 2px solid #003399;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;}

.markrandx {
   
   background-color: #000;
   padding: 2px;
   border: 2px solid #BBB;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;}

.markrandx:hover {
   
   background-color: #4375d5;
   padding: 2px;
   border: 2px solid #BBB;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;}

li.info-b h3,
li.info-a h3,
li.info-d h3,
li.info-e h3,
li.info-f h3,
li.info-g h3,
li.info h3 {margin: 0 0 15px 60px;
   padding-top: 20px;}

li.flexinfo h3 {margin: 0 0 25px 60px;
   padding-top: 20px;}

li.info-a h4,
li.info-d h4,
li.info-e h4,
li.info-f h4,
li.info-g h4,
li.info h4 {margin: 0 0 10px 60px;
   padding-bottom: 0px;}

li.flexinfo h4,
li.flexinfo h5 {margin-left: 60px;
	/**margin-bottom: 10px;**/
   padding-bottom: 0px;}

li.flexinfo p {padding-right: 20px;}

li.flexinfo p.p1 a {font-size: 1em;}

li.info-b p,
li.info-a p,
li.info-d p,
li.info-e p,
li.info-f p,
li.info-g p,
li.info p,
li.flexinfo p,
li.flexinfozwei p {margin: 0 0 7px 60px;}

li.flexinfo p.p1,
li.flexinfozwei p.p1 {padding-right: 20px;}

li.flexinfo p.p2,
li.flexinfozwei p.p2 {margin-bottom: 20px;}

li.flexinfo p.p3,
li.flexinfozwei p.p3 {padding-right: 35px;}

li.flexinfo ul {margin: 20px 0 20px 75px;;
	font-size: 0.8em;
	list-style-type: circle;}

li.flexinfo ul li {padding-bottom: 5px;
	padding-right: 20px;}
li.flexinfo ul li:last-child {padding-bottom: 0;}

li.flexinfo ul.abto12 {margin-top: 12px;}

li.flexinfo p.link,
li.flexinfozwei p.link {margin-bottom: 10px;}

li.flexinfo p.ueber,
li.flexinfozwei p.ueber {margin-top: 15px;
   font-weight: bold;}

li.flexinfo p.einsueber,
li.flexinfozwei p.einsueber {margin-top: 15px; 
   font-weight: bold;} 

li.info-d p.plz,
li.info-e p.plz,
li.info-g p.plz,
li.info-f p.plz,
li.flexinfo p.plz {margin-bottom: 30px;}
#kulm li.info-f p.plz,
#kulm li.info-f p.lng {margin-bottom: 20px;}

#kulm li.info-f h4#uebei {margin-top: 10px;}
#stutt li.info-d h4#uebei,
#ueb li.info-d h4#uebei,
#vill li.info-d h4#uebei,
#wom li.info-d h4#uebei {margin-top: 15px;}

#bay li.info h4#uebei,
#nits li.info h4#uebei,
#lehrer li.info h4#uebei {margin-top: 10px;}

#ens li.info-f h4#uebei,
#simo li.info-f h4#uebei,
#hoef li.info-f h4#uebei,
#potz li.info-f h4#uebei {margin-top: 20px;}

li.info-d p.lng,
li.info-e p.lng,
li.info-f p.lng,
li.info-f p#termin,
li.flexinfo p.lng {margin-bottom: 30px;}


#fore li.info-f p#termin,
#ens li.info-f p#termin,
#ens li.info-f p#lez {margin-bottom: 30px;}

#eingang li.info-b p#marke,
#ort li.info-a p#marke,
#bay li.info p#marke,
#nits li.info-e p#marke,
#potz li.info-e p#marke,
#potz li.flexinfo p#marke,
#impr li.info-d p#marke,
#prae li.info-e p#marke,
#selber li.info-d p#marke,
#gut li.info-d p#marke,
#potz li.info-f p#marke,
#potz li.info-d p#marke {margin-top: 30px;}

#potz li.info-g p#marke {margin-top: 20px;}

#spielen li.info p#marke {margin-top: 20px;}

#potz li.info-f p#lez {margin-bottom: 22px;}

#eingang li.info-b p {padding-right: 10px;}

#potz li.info-f p {padding-right: 10px;}

#potz p#chiff {margin-bottom: 15px;}
#potz p#uebernacht {margin-bottom: 30px; padding-right: 30px;}
#potz p#ueme {padding-right: 40px;}

#potz ul#lobenst li.info-d p.pop {padding-right: 30px;}

li.flexinfo a,
li.flexinfozwei a {font-size: 1em;}

/* Klavier gebraucht und Sonja Weick 011111 */

li.info-f p.lokal a,
li.info-f p.abstrein a {font-size: 1em;}
#potz li.info-f h4#uebei {margin-bottom: 15px;}
#potz li.info-f p.abstrein {padding-right: 40px;}

li a.regkarte {display: block; width: 470px; height: 70px; background-image: url(bilder/symbolbox-pfeil-70.jpg);
   background-repeat: no-repeat;
   border: #556677 1px solid;}

li a.email {display: block; width: 470px; height: 70px; 
   background-image: url(bilder/symbolbox-email-70.jpg);
   background-repeat: no-repeat;
   border: #556677 1px solid;}

li a.email-100 {display: block; width: 470px; height: 100px; 
   background-image: url(bilder/symbolbox-email-100.jpg);
   background-repeat: no-repeat;
   border: #556677 1px solid;}

li a.anruf {display: block; width: 470px; height: 70px;
   background-image: url(bilder/symbolbox-phone-70.jpg);
   background-repeat: no-repeat;
   border: #556677 1px solid;}

li p.anruf {display: block; width: 470px; height: 70px;
   background-image: url(bilder/symbolbox-phone-70.jpg);
   background-repeat: no-repeat;
   border: #556677 1px solid;}

li a.internet {display: block; width: 470px; height: 70px;
   background-image: url(bilder/symbolbox-internet-70.jpg);
   background-repeat: no-repeat;
   border: #556677 1px solid;}

li a.internet-b {display: block; width: 470px; height: 100px;
   background-image: url(bilder/symbolbox-internet-100.jpg);
   background-repeat: no-repeat;
   border: #556677 1px solid;}

li a.internet-c {display: block; width: 470px; height: 130px;
   background-image: url(bilder/symbolbox-internet-130.jpg);
   background-repeat: no-repeat;
   border: #556677 1px solid;}

li a.signal {display: block; width: 470px; height: 100px;
   background-image: url(bilder/symbolbox-messenger-signal-100.jpg);
   background-repeat: no-repeat;
   border: #556677 1px solid;}

li a.threema {display: block; width: 470px; height: 100px;
   background-image: url(bilder/symbolbox-messenger-threema-100.jpg);
   background-repeat: no-repeat;
   border: #556677 1px solid;}

li a.telegram {display: block; width: 470px; height: 100px;
   background-image: url(bilder/symbolbox-messenger-telegram-100.jpg);
   background-repeat: no-repeat;
   border: #556677 1px solid;}

li.flexpic {width: 470px; 
   height: auto;
   position: relative;
   background-color: #DDEEFE;
   border: #556677 1px solid;
   margin-bottom: 30px;
   padding: 20px 0;
   border-radius: 10px 10px 10px 10px;}

li.flexpic .pic01 {margin-left: 2%;}

li a.regkarte:hover,
li a.email:hover,
li a.email-100:hover,
li a.anruf:hover,
li a.internet:hover,
li a.internet-b:hover,
li a.internet-c:hover,
li a.signal:hover,
li a.threema:hover,
li a.telegram:hover {border: #003399 1px solid;}

li a.signal span.ueber1,
li a.threema span.ueber1,
li a.telegram span.ueber1 {position: relative; top: 12px; margin-left: 60px; font-size: 1em; font-weight: bold; color: #333333;}

li a.signal span.ueber,
li a.threema span.ueber,
li a.telegram span.ueber {position: relative; top: 20px; margin-left: 60px; margin-bottom: 10px; font-size: 1em; font-weight: bold; color: #333333;}

li a.regkarte p.ueber,
li a.email p.ueber,
li a.email-100 span.ueber,
li a.email-100 span.darunter,
li a.anruf p.ueber,
li p.anruf span.ueber,
li a.internet p.ueber,
li a.internet-b p.ueber/*,
li a.signal span.ueber,
li a.threema span.ueber,
li a.telegram span.ueber*/ {margin-left: 60px; margin-top: 10px; margin-bottom: 10px; font-size: 1em; font-weight: bold; color: #333333;}

li a.signal span.linktext,
li a.threema span.linktext,
li a.telegram span.linktext {position: relative; top: 25px; margin-left: 60px; font-size: 1em; font-weight: normal; color: #003399;}

li a.regkarte p.linktext,
li a.email p.linktext,
li a.email-100 span.linktext,
li a.anruf p.linktext,
li p.anruf span.linktext,
li a.internet p.linktext,
li a.internet-b p.linktext/*,
li a.signal span.linktext,
li a.threema span.linktext,
li a.telegram span.linktext*/ {margin-left: 60px; font-size: 1em; font-weight: normal; color: #003399;}

li a.regkarte:hover p.ueber,
li a.email:hover p.ueber,
li a.email-100:hover span.ueber,
li a.email-100:hover span.darunter,
li a.anruf:hover p.ueber,
li a.internet:hover p.ueber {color: #111111;}
li a.regkarte:hover p.linktext,
li a.email:hover p.linktext,
li a.email-100:hover span.linktext,
li a.anruf:hover p.linktext,
li a.internet:hover p.linktext,
li a.internet-b:hover p.linktext,
li a.signal:hover span.ueber,
li a.threema:hover span.ueber,
li a.telegram:hover span.ueber {color: #001177;}

/**/

li a.regkarte span.ueber,
li a.email span.ueber,
li a.email-100 span.ueber,
li a.anruf span.ueber,
li a.internet span.ueber,
li a.internet-b span.ueber,
li a.internet-c span.ueber {display: block; margin-left: 60px; margin-top: 8px; margin-bottom: 6px; font-size: 1em; font-weight: bold; color: #333333;}

li a.email-100 span.darunter {display: block; margin-left: 60px; margin-top: 8px; margin-bottom: 6px; font-size: 1em; font-weight: bold; color: #333333;}

li a.internet-c span.darueber {display: block; margin-left: 60px; margin-top: 10px; margin-bottom: 6px; font-size: 1em; font-weight: bold; color: #333333;}

li a.internet-c span.einsueber {display: block; margin-left: 60px; margin-top: 8px; margin-bottom: 2px; font-size: 1em; font-weight: bold; color: #333333;}
li a.internet-c span.zweiueber {display: block; margin-left: 60px; margin-top: 2px; margin-bottom: 6px; font-size: 1em; font-weight: bold; color: #333333;}
li a.internet-c span.rotueber {display: block; margin-left: 60px; margin-top: 8px; margin-bottom: 6px; font-size: 1em; font-weight: bold; color: #BF0000;}
li a.internet-c span.vierueber {display: block; margin-left: 60px; margin-top: 6px; margin-bottom: 2px; font-size: 1em; font-weight: bold; color: #333333;}

li p.anruf span.ueber {display: block; margin-left: 60px; margin-top: 10px; margin-bottom: 10px; font-size: 1em; font-weight: bold; color: #333333;}

li a.regkarte span.linktext,
li a.email span.linktext,
li a.email-100 span.linktext,
li a.anruf span.linktext,
li a.internet span.linktext,
li a.internet-b span.linktext,
li a.internet-c span.linktext {display: block; margin-left: 60px; font-size: 1em; font-weight: normal; color: #003399;}

li p.anruf span.linktext {display: block; margin-left: 60px; font-size: 1em; font-weight: normal; color: #003399;}

li a.regkarte:hover span.ueber,
li a.email:hover span.ueber,
li a.email-100:hover span.ueber,
li a.email-100:hover span.darunter,
li a.anruf:hover span.ueber,
li a.internet:hover span.ueber {color: #111111;}
li a.regkarte:hover span.linktext,
li a.email:hover span.linktext,
li a.email-100:hover span.linktext,
li a.anruf:hover span.linktext,
li a.internet:hover span.linktext,
li a.internet-b:hover span.linktext,
li a.internet-c:hover span.linktext,
li a.signal:hover span.linktext,
li a.threema:hover span.linktext,
li a.telegram:hover span.linktext {color: #001177;}

/**/

#prae li.info-e p.lipu,
#potz li.info-f p.lipu {margin: 0 0 8px 65px;}
#prae li.info-e h4#zei,
#selber li.info-d h4#zei,
#gut li.info-d h4#zei {margin-top: 30px;}

#gut li.info-d p {padding-right: 15px;}

p.strasse {padding-bottom: 10px;}

#potz ul#lobenst li.info-f p.mail a {font-size: 1em;}
#potz ul#lobenst li.info-f p.mail {margin-bottom: 15px;}

#potz ul#lobenst li.info-f p.abstu20 {margin-bottom: 20px;}




/* Seite Alfons Niklas */

body#potz ul#lobenst li.info-f ul#faecher {font-size: 0.8em; margin: 0 0 30px 75px;}
body#potz ul#lobenst li.info-f ul#faecher li {padding-bottom: 3px; list-style-type: circle;}
body#potz ul#lobenst li.info-f span#anmeldung {font-size: 0.85em; margin: 0 0 0 60px;}

/* impressum */

#impr #container ul#liprae li.info-d p.lipu a {font-size: 1em;}

.absto30 {margin-top: 30px;}
	
@media only screen and (max-width: 1050px){
	
	li.plakat a img,
	li.plakat a {width: 180px;}
	
	li.plakat a {top: 409px;}
	
}

@media only screen and (max-width: 900px) {
	
	#logo a {left: 5%;}
	
	div#navi {margin-left: 5%;}
	
	ul#uebersicht, ul#orte, ul#lobenst, ul#vogtla, ul#hglob, ul#hgdon, ul#rivhouse, ul#hgberichte, ul#liprae {left: 5%;}
	
}

@media only screen and (max-width: 780px) {
	
	li.netzwerk,
	li.plakat a {display: none;
		width: 0;
		height: 0;
		border: 0;}

@media only screen and (max-width: 600px) {
   ul#lobenst {margin-top: 15px;}
}

@media only screen and (max-width: 500px) {
   div#logo a {left: 5%;
      font-size: 1.5em;}
	
	div#navi {margin-left: 3%;}

   ul#uebersicht, ul#orte, ul#lobenst, ul#vogtla, ul#hglob, ul#hgdon, ul#rivhouse, ul#hgberichte, ul#liprae {left: 5%;}

   ul#lobenst {margin-top: 15px;}
}
	

/*#eingang ul#uebersicht li.netzwerk {
		display: block;
		position: absolute;
		top: 163px;
		left: 274px;
		width: 200px;
		height: 72px;}*/
		
	/*li.plakat a img {width: 175px;}
		
	li.plakat a {
	width: 175px;
	position: absolute;
	top: 409px;
	left: 62%;
	z-index: 10000;}*/
	
}