/* ===========================
   Stylesheet Klavierstimmen-info.de
   Datei: stimmen.css
   Datum: 2026-10-11
   Autor: Matthias Meiners 
   ===========================*/


/* Allgemein */

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

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

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

h1 {color: #750000;}
h2, h3, h4 {color: #666666;}

h1, 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.6em;}
.p1 {padding-bottom: 10px;
   line-height: 1.6em;}
.p2 {padding-bottom: 20px;
   line-height: 1.6em;}
.besonders {padding-bottom: 20px;
   line-height: 1.6em;}

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

.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: #FFFFFF;
   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.intern2 {font-weight: bold;
   margin-left: 20px;}
a.intern2:link,
a.intern2:visited {
   font-size: 0.8em;
   color: #5588BB;
   text-decoration: none;
   outline: none;}
a.intern2: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;}

/* Textgestaltung */

.text_fett {font-weight: bold;
   color: #000000;}
.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: #333333;}
.text_kursiv3 {font-style: italic;}
.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_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;}
.extern {font-size: 1em;}
.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;}

.wid500 {width: 500px;}

.rotohne {font-weight: bold; color: #9D0000;}
.rotnormal {font-weight: normal; color: #9D0000;}

a.extern span.rotnormal {background-color: #fff; color: #9D0000; padding: 1px 1px 0 1px;}
a.extern:hover span.rotnormal {background-color: #9D0000; color: #fff; padding: 1px 1px 0 1px;}

.copy {position: relative;
   top: -3px;
   padding-left: 1px;
   font-size: 0.9em;}

.padu10 {padding-bottom: 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;}

.zob {display: block;
   margin: 10px 0 5px 70px;}
.randx {display: block;
   margin: 0 0 0 70px;}
.randy {display: block;
   margin: 7px 0 50px 70px;}
.rand {
   display: block;
   margin: 10px 0 50px 70px;}
.rand11 {
   display: block;
   margin: 10px 0 30px 70px;}
.rand1 {display: block;
   margin: 10px 0 50px 0;}
.rand1-b {display: block;
   margin: 10px 0 5px 0;}
.rand2 {
   display: block;
   margin-bottom: 30px;}
.rand4 {
   display: block;
   margin-bottom: 50px;}
.rand4-b {
   display: block;
   margin: 5px 0 50px 0;}
.rand5 {
   display: block;
   margin-bottom: 50px;}
.rand9 {
   display: block;
   margin-bottom: 40px;
   margin-left: 70px;}
.rand9b {
   display: block;
   margin-bottom: 20px;
   margin-left: 0px;}
.rand9a {display: block;
   margin-bottom: 20px;
   margin-left: 70px;}
.randb  {display: block;
   margin-bottom: 10px;
   margin-left: 50px;}  
.randc  {display: block;
   margin-bottom: 30px;
   margin-left: 70px;}  

.register {position: relative;
   top: -3px;
   padding-left: 2px;}

.trenner1 {display: block;
   background-image: url(bilder/trenner2.jpg);
   background-repeat: no-repeat;
   width: 605px;
   height: 100px;
   margin: 80px 0 140px 50px;}
a.trenner1:hover {border-bottom: 0;}
.trenner4 {display: block;
   background-image: url(bilder/trenner1.jpg);
   background-repeat: no-repeat;
   width: 605px;
   height: 100px;
   margin: 100px 0 0 100px;}
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: 2822px;
   left: 250px;}
#marke2 {position: absolute;
   top: 2950px;
   left: 250px;}
#zielgebiet {position: absolute;
   top: 2820px;
   left: 250px;}*/

span.kopierrecht {position: relative; left: 2px; bottom: 3px;}
.abst-marg-re-4 {margin-right: 4px;}
.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: 3px 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;}

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

a.player {
	position: relative;
	display: block;
   	width: 700px;
   	height: 135px;
   	margin-left: 70px; 
   	margin-bottom: 20px;
   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 0;}


/* Navigation */

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

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

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

#entwicklung a.nav02 {
   background-image: url(bilder/fragen-ac.gif);
   background-repeat: no-repeat;}
#entwicklung a.nav02:hover {background-image: url(bilder/fragen-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/stimmen-pa.gif);
   background-repeat: no-repeat;}
   
a.nav01:hover {background-image: url(bilder/stimmen-ov.gif);
   border-bottom: 0px;}

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

