/**
*
*  pepperl+fuchs fieldconnex
*  Program by Andreas Gonell  mail@surium.de
*
**/


/* global */

html, body {
  padding:0; margin:0;
}
body {
  background-color:#3B3B3B; /* 3B3B3B */
}

img, form {
  border:0; padding:0; margin:0;
}
h1, h2, h3 {
  margin:0;
  padding:0;
  font-weight:normal;
}
div, h1, h2, h3 {
  font-family:arial, sans-serif;
}
div {
  font-size:11px;
}
h1 {
  font-size:13px;
  color:#4C5761;
  margin-bottom:10px;
}
a {
  text-decoration:none;
}
.clear {
  clear:both;
}
.nix {
  font-size:0;
  line-height:0;
  height:0;
}
.green {
  color:#00AF9D;
}
.bold {
  font-weight:bold;
}

#um_alles {
  background-color:#63788B;
  background-image:url(images/hg_body.jpg);
  background-repeat:repeat-x;
}

#page_hg {
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  padding-top:24px;
}

/* layer header */

#head_hg {
  width:895px;  /* 894 */
  height:80px;
  margin-left:auto;
  margin-right:auto;
  background-image:url(images/hg_head.jpg);
  background-position:top right;
  background-repeat:no-repeat;
}
#head_pos {
  width:894px;
  height:80px;
}
#logo_fc_hg {
  float:left;
  padding:7px 0 0 16px;
}
#website_link_imprint {
  float:right;
  width:225px;
  margin-top:-2px;   /* -3 */
  margin-right:15px;
}
#website_link {
  float:left;
}
#imprint_link {
  float:right;
}
#website_link a, #imprint_link a {
  color:#333333;
  font-size:11px;
}
#logo_pf_hg {
  margin-top:16px;
}

/* layer navi */

#navi_hg {
  clear:both;
  width:895px;
  height:21px;
  margin-left:auto;
  margin-right:auto;
  background-color:white;
  background-image:url(images/hg_navi.jpg);
  background-position:top right;
  background-repeat:no-repeat;
}
#navi_pos {
  width:880px;
  height:21px;
  font-size:1px;
  line-height:1px;
}
#navi_left {
  float:left;
  width:680px;
  padding-left:16px;
  padding-top:5px;    /* 7 */
  color:white;
}
#navi_right {
  float:right;
  width:150px;
  padding-top:5px;  /* 7 */
  padding-right:15px;
  color:white;
}
#lang_switch_pos {
  /*float:left;*/
  text-align:right;
}
#navi_hg a {
  color:#ffffff;
  font-size:12px;
}

/* layer content */

#content_hg {
  clear:both;
  width:895px;
  /*min-height:590px;    /* 590  670 */
  margin-left:auto;
  margin-right:auto;
  background-color:white;
  background-image:url(images/hg_cont_shadow_ri_dark.jpg);
  background-repeat:repeat-y;
  background-position:top right;
}
#content_hg_verlauf {
  background-image:url(images/hg_cont_shadow_ri_verl.jpg);
  background-repeat:no-repeat;
  background-position:top right;
}
#content_top_space {
  height:2px;
  font-size:0;
  line-height:0;
}
#content_pos {
  clear:both;
  width:880px;
  /*padding-left:20px;*/
  padding-top:15px;
}

#content_left_pos {
  float:left;
  width:623px;
  padding-left:15px;
  padding-bottom:15px;
}
#content_left_pos div {
  /*font-size:1.2em;*/
}
#cont_head_hg {
}
#cont_body_hg {
  background-color:#DCE6F0;
  border-left:3px solid #BEC8D2;
  border-right:3px solid #BEC8D2;
  border-bottom:3px solid #BEC8D2;
  padding:10px 14px 14px 14px;
}

#content_right_pos {
  float:left;
  width:211px;
  margin-left:17px;
  margin-bottom:15px;
}
#content_right_hg {
}
#content_right {
}


/* layer footer */

