/* CSS Document */


/* Basisdefinitionen der Seite */
body                {font-family: Arial; background-image: url('pic/pic-shg-all.jpg'); margin: 0px 0px}

/* Horizontale Linien */
hr                  {background-color: #404040; color: #404040; border: 0; height: 1px;}

/* Überschriften */
h1 		    {font-size: 22px; color: #000000; font-weight: normal; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px}
h2 		    {font-size: 16px; color: #000000; font-weight: normal; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px}


/* Navigation Hauptmenü */
a.nav_hpt_pas       {font-size: 16px; color: #ffffff; font-weight: bold; text-decoration: none; line-height: 40px; text-align: center;
                     display: block; background-image: url('pic/pic-nav-hpt-pas.png'); width: 160px; height: 40px}
a:hover.nav_hpt_pas {background-image: url('pic/pic-nav-hpt-akt.png');}

a.nav_hpt_akt       {font-size: 16px; color: #ffffff; font-weight: bold; text-decoration: none; line-height: 40px; text-align: center;
                     display: block; background-image: url('pic/pic-nav-hpt-akt.png'); width: 160px; height: 40px}
a:hover.nav_hpt_akt {background-image: url('pic/pic-nav-hpt-akt.png');}

.nav_hpt_blk		{background-image: url('pic/pic-nav-hpt-blk.png');}


/* Leistungs Button */
a.but_lst	        {font-size: 16px; color: #404040; font-weight: bold; text-decoration: none; line-height: 40px; text-align: center;
                     display: block; background-image: url('pic/pic-nav-lst-pas.png'); width: 495px; height: 40px}
a:hover.but_lst     {color: #ffffff; background-image: url('pic/pic-nav-lst-akt.png');}


/* Download Button */

a.but_pdf	        {font-size: 13px; color: #404040; font-weight: normal; text-decoration: none; line-height: 50px; text-align: left;
                     display: block; background-image: url('pic/pic-but-pdf-out.png'); width: 245px; height: 50px}
a:hover.but_pdf     {color: #404040; background-image: url('pic/pic-but-pdf-ovr.png');}


/* Link Button */

a.but_htm	        {font-size: 13px; color: #404040; font-weight: normal; text-decoration: none; line-height: 50px; text-align: left;
                     display: block; background-image: url('pic/pic-but-htm-out.png'); width: 245px; height: 50px}
a:hover.but_htm     {color: #404040; background-image: url('pic/pic-but-htm-ovr.png');}


/* Redline */

.rln_bas_blk		{background-image: url('pic/pic-nav-hpt-blk.png');}

.rln_txt_hot		{font-size: 16px; color: #ffffff; font-weight: bold; text-decoration: none; line-height: 40px; text-align: center;
                     display: block; background-image: url('pic/pic-nav-hpt-blk.png'); width: 446px; height: 40px}


/* Seiten-Hintergründe */
.shg_std            {background-image: url('pic/pic-shg-std.png');}
.shg_kzl            {background-image: url('pic/pic-shg-kzl.png');}
.shg_fzl            {background-image: url('pic/pic-shg-fzl.png');}


/* Banner */

.grow img {
  height: 314px;
  width: 1062px;
  overflow: hidden;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 1220px;
  height: 370px;
  overflow: hidden;
}


/* Copyrightzeilen-linksbündig */
.cpr_lnk            {font-size: 13px; color: #000000; text-align: left; vertical-align: bottom; font-weight: normal; text-decoration: none;}
a:hover.cpr_lnk     {text-decoration: underline;}
/* Copyrightzeilen-rechtsbündig */
.cpr_rec            {font-size: 13px; color: #000000; text-align: right; vertical-align: bottom; font-weight: normal; text-decoration: none;}
a:hover.cpr_rec     {text-decoration: underline;}


/* Navigationszeilen-linksbündig */
.nav_lnk            {font-size: 13px; color: #404040; text-align: left; vertical-align: bottom; font-weight: normal; text-decoration: none;}
a:hover.nav_lnk     {text-decoration: underline;}
/* Navigationszeilen-rechtsbündig */
.nav_rec            {font-size: 13px; color: #404040; text-align: right; vertical-align: bottom; font-weight: normal; text-decoration: none;}
a:hover.nav_rec     {text-decoration: underline;}



/* Text-Top */
.txt_hed            {font-size: 25px; color: #000000; text-align: left; vertical-align: bottom; font-weight: normal; text-decoration: none;}
a:hover.txt_hed     {text-decoration: underline;}
.txt_top            {font-size: 22px; color: #000000; text-align: left; vertical-align: bottom; font-weight: normal; text-decoration: none;}
a:hover.txt_top     {text-decoration: underline;}
/* Text-Point-Gross */
.txt_ptg            {font-size: 16px; color: #404040; text-align: left; vertical-align: top; font-weight: normal; text-decoration: none; line-height: 25px;}
a:hover.txt_ptg     {text-decoration: underline;}
/* Text-Point-Normal */
.txt_ptn            {font-size: 13px; color: #404040; text-align: left; vertical-align: bottom; font-weight: normal; text-decoration: none; line-height: 25px;}
a:hover.txt_ptn     {text-decoration: underline;}
/* Text-Überschrift */
.txt_ueb            {font-size: 16px; color: #404040; text-align: left; vertical-align: top; font-weight: bold; text-decoration: none; line-height: 25px;}
a:hover.txt_ueb     {text-decoration: underline;}
/* Text-Block */
.txt_blk            {font-size: 13px; color: #404040; text-align: justify; vertical-align: top; font-weight: normal; text-decoration: none;}
a:hover.txt_blk     {text-decoration: underline;}


/* Box-Überschrift  */
.box_top            {font-size: 15px; color: #404040; text-align: left; vertical-align: center; font-weight: bold; text-decoration: none;}
/* Box-Textzeilen  */
.box_txt            {font-size: 11px; color: #404040; text-align: left; vertical-align: top; text-decoration: none;}


/* Absatz-Überschrift  */
.abs_top            {font-size: 15px; color: #000000; text-align: left; vertical-align: center; font-weight: bold; text-decoration: none;}
/* Absatz-Textzeilen  */
.abs_txt            {font-size: 11px; color: #000000; text-align: justify; vertical-align: top; text-decoration: none;}



/* Ansprechpartner  */
.asp_hgr            {text-align: center; vertical-align: middle; background-color: #c8c8c8;}
.asp_box            {border: 1px solid #404040; padding: 10px; font-size: 13px; color: #404040; text-align: left; vertical-align: center; font-weight: normal; text-decoration: none; background-color: #ffffff;}
.asp_frm            {border: 1px solid #404040; font-size: 13px; color: #404040; text-align: left; vertical-align: center; font-weight: normal; text-decoration: none; background-color: #ffffff;}
.asp_abt            {font-size: 18px; color: #404040; text-align: left; vertical-align: center; font-weight: bold; text-decoration: none;}
.asp_nam            {font-size: 16px; color: #404040; text-align: left; vertical-align: center; font-weight: normal; text-decoration: none;}
.asp_kon            {font-size: 13px; color: #404040; text-align: left; vertical-align: center; font-weight: normal; text-decoration: none;}
a:hover.asp_kon     {text-decoration: underline;}






/* K O N T A K T - F O R M U L A R */
/* ------------------------------- */

/* Formular-Eingabefelder */
.field_inp			{width:220px; border: 1px solid #404040; background-color:#ffffff; font-family: Arial; font-size:13px; font-weight:normal; text-align:left; color: #404040}
/* Formular-Textfelder */
.field_txt			{width:455px; border: 1px solid #404040; background-color:#ffffff; font-family: Arial; font-size:13px; font-weight:normal; text-align:left; color: #404040}
/* Formular-Checkbox */
.field_chk			{width:20px; border: 1px solid #404040; background-color:#ffffff; font-family: Arial; font-size:13px; font-weight:normal; text-align:left; color: #404040}
/* Formular-Buttons */
.field_but			{width:229px; border: 1px solid #808080; background-color:#808080; font-family: Arial; font-size:13px; text-align:center; color: #ffffff}
.field_but:hover	{width:229px; border: 1px solid #808080; background-color:#808080; font-family: Arial; font-size:13px; text-align:center; color: #000000}