/* ===========================
   Stylesheet klavierspiel.info
   Datei: kspinfo.css
   Datum: 2011-12-13
   Autor: Matthias Meiners 
   ===========================*/


/* Allgemein */

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

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

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

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

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

p {font-size: 0.8em;
   line-height: 1.4em;}
.p1 {padding-bottom: 10px;
   line-height: 1.4em;}
.p2 {padding-bottom: 20px;
   line-height: 1.4em;}
.p3 {padding: 10px 0 10px 0;}

.besonders {padding-bottom: 20px;
   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;}

.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: #5588BB;
   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: #0033AA;
   border-bottom: #0033AA 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: #0033AA;
   border-bottom: #0033AA 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 {
   color: #FFFFFF;
   background-color: #003399;
   text-decoration: none;}

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

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

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

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

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

a.extern2:hover {
   color: #FFFFFF;
   background-color: #003399;
   text-decoration: none;}*/

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

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

a.extern3:hover {
   color: #FFFFFF;
   background-color: #003399;
   text-decoration: none;}

a.externx {
   font-size: 0.8em;
   color: #003399;
   text-decoration: none;
   outline: none;
   background-color: #DFF7FF;}

a.externx:link,
a.externx:visited {
   font-size: 0.8em;
   color: #003399;
   text-decoration: none;
   outline: none;
   background-color: #DFF7FF;/*#C2E7EF;*/}

a.externx:hover {
   color: #FFFFFF;
   background-color: #003399;
   text-decoration: none;}

/* Textgestaltung */

.text_fett {font-weight: bold;
   color: #000000;}
.text_fett2 {font-weight: bold;
   color: #333333;}.text_gold {font-weight: bold;
   color: #9E682F;
   background-color: #EBEBEB;}
.text_kursiv {font-weight: bold;
   font-style: italic;}
.text_kursiv2 {
   font-weight: bold;
   font-style: italic;
   color: #444444;}
.text_kursiv3 {font-style: italic;}
.text_kursiv4 {
   font-weight: bold;
   font-style: italic;
   color: #333333;}
.text_blau {font-weight: bold;
   color: #0033BB;}
.text_grau {font-weight: bold;
   color: #444444;}
.text_grau2 {font-weight: bold;
   color: #444444;
   font-size: 0.8em;}
.text_grau3 {font-weight: bold;
   color: #555555;
   font-size: 0.8em;}
.text_grau4 {font-weight: bold;
   color: #555555;
   padding-right: 2px;}
.text_grau5 {font-weight: bold;
   color: #555555;}
.text_gros {font-weight: bold;
   font-size: 1.1em;}
.text_gros2 {font-weight: bold;
   font-size: 1em;}
.liste {font-size: 0.8em;}
.text_deco {border-bottom: #000000 1px solid;
   font-weight: bold;}
.text_eng {font-size: 0.8em;
   line-height: 1.4em;}
.text_eng2 {font-size: 0.8em;
   line-height: 1.5em;}
.text {font-size: 1.1em;
   font-weight: bold;}
.text2 {font-size: 0.8em;
   font-weight: bold;}
.intern {font-weight: bold;
   font-size: 1.1em;}
.seitenende {padding-bottom: 7em;}
.abstand-oben {margin-top: 15px;}
.abstand-oben2 {margin-top: 20px;}
.abstand-oben3 {margin-top: 15px;
   margin-bottom: 15px;}
.abstand-ou {margin: 10px 0;}
.preis {font-weight: bold;
   color: #BF0000;}
.abstand2 {padding-bottom: 10px;}

.randvid {
   display: block;
   margin: 5px 0 2em 0px;}
.randgaertpro {
   display: block;
   margin: 5px 0 7em 0px;}
.randgaertpro2 {
   display: block;
   margin: 5px 0 4em 0px;}
.rand {
   display: block;
   margin: 10px 0 0 70px;}
.rand11 {
   display: block;
   margin: 10px 0 7px 70px;}
.rand111 {
   display: block;
   margin: 0 0 50px 70px;}
.rand2 {
   display: block;
   margin-bottom: 20px;}
.rand4 {
   display: block;
   margin-bottom: 40px;}
.rand4-b {
   display: block;
   margin-bottom: 80px;}
.rand4-c {
   display: block;
   margin-bottom: 20px;}
.rand5 {
   display: block;
   margin-bottom: 40px;
   margin-left: 10px;}
.rand6 {
   display: block;
   margin-bottom: 5px;
   margin-top: 10px;}
.rand7 {
   display: block;
   margin-bottom: 40px;
   margin-left: 110px;}
.rand8 {
   display: block;
   margin-left: 70px;
   margin-bottom: 20px;}
.rand10 {
   display: block;
   margin-bottom: 20px;
   margin-left: 110px;}
.rand9 {
   display: block;
   margin-bottom: 40px;
   margin-left: 80px;}
.rand9b {
   display: block;
   margin-bottom: 10px;
   margin-left: 10px;}
.rand9a {display: block;
   margin-bottom: 10px;
   margin-left: 80px;}
.randb  {display: block;
   margin-bottom: 10px;
   margin-left: 50px;}  
.randc  {display: block;
   margin-bottom: 30px;
   margin-left: 70px;}  
.rand-abschnitt {
   display: block;
   margin: 0 0 140px 0;}
.randx {display: block;}
.inhaltspunkte {
   padding-left: 20px;
   margin: 5px 0;
   line-height: 1.5em;}
.register {position: relative;
   top: -3px;
   padding-left: 1px;}
.trenner1 {display: block;
   width: 605px;
   height: 100px;
   background-image: url(bilder/trenner1.jpg);
   background-repeat: no-repeat;
   margin: 20px 0 20px 50px;}
a.trenner1:hover {border-bottom: 0;}
.trenner2 {display: block;
   background-image: url(bilder/trenner2.jpg);
   background-repeat: no-repeat;
   width: 605px;
   height: 100px;
   margin: 20px 0 20px 50px;}
a.trenner2:hover {border-bottom: 0;}

.trenner4 {display: block;
   background-image: url(bilder/trenner2.jpg);
   background-repeat: no-repeat;
   width: 605px;
   height: 100px;
   margin: 120px 0 130px 50px;}
a.trenner4:hover {border-bottom: 0;}
.trenner5 {display: block;
   width: 605px;
   height: 100px;
   background-image: url(bilder/trenner1.jpg);
   background-repeat: no-repeat;
   margin: 100px 0 50px 100px;}
 a.trenner5:hover {border-bottom: 0;}
#sprungmarke {position: absolute;
   top: 2930px;
   left: 250px;}
#marke2 {position: absolute;
   top: 3060px; 
   left: 250px;}
#zielgebiet {position: absolute;
   top: 2960px;
   left: 250px;}

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

/* Hoerbeispiel Vorstimmen Preise */

#preisinhalt ul#vorstim {float: left;
   margin: 3px 70px 15px 85px;}
#preisinhalt iframe#preishoer {float: left;}
#preisinhalt p.pca {margin-bottom: 30px;}

/* Preise Spalte */

#preise .umschlag .container #spalte {position: absolute;
   top: 182px;
   left: 851px;}

#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/hgtastblau2.gif);
   padding-top: 65px;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

a.priming37:hover, a#priming39:hover, a#priming41:hover, a#priming45:hover, 
a#priming46:hover, a#priming47:hover, a#priming48:hover,a#priming49:hover, 
a#priming50:hover, a#priming51:hover, a#priming52:hover, a#priming56:hover,
a#priming57:hover, a#priming58:hover, a#priming60:hover, a#priming61:hover,
a#priming62:hover, a#priming63:hover, a#priming64:hover, a#priming65:hover,
a#priming66:hover, a#priming67:hover, a#priming68:hover, a#priming69:hover,
a#priming77:hover, a#priming78:hover, a#priming79:hover, a#priming80:hover,
a#priming81:hover, a#priming82:hover, a#priming83:hover, a#priming84:hover,
a#priming85:hover, a#priming86:hover, a#priming87:hover, a#priming88:hover,
a#priming89:hover, a#priming90:hover, a#priming91:hover, a#priming92:hover,
a#priming93:hover, a#priming94:hover, a#priming95:hover, a#priming96:hover,
a#priming97:hover, a#priming98:hover, a#priming99:hover,
a#priming100:hover, a#priming101:hover, a#priming102:hover,
a#priming103:hover, a#priming104:hover, a#priming200:hover,
a#priming3100:hover {border-bottom: 0; outline: none;}

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

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

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

#priming45 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/bestpreis.jpg);
   margin-top: -2em;}
a#priming45:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klickbestpreis.jpg);
   margin-top: -2em;}

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

#priming47 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/wohlig.jpg);
   margin-top: -3em;}
a#priming47:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klickfuehl.jpg);
   margin-top: -3em;}

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

#priming49 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/ampiano.jpg);
   margin-top: 0em;}
