/* Copyright 2010 - Ralf Einert */
/* Analyse Planung Beratung: Controlling */

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

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

a             {font-size: 1.0em; line-height:200%;}
a.fazit       {font-size: 1.0em; line-height:100%;}
a.uk          {font-size: 0.8em; line-height:250%;}
a.home        {text-align:left; font-size: 0.8em; line-height:200%;}
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_titel.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_analyse  a:hover {color:yellow; font-weight:bold; font-size:0.8em; line-height:235%; background-image:url(../../hg_over.jpg); display:block;}
#pkt04_planung  a:hover {color:yellow; font-weight:bold; font-size:0.8em; line-height:235%; background-image:url(../../hg_over.jpg); display:block;}
#pkt05_beratung a:hover {color:yellow; font-weight:bold; font-size:0.8em; line-height:235%; background-image:url(../../hg_over.jpg); display:block;}
#pkt06_leben    a:hover {color:yellow; font-weight:bold; font-size:0.8em; line-height:235%; background-image:url(../../hg_over.jpg); display:block;}
#pkt07_bildung  a:hover {color:yellow; font-weight:bold; font-size:0.8em; line-height:235%; background-image:url(../../hg_over.jpg); display:block;}
#pkt08_aktiv    a:hover {color:yellow; font-weight:bold; font-size:0.8em; line-height:235%; background-image:url(../../hg_over.jpg); display:block;}
#pkt09_schluss  a:hover {color:yellow; font-weight:bold; font-size:0.8em; line-height:235%; background-image:url(../../hg_over.jpg); display:block;}
#pkt10_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:1.0em;  line-height:150%; text-align:center; font-weight:bold;   margin-bottom: 5px; margin-top: 0px;}
h4        {font-size:0.95em; line-height:180%; text-align:center; font-weight:bold;   margin-bottom:10px; margin-top: 0px;}

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

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

tr        {font-size:0.80em;}


/* Absatzformatierungen und Listen */

p             {font-size: 0.8em; margin-left:40px; margin-right:30px; margin-bottom: 8px; margin-top:  8px; text-align:justify; line-height:150%; }
p.titel       {font-size: 0.7em; margin-left: 0px; margin-right: 0px;                     line-height: 75%; text-align: center;}
p.vorwort     {font-size: 0.8em; margin-left:40px; margin-right:30px; margin-bottom: 0px; margin-top:  0px;                     line-height:100%; }
p.logo_basis  {font-size: 0.5em; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; margin-top:  0px; text-align: center;}
p.profil      {font-size: 0.8em; margin-left:40px; margin-right: 0px; margin-bottom:15px; margin-top: 15px; text-align:   left; line-height:150%;}
p.leistung    {font-size: 0.8em; margin-left:40px; margin-right:40px; margin-bottom:20px; margin-top: 10px; text-align: center; line-height:166%; font-weight:  bold;}
p.leistg_allg {font-size:0.90em; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; margin-top: 10px; text-align: center; line-height:110%; font-weight:normal;}
p.leistg_mini {font-size:0.70em; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; margin-top:  5px; text-align: center; line-height:140%; font-weight:normal;}
p.motto       {font-size: 1.0em; margin-left:40px; margin-right:40px; margin-bottom:20px; margin-top:  10x; text-align: center; line-height:150%;}

p.strich1     {font-size:1.0em; margin-left:10px; margin-right:10px; text-align:center; margin-top:-15px;}
p.strich2     {font-size:1.0em; margin-left:10px; margin-right:10px; text-align:center; margin-top:  7px;}

li          {margin-left: 0px; margin-right: 0px; text-align:justify; line-height:100%; margin-bottom:8px; margin-top:8px;}
li.leistung {margin-left:20px; margin-right:20px; text-align:justify; line-height:166%; margin-bottom:8px; margin-top:8px;}
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:10px; margin-top:10px; list-style-position:outside;}
ol {font-size:0.8em; margin-left:20px; margin-right:10px; line-height:133%; margin-bottom:17px; margin-top:17px; list-style-position:outside;}

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

table.tab_profil  {margin-left:40px; text-align:justify;}

/* Wrapper und Kopfzeile */

#wrapper {
position: relative;
width: 960px;
height: 655px;
margin: 0 auto 0 auto;    /* horizontaler Abstand für Browser */
}

