/* ===========================
   Stylesheet klavierstimmer-eichstätt.de
   Datei: eich.css
   Datum: 2023-10-01
   Autor: Matthias Meiners 
   ===========================*/


/* Allgemein */
* {margin: 0;
   padding: 0;}
   
html {height: 101%; background-color: #8BB2D9;}

body {
   position: relative;
   width: 1003px;
   margin: 0 auto 0 auto;
   min-width: 800px;
   font-family: Arial, Helvetica, sans-serif;
   color: #222222;
   font-size: 95%;
   background: #FFFFFF url(bilder/tastenbg.gif) repeat-y top left;}

h1 {font-size: 1.2em;}
h2, h3 {font-size: 1.1em;}
h4 {font-size: 1.2em;}
h5 {font-size: 0.9em;}

h1, h2, h4 {font-family: Arial, Verdana, Helvetica, sans-serif;}
h1 {color: #750000;}
h2 {color: #666666;} 
h4 {color: #666666;}

h3 {font-family: Arial, Verdana, Helvetica, sans-serif;}
h3, h5 {color: #555555;}

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

ul, ol {line-height: 1.3em;}

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

.nofloat {float: none;
          clear: both;}

.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.intern {
   font-weight: bold;}
a.intern:link,
a.intern:visited {
   font-size: 0.8em;
   color: #5588BB;
   text-decoration: none;
   outline: none;}
a.intern:hover {
   color: #003399;
   border-bottom: #003399 1px solid;}

a.intern3 {font-weight: bold;}
a.intern3:link,
a.intern3:visited {
   font-size: 1em;
   color: #5588BB;
   text-decoration: none;
   outline: none;}
a.intern3:hover {
   color: #003399;
   border-bottom: #003399 1px solid;}

a.extern {
   color: #003399;
   font-size: 1em;
   font-weight: bold;
   text-decoration: none;
   padding: 1px 1px 0 2px;}

/*a.extern:link,
a.extern:visited {
   font-size: 1em;
   color: #003399;
   text-decoration: none;
   outline: none;}*/

a.extern:hover {
   font-size: 1em;
   color: #FFFFFF;
   background-color: #003399;
   text-decoration: none;}

a.extern2 {
   color: #003399;
   font-size: 1em;
   font-weight: bold;
   text-decoration: none;
   padding: 1px 2px 0 0;}

a.extern2:link,
a.extern2:visited {
   font-size: 1em;
   color: #003399;
   text-decoration: none;
   outline: none;}

a.extern2:hover {
   font-size: 1em;
   color: #FFFFFF;
   background-color: #003399;
   text-decoration: none;}

a.exklusiv {
   color: #FFFFFF;
   background-color: #003399;
   text-decoration: none;
   border: 0;
   border-radius: 4px;
   font-size: 1em;
   padding: 2px 2px 2px 3px;}

a.exklusiv span.messe {color: #FFF;}

a.exklusiv:link,
a.exklusiv:visited {
   font-size: 1em;
   color: #003399;
   text-decoration: none;
   outline: none;}

a.exklusiv:hover {
   background-color: #FFF;
   font-size: 1em;
   font-weight: bold;
   text-decoration: none;
   padding: 2px 2px 2px 3px;}

a.exklusiv:hover span.messe {
   color: #003399;}

/* Textgestaltung */

.text_fett {font-weight: bold;
   color: #222222;}
.text_kursiv {font-weight: bold;
   font-style: italic;}
.text_kursiv2 {
   font-weight: bold;
   font-style: italic;
   color: #222222;}
.text_grau {font-weight: bold;
   color: #444444;}
.text_grau2 {font-weight: bold;
   color: #555555;
   padding-right: 2px;}
.text_gros {font-weight: bold;
   font-size: 1.1em;}
.text_gros2 {font-weight: bold;
   font-size: 1em;}
.liste {font-size: 0.8em;}
.p1 {font-size: 0.8em;
   line-height: 1.4em;
   padding-bottom: 10px;}
.p2 {font-size: 0.8em;
   line-height: 1.4em;
   padding-bottom: 10px;
   padding-top: 5px;}
.p4 {padding-bottom: 15px;}
.p5 {padding: 10px 0;}
.register {position: relative;
   top: -3px; padding-left: 1px;}
.minus {position: relative;
   top: 1px;}
   
.copy {position: relative;
   top: -3px;
   padding-left: 1px;
   font-size: 0.9em;}
   
.abstpic {margin: 30px 100px 30px;}

.abstu150 {padding-bottom: 150px;}

.trenner1 {display: block;
   width: 605px;
   height: 100px;
   background-image: url(bilder/trenner1.jpg);
   background-repeat: no-repeat;
   margin: 50px 0 40px 100px;}
 a.trenner1:hover {border-bottom: 0;}
.trenner2 {display: block;
   width: 605px;
   height: 100px;
   background-image: url(bilder/trenner1.jpg);
   background-repeat: no-repeat;
   margin: 50px 0 10px 100px;}
 a.trenner2:hover {border-bottom: 0;}
.trenner3 {display: block;
   width: 605px;
   height: 100px;
   background-image: url(bilder/trenner1.jpg);
   background-repeat: no-repeat;
   margin: 100px 0 10px 100px;}
 a.trenner3:hover {border-bottom: 0;}
 .trenner4 {display: block;
   width: 605px;
   height: 100px;
   background-image: url(bilder/trenner1.jpg);
   background-repeat: no-repeat;
   margin: 60px 0 110px 30px;}
 a.trenner4:hover {border-bottom: 0;}
.intern {font-weight: bold;
   font-size: 1.1em;}
.punkte li {list-style: circle;}
.preis {font-weight: bold;
   color: #BF0000;}
.seitenende {padding-bottom: 7em;}
.seitenende1 {padding-bottom: 1em;}
.seitenende2 {padding-bottom: 23em;}
.seitenende3 {padding-bottom: 16em;}

/* Block Kundendienste Abstaende */

.rand2 {
   display: block;}
.rand2s {
   display: block;
   margin: 10px 0 7px 0;}
.rand20 {
   display: block;
   margin-bottom: 70px;}
.rand21 {
   display: block;
   margin-bottom: 35px;}
.rand22 {
   display: block;
   margin-bottom: 20px;}

.rand {
   display: block;
   margin: 10px 0 50px 70px;}
.rand200 {
   display: block;
   margin: 0 0 70px 70px;}
.rand3s {
   display: block;
   margin: 10px 0 7px 70px;}
.rand30 {
   display: block;
   margin: 0 0 50px 70px;}
.rand5 {
   display: block;
   margin-bottom: 40px;
   margin-left: 80px;}
.rand7 {
   display: block;
   margin-bottom: 7px;
   margin-left: 80px;}
.rand8 {
   display: block;
   margin-left: 80px;
   margin-bottom: 20px;}
.rand9 {
   display: block;
   margin-bottom: 20px;
   margin-left: 70px;}   

span.kopierrecht {position: relative; left: 2px; bottom: 3px;}
.abst-marg-re-4 {margin-right: 4px;}

.wid500 {width: 500px;}
.absto5 {margin-top: 5px;}


/* Seitenkopf */

.logo {background-image: url(bilder/hbg143.gif);
   background-repeat: repeat-x;}
.logo-ganz {
   display: block;
   width: 1003px;
   height: 143px;
   padding: 0;
   margin: 0;
   background-image: url(bilder/logo1004.jpg);
   background-repeat: no-repeat;}
a.logo-ganz:hover {border-bottom: 0;}

/* Spalte */

.spalte {width: 140px;
   position: absolute;
   top: 210px;
   left: 845px;}

a.einladung {display: block;
   width: 140px;
   height: 140px;
   background-image: url(bilder/hoerbeispiele.jpg);
   background-repeat: no-repeat;}
a.einladung:hover {display: block;
   width: 140px;
   height: 140px;
   background-image: url(bilder/selberhoeren.jpg);
   background-repeat: no-repeat;
   border-bottom: 0px;}

/* Hörbeispiel Vorstimmen Preise */

#preisinhalt ul#vorstim {
   margin: 0px 70px 15px 85px;}
#preisinhalt p.pca {margin-bottom: 30px;}

/* Preise Spalte */

#preise .umschlag .container #spalte {position: absolute;
   top: 222px;
   left: 845px;}

#preise .umschlag .container #spalte a#hoeherhoeren {
   display: block;
   background-image: url(bilder/praehoeher.jpg);
   background-repeat: no-repeat;
   width: 116px;
   height: 50px;
   border: 0;}
#preise .umschlag .container #spalte a#hoeherhoeren:hover {
   display: block;
   background-image: url(bilder/praehoeren.jpg);
   background-repeat: no-repeat;
   width: 116px;
   height: 50px;
   border: 0;}

/* Navigation */
   
.navi {width: 140px;
   position: absolute;
   top: 110px;
   left: 0;
   background-image: url(bilder/tastenbg.gif);
   padding-top: 65px;}

.nav01, .nav02, .nav03, .nav04, .nav05 {
   position: relative;
   left: 36px;
   margin-top: 0px;
   border-bottom: 0px;}

#seiteleistungen a.nav01 {
   background-image: url(bilder/praeludio-ac.gif);
   background-repeat: no-repeat;}
#seiteleistungen a.nav01:hover {background-image: url(bilder/praeludio-ov.gif);}

#preise a.nav02 {
   background-image: url(bilder/preise-ac.gif);
   background-repeat: no-repeat;}
#preise a.nav02:hover {background-image: url(bilder/preise-ov.gif);}

#fragen a.nav03 {
   background-image: url(bilder/fragen-ac.gif);}
#fragen a.nav03:hover {background-image: url(bilder/fragen-ov.gif);}

#hoerbeispiele a.nav04 {
   background-image: url(bilder/hoerbeispiele-ac.png);
   background-repeat: no-repeat;}
#hoerbeispiele a.nav04:hover {background-image: url(bilder/hoerbeispiele-ov.png);}

#kontakt a.nav05 {
   background-image: url(bilder/kontakt-ac.gif);
   background-repeat: no-repeat;}
#kontakt a.nav05:hover {background-image: url(bilder/kontakt-ov.gif);}

#bestellung a.nav05 {
   background-image: url(bilder/kontakt-ac.gif);
   background-repeat: no-repeat;}
#bestellung a.nav05:hover {background-image: url(bilder/kontakt-ov.gif);}

a.nav01 {display: block;
   width: 123px;
   height: 31px;
   background-image: url(bilder/praeludio-pa.gif);
   background-repeat: no-repeat;}
   
a.nav01:hover {background-image: url(bilder/praeludio-ov.gif);
   border-bottom: 0px;}

a.nav02 {display: block;
   width: 123px;
   height: 31px;
   border: 0;
   background-image: url(bilder/preise-pa.gif);
   background-repeat: no-repeat;}

a.nav02:hover {background-image: url(bilder/preise-ov.gif);
   border-bottom: 0px;}

a.nav03 {display: block;
   width: 123px;
   height: 31px;
   background-image: url(bilder/fragen-pa.gif);
   background-repeat: no-repeat;}
   
a.nav03:hover {background-image: url(bilder/fragen-ov.gif);
   border-bottom: 0px;}

a.nav04 {display: block;
   width: 123px;
   height: 31px;
   border: 0;
   background-image: url(bilder/hoerbeispiele-pa.png);
   background-repeat: no-repeat;}

a.nav04:hover {background-image: url(bilder/hoerbeispiele-ov.png);
   border-bottom: 0px;}

a.nav05 {display: block;
   width: 123px;
   height: 31px;
   background-image: url(bilder/kontakt-pa.gif);
   background-repeat: no-repeat;}
   
a.nav05:hover {background-image: url(bilder/kontakt-ov.gif);
   border-bottom: 0px;}

a.nav01, a.nav02, a.nav03, a.nav04, a.nav05 {outline: none;}

/* preload */

div.preload {display: none; width: 0; height: 0; border: 0;}

/* Bilder */

.picplac {position: absolute; left: 0px;}

a#priming01:hover, a#priming03:hover, a#priming04:hover, a#priming05:hover, 
a#priming07:hover, a.priming36a:hover, a#priming19:hover, 
a#priming25:hover, a#priming28:hover, a#priming27:hover, 
a#priming29:hover, a#priming51:hover, a#priming52:hover {border-bottom: 0;}

#priming01 {
   display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/praegestimmt.jpg);
   margin-top: 0em;}
a#priming01:hover {
   display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/praekennlern.jpg);
   margin-top: 0em;}