a#priming49:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/pianosphere-2.jpg);
   margin-top: 0em;}
a#priming49:link,
a#priming49:visited,
a#priming49:active {outline: none;}

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

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

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

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

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

#priming60 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/pianosphere.jpg);
   margin-top: 0em;}
a#priming60:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klickmotion.jpg);
   margin-top: 0em;}
a#priming60:link,
a#priming60:visited,
a#priming60:active {outline: none;}

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

#priming62 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/spielgefuehl.jpg);
   margin-top: 0em;}
#priming63 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/kopieren.jpg);
   margin-top: 0em;}
a#priming63:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klickerwuenscht.jpg);
   margin-top: 0em;}

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

#priming65 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/fluegel288.jpg);
   margin-top: 0em;}
#priming66 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klaviermodell.jpg);
   margin-top: 0em;}
#priming67 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/tonmusik.jpg);
   margin-top: 0em;}
#priming68 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klavierstimmerei.jpg);
   margin-top: 0em;}
a#priming68:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/praejetzt.jpg);
   margin-top: 0em;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Seite harmonie */

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

#bild {
   float: left;
   width: 134px;
   padding-left: 95px;}
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%;}

#hauptteil {
   padding: 0px 5% 53% 8%;
   margin-left: 160px;
   margin-top: 30px;}

