/* ===========================
   Stylesheet klavier-spielen-tut-mir-gut.de 
   Datei: tmg.css
   Datum: 2011-09-01
   Autor: Matthias Meiners 
   ===========================*/


/* Allgemein */

* {margin: 0;
   padding: 0;}
   
html {height: 101%; background-color: #603300;/*background-color: #2D0000;*/}

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

h1, h2 {font-size: 17px;}
h3 {font-size: 1.1em;}
h4, h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

h1, h2, h3 {font-family: Arial, Verdana, Helvetica, sans-serif;}
h4, h5, h6 {font-family: Arial, Verdana, Helvetica, sans-serif;}
h1 {color: #750000;}
h3, h4 {color: #666666;}
h2, h5, h6 {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;}
            
.hidden {position: relative;
   top: -7000px;
   left: -7000px;
   margin: 0;
   padding: 0;
   font-size: 0;
   width: 0;
   height: 0;}

/* Hyperlinks */

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

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

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

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

a.intern {
   color: #5588BB;
   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: #336699;
   text-decoration: none;
   outline: none;}
a.intern3:hover {
   color: #5588BB;
   border-bottom: #5588BB 1px solid;}

a.extern {
   font-weight: bold;
   padding: 1px 1px 0 2px;}
a.extern:link,
a.extern:visited {
   font-size: 1em;
   color: #0033AA;
   text-decoration: none;
   outline: none;}
a.extern: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;}

/* Textgestaltung */

.intern {font-weight: bold;
   font-size: 1.1em;}
.preis {font-weight: bold;
   color: #BF0000;}

.text_fett {font-weight: bold;
   color: #222222;}
.text_kursiv {font-weight: bold;
   font-style: italic;
   color: #444444;}
.text_kursiv2 {font-style: italic;}
.text_kursiv3 {font-weight: bold;
   font-style: italic;
   color: #666666;}
.text_gros2 {font-weight: bold;
   font-size: 1em;}
.text_grau {font-weight: bold;
   color: #555555;}
.text_grau2 {font-weight: bold;
   color: #555555;
   padding-right: 2px;}
.p1 {font-size: 0.8em;
   line-height: 1.4em;
   padding-bottom: 10px;}
.p12 {font-size: 0.8em;
   line-height: 1.4em;
   padding-top: 10px;
   padding-bottom: 10px;}
.register {position: relative;
   top: -3px;
   padding-left: 2px;}

.trenner {display: block;
   width: 605px;
   height: 100px;
   background-image: url(bilder/trenner1.jpg);
   background-repeat: no-repeat;
   margin: 50px 0 10px 20px;}
 a.trenner:hover {border-bottom: 0;}
.trenner-1 {display: block;
   width: 605px;
   height: 100px;
   background-image: url(bilder/trenner2.jpg);
   background-repeat: no-repeat;
   margin: 50px 0 25px 20px;}
 a.trenner-1:hover {border-bottom: 0;}

.abstand2 {padding-bottom: 10px;}
.abstand-oben {padding-top: 10px;}

.randx {display: block;
   margin: 0;}
.randy {display: block;
   margin: 7px 0 50px 0;}
.randc  {display: block;
   margin: 0 0 30px 0;}  

.rand9 {
   display: block;
   margin-bottom: 40px;
   margin-left: 10px;}
.rand9a {display: block;
   margin-bottom: 7px;
   margin-left: 10px;}

.rand {
   display: block;
   margin: 10px 0 0 0;}
.rand2 {display: block;}
.rand3 {
   display: block;
   margin: 5px 0 80px 50px;}
.rand4a {
   display: block;
   margin: 5px 0 20px 0;}
.rand4 {
   display: block;
   margin: 5px 0 50px 0;}

/* Anker der Landkarte */

#sprungmarke {position: absolute;
   top: 2890px;
   left: 250px;}
#marke2 {position: absolute;
   top: 3005px;
   left: 250px;}
#zielgebiet {position: absolute;
   top: 2990px;
   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.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 20px;}
#preisinhalt iframe#preishoer {float: left;}
#preisinhalt p.pca {margin-bottom: 20px;}

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

#potenzial .umschlag .container .spalte {position: absolute;
   top: 240px;
   left: 835px;}

#potenzial .umschlag .container .spalte span#praeludioinfo {
   display: block;
   background-image: url(bilder/praemotiviert.jpg);
   background-repeat: no-repeat;
   width: 140px;
   height: 140px;
   border: 0;}

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

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

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

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

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

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

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

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

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

a.nav04 {display: block;
   width: 123px;
   height: 31px;
   border: 0;
   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.nav06 {display: block;
   width: 123px;
   height: 31px;
   background-image: url(bilder/preise-pa.gif);
   background-repeat: no-repeat;}
   
a.nav06:hover {background-image: url(bilder/preise-ov.gif);
   border-bottom: 0px;}

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

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

a.priming02:hover, a.priming03:hover, a.priming04:hover, a.priming05:hover, 
a.priming06:hover, a.priming07:hover, a.priming08:hover, a.priming09: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.priming36a:hover, a.priming20:hover, a.priming24:hover, 
a.priming25:hover, a.priming26:hover, a.priming27:hover, a.priming28:hover, 
a.priming29:hover, a#priming30:hover, a#priming100:hover, a#priming200:hover  {border-bottom: 0;}

a.priming01:hover {border-bottom: #9F6D2E 4px solid;}
a.priming36a:hover {border-bottom: 0;}

.priming36a {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klavierstimmerei.jpg);
   margin-top: -2em;}
a.priming36a:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/praegestimmt.jpg);
   margin-top: -2em;}
.priming01 {display: block;
   width: 140px;
   height: 212px;
   background-image: url(bilder/portrait.jpg);
   margin-top: 0em;
   margin-left: 2em;
   border-top: #9F6D2E 4px solid;
   border-right: #9F6D2E 4px solid;
   border-left: #9F6D2E 4px solid;
   border-bottom: #9F6D2E 4px solid;}  
.priming02 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/wohltemperiert.jpg);
   margin-top: 8em;} 
a.priming02:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klick.jpg);
   margin-top: 8em;}