a.nav02:hover {background-image: url(bilder/fragen-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;}


/* preload */

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

/* Primings Platzierung */

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

a.priming1:hover, a#priming2:hover, a#priming3:hover, a#priming4:hover, 
a#priming5:hover, a#priming6:hover, a#priming7:hover, a#priming9:hover, 
a#priming10:hover, a#priming11:hover, a#priming12:hover,a#priming13:hover, 
a#priming14:hover, a#priming15:hover, a#priming16:hover,a#priming17:hover, 
a#priming18:hover, a#priming19:hover, a#priming8:hover,
a#priming20:hover, a#priming60:hover {border-bottom: 0; outline: none;}

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


/* Seite 1 */

#block-1 {
	width: 600px;
	position: relative;
	top: 20px;
    left: 160px;
    padding: 0 0 50px 105px;}

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;
   position: absolute;
   top: 30px;
   left: 310px;
   margin: 0;
   padding: 0;}

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

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

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

#seite1 #hauptteil h3,
#seite1 #hauptteil h4 {padding-top: 20px;}

#seite1 #hauptteil h5 {padding-top: 10px;}
#seite1 #hauptteil h5#ue5 {padding-top: 20px;}

#hauptteil ul {padding: 0 0 10px 20px;}
#hauptteil ul li {list-style-type: circle;}
#hauptteil li {font-size: 0.8em;}

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

#hauptteil ol {padding-left: 20px;
   margin-bottom: 10px;}

#hauptteil ul#quali {margin: 0 0 60px 20px;}

#hauptteil ul.uebersicht li a {font-size: 1em;}
#hauptteil ul.uebersicht li {padding-bottom: 2px;}

#hauptteil ul.ergebnis li {line-height: 1.4em;
   padding-bottom: 5px;}

/* 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#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#aura {position: absolute;
  top: 303px;
  left: 3px;
  width: 116px;
  height: 50px;
  background-image: url(bilder/blogaddkammerton.jpg);
  background-repeat: no-repeat;}

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

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

/* Primatek Auszeichnung mittels img */

#hauptteil a img#prima,
#hauptteil h3 img,
#hauptteil h4 img,
#hauptteil p a img.blauprima,
#einfuehrung ul.uebersicht li a img.blauprima,
#hauptteil ul.uebersicht li a img.blauprima,
#preisinhalt p.p1 a img.blauprima {border: 0; margin-bottom: -1px;}
  

/* Seite Entwicklung */

#entwicklung #hauptteil {padding-top: 0px;
   padding-left: 8%;
   padding-right: 5%;
   margin-left: 160px;
   margin-top: 0px;}
#entwicklung #hauptteil h2 {margin: 0 0 10px 0;}
#entwicklung #hauptteil h3 {padding-top: 20px;}

#entwicklung .uebersicht li a {font-size: 1.1em;}
#entwicklung .uebersicht li {padding-bottom: 3px;}
#entwicklung .uebersicht li {list-style-type: none;}
#entwicklung .uebersicht {margin: 20px 0 50px 0;
   padding-left: 0;}

/* Seite Fragen */

#frageninhalt {
   margin-left: 170px;
   padding-bottom: 300px;}
#frageninhalt h2 {
   font-size: 1.1em;
   margin: 33px 0 0px 70px;
   color: #444444;}
#frageninhalt h3 {margin: 20px 0 15px 70px;}
#frageninhalt ul {
   font-size: 0.8em;
   list-style: none;
   margin: 0 20px 10px 90px;}
#frageninhalt ol {
   font-size: 0.8em;
   margin: 0 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 li a {font-weight: normal;
   line-height: 1em;}

#meineantworten h2 {margin: 90px 0 10px 70px;}
#meineantworten h3 {
   margin: 0 0 15px 70px;
   padding-top: 20px;}
#meineantworten p a {font-size: 1em;}
#kundenfragen {margin-top: 0px;
   padding-top: 20px;}
#meineantworten ul.liste {list-style-type: circle;
   margin-bottom: 5px;}