#priming03 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/harmoniepotenzial.jpg);
   margin-top: 0em;}

/*#priming04 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/pianolust.jpg);
   margin-top: 9em;}
a#priming04:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klickpiano.jpg);
   margin-top: 9em;}*/

#priming05 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klavierstimmerei.jpg);
   margin-top: 0em;}
a#priming05:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/praejetzt.jpg);
   margin-top: 0em;}

#priming07 {display: block;
   width: 140px;
   height: 200px;
   background-image: url(bilder/regional.jpg);
   margin-top: 5em;}

.priming36a {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klavierstimmerei.jpg);
   margin-top: 0em;}
a.priming36a:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/praegestimmt.jpg);
   margin-top: 0em;}

#priming19 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/hybstimmtek.jpg);
   margin-top: 0em;}
a#priming19:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klick.jpg);
   margin-top: 0em;}

#priming25 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/harmoniepotenzial.jpg);
   margin-top: 0em;}   

#priming27 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klavierstimmerei.jpg);
   margin-top: 0em;}
a#priming27:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/praegestimmt.jpg);
   margin-top: 0em;}

#priming28 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/praegestimmt.jpg);
   margin-top: 0em;}
a#priming28:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klavierstimmerei.jpg);
   margin-top: 0em;}

#priming29 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/spielart.jpg);
   margin-top: 0em;}   