#hauptteil a#prae02,
#preisinhalt a#prae01,
#preisinhalt a#prae02 {padding: 2px 2px 0 2px;}

#hauptteil h2 {margin: 0px 0 5px 0;
   padding-top: 20px;}

#hauptteil h2#ue22 {margin: 0 0 10px 0;
   padding-top: 20px;
   color: #000000;
   font-size: 1.2em;
   font-family: Arial, Helvetica, sans-sarif;}
#hauptteil h2#ue22 span#zh2 {font-size: 1em;
   font-family: Arial, Helvetica, sans-sarif;
   color: #5588DD;
   margin-left: -167px;}

#hauptteil h3 {padding-bottom: 15px;}
#hauptteil h4 {padding-bottom: 15px;}

#harmonie #hauptteil h3,
#harmonie #hauptteil h4,
#harmonie #hauptteil h5 {padding-top: 20px;}
#harmonie #hauptteil h5 {margin: 20px 0 15px 0;}

#hauptteil ul {padding: 0 0 10px 20px;}
#hauptteil ul li {list-style-type: circle;}
#hauptteil li {font-size: 0.8em;}
#hauptteil ul li a {font-size: 1em;}
#hauptteil ol {padding: 10px 0 10px 30px;}
#hauptteil ol#ziele {line-height: 1.4em;}
#hauptteil #kern {padding: 10px 0 10px 20px;}

#harmonie #hauptteil ol.asi {line-height: 1.2em;}
#harmonie #hauptteil ol.asi li#asie,
#harmonie #hauptteil ol.asi li#solo {padding-bottom: 7px;}

.inlist {margin-top: 5px;}

#einfuehrung ul li a {font-size: 0.8em;}
#einfuehrung ul {padding-left: 20px;
   list-style-type: none;}
#einfuehrung ul.uebersicht {margin: 30px 0 0 0;}
#einfuehrung ul.uebersicht li#z3 {padding-top: 5px;}

#ausbildung {margin: 0px 0 80px 0px;}

#hauptteil ul.aufzaehlen {padding: 0 0 15px 20px;}

ul#wirkunglist li,
ul.emolist li,
ol.gestaltlist li {margin-bottom: 7px;}
ul#wirkunglist {margin-top: 15px;}