.priming03 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/praegestimmt.jpg);
   margin-top: 10em;} 
a.priming03:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klavierstimmerei.jpg);
   margin-top: 10em;}
.priming04 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/megatrend.jpg);
   margin-top: 10em;} 
a.priming04:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klick-kultur.jpg);
   margin-top: 10em;} 

.priming05 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/tutsogut.jpg);
   margin-top: 5em;} 
a.priming05:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klicksogut.jpg);
   margin-top: 5em;} 
.priming06 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klavierstimmerei.jpg);
   margin-top: 62em;} 
a.priming06:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/praejetzt.jpg);
   margin-top: 62em;}
.priming07 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/schmiede.jpg);
   margin-top: 54em;} 
.priming08 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/mitgefuehl.jpg);
   margin-top: 106em;} 
a.priming08:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klickklavier.jpg);
   margin-top: 106em;} 
.priming09 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/neurogenese.jpg);
   margin-top: 31em;} 

.priming11 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/erfolg.jpg);
   margin-top: 50em;} 
a.priming11:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klickerfolg.jpg);
   margin-top: 50em;} 
.priming12 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/pianobalance.jpg);
   margin-top: 0em;} 
.priming13 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/pianosphere.jpg);
   margin-top: 45em;} 
a.priming13:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/pianomotion.jpg);
   margin-top: 45em;} 
.priming14 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/urklang.jpg);
   margin-top: 23em;} 
.priming15 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/hoerlust.jpg);
   margin-top: 35em;} 
.priming16 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/pianomotion.jpg);
   margin-top: 29em;} 
a.priming16:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/pianosphere.jpg);
   margin-top: 29em;}
.priming17 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klavierstimmerei.jpg);
   margin-top: 45em;}
a.priming17:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/praekennlern.jpg);
   margin-top: 45em;}
.priming18 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/praegestimmt.jpg);
   margin-top: 127em;}
a.priming18:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klavierstimmerei.jpg);
   margin-top: 127em;}
.priming19 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/spielfreude.jpg);
   margin-top: 2em;}
.priming20 {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/gutgestimmt.jpg);
   margin-top:37em;}
a.priming20:hover {display: block;
   width: 140px;
   height: 288px;
   background-image: url(bilder/klickgutgestimmt.jpg);
   margin-top: 37em;}

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

/* Primings der Seite Preise */

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

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

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

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

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

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

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

/*#priming200 {display: block;
   width: 140px;
   height: 4832px;
   background-image: url(bilder/auffueller48.jpg);
   margin-top: -3908px;}*/

/* Seite index */

#thema {
   padding: 10px 5% 50px 8%;
   margin-left: 140px;
   margin-right: 40px;}
#thema h3 {padding-bottom: 15px;
   padding-top: 10px;}
#thema h4 {padding: 20px 0 15px 0;
   font-size: 1.1em;}
#thema h4,
#thema h3 {color: #666666;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 1.1em;}
#zusammen {margin: 0px 0 30px 0;
   border: #999999 1px solid;
   padding: 10px 25px;
   background-color: #F2F2F2;
   font-size: 1.0em;}