/* Seite Fragen Bilder */

a.priming3x01:hover, a#priming08:hover, a#priming09:hover, a#priming10:hover, 
a#priming11:hover, a#priming16:hover, a#priming17:hover, a#primingx17:hover, 
a#priming18:hover, a#priming20:hover, a#priming23:hover, a#priming50:hover {border-bottom: 0;}

.priming3x01 {display: block;
   width: 140px;
   height: 432px;
   background-image: url(bilder/artgefreude.jpg);
   margin-top: 34em;}

#priming08 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klangfarben.jpg);
   margin-top: 0em;}
a#priming08:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klickfarben.jpg);
   margin-top: 0em;}

#priming09 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klavierstimmerei.jpg);
   margin-top: 0em;}
a#priming09:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/praejetzt.jpg);
   margin-top: 0em;}

#priming10 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/tutgut.jpg);
   margin-top: 0em;}
a#priming10:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klickklavier.jpg);
   margin-top: 0em;}

#priming11 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/gutgestimmt.jpg);
   margin-top: 0em;}
a#priming11:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klickgutgestimmt.jpg);
   margin-top: 0em;}

#priming16 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/selberstimmen.jpg);
   margin-top: 0em;}
a#priming16:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klickselber.jpg);
   margin-top: 0em;}

#priming17 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/hybstimmtek.jpg);
   margin-top: 0em;}