ul#harmolist {padding-bottom: 3px;}
ul#harmolist li {margin-bottom: 10px;
   line-height: 1.6em;}

#hauptteil p.slogan {
   /*text-align: center;*/
   width: 310px;
   padding-left: 5px;
   margin-top: 4px;
   margin-bottom: 14px;
   line-height: 1.4em;
   background: #eee;}

#smile {width: 18px;
   height: 18px;
   margin-bottom: -4px;
   margin-left: 4px;}

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

#hauptteil div.stichworte ul.stichliste li a.intern3 {padding-left: 2px;}

div.inspiro {
   width: 180px;
   height: 25px;
   margin: 0 0 30px -5px;}

#hauptteil ul.konzert li {list-style-type: none; margin-bottom: 8px;}
#hauptteil ul.konzert li.z1 {margin-bottom: 10px;}
#hauptteil ul.aktuell li.z1 {margin-bottom: 5px;}
#hauptteil ul.aktuell li.zz1 {margin-bottom: 1px;}
#hauptteil ul.konzert {
   line-height: 1.4em;
   border: #777777 1px solid;
   width: 640px;
   padding: 15px 15px 15px 15px;
   margin-top: 15px;
   margin-bottom: 20px}
#hauptteil ul.konzert li a {font-size: 1em;}
#hauptteil ul.konzert li.eng {line-height: 1.3em; padding-bottom: 3px;}

#hauptteil ul.konzert li#hen {line-height: 1.5em;}
#hauptteil ul.konzert li#wocd {margin: 15px 0 10px 0; line-height: 1.5em;}

#hauptteil ul.konzert li#zh {margin: 20px 0 10px 0;
   font-size: 1.1em;
   font-weight: bold;
   color: #666;}

#hauptteil ul.konzert li#konue {
   font-size: 1.1em; 
   font-weight: bold;
   color: #777;}

#hauptteil ul.konzert li.exfo {line-height: 1.6em; margin: 12px 0;}

#hauptteil div.akto {padding-top: 20px;
   margin-bottom: 20px;}

#hauptteil ul.aktuell li {list-style-type: none;}
#hauptteil ul.aktuell li a {font-size: 1em;}
#hauptteil ul.aktuell {
   width: 465px;
   margin: 0px 0 20px 0;
   padding: 10px 0 10px 15px;
   border: #777777 1px solid;}

/* Netzwerke */

div#netzwerk {position: absolute;
   width: 140px;
   height: 420px;
   top: 153px;
   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#rahmen {
   display: block;
   width: 116px;
   height: 50px;
   position: absolute;
   top: 303px;
   left: 3px;
   background-image: url(bilder/praetwitt.jpg);}

div#netzwerk a#rahmen:hover {
   display: block;
   width: 116px;
   height: 50px;
   position: absolute;
   top: 303px;
   left: 3px;
   background-image: url(bilder/praefollow.jpg);}


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

div#netzwerk a#aura:hover {position: absolute;
  top: 371px;
  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;}

div.preload {display: none; width: 0; height: 0; border: 0;}
div.preload a#picprimateq {background-image: url(bilder/primajetzt.jpg);}
div.preload a#pictwitter {background-image: url(bilder/praefollow.jpg);}
div.preload a#picbeispiele {background-image: url(bilder/hoerbsphover.jpg);}
div.preload a#picblog {background-image: url(bilder/zumthema.jpg);}

/* Primatek Auszeichnung mittels img */

#hauptteil a img#prima,
#preisinhalt p.p1 a.extern img.blauprima {border: 0; margin-bottom: -1px;}

/* Videos Henriette Gaertner */

div#video2010,
div#nielsen {padding: 30px 0 0 0;}
div#video2010 iframe#leschet,
div#nielsen iframe#carlnie {margin: 0 0 20px 0;}

/* Neu Gaetner Programme */

#hauptteil ul#ueb {
   margin: 15px 0 6px 0px;}

#hauptteil ul#ueb li a {font-size: 1.0em;}

div#brio {position: relative; top: 0px; right: 0;}
a#priming3100 img#con {position: absolute; top: 0; border: 0;}
/*span#context {position: absolute; top: 0; right: 93px; color: #225588;}*/