h3#ersteh {margin-top: -5px;
   font-family: /*Georgia, */Arial, Verdana, Helvetica, sans-serif;}
#thema #zusammen .pxa {padding-bottom: 20px;}

/* Seite Konzept */

#wirkungeninhalt {
   margin-left: 170px;
   padding: 0 40px 500px 70px;}
#wirkungeninhalt h2 {margin: 0 0 20px 0;}
#wirkungeninhalt h3 {margin: 20px 0 15px 0; padding-bottom: 0;}
#wirkungeninhalt h4 {margin: 0px 20px 10px 0;}
#wirkungeninhalt h5 {margin: 25px 0 15px 0;}
#wirkungeninhalt ul {
   font-size: 0.8em;
   list-style: circle;
   margin: 0px 20px 10px 20px; padding-top: 0;}
#wirkungeninhalt li {
   padding-bottom: 5px;
   padding-right: 20px;
   padding-left: 1px;}
#wirkungeninhalt p {margin: 0 20px 0 0;
   padding-right: 20px;} 
#wirkungeninhalt li a {  font-size: 1.1em;}
#wirkungeninhalt ul li {list-style-type: circle;}
#wirkungeninhalt #fragen {margin: 0 0 40px 0;
   padding-top: 20px;
   padding-bottom: 10px;}
#wirkungeninhalt #fragen ul li a {font-weight: bold;}
#wirkungeninhalt #fragen ul {margin-bottom: 10px;}
#wirkungeninhalt #fragen li a {font-weight: normal;
   line-height: 1em;}
#wirkungeninhalt #fragen h4,
#wirkungeninhalt #antworten h4 {font-size: 1em;}
#wirkungeninhalt #antworten ol {font-size: 0.8em;
   margin: 10px 20px 0 30px;}
#wirkungeninhalt #antworten h3 {margin: 0 0 15px 0; padding-bottom: 0;
   padding-top: 20px;}
#wirkungeninhalt #antworten h3#ue-1 {margin: 30px 0 15px 0;}
#wirkungeninhalt #antworten h5 {margin: 0 0 15px 0;
   color: #555555;
   padding-top: 20px;}
#wirkungeninhalt #antworten h5#ue-2 {margin: 0 0 15px 0;
   color: #555555;
   padding-top: 0;}
#wirkungeninhalt #antworten h6 {
   font-family: Arial, Helvetica, sans-serif;
   margin: 0px 0 15px 0;
   padding-top: 20px;
   color: #777777;}
#wirkungeninhalt #antworten p a {font-size: 1em;}
#wirkungeninhalt #antworten ul {padding-left: 0;}
#wirkungeninhalt #antworten ul.punkte li,
#wirkungeninhalt #antworten ul.punkte-xy li {list-style-type: circle;}
#wirkungeninhalt #antworten ul.punkte-xy {margin: 0 0 58px 20px;}
#wirkungeninhalt #antworten ul.teilliste {font-size: 1em;
   margin: 8px 0 0px 15px;}
#wirkungeninhalt #antworten ul.teilliste li {list-style-type: disc;}   
#wirkungeninhalt ul#themen {padding-top: 0;
   margin-left: 20px;}
#wirkungeninhalt #antworten p#intro {width: 520px;}

/* Netzwerke */

div#netzwerk {position: absolute;
   width: 140px;
   height: 420px;
   top: 149px;
   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 */

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

/* Seite Potenzial */

#potenzialinhalt {
   margin-left: 170px;
   padding: 0 40px 370px 70px;}
#potenzialinhalt h2 {margin: 0 0 20px 0;}
#potenzialinhalt h3 {margin: 20px 0 15px 0;}
#potenzialinhalt h4 {margin: 0px 20px 10px 0;}
#potenzialinhalt h5 {margin: 25px 0 15px 0;}
#potenzialinhalt ul {
   font-size: 0.8em;
   list-style: circle;
   margin: 0px 20px 10px 20px;}
#potenzialinhalt li {
   padding-bottom: 5px;
   padding-right: 20px;
   padding-left: 1px;}
#potenzialinhalt p {margin: 0 20px 0 0;
   padding-right: 20px;} 
#potenzialinhalt li a {  font-size: 1.1em;}
#potenzialinhalt ul li {list-style-type: circle;}
#potenzialinhalt #fragen {margin: 0;
   padding-top: 20px;}
#potenzialinhalt #fragen ul li a {font-weight: bold;}
#potenzialinhalt #fragen ul {margin-bottom: 10px;}
#potenzialinhalt #fragen li a {font-weight: normal;
   line-height: 1em;}
#potenzialinhalt #fragen h4,
#potenzialinhalt #antworten h4 {font-size: 1em;}
#potenzialinhalt #antworten ol {font-size: 0.8em;
   margin: 10px 20px 0 100px;}