a#priming17:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klick.jpg);
   margin-top: 0em;}

#primingx17 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/hybstimmtek.jpg);
   margin-top: -31em;}
a#primingx17:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klick.jpg);
   margin-top: -31em;}

#priming18 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/wohlklang.jpg);
   margin-top: 0em;}
a#priming18:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klickwohl.jpg);
   margin-top: 0em;}

#priming20 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/harmonisieren.jpg);
   margin-top: 0em;}
a#priming20:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klickharmonisieren.jpg);
   margin-top: 0em;}

#priming52 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/beispielehoeren.jpg);
   margin-top: 0em;}
a#priming52:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/selbsthoeren.jpg);
   margin-top: 0em;}

#priming23 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/300jahre.jpg);
   margin-top: 0em;}
a#priming23:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/pcgeburt.jpg);
   margin-top: 0em;}

a#priming50 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/gutschein.jpg);
   margin-top: 0em;}
a#priming50:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klickgutschein.jpg);
   margin-top: 0em;}

#priming51 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/tutsogut.jpg);
   margin-top: 0em;}

/* Block Kundendienste Bilder*/

a#priming06:hover, a#priming21:hover, #priming22:hover, a#priming30:hover, 
a#priming31:hover, a#priming32:hover, a#priming57:hover, a#priming58:hover {border-bottom: 0;}

#priming22 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/wohlohr.jpg);
   margin-top: -1em;}

/*#priming31 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klavierstimmerei.jpg);
   margin-top: 0em;}
a#priming31:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/praekennlern.jpg);
   margin-top: 0em;}*/

#priming32 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/pianomania.jpg);
   margin-top: 1em;}
a#priming32:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/faszination.jpg);
   margin-top: 1em;}

#priming21 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/tutgut.jpg);
   margin-top: 0em;}
a#priming21:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klickklavier.jpg);
   margin-top: 0em;}

#priming06 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/praegestimmt.jpg);
   margin-top: 0em;}
a#priming06:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klavierstimmerei.jpg);
   margin-top: 0em;}

#priming57 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klaviertransport.jpg);
   margin-top: -1em;}
a#priming57:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klicktransport.jpg);
   margin-top: -1em;}

#priming58 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klavierstimmerei.jpg);
   margin-top: 0em;}
a#priming58:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/praekennlern.jpg);
   margin-top: 0em;}

#priming30 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/glissando.jpg);
   margin-top: 0em;}


#bildbestkauf {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/BestKauf.jpg);
   margin-top: -1em;}
a#bildbestkauf:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/vonPrivat.jpg);
   margin-top: -1em;
   text-decoration: none;
   border-bottom: 0;}


/* Block Veranstaltungen */

#leistungen ul.veranst {border: #555555 1px solid;
   padding: 15px 10px 10px 15px;
   margin-bottom: 20px;
   width: 540px;}
