/* Copyright 2010 - Ralf Einert */
/* Analyse Planung Beratung: DER WELTGEIST */

body {
margin: 0px;
padding: 0px;
font-family: arial, helvetica, verdana, sans-serif;
background-image: url( hg_wrapper_gesellschaft.jpg );
background-repeat: repeat-y repeat-x;
padding:0;
margin:0;
}

/* Kopfzeile, Navigation, Links, Überschriften */

a             {font-size: 1.0em; line-height:200%;}
a.home        {text-align:left; font-size: 0.8em; line-height:160%;}
a.fazit       {font-size: 1.0em; line-height:100%;}
a.uk          {font-size: 0.8em; line-height:250%;}
a.link        {font-size: 0.7em; line-height:75%;}
a.link1       {font-size: 0.7em; line-height:175%;}
a.link2       {font-size: 0.7em; line-height:200%;}
a.leistg_allg {font-size:1.5em; font-weight:bold; font-height:150%;}
a.logo        {text-align:center; margin-left: 0px; margin-bottom: 0px;}
a.logo1       {text-align:center; margin-left:15px; margin-bottom: 0px;}

a         {color: #8F1C33;}
a:link    {text-decoration:underline;          color: #8F1C33;}
a:visited {text-decoration:none;               color: #8F1C33;}
a:hover   {text-decoration:underline overline; color:blue;}

#a:hover {color:yellow;                   font-size:0.75em; line-height:163%; background-image:url(hg_10w_titel01.jpg); display:block;}
#a       {color:red;    font-weight:bold; font-size:0.75em; line-height:163%;}

#einleitung      a:hover {color:yellow; font-weight:bold; font-size:1.0em; line-height:190%; background-image:url(../../hg_over.jpg); display:block;}
#leistung        a:hover {color:yellow; font-weight:bold; font-size:1.0em; line-height:190%; background-image:url(../../hg_over.jpg); display:block;}
#profil          a:hover {color:yellow; font-weight:bold; font-size:1.0em; line-height:190%; background-image:url(../../hg_over.jpg); display:block;}
#fazit           a:hover {color:yellow; font-weight:bold; font-size:1.0em; line-height:190%; background-image:url(../../hg_over.jpg); display:block;}

#pkt01_motto     a:hover {color:yellow; font-weight:bold; font-size:0.8em; line-height:235%; background-image:url(../../hg_over.jpg); display:block;}
#pkt02_vorwort   a:hover {color:yellow; font-weight:bold; font-size:0.8em; line-height:235%; background-image:url(../../hg_over.jpg); display:block;}
#pkt03_material  a:hover {color:yellow; font-weight:bold; font-size:0.8em; line-height:235%; background-image:url(../../hg_over.jpg); display:block;}
#pkt04_analyse   a:hover {color:yellow; font-weight:bold; font-size:0.8em; line-height:235%; background-image:url(../../hg_over.jpg); display:block;}
#pkt05_planung   a:hover {color:yellow; font-weight:bold; font-size:0.8em; line-height:235%; background-image:url(../../hg_over.jpg); display:block;}
#pkt06_beratung  a:hover {color:yellow; font-weight:bold; font-size:0.8em; line-height:235%; background-image:url(../../hg_over.jpg); display:block;}
#pkt07_leben     a:hover {color:yellow; font-weight:bold; font-size:0.8em; line-height:235%; background-image:url(../../hg_over.jpg); display:block;}
#pkt08_bildung   a:hover {color:yellow; font-weight:bold; font-size:0.8em; line-height:235%; background-image:url(../../hg_over.jpg); display:block;}
#pkt09_aktiv     a:hover {color:yellow; font-weight:bold; font-size:0.8em; line-height:235%; background-image:url(../../hg_over.jpg); display:block;}
#pkt10_beispiele a:hover {color:yellow; font-weight:bold; font-size:0.8em; line-height:235%; background-image:url(../../hg_over.jpg); display:block;}
#pkt11_schluss   a:hover {color:yellow; font-weight:bold; font-size:0.8em; line-height:235%; background-image:url(../../hg_over.jpg); display:block;}
#pkt12_kontakt   a:hover {color:yellow; font-weight:bold; font-size:0.8em; line-height:235%; background-image:url(../../hg_over.jpg); display:block;}


/* Kapitelanzeige */

h1       {font-size:1.0em;  line-height:150%; text-align:center; font-weight:bold;   margin-bottom: 5px; margin-top: 5px;}
h2       {font-size:1.3em;  line-height:150%; text-align:center; font-weight:bold;   margin-bottom:10px; margin-top:10px;}
h3       {font-size:0.9em;  line-height:125%; text-align:center; font-weight:bold;   margin-bottom: 7px; margin-top:10px;}
h4       {font-size:0.95em; line-height:190%; text-align:center; font-weight:bold;   margin-bottom:10px; margin-top: 0px;}
h5       {font-size:1.0em;  line-height:125%; text-align:center; font-weight:bold;   margin-bottom: 7px; margin-top:10px;}   

h2.haupt {font-size:1.4em;  line-height:150%; text-align:center; font-weight:bold;   margin-bottom:10px; margin-top:5px; color:blue;}
h2.ober  {font-size:1.4em;  line-height:150%; text-align:right;  font-weight:bold;   margin-bottom:10px; margin-top:5px; color:blue; margin-right:3px;}
h2.unter {font-size:1.4em;  line-height:150%; text-align:left;   font-weight:bold;   margin-bottom:10px; margin-top:5px; color:blue; margin-left: 3px;}

h2.bestellung {font-size:0.85em; line-height:18px; text-align:center;  margin-bottom:5px; margin-top:0px; font-weight:bold;}
p.bestellung  {font-size:0.8em;  line-height:133%; text-align:justify; margin-bottom:5px; margin-top:0px;  margin-left: 20px; margin-right:20px;}

p.var_1       {font-size:0.85em; line-height:20px; text-align:center; font-weight:bold;   margin-bottom: 0px; margin-top:    0px;}
p.var_2       {font-size:0.80em; line-height:133%; text-align:center; font-weight:normal; margin-left:  10px; margin-right: 10px;}
p.copy        {font-size:0.70em; line-height:17px; text-align:center; font-weight:normal; margin-bottom: 0px; margin-top:    0px;}
p.copy1       {font-size:0.70em; line-height:17px; text-align:center; font-weight:normal; margin-bottom: 0px; margin-top:   -2px;}
p.strich_1    {line-height:100%; margin-bottom:5px; margin-top: -10px; text-align:center;}
p.strich_2    {line-height:100%; margin-bottom:0px; margin-top:0px; text-align:center;}
p.ausr_bilder {margin-left: 0px; margin-right:0px; text-align:center; border:0px;}

tr.profil {font-size:0.80em;}

/* Absatzformatierungen und Listen */

p             {font-size:0.80em; margin-left:40px; margin-right:30px; margin-bottom: 8px; margin-top:  8px; line-height:150%; text-align:justify;}
p.bilder      {font-size:0.80em; margin-left: 0px; margin-right:10px; margin-bottom: 8px; margin-top:  8px; line-height:150%; text-align:justify;}

p.titel         {font-size:0.70em; margin-left: 0px; margin-right: 0px;                                       line-height: 75%; text-align:center;}
p.vorwort       {font-size:0.80em; margin-left:40px; margin-right:30px; margin-bottom: 0px; margin-top:  0px; line-height:100%;}
p.logo_basis    {font-size:0.50em; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top:  0px;                   text-align:center;}
p.profil        {font-size:0.80em; margin-left:40px; margin-right: 0px; margin-bottom:15px; margin-top: 15px; line-height:150%; text-align:left;}
p.leistung      {font-size:0.80em; margin-left:40px; margin-right: 0px; margin-bottom:10px; margin-top: 10px; line-height:166%; text-align:center;  font-weight:bold;}
p.leistg_allg   {font-size:0.90em; margin-left: 5px; margin-right: 5px; margin-bottom: 7px; margin-top:  7px; line-height:133%; text-align:center;  font-weight:normal;}
p.leistg_small  {font-size:0.70em; margin-left: 5px; margin-right: 5px; margin-bottom:12px; margin-top:  0px; line-height:133%; text-align:center;  font-weight:normal;}
p.leistg_small_a{font-size:0.70em; margin-left: 5px; margin-right: 5px; margin-bottom:17px; margin-top:  0px; line-height:133%; text-align:center;  font-weight:normal;}
p.motto         {font-size:1.00em; margin-left:40px; margin-right:40px; margin-bottom:20px; margin-top: 10px; line-height:150%; text-align:center;  font-weight:bold;}
p.strich1       {font-size:1.00em; margin-left:10px; margin-right:10px;                     margin-top:-15px;                   text-align:center;}
p.strich2       {font-size:1.00em; margin-left:10px; margin-right:10px;                     margin-top:  7px;                   text-align:center;}

p.profil_z1 {font-size:0.9em; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px; text-align:center; line-height:120%; font-weight:normal;}
p.profil_z2 {font-size:0.8em; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px; text-align:center; line-height:300%; font-weight:normal;}


li          {margin-left: 0px; margin-right: 0px; text-align:justify; line-height:150%; margin-bottom:8px; margin-top:8px;}
li.leistung {font-size:0.8em; margin-left:  0px; margin-right: 0px; text-align:justify; line-height:166%; margin-bottom:8px; margin-top:8px; font-weight:bold;}
p.fazit     {font-size: 1.0em; margin-left:20px; margin-right:20px; text-align:center; line-height:200%; margin-bottom:5px; margin-top:5px; font-weight:normal;}
p.fazit_a   {font-size: 1.2em; color:red; margin-left:20px; margin-right:20px; text-align:center; line-height:250%; margin-bottom:5px; margin-top:5px; font-weight:bold;}
p.fazit_b   {font-size: 1.2em; color:green; margin-left:20px; margin-right:20px; text-align:center; line-height:250%; margin-bottom:5px; margin-top:5px; font-weight:bold;}

ul {font-size:0.9em; margin-left:20px; margin-right:10px; line-height:133%; margin-bottom:25px; margin-top:10px; list-style-position:outside;}
ol {font-size:1.0em; margin-left:20px; margin-right:20px; line-height:133%; margin-bottom:17px; margin-top:17px; list-style-position:outside;}

img          {margin-left:40px; margin-bottom:10px;}
img.bilder   {margin-left:48px; margin-bottom:10px;}
img.profil_1 {margin-left: 0px; margin-bottom: 8px; margin-right:0px; margin-top:8px;}
img.logo     {margin-left: 0px;}
img.sprache  {margin-left: 0px; margin-top:    1px;}

table.tab_profil  {margin-left:40px; text-align:justify; font-size: 0.8em;}

/* Wrapper und Kopfzeile */

#wrapper {
position: relative;
width: 960px;
height: 655px;
margin: 0 auto 0 auto;
}

#kopfzeile {
position: absolute;
top: 0px;
left: 0px;
width: 952px;
height: 92px;
background-image: url( ../../hg_titel.jpg );
border-width: 4px;
border-color: #A9A9A9;
border-style: groove;
vertical-align: middle;
text-align: center;
}


  #titelzeile           {position:absolute; top: 0px; left:  0px; width:952px; height:30px; border-bottom:1px solid gray;}
    #oben_links         {position:absolute; top: 0px; left:  0px; width:160px; height:30px;}
      #test_home        {position:absolute; top: 7px; left:  0px; width: 80px; height:20px;}
      #test_weltgeist   {position:absolute; top: 7px; left: 80px; width: 80px; height:20px;}
    #titel              {position:absolute; top: 0px; left:161px; width:631px; height:30px;}
    #oben_rechts        {position:absolute; top: 0px; left:792px; width:160px; height:30px;}
      #sprache_dt       {position:absolute; top: 7px; left:  0px; width: 80px; height:20px;}
      #sprache_en       {position:absolute; top: 7px; left: 80px; width: 80px; height:20px;}
  #hauptkapitel         {position:absolute; top:31px; left:  0px; width:952px; height:30px; border-bottom:1px solid gray;}
    #einleitung         {position:absolute; top: 0px; left:  0px; width:239px; height:30px; border-right: 1px solid gray;}
    #leistung           {position:absolute; top: 0px; left:240px; width:236px; height:30px; border-right: 1px solid gray;}
    #profil             {position:absolute; top: 0px; left:477px; width:236px; height:30px; border-right: 1px solid gray;}
    #fazit              {position:absolute; top: 0px; left:714px; width:240px; height:30px;}
  #unterkapitel         {position:absolute; top:62px; left:  0px; width:952px; height:30px;}
    #pkt01_motto        {position:absolute; top: 0px; left:  0px; width: 79px; height:30px; border-right:1px solid gray;}
    #pkt02_vorwort      {position:absolute; top: 0px; left: 80px; width: 79px; height:30px; border-right:1px solid gray;}
    #pkt03_material     {position:absolute; top: 0px; left:160px; width: 79px; height:30px; border-right:1px solid gray;}
    #pkt04_analyse      {position:absolute; top: 0px; left:240px; width: 78px; height:30px; border-right:1px solid gray;}
    #pkt05_planung      {position:absolute; top: 0px; left:319px; width: 78px; height:30px; border-right:1px solid gray;}
    #pkt06_beratung     {position:absolute; top: 0px; left:398px; width: 78px; height:30px; border-right:1px solid gray;}
    #pkt07_leben        {position:absolute; top: 0px; left:477px; width: 78px; height:30px; border-right:1px solid gray;}
    #pkt08_bildung      {position:absolute; top: 0px; left:556px; width: 78px; height:30px; border-right:1px solid gray;}
    #pkt09_aktiv        {position:absolute; top: 0px; left:635px; width: 78px; height:30px; border-right:1px solid gray;}
    #pkt10_beispiele    {position:absolute; top: 0px; left:714px; width: 78px; height:30px; border-right:1px solid gray;}
    #pkt11_schluss      {position:absolute; top: 0px; left:793px; width: 79px; height:30px; border-right:1px solid gray;}
    #pkt12_kontakt      {position:absolute; top: 0px; left:873px; width: 80px; height:30px;}

    #einleitung_alt     {position:absolute; top: 0px; left:  0px; width:239px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_ge_1einleitung.jpg );}
    #leistung_alt       {position:absolute; top: 0px; left:240px; width:236px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_ge_2leistung.jpg );}
    #profil_alt         {position:absolute; top: 0px; left:477px; width:236px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_ge_3profil.jpg );}
    #fazit_alt          {position:absolute; top: 0px; left:714px; width:238px; height:30px;                              background-image: url( hg_titel_ge_4fazit.jpg );}
    #pkt01_motto_alt    {position:absolute; top: 0px; left:  0px; width: 79px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_ge_11motto.jpg );}
    #pkt02_vorwort_alt  {position:absolute; top: 0px; left: 80px; width: 79px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_ge_12vorwort.jpg );}
    #pkt03_material_alt {position:absolute; top: 0px; left:160px; width: 79px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_ge_13material.jpg );}
    #pkt04_analyse_alt  {position:absolute; top: 0px; left:240px; width: 78px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_ge_21analyse.jpg );}
    #pkt05_planung_alt  {position:absolute; top: 0px; left:319px; width: 78px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_ge_22planung.jpg );}
    #pkt06_beratung_alt {position:absolute; top: 0px; left:398px; width: 78px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_ge_23beratung.jpg );}
    #pkt07_leben_alt    {position:absolute; top: 0px; left:477px; width: 78px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_ge_31leben.jpg );}
    #pkt08_bildung_alt  {position:absolute; top: 0px; left:556px; width: 78px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_ge_32bildung.jpg );}
    #pkt09_aktiv_alt    {position:absolute; top: 0px; left:635px; width: 78px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_ge_33aktiv.jpg );}
    #pkt10_beispiele_alt{position:absolute; top: 0px; left:714px; width: 78px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_ge_41beispiele.jpg );}
    #pkt11_schluss_alt  {position:absolute; top: 0px; left:793px; width: 79px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_ge_42schluss.jpg );}
    #pkt12_kontakt_alt  {position:absolute; top: 0px; left:873px; width: 79px; height:30px;                              background-image: url( hg_titel_ge_43kontakt.jpg );}


/*   I n h a l t  /  F o o t e r  /  O n l i n e s h o p   */

#inhalt          {position:absolute; top:101px; left:  0px; width:958px; height:530px; background-image:url( hg_inhalt_gesellschaft.jpg ); background-repeat: repeat-y repeat-x; border-right:1px solid gray; border-left:1px solid gray;}
  #cdrom_li      {position:absolute; top:  0px; left:  0px; width:163px; height: 43px;}
  #cdrom_re      {position:absolute; top:  0px; left:795px; width:163px; height: 43px;}
  #seite_zurueck {position:absolute; top:  3px; left:170px; width: 40px; height: 40px;}
  #seite_vor     {position:absolute; top:  3px; left:752px; width: 40px; height: 40px;}
  #ort           {position:absolute; top:  0px; left:290px; width:374px; height: 43px;}
  #ort_ober      {position:absolute; top:  0px; left:290px; width:187px; height: 43px;}
  #ort_unter     {position:absolute; top:  0px; left:477px; width:250px; height: 43px;}
  #inh_haupt     {position:absolute; top: 44px; left:  0px; width:958px; height:485px;}

  #material {position:absolute; top: 43px; left: 49px; width:860px; height:1900px;}

  #zeitzone {position:absolute; top: 43px; left: 79px; width:400px; height:240px;}
  #ksalon   {position:absolute; top: 43px; left:479px; width:400px; height:240px;}
  #laluz    {position:absolute; top:283px; left: 79px; width:400px; height:240px;}
  #plakat   {position:absolute; top:283px; left:479px; width:400px; height:240px;}

  #logo        {position:absolute; top: 20px; left:  1px; width: 956px; height:435px;}
    #logo_a    {position:absolute; top: 78px; left:270px; width: 100px; height:35px; font-weight:bold; font-size:1.6em;}
    #logo_p    {position:absolute; top: 78px; left:540px; width: 100px; height:35px; font-weight:bold; font-size:1.6em;}
    #logo_p_en {position:absolute; top: 78px; left:558px; width: 100px; height:35px; font-weight:bold; font-size:1.6em;}
    #logo_b    {position:absolute; top:175px; left:424px; width: 100px; height:35px; font-weight:bold; font-size:1.6em;}
    #logo_b_en {position:absolute; top:175px; left:434px; width: 100px; height:35px; font-weight:bold; font-size:1.6em;}
    #logo_web  {position:absolute; top:280px; left:395px; width: 100px; height:35px; font-weight:bold; font-size:1.8em;}
    #foto      {position:absolute; top: 60px; left:760px; width: 125px; height:180px;}
    #re        {position:absolute; top: 60px; left:-35px; width: 170px; height:180px;}

  #leistg_analyse  {position:absolute; top: 160px; left: 5px;  width: 315px; height:320px; text-align:center;}
  #leistg_planung  {position:absolute; top: 160px; left:320px; width: 315px; height:320px; text-align:center;}
  #leistg_beratung {position:absolute; top: 160px; left:635px; width: 315px; height:320px; text-align:center;}

  #profil_pfeile  {position:absolute; top:165px; left:230px; width:400px; height:175px; text-align:center;}
  #profil_z1_sp1  {position:absolute; top: 45px; left:  0px; width:475px; height:150px;}
  #profil_z1_sp2  {position:absolute; top: 45px; left:475px; width:475px; height:150px;}
  #profil_z2_sp1  {position:absolute; top:220px; left:  5px; width:315px; height:130px;}
  #profil_z2_sp2  {position:absolute; top:220px; left:320px; width:315px; height:130px;}
  #profil_z2_sp3  {position:absolute; top:220px; left:635px; width:315px; height:130px;}
  #profil_z3_sp1  {position:absolute; top:350px; left:  0px; width:945px; height:140px;}
  #profil_z4_sp1  {position:absolute; top:460px; left:  5px; width:315px; height: 50px; text-align:center;}
  #profil_z4_sp2  {position:absolute; top:460px; left:320px; width:315px; height: 50px; text-align:center;}
  #profil_z4_sp3  {position:absolute; top:460px; left:635px; width:315px; height: 50px; text-align:center;}

p.profil_z1 {font-size:0.95em; margin-left:0px; margin-right:0px; margin-bottom:5px; margin-top:5px; text-align:center; line-height:150%; font-weight:normal;}
p.profil_z2 {font-size:0.75em; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px; text-align:center; line-height:205%; font-weight:normal;}

#footer   {position:absolute; top:631px; left:  0px; width:960px; height:22px; background-color:black;color: white;}
  #adresse{position:absolute; top:  0px; left:  0px; width:319px; height:22px; background-color:black; color:white;}
  #navi   {position:absolute; top:  0px; left:319px; width:640px; height:22px; background-color:black; color:white; border-left:1px solid white;}