a#priming3100 {
   position: absolute;
   top: -7px;
   right: 73px;
   display: block;
   width: 90px;
   height: 33px;
   text-decoration: none;
   border: 0;}
a#priming3100:hover img#con {opacity: 0; border: 0;}
a#priming3100:hover {
   position: absolute;
   top: -7px;
   right: 73px;
   display: block;
   width: 90px;
   height: 33px;
   background-image: url(bilder/con-brio-cc.jpg);
   background-repeat: no-repeat;
   text-decoration: none;}

div#brio a#priming3100 span#bweins {display: block; width: 90px; height: 33px; background-image: url(bilder/con-brio-cc.jpg); background-repeat: no-repeat; border: 0;}

#hauptteil div#pro2 {
   position: relative;
   width: 670px;
   height: 800px;
   margin: 28px 0 20px 0;
   padding: 0;
   border: #777777 1px solid;}

#hauptteil div#pro2 h3#ueeins {
   margin: 20px 0 10px 20px;
   padding: 0;
   color: #666666;}

#hauptteil ul#proueb {margin: 10px 0 50px 20px;}
#hauptteil ul#proueb li {margin-bottom: 3px;}

#hauptteil div#pro2 h4#uepause {position: absolute;
   top: 260px;
   left: 20px;}

#hauptteil div#pro2 ul#komp-1 {position: absolute;
   width: 280px;
   top: 80px;
   left: 0px;
   }

#hauptteil div#pro2 ul#kompos-1 {position: absolute;
   width: 340px;
   top: 80px;
   right: 10px;
   }

#hauptteil div#pro2 ul#komp-2 {position: absolute;
   width: 280px;
   top: 370px;
   left: 0px;
   }

#hauptteil div#pro2 ul#kompos-2 {position: absolute;
   width: 340px;
   top: 370px;
   right: 10px;
   }

#hauptteil div#pro2 ul#kompos-2 ul.unterpunkte li {margin-bottom: 1px;
   list-style-type: circle;
   }

#hauptteil div#pro2 ul#komp-1 li,
#hauptteil div#pro2 ul#kompos-1 li,
#hauptteil div#pro2 ul#komp-2 li,
#hauptteil div#pro2 ul#kompos-2 li {list-style: none;}

#hauptteil div#pro2 ul.unterpunkte {margin: 5px 0 0 0px;}

#hauptteil div#pro2 ul#kompos-1 ul.unterpunkte,
#hauptteil div#pro2 ul#kompos-2 ul.unterpunkte {margin-top: 10px;}

#hauptteil div#pro2 ul#kompos-1 li#k1 ul.unterpunkte li,
#hauptteil div#pro2 ul#kompos-1 li#k2 ul.unterpunkte li {list-style-type: circle;}

#hauptteil div#pro2 ul.unterpunkte li {font-size: 1em; padding-bottom: 4px;}

#hauptteil div#pro2 p#anders {position: absolute;
   bottom: 30px;
   left: 20px;
   font-size: 1em;
   font-weight: bold;
   color: #666666;}

#hauptteil div#pro2 ul#komp-1 li#z2 {margin-top: 30px;}
#hauptteil div#pro2 ul#kompos-1 li#k2 {margin-top: 51px;}

#hauptteil div#pro2 ul#komp-2 li#zz2 {margin-top: 235px;}
#hauptteil div#pro2 ul#kompos-2 li#kk2 {margin-top: 31px;}

#hauptteil div#pro2 ul#komp-2 li#zz3 {margin-top: 40px;}
#hauptteil div#pro2 ul#kompos-2 li#kk3 {margin-top: 60px;}

#hauptteil div#pro2 a.extern {font-size: 1em;}

/* Seite Lernen */

#lernen #hauptteil {padding-top: 3px;
   padding-left: 8%;
   padding-right: 5%;
   padding-bottom: 30%;
   margin-left: 160px;
   margin-top: 12px;}
#lernen #hauptteil h2 {margin: 0 0 0px 0;
   color: #555555; font-size: 1.1em;}