#leistungen ul.veranst li ul.inlist2 li {font-size: 1em;
   list-style-type: circle;}
#leistungen ul.veranst li {
   line-height: 1.5em;
   list-style-type: none;}
#leistungen ul.inlist2 {padding: 10px 0 0 20px;}

#leistungen div.folgeveranst2 {
   padding: 20px 0 0 0;}
#leistungen div.folgeveranst2 ul.veranst {width: 690px;}

/* Block Klavierlehrer */

#leistungen p.p3 {padding-bottom: 20px;}
.lehrerblock {width: 560px;
   border: #555555 1px solid;
   padding: 10px 0 10px 0;
   margin: 0 0 20px 0;}
#leistungen ul.lehrer {padding: 0 0 0 15px;}
#leistungen ul.lehrer li {list-style: none;}
#leistungen ul.inlist3 {padding: 10px 0 0 20px;}
#leistungen ul.inlist3 li {font-size: 1em;
   list-style-type: circle;}

/* Block Kollegen */

#leistungen ol.lok {margin-bottom: 10px;}

/* Block Fachleute aus der Region */

#leistungen div#tipp-a {
   width: 550px;
   border: #555555 1px solid;
   margin-bottom: 20px;}
#leistungen ul.tipp {padding: 10px 0 5px 10px;}
#leistungen ul.tipp li {list-style-type: none;}
#leistungen ul.tipp ul.inlist3 li {font-size: 1em;
   list-style-type: circle;}
   
/* Seite Leistungen */

#block-1 {padding-top: 10px;
   margin-left: 160px;
   padding-bottom: 20px;}

#bild {
   float: left;
   width: 134px;
   padding-left: 115px;
   margin-top: 5px;}
a#portrait {
   display: block;
   width: 134px;
   height: 230px;
   background-image: url(bilder/portrait01.jpg);
   background-repeat: no-repeat;}
a#portrait:hover {border-bottom: 0;}

#einfuehrung {
   width: auto;
   float: left;
   padding-left: 7%;}
#leistungen {
   padding: 20px 5% 400px 8%;
   margin-left: 160px;}
#leistungen ul {padding: 0 0 10px 15px;}
#leistungen li {font-size: 0.8em;
   padding: 0 0 5px 0;}
#leistungen h3 {
   font-size: 1.1em;
   padding: 20px 0 15px 0;}
#leistungen ol {line-height: 1.3em;
   margin: 0 0 5px 0;}
#leistungen ol li {margin: 0 0 0 20px;
   padding: 0;}
.inlist {margin-top: 4px;}
#leistungen ul li {list-style-type: circle;
   line-height: 1.4em;}

#einfuehrung ul {list-style: none;}
#einfuehrung .uebersicht {padding-left: 3px;
   margin-top: 35px;}
#einfuehrung ul.uebersicht li {padding-bottom: 1px;}
#einfuehrung ul.uebersicht li#abstali {padding: 7px 0 1px 0;}

#leistungen h3.ue-3x {padding-top: 0px;}
#leistungen ul#ausbildung {margin: 10px 0 50px 5px;}

#leistungen .spez {padding: 0 3px;}
#leistungen .spez2 {padding-right: 3px;}

/* Netzwerke */

div#netzwerk {position: absolute;
   width: 140px;
   height: 420px;
   top: 158px;
   right: 15px;}

div#netzwerk div#primateq {position: absolute;
   top: 10px;
   left: 0;
   width: 122px;
   height: 207px;}

div#netzwerk div#primateq a#aufeins {
   display: block;
   width: 122px;
   height: 207px;
   background-image: url(bilder/primatek.jpg);}

div#netzwerk div#primateq a#aufeins:hover {
   display: block;
   width: 122px;
   height: 207px;
   background-image: url(bilder/primajetzt.jpg);}


div#netzwerk a#hoer {
   display: block;
   width: 116px;
   height: 50px;
   position: absolute;
   top: 235px;
   left: 3px;
   background-image: url(bilder/hoerbsplink.jpg);
   background-repeat: no-repeat;
   border-bottom: 0;}

div#netzwerk a#hoer:hover {
   display: block;
   width: 116px;
   height: 50px;
   position: absolute;
   top: 235px;
   left: 3px;
   background-image: url(bilder/hoerbsphover.jpg);
   background-repeat: no-repeat;
   border-bottom: 0;}

div#netzwerk a#aura {position: absolute;
  top: 303px;
  left: 3px;
  width: 116px;
  height: 50px;
  background-image: url(bilder/meinblog.jpg);
  background-repeat: no-repeat;}