#potenzialinhalt #antworten h3 {margin: 0 0 15px 0;
   padding-top: 20px;}
#potenzialinhalt #antworten #ue-1 {margin: 0 0 15px 0;
   padding-top: 40px;}
#potenzialinhalt #antworten h5 {margin: 0 0 15px 0;
   color: #555555;
   padding-top: 20px;}
#potenzialinhalt #antworten #ue-2 {margin: 40px 0 15px 0;
   color: #666666;
   padding-top: 20px;}
#potenzialinhalt #antworten h6 {
   font-family: Arial, Helvetica, sans-serif;
   margin: 0 0 15px 0;
   padding-top: 20px;
   color: #777777;}
#potenzialinhalt #antworten p a {font-size: 1em;}
#potenzialinhalt #antworten ul {padding-left: 0px;}
#potenzialinhalt #antworten ul.punkte li {list-style-type: circle;}
#potenzialinhalt #antworten ul.punkte {padding-left: 0px;}
#potenzialinhalt #antworten ul.teilliste {font-size: 1em;
   margin: 10px 0 0px 12px;}
#potenzialinhalt #antworten ul.teilliste li {list-style-type: disc;}   
#potenzialinhalt #antworten ul.inhalt {margin: 0px 20px 10px 20px;}
#potenzialinhalt ul#themen {padding-top: 0;
   margin-bottom: 80px;
   margin-left: 20px;}

/* Seite Preise */
        
#preisinhalt {
   margin-left: 170px;
   padding: 0 60px 760px 70px;}
#preiskarte {width: 642px;
   height: 685px;
   border: 0px;
   margin: 20px auto 30px 0;}
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: -500px;
   left: 655px;
   width: 100px;}
span.seitlink {display: block;
   padding-bottom: 5px;}

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

#internenavi h3.seitennavi {margin: 20px 0 0 0;
   padding: 0;
   font-size: 1em;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   color: #555555;}
#internenavi h2 {margin: 20px 0 10px 0;
   font-size: 17px;
   color: #555555;}
#internenavi .uebersicht li a {font-size: 1.1em;}
#internenavi .uebersicht li {list-style: circle;}
#internenavi ul.uebersicht {margin: 10px 0 0 20px;}

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

#preisinhalt ul.inni {
   margin-top: 10px;
   margin-bottom: 0;}
#preisinhalt ul.inni2 {
   margin-top: 15px;}
#preisinhalt p#ausgleich {padding-top: 15px;
   padding-bottom: 0;}
#preisinhalt p#grundintona {padding-top: 15px;}
#preisinhalt ul.xun {
   font-size: 0.8em;
   list-style: circle;
   margin: 10px 70px 10px 20px;}

/* 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: 0px;}
a.ozsue {position: absolute; right: 50px;}
span.ozra {position: absolute; top: 30px; left: 0px;}

/* Listen */

.abc {display: inline;
   margin-right: 10px;}
#preisinhalt .abcliste {margin-bottom: 25px;
   margin-left: 0;}
.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 0;}
#preisinhalt .abcliste h3,
#preisinhalt .stichworte h3 {font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 1.2em;
   color: #777777;}

#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 0;
   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;}

#preisinhalt .abcliste ul#ovsue li,
#preisinhalt .abcliste ul#ovnord li {font-family: Arial, Verdana, sans-serif;
   font-size: 1.1em;}

#preise ul#ovsue,
#preise ul#ovnord {list-style: none; margin: 0; padding: 0;}
#preise ul#ovsue li,
#preise ul#ovnord li {display: inline; margin: 0; padding: 0 11px 0 0;}
#preise ul#ovsue li a,
#preise ul#ovnord li a {color: #003399; font-size: 1.5em; }
#preise ul#ovsue li a:hover,
#preise ul#ovnord li a:hover {color: #5588BB;
   text-decoration: none;
   border-bottom: #5588BB solid 1px;}


/* Kontaktseite */

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

#kontaktinhalt a#mail {margin-top: 20px;
   margin-bottom: 20px;}
#kontaktinhalt a#mail:hover {color: #0033AA;
   border-bottom: #0033AA 1px solid;}
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: 10px 0 10px 20px;}
#kontaktinhalt .p2 {margin-bottom: 10px; padding-bottom: 0;}
#kontaktinhalt .p3 {margin-bottom: 0; margin-top: 0;}


/*Impressum */

#impressuminhalt {
   width: auto;
   margin-left: 240px;
   padding: 20px 70px 30px 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: 15px;}
#impressuminhalt p.p3 {padding-bottom: 20px;}