#lernen #hauptteil h3,
#lernen #hauptteil h4,
#lernen #hauptteil h5 {padding-top: 20px;}
#lernen #hauptteil h5 {margin: 20px 0 15px 0;}
#lernen #hauptteil h6 {
   color: #555555;
   margin-bottom: 10px;}
#lernen h3.themen {font-size: 1em;}
#lernen #hauptteil ul.uebersicht {margin: 10px 0 70px -20px;}
#lernen #hauptteil .uebersicht li a {font-size: 1.1em;}
#lernen #hauptteil .uebersicht li {list-style-type: none;
   padding-bottom: 3px;}
#lernen .spalte {position: absolute;
   top: 250px;
   left: 573px;}
#lernen .spalte span#praeludioinfo {
   display: block;
   background-image: url(bilder/praeinfo.jpg);
   background-repeat: no-repeat;
   width: 140px;
   height: 140px;
   border: 0;}
#lernen #test {font-size: 1.2em;}
#lernen #test li {list-style-type: inherit;}
#lernen ul.spiel li {list-style-type: none;
   color: #444444;}
ul.spiel {font-weight: bold;
   margin-left: -20px;
   padding-left: 0;}
ul.spiel li#zfx {padding-left: 10px;}
ul.spiel #lez {color: #222222;
   margin-top: 8px;}
ul.spiel #vorlez {
   width: 270px;
   color: #222222;
   padding-bottom: 3px;
   border-bottom: #666666 1px solid;
   margin-bottom: 0px;}

#lernen p.p1 a {font-size: 1em;}

div#difflern {margin: 30px 0 30px 0;}

div#blogit {position: absolute;
  top: 182px;
  right: 25px;
  width: 130px;
  height: 120px;
  /*height: 55px;*/}

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

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

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

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

/* Seite Preise */
        
#preisinhalt {
   margin-left: 170px;
   padding-bottom: 510px;}
#preiskarte {width: 642px;
   height: 685px;
   border: 0px;
   margin: 20px auto 30px 70px;}
a#landkarte {
   display: block;
   width: 642px;
   height: 685px;
   background-image: url(bilder/karte2008.jpg);
   background-repeat: no-repeat;}
a#landkarte:hover {border-bottom: 0;}

#preisinhalt div#redeka {position: relative;
   top: -430px;
   left: 725px;
   width: 100px;}
span.seitlink {display: block;
   padding-bottom: 5px;}

div#verzeichnisse {margin-top: 5px;}
div#internenavi {margin-bottom: 20px;}

#preisinhalt ul {
   font-size: 0.8em;
   list-style: circle;
   margin: 15px 70px 10px 90px;}
#internenavi ul.uebersicht {margin-left: 80px;
   margin-top: 10px;}
#internenavi h3.seitennavi {margin: 20px 0 0 70px;
   padding: 0;
   font-size: 1em;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   color: #555555;}
#internenavi h2 {margin: 35px 0 10px 70px;
   font-size: 1.1em;
   color: #555555;}
#internenavi .uebersicht li a {font-size: 1.1em;}
#internenavi .uebersicht li {list-style: none;}
#internenavi ul.uebersicht {margin-bottom: 0;}

#preisinhalt h3 {margin: 0 0 15px 70px;
   padding-top: 30px;}
#preisinhalt h5 {margin: 25px 0 10px 70px;}

#preisinhalt li {padding-bottom: 5px;
   padding-right: 20px;}
#preisinhalt p {margin: 0 20px 0 70px;
   padding-right: 20px;} 
#preisinhalt .einschub {margin: 10px 0 0 10px;
   font-size: 1em;}
#preisinhalt #uepreis {margin: 15px 0 10px 70px;}
#preisinhalt #uenord,
#preisinhalt #uesued {margin: 0 0 10px 70px;
   padding-top: 25px;}

#preisinhalt p#pxg {padding: 15px 0 0px 0;}
#preisinhalt p#pxh {padding: 15px 0 0px 0;}

#preisinhalt ul.inni {
   font-size: 0.8em;
   list-style: circle;
   margin: 10px 70px 0px 90px;}

#preisinhalt ul.inni2 {
   font-size: 0.8em;
   list-style: circle;
   margin: 10px 70px 10px 90px;}