#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:192px; height:30px;}
      #ol_home         {position:absolute; top: 7px; left: 46px; width:100px; height:20px;}
    #titel             {position:absolute; top: 0px; left:192px; width:570px; height:30px;}
    #oben_rechts       {position:absolute; top: 0px; left:761px; width:190px; height:30px;}
      #sprache_dt      {position:absolute; top: 7px; left: 40px; width: 50px; height:20px;}
      #sprache_en      {position:absolute; top: 7px; left:100px; width: 50px; 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:191px; height:30px; border-right: 1px solid gray;}
    #leistung          {position:absolute; top: 0px; left:192px; width:284px; height:30px; border-right: 1px solid gray;}
    #profil            {position:absolute; top: 0px; left:477px; width:284px; height:30px; border-right: 1px solid gray;}
    #fazit             {position:absolute; top: 0px; left:762px; width:190px; height:30px;}
  #unterkapitel        {position:absolute; top:62px; left:  0px; width:952px; height:30px;}
    #pkt01_motto       {position:absolute; top: 0px; left:  0px; width: 95px; height:30px; border-right:1px solid gray;}
    #pkt02_vorwort     {position:absolute; top: 0px; left: 96px; width: 95px; height:30px; border-right:1px solid gray;}
    #pkt03_analyse     {position:absolute; top: 0px; left:192px; width: 94px; height:30px; border-right:1px solid gray;}
    #pkt04_planung     {position:absolute; top: 0px; left:287px; width: 94px; height:30px; border-right:1px solid gray;}
    #pkt05_beratung    {position:absolute; top: 0px; left:382px; width: 94px; height:30px; border-right:1px solid gray;}
    #pkt06_leben       {position:absolute; top: 0px; left:477px; width: 94px; height:30px; border-right:1px solid gray;}
    #pkt07_bildung     {position:absolute; top: 0px; left:572px; width: 94px; height:30px; border-right:1px solid gray;}
    #pkt08_aktiv       {position:absolute; top: 0px; left:667px; width: 94px; height:30px; border-right:1px solid gray;}
    #pkt09_schluss     {position:absolute; top: 0px; left:762px; width: 94px; height:30px; border-right:1px solid gray;}
    #pkt10_kontakt     {position:absolute; top: 0px; left:857px; width: 95px; height:30px;}

    #einleitung_alt    {position:absolute; top: 0px; left:  0px; width:191px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_co_1einleitung.jpg )}
    #leistung_alt      {position:absolute; top: 0px; left:192px; width:284px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_co_2leistung.jpg )}
    #profil_alt        {position:absolute; top: 0px; left:477px; width:284px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_co_3profil.jpg )}
    #fazit_alt         {position:absolute; top: 0px; left:762px; width:190px; height:30px;                              background-image: url( hg_titel_co_4fazit.jpg )}
    #pkt01_motto_alt   {position:absolute; top: 0px; left:  0px; width: 95px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_co_11motto.jpg )}
    #pkt02_vorwort_alt {position:absolute; top: 0px; left: 96px; width: 95px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_co_12vorwort.jpg )}
    #pkt03_analyse_alt {position:absolute; top: 0px; left:192px; width: 94px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_co_21analyse.jpg )}
    #pkt04_planung_alt {position:absolute; top: 0px; left:287px; width: 94px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_co_22planung.jpg )}
    #pkt05_beratung_alt{position:absolute; top: 0px; left:382px; width: 94px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_co_23beratung.jpg )}
    #pkt06_leben_alt   {position:absolute; top: 0px; left:477px; width: 94px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_co_31leben.jpg )}
    #pkt07_bildung_alt {position:absolute; top: 0px; left:572px; width: 94px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_co_32bildung.jpg )}
    #pkt08_aktiv_alt   {position:absolute; top: 0px; left:667px; width: 94px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_co_33aktiv.jpg )}
    #pkt09_schluss_alt {position:absolute; top: 0px; left:762px; width: 94px; height:30px; border-right:1px solid gray; background-image: url( hg_titel_co_41schluss.jpg )}
    #pkt10_kontakt_alt {position:absolute; top: 0px; left:857px; width: 95px; height:30px;                              background-image: url( hg_titel_co_42kontakt.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_controlling_inhalt.jpg );
background-repeat: repeat-y repeat-x;
border-right:1px solid gray;
border-left:1px solid gray;
}

  #ort             {position:absolute; top:  0px; left:240px; width:474px; height: 43px;}
  #ort_ober        {position:absolute; top:  0px; left:240px; width:237px; height: 43px;}
  #ort_unter       {position:absolute; top:  0px; left:477px; width:230px; height: 43px;}
  #inh_haupt       {position:absolute; top: 44px; left:  0px; width:958px; height:485px;}
  #seite_zurueck   {position:absolute; top:  3px; left:200px; width: 40px; height: 40px;}
  #seite_vor       {position:absolute; top:  3px; left:723px; width: 40px; height: 40px;}
  #link_li         {position:absolute; top:  0px; left:  0px; width:195px; height: 43px;}
  #link_re         {position:absolute; top:  0px; left:764px; width:194px; height: 43px;}

  #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:545px; width: 100px; height:35px; font-weight:bold; font-size:1.6em;}
  #logo_p_en       {position:absolute; top: 78px; left:537px; width: 100px; height:35px; font-weight:bold; font-size:1.6em;}
  #logo_b          {position:absolute; top:175px; left:400px; width: 100px; height:35px; font-weight:bold; font-size:1.6em;}
  #logo_b_en       {position:absolute; top:175px; left:425px; 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_pfeile   {position:absolute; top:  40px; left:145px; width: 168px; height: 75px; text-align:center;}
  #leistg_analyse  {position:absolute; top: 120px; left:  0px; width: 320px; height:320px; text-align:center;}
  #leistg_planung  {position:absolute; top: 120px; left:320px; width: 320px; height:320px; text-align:center;}
  #leistg_beratung {position:absolute; top: 120px; left:640px; width: 320px; height:320px; text-align:center;}

  #profil_pfeile   {position:absolute; top:147px; left:230px; width:400px; height:175px; text-align:center;}
  #profil_z1_sp1   {position:absolute; top: 50px; left:  0px; width:480px; height:150px;}
  #profil_z1_sp2   {position:absolute; top: 50px; left:480px; width:480px; height:150px;}
  #profil_z2_sp1   {position:absolute; top:200px; left:  0px; width:320px; height:130px;}
  #profil_z2_sp2   {position:absolute; top:200px; left:320px; width:320px; height:130px;}
  #profil_z2_sp3   {position:absolute; top:200px; left:640px; width:320px; height:130px;}
  #profil_z3_sp1   {position:absolute; top:330px; left:  0px; width:960px; height:140px;}
  #profil_z4_sp1   {position:absolute; top:470px; left:  0px; width:320px; height: 50px; text-align:center;}
  #profil_z4_sp2   {position:absolute; top:470px; left:320px; width:320px; height: 50px; text-align:center;}
  #profil_z4_sp3   {position:absolute; top:470px; left:640px; width:320px; height: 50px; text-align:center;}

p.profil_z1 {font-size:1.0em; 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.8em; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px; text-align:center; line-height:300%; 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;}