#meineantworten ul.liste li {line-height: 1.4em;}
#frageninhalt #kundenfragen ul.fragen li a.intern,
#frageninhalt #kundenfragen ul.scheiben li a {font-weight: bold;}   
#frageninhalt #kundenfragen ul.scheiben li {color: #555555; list-style-type: circle;} 
#frageninhalt #kundenfragen ul.fragen {margin: 0 0 30px 70px;}
#frageninhalt #kundenfragen ul.scheiben {margin: 0 0 30px 80px;}
#frageninhalt #kundenfragen ul.fragen li a {font-weight: bold;}

#frageninhalt ul.fragen li { margin-bottom: 6px; line-height: 1.4em;}

#kundenfragen ul.nebenthemen {
   font-size: 0.8em;
   list-style: circle;
   margin: 0px 20px 20px 70px;}

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

/* Seite Preise */
        
#preisinhalt {
   margin-left: 170px;
   padding-bottom: 520px;}
#preiskarte {width: 642px;
   border: 0px;
   margin: 20px auto 30px 70px;}
img#landkarte {
   width: 100%;
   height: auto;
   margin: 30px 0 30px 0;
   border: 0;
   border-radius: 15px;}

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

div#verzeichnisse {margin-top: 0px;}

#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: #444444;}
#internenavi .uebersicht li a {font-size: 1.1em;}
#internenavi .uebersicht li {list-style: none;}
#internenavi ul.uebersicht {margin-bottom: 0;
   margin-left: 80px;}

#preisinhalt h3 {margin: 25px 0 15px 70px;
   padding-top: 30px;}
#preisinhalt h5 {margin: 25px 0 10px 70px;}
#preisinhalt ul {
   font-size: 0.8em;
   list-style: circle;
   margin: 15px 70px 10px 90px;}
#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 #preisnord,
#preisinhalt #preissuedthueringen,
#preisinhalt #preissued {margin: 0 0 10px 70px;
   padding-top: 25px;}

#preisinhalt h5#uenord a,
#preisinhalt h5#uesued a {font-size: 0.95em;}

#preisinhalt p#ausgleich {padding-top: 15px;}
#preisinhalt p#grundintona {padding-top: 15px;}
#preisinhalt ul.inni {margin-top: 10px;}

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

/* Listen */

.abc {display: inline;
   margin-right: 10px;}
#preisinhalt .abcliste {margin-bottom: 25px;
   margin-left: 70px;}
.stichworte {margin-top: 50px;}
ul.stichliste {margin-bottom: 10px;}
ul.stichliste li {list-style-type: none;
   line-height: 1.4em;}
#preisinhalt .abcliste h3 {margin: 0px 0 20px 0px;}
#preisinhalt .abcliste h3,
#preisinhalt .stichworte h3 {font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 1.2em;
   color: #777777;}
#preisinhalt .abcliste .abc a {font-family: Arial, Verdana, sans-serif;
   font-size: 1.3em;}
#hauptteil .stichworte li a.intern3,
#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.stichworte h3 {margin: 0 0 10px 70px;
   padding-top: 10px;}

#preise .stichworte ul.stichliste li a.intern3 {color: #003399;}
#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;}

/* Kontaktseite */

#kontaktinhalt {
   width: auto;
   margin-left: 170px;
   padding: 30px 50px 410px 70px;}
#kontaktinhalt h2 {margin-bottom: 40px;
   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;}

a.mail {
	display: block;
	font-size: 1.2em;
   line-height: 2em;
   font-weight: bold;
   margin: 20px 0 40px 275px;}
a.mail:hover {border-bottom: 0;
	text-decoration: none;}

#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 .p2,
#kontaktinhalt .p3 {margin-bottom: 0px;
   padding-bottom: 10px;}

/*Impressum */

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

#block-2 h2 {margin-bottom: 20px; font-size: 1.1em;}
#block-3 {
   width: auto;
   float: left;
   margin: 10px 0;}
#block-4 {width: auto;
   float: left;}
#block-5 {width: auto;
   float: left;
   margin-left: 60px;}
#impressuminhalt #block-3 .p1 a {font-size: 1em;}
#impressuminhalt #block-3 p a {font-size: 1em;}
#impressuminhalt #block-2 .p1 a {font-size: 1em;}
#impressuminhalt #block-2 .px a {font-size: 1em;}
.px {padding-bottom: 10px;
margin-top: 15px;}
#impressuminhalt a:link,
#impressuminhalt a:visited {outline: none;}
#impressuminhalt p.p3 {margin-bottom: 10px;}
#impressuminhalt #spez {padding: 0 3px;}