div#netzwerk a#aura:hover {position: absolute;
  top: 303px;
  left: 3px;
  width: 116px;
  height: 50px;
  background-image: url(bilder/zumthema.jpg);
  background-repeat: no-repeat;}

div#netzwerk a#rahmen:hover,
div#netzwerk div#primateq a#aufeins:hover,
div#netzwerk a#aura:hover,
div#netzwerk a#hoer:hover {border-bottom: 0;}

/* Primatek Auszeichnung mittels img */

/*#leistungen h3 img,
#leistungen p.p1 a img.blauprima,
#leistungen ul#ausbildung li a img.blauprima,
#leistungen ul.uli li a img.blauprima,
#preisinhalt p a img.blauprima,
#meineantworten ol li a img.blauprima,
#einfuehrung ul.uebersicht li a img.blauprima {border: 0; margin-bottom: -1px;}*/
  

/* Seite Preise */
        
#preisinhalt {
   margin-left: 170px;
   padding-bottom: 540px;}
#preisinhalt h2#text {margin: 0 0 20px 70px;}
#preisinhalt h2 {margin: 0 0 20px 70px;
   padding-top: 10px;}
#preisinhalt h2#ortsverzeichnis {font-size: 1.2em;
   color: #777777;}

#preisinhalt h3 {margin: 0 0 15px 70px;
   padding-top: 20px;}
#preisinhalt ul {
   font-size: 0.8em;
   list-style: circle;
   margin: 15px 70px 10px 85px;}
#preisinhalt li {padding-bottom: 5px;
   padding-right: 20px;}
#preisinhalt p {margin: 0 20px 0 70px;
   padding-right: 20px;} 
#preisinhalt .uebersicht li a {font-size: 1.1em;}
#preisinhalt .uebersicht li {list-style: circle;}

#preisinhalt .spez3 {padding-left: 3px;}

/* Landkarte vom Einzugsbereich Bayern */

img#landkarte {
   display: block;
   width: 639px;
   height: auto;
   border: 0;
   border-radius: 15px;
   margin: 30px 0 30px 70px;}

/* Stichwortvereichnis */

.abc {display: inline;
   margin-right: 10px;
   font-size: 1.3em;}
.abcliste {margin-bottom: 25px;
   margin-left: 70px;}
#preisinhalt .abcliste h2 {margin-top: 0;}
.stichworte {margin-top: 50px;}
.stichworte h3 {font-size: 1.1em;
   color: #444444;
   padding-left: 0px;}
#preisinhalt ul.stichliste {margin-bottom: 10px;
   margin-left: 80px;}
#preisinhalt ul.stichliste li {list-style-type: none;}
.abcliste a.intern {font-size: 0.8em;}

#preise div.abcliste span.abc a.intern,
#preise div.stichworte ul.stichliste li a.intern3,
#preise p.p1 a  {
   color: #003399;
   font-size: 1em;
   font-weight: bold;
   text-decoration: none;}
   
#preise div.abcliste span.abc a.intern:hover,
#preise div.stichworte ul.stichliste li a.intern3:hover,
#preise p.p1 a:hover {color: #5588BB;
   text-decoration: none;
   border-bottom: #5588BB solid 1px;}

/* Seite Fragen */

#frageninhalt {
   margin-left: 170px;
   padding-right: 50px;
   padding-bottom: 540px;}
#frageninhalt h2 {margin: 10px 0 0 70px;}
#frageninhalt h3 {margin: 0 0 15px 70px;}
#frageninhalt h5 {margin: 15px 0 10px 70px;}
#frageninhalt ul {
   font-size: 0.8em;
   list-style: none;
   margin: 15px 20px 10px 90px;}
#frageninhalt li {
   padding-bottom: 5px;
   padding-right: 20px;}
#frageninhalt p {margin: 0 20px 0 70px;
   padding-right: 20px;} 
#frageninhalt li a {  font-size: 1.1em;}
#kundenfragen ul {
   font-size: 0.8em;
   list-style: circle;
   margin: 0px 20px 20px 85px;}
#kundenfragen ul.nebenthemen {
   font-size: 0.8em;
   list-style: circle;
   margin: 0px 20px 20px 70px;}
#kundenfragen li a {font-weight: bold;
   line-height: 1.2em;}

#kundenfragen ul.fraku li {margin-bottom: 4px;}

#kundenfragen ul.nebenthemen li.uen {list-style-type: none; font-weight: bold; color: #555;}
#kundenfragen ul.nebenthemen li.nom {margin-left: 15px; margin-bottom: 4px;}