/* Preise Spielart proLudio */

#preisinhalt div#internenavi ul.uebersicht li a img#prod {border: 0; margin-bottom: -3px;}
#preisinhalt h3 img#proue {border: 0; margin-bottom: -4px;}
#preisinhalt p img#prolu {border: 0; margin-bottom: -3px;}
#preisinhalt p img#prolu2 {border: 0; margin-bottom: -4px; margin-left: -1px;}
#preisinhalt div#internenavi ul#pruelo {margin-top: 5px;}

/* Div Ortsverzeichnisse */

div#ovz {position: relative; margin-bottom: 25px;}
a.ozi {font-size: 0.9em;}
a.ozno {position: absolute; left: 70px;}
a.ozsue {position: absolute; right: 120px;}
span.ozra {position: absolute; top: 30px; left: 0px;}

/* Listen */

.abc {display: inline;
   margin-right: 10px;}
#harmonie .abcliste {margin: 0 0 30px 0;}
#preisinhalt .abcliste {margin-bottom: 25px;
   margin-left: 70px;}
.stichworte {margin-top: 50px;}
ul.stichliste {margin-bottom: 10px;}
#harmonie ul.stichliste li,
ul.stichliste li {list-style-type: none;
   line-height: 1.4em;}
#harmonie .abcliste h3,
#preisinhalt .abcliste h3 {margin: 0px 0 20px 0px;}
#harmonie .abcliste h3,
#harmonie .stichworte h3,
#preisinhalt .abcliste h3,
#preisinhalt .stichworte h3 {font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 1.2em;
   color: #666666;}
#harmonie .abcliste .abc a.intern {font-family: Arial, Verdana, sans-serif;
   font-size: 1.2em;}
#preisinhalt .abcliste .abc {font-family: Arial, Verdana, sans-serif;
   font-size: 1.5em;}
#hauptteil .stichworte li a.intern3,
#hauptteil .stichworte li a.extern,
#preisinhalt .stichworte li a.intern3,
#preisinhalt .stichworte li a {font-size: 1.1em;}
#hauptteil ul.stichliste li {list-style-type: none;
   line-height: 1.7em;}   
#preisinhalt div#verzeichnisse div.stichworte h3 {margin: 0 0 10px 70px;
   padding-top: 20px;}

#preisinhalt ul.werbung li a.extern {font-size: 1em;}

/* Kontaktseite */

#kontaktinhalt {
   width: auto;
   margin-left: 170px;
   padding: 35px 50px 80px 70px;}
#kontaktinhalt h2 {margin-bottom: 40px;
   color: #555555; font-size: 1.1em;}
#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: 250px;}

#kontaktinhalt a#mail {padding: 20px 0 0 0;}
a#mail {font-size: 1.2em;
   line-height: 2em;
   font-weight: bold;
   margin-left: 275px;}
a#mail:hover {border-bottom: #336699 1px solid;}
a#mail:link, a#mail:visited {outline: none;}

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

/*Impressum */

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

h2 {margin-bottom: 20px; font-size: 1.1em; color: #555555;}

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

#impressuminhalt p.px {padding-bottom: 10px;
margin-top: 20px;}
#impressuminhalt a:link,
#impressuminhalt a:visited {outline: none;}
#impressuminhalt p.p3 {margin-bottom: 20px;}
#impressuminhalt #spez {padding: 0 3px;}
#impressum p.p3 a.extern {font-size: 1em;}

/* Preise Bezahlen */

#preisinhalt h4#bklos {margin: 55px 0 15px 70px; font-size: 1em;}

/* Markierung bankenlos auf der Seite preise.html */

a.contraxtern {
   font-size: 1em;
   color: #FFFFFF;
   background-color: #003399;
   text-decoration: none;
   padding: 0px 2px;}

a.contraxtern:hover {
   font-size: 1em;
   color: #003399;
   background-color: #FFF;
   font-weight: bold;
   text-decoration: none;
   border-bottom: 0;}

.contrapreis {font-weight: bold;
   background-color: #BF0000;
   color: #FFF;
   padding: 0px 2px;}

.contratext {font-weight: bold;
   background-color: #222222;
   color: #FFF;}