#page_foot_hg {
  clear:both;
  /*width:1000px;*/
  /*margin-left:auto;
  margin-right:auto;*/
  background-image:url(images/hg_foot.jpg);
  background-position:top left;
  background-repeat:repeat-x;
}
#footer_hg {
  width:956px;   /* bildbreite 958 + 14 */
  margin-left:auto;
  margin-right:auto;
  height:195px;
  background-image:url(images/hg_foot_shadow.jpg);
  background-repeat:no-repeat;
}
#footer_pos {
  height:80px;
}


/* text content */

.text {
  font-size:11px;
  color:#666666;
  line-height:15px;
  margin-bottom:10px;
}
.text_imprint_1 {
  font-size:10px;
  color:#5A6E78;
  line-height:12px;
  margin-top:16px;
}
.text_imprint_2, .text_imprint_2 a {  /* spalte rechts */
  font-size:11px;
  color:#5A6E82;
  line-height:18px;
  /*margin-top:12px;*/
}
.li {
  text-indent:-15px;
  margin-left:15px;
  line-height:18px;
}
#content_left_pos .boxen {
  margin-top:20px;
}
#content_left_pos .box_li {
  float:left;
  width:288px;    /* 280 */
}
#content_left_pos .box_re {
  float:right;
  width:288px;    /* 280 */
  /*margin-right:45px;*/
}
#content_left_pos .box_head_hg {
  height:6px;
  font-size:0;
  line-height:0;
  background-image:url(images/box_li_head_gruen.gif);
  background-repeat:no-repeat;
  background-position:left top;
}
#content_left_pos .box_body_hg {
  background-color:#00AF9D;
  border-left:3px solid #BEC8D2;
  border-right:3px solid #BEC8D2;
  border-bottom:3px solid #BEC8D2;
  padding:2px 5px 5px 5px;
}
#content_left_pos .box_cont_li {
  float:left;
  width:200px;  /* 195 */
}
#content_left_pos .box_cont_re {
  float:right;
  width:67px;
  margin-top:3px;
}
#content_left_pos .box_icon {
  margin-bottom:2px;
}
#content_left_pos .box_text {
  color:white;
  font-size:11px;
  line-height:14px;
  margin-left:6px;
}

.box_text a {
  color:white;
}

.goto {
  margin-bottom:3px;
}
a.goto_h1 {
  color:#BD2028;
}
a.goto_pa {
  color:#055D9D;
}

/* right column */


#form_pos {
  background-color:#DCE6F0;
  border-left:3px solid #BEC8D2;
  border-right:3px solid #BEC8D2;
  border-bottom:3px solid #BEC8D2;
  padding:6px 8px 6px 8px;
}
.form-one, .form-multi, .form-select {
  margin-top:4px;
}
.form-one, .form-multi {
  border:1px solid #BEC8D2;
  width:178px;
  font-family:arial, sans-serif;
  font-size:11px;
  color:#577085;
  padding-left:8px;
}
.form-select {
  border:1px solid #BEC8D2;
  width:188px;
  font-family:arial, sans-serif;
  font-size:11px;
  color:#577085;
  padding-left:4px;
}
.form-sel-opt {
  width:173px;
  padding-left:8px;
}
.form-multi {
  height:59px;
}
.form-send {
  margin-top:4px;
}
.button_send {
  /*float:left;*/
}
.button_reset {
  float:right;
}
.antwort {
  font-size:11px;
  color:#5A6E82;
  line-height:18px;
  margin-top:16px;
}
.antwort a {
  color:#5A6E82;
}

#content_right_pos .form_box {
  margin-bottom:11px;
}
#content_right_pos .box {
  margin-bottom:11px;
}
#content_right_pos .last_box {
  margin-bottom:0px;
}
#content_right_pos .box_body_hg {
  background-color:#00AF9D;
  border-left:3px solid #BEC8D2;
  border-right:3px solid #BEC8D2;
  border-bottom:3px solid #BEC8D2;
  padding:0;
}
#content_right_pos .box_text {
  padding:6px 0 6px 8px;
  color:white;
}
#content_right_pos .box_text a {
  color:white;
}