#kundenfragen ul.nebenthemen li.uen {margin: 15px 0 5px 0;}

#meineantworten ol {font-size: 0.8em;
   margin: 10px 20px 10px 90px;}
#meineantworten h3 {margin: 0 0 20px 70px;
   padding-top: 20px;}
#meineantworten p a {font-size: 1em;}
#kundenfragen {margin-top: 10px;
   padding-top: 20px;}
#meineantworten #kollegen {
   font-size: 0.8em;
   list-style: circle;
   margin: 10px 20px 10px 90px;}   
#meineantworten ul.liste li {list-style-type: circle;}
#meineantworten ul.liste {margin: 10px 20px 10px 85px;}
#meineantworten ul.punkte {margin-top: 10px;
   margin-left: 85px;
   padding-top: 0;}
  
/* Kontaktseite */

#kontaktinhalt {
   width: auto;
   margin-left: 170px;
   padding: 30px 50px 0 70px;}
#kontaktinhalt h2 {display: inline;}
#kontaktinhalt h3 {margin-bottom: 20px;
   margin-top: 30px;}
#kontaktinhalt p {margin-bottom: 20px;
   margin-top: 20px;}
#kontaktinhalt .fon {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.2em;
   line-height: 2em;
   font-weight: bold;
   color: #444444;
   margin-left: 240px;
   margin-bottom: 20px;}

#kontaktinhalt a.uelinks {font-size: 1.1em;
	margin-left: 25%;}

#kontaktinhalt a#mail {margin-top: 20px;
   margin-bottom: 20px;}
a#mail {font-size: 1.2em;
   line-height: 2em;
   font-weight: bold;
   margin-left: 265px;}

#kontaktinhalt ul {line-height: 1.4em;
   list-style-type: circle;
   font-size: 0.8em;
   margin-left: 20px;}
#kontaktinhalt ul#konex {margin: 0px 0 -10px 20px;}
#kontaktinhalt ul#konex li {margin-bottom: 5px;}
#kontaktinhalt .p2 {margin-bottom: 5px;}

#kontaktinhalt p#chat {margin-bottom: 50px;}

.randtakt {
	float: right;
   display: block;
   margin: 20px 0 7px 0;}

#kontaktinhalt p.randkontoben,
#impressuminhalt p.randkontoben {
    margin: 20px 0 7px 0;
    font-size: 1em;}

#kontaktinhalt p.randkontweiter,
#impressuminhalt p.randkontweiter {
    margin: 0 0 50px 0;
    font-size: 1em;}

/*Impressum */

#impressuminhalt {
   width: auto;
   margin-left: 240px;
   padding: 30px 70px 70px 0;
   overflow: hidden;}

#impressuminhalt-intern {
   width: auto;
   margin-left: 0;
   padding: 30px 70px 50px 0;
   overflow: hidden;}

h2 {margin-bottom: 20px;}

#block-4 {width: auto;
   float: left;}
#block-5 {width: auto;
   float: left;
   margin-left: 85px;}

#impressuminhalt p.px {padding-bottom: 10px;
margin-top: 20px;}
#impressuminhalt p.p3 {margin-bottom: 20px;}
#impressuminhalt #spez {padding: 0 3px;}

/* bankenlos auf der Seite preise */

#preisinhalt ul.uebersicht {margin-bottom: 70px;}

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

/* Player-Hintergrund-Bilder und Beschriftungen für Hoerbeispiele 100514 */

a.player {
	position: relative;
	display: block;
   	max-width: 640px;
   	height: 135px; 
    border: #003388 1px solid;
   	-webkit-box-shadow: hsla(580, 100%, 30%, 0.8) 10px 5px 20px;
   	-moz-box-shadow: hsla(580, 100%, 30%, 0.8) 10px 5px 20px;
   	box-shadow: hsla(580, 100%, 30%, 0.8) 10px 5px 20px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;}

a.player:hover {-webkit-box-shadow: hsla(580, 100%, 30%, 0.8) 10px 5px 50px;
   -moz-box-shadow: hsla(580, 100%, 30%, 0.8) 10px 5px 50px;
   box-shadow: hsla(580, 100%, 30%, 0.8) 10px 5px 50px;
   border: #6699CC 1px solid;
   text-decoration: none;}

a.bgeins {background-image: url(bilder/playerbg-eins.jpg); }
a.bgzwei {background-image: url(bilder/playerbg-zwei.jpg);}
a.bgdrei {background-image: url(bilder/playerbg-drei.jpg);}
a.bgvier {background-image: url(bilder/playerbg-vier.jpg);}
a.bgfuenf {background-image: url(bilder/playerbg-fuenf.jpg);}
a.bgsechs {background-image: url(bilder/playerbg-sechs.jpg);}
a.bgsieben {background-image: url(bilder/playerbg-sieben.jpg);}
a.bgacht {background-image: url(bilder/playerbg-acht.jpg);}

a.player span.kurztext {font-size: 2.4em; color: #333; position: absolute; left: 40%; top: 25px; min-width: 300px;}
a.player span.langtext {font-size: 2.0em; color: #333; position: absolute; left: 30%; top: 25px; min-width: 350px;}

a.player:hover span.kurztext {opacity: 0.5;}
a.player:hover span.langtext {opacity: 0.5;}

#preise div#hbsppreise {margin: 30px 0 40px 70px;}

.absto40 {margin-top: 40px;}
.absto30 {margin-top: 30px;}
.absto20 {margin-top: 20px;}
.absto10 {margin-top: 10px;}
.abstu10 {margin-bottom: 10px;}
.abstu15 {margin-bottom: 15px;}
.abstu30 {margin-bottom: 30px;}
.abstu40 {margin-bottom: 40px;}
.abstu70 {margin-bottom: 70px;}
.pado20 {padding-top: 20px;}
.pado30 {padding-top: 30px;}
.padu10 {padding-bottom: 10px;}
.padu25 {padding-bottom: 25px;}
.pado40 {padding-top: 40px;}
.padu40 {padding-bottom: 40px;}
.padu50 {padding-bottom: 50px;}
.padu80 {padding-bottom: 80px;}
.abstu50 {margin-bottom: 50px;}
.abstli20 {margin-left: 20px;}
.abstli3pro {margin-left: 3%;}

.untertitel {font-size: 1em;
	color: #888;}

.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;}
    
.abstand-u30 {margin-bottom: 30px;}
.marg-u15 {margin-bottom: 15px;}
.marg-ob-20 {margin-top: 20px;}
.fs09 {font-size: 0.9em;}
.fs08 {font-size: 0.8em;}
#impressuminhalt ul.copylist {
	font-size: 0.82em;
	margin: 5px 0 15px 20px;}
#impressuminhalt ul.copylist li {margin-bottom: 4px;}

/* Hoerbeispiele */

#hoerinhalt {margin: 10px 0 0 240px;
	padding-bottom: 450px;
	padding-right: 80px;}

#kapitel {margin: 20px 0 40px 0;}

#kapitel ul {list-style-type: circle;
	padding-left: 20px;}

#beispiele h3,
#beispiele p {margin-left: 0;}

#beispiele ul {
   font-size: 0.8em;
   list-style: circle;
   margin: 10px 0 15px 15px;}
   
#beispiele ul li {margin-bottom: 5px;}

.hbspbox {margin: 30px 0 60px 0;}

.hbspbox2 {
	position: relative;
	margin: 70px 0 90px 0;
    padding-top: 20px;}

.hbspbox3 {
	position: relative;
	margin: 10px 0 60px 0;
    padding-top: 20px;}

/*.hbspbox3 {
	position: relative;
	margin: 140px 0 90px 0;
    padding-top: 20px;}*/

.hbspbox4 {
	position: relative;
	margin: 70px 0 90px 0;
    padding-top: 20px;}

.hbspbox5 {
	position: relative;
	margin: 10px 0 60px 0;
    padding-top: 20px;}
    
.hbspbox6 {
	position: relative;
	margin: 50px 0 90px 0;}

.hbspbox7 {
	position: relative;
	margin: 0 0 60px 0;}

.hbspbox5 h3 {margin-bottom: 20px;}

.rera {position: absolute; right: 0; bottom: 0;}
.reru {position: absolute; right: 0; bottom: -25px;}

a.rera:hover,
a.reru:hover {text-decoration: none; border-bottom: 0;}

.hbspbox2 h3,
.hbspbox3 h3 {padding-bottom: 30px;}

div.context {margin: 50px 0 0 0; padding-bottom: 30px;}

#bildbestkauf {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/BestKauf.jpg);
   margin-top: -1em;}
a#bildbestkauf:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/vonPrivat.jpg);
   margin-top: -1em;
   text-decoration: none;
   border-bottom: 0;}

.fs12 {font-size: 1.1em;}

.rahmen {border: solid 1px #AAA;
	border-radius: 10px;
	padding: 15px;
	width: 95%;}

#hoerbeispiele ul.punkte {
   font-size: 0.8em;
   list-style: circle;
   margin: 15px 70px 30px 15px;}