/*****************************************************************************/
/* Zuruecksetzen der Browserdefaults und setzen der globalen Styles          */
/*****************************************************************************/
/*
 Sektionen (in der angegebenen Reihenfolge):
            - Reset
            - Global
*/



/***** Reset: ANFANG *********************************************************/
html, body, div, img, p, span, table, th, tr, td, ol, ul, li, form, fieldset,
input, textarea, select, a, a:link, a:hover, a:active, a:visited, a:focus
{
  position         : relative;
  top              : 0px;
  left             : 0px;
  margin           : 0px;
  padding          : 0px;
  font-family      : Arial,helvetica,tahoma,sans-serif;
  font-size        : 11px;
  color            : #40780f;
  line-height      : 17px;
  font-weight      : 500;
  text-align       : left;
  text-decoration  : none;
  border-width     : 0px;
  background-color : transparent;
  border           : 0px solid red;
}
html { 
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	background:url("/art/bg/bg_html.jpg") repeat-x scroll 0 0 #AFCB14;
}

form#aspnetForm { width: 100%; height: 100%; position: relative; z-index: 5;}

.wrapper { 
	width: 992px;
	height: 622px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

td, tr
{
  position : static;
}
input, textarea
{
  border-width : 1px;
}
li
{
  list-style-type : none;
}
img
{
  border  : 0px solid #000;
  display : block;
}
/*
.pngFix
{
  behavior : url( "/script/iepngfix/iepngfix.htc" );
}*/
img.png
{
  /*
  behavior : url(/_functions/iepngfix.htc);
  Siehe: /_inc/inc_header.asp  filter:expression(addPngImage(this));
  */
}
.linkHover:hover
{
  text-decoration : none;
}
a, a:link, a:visited, a:hover, a:active, a:focus
{
  position        : static;
  text-decoration : underline;
  outline         : 0px none;
}
h1, .headline, .subheadline
{
  display : block;
  padding : 0px;
  margin  : 0px;
}
h1, .headline
{
  font-size   : 24px;
  line-height : 28px;
  position    : absolute;
}
h2, .subheadline
{
  margin : 0px 0px 5px 0px;
}
:focus
{
  outline : 0px none;
}
.float_left
{
  float : left;
}
.float_right
{
  float : right;
}
.clear_both
{
  clear   : both;
  display : block;
}
#content_container
{
  position : absolute;
  left     : 181px;
  top      : 100px;
  width    : 810px;
  height   : 505px;
}

#flashContentWrapper { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; }
#flashContent { width: 100%; height: 100%; position: relative; }
.promo { background: url(/art/bg/bg_home.jpg) center top no-repeat; }

a#moreInfo { width: 140px; height: 52px; display: block; position: absolute; top: 378px; left: -35px; }
a#moreInfo span { display: block; width: 140px; height: 52px; text-indent: -19999px; background: url(/art/buttons/b_mehrerfahren.png) left top no-repeat; cursor: pointer; }

.teaserColumn { width: 219px; position: absolute; top: 2px; left: 562px; }
.teaserColumn .teaser { width: 106px; padding: 0 20px 0 93px; position: absolute; background-repeat: no-repeat; background-position: 0 0; }
.teaserColumn .teaser h2 { width: 100%; text-indent: -19999px; height: 15px; background-repeat: no-repeat; background-position: 0 0; }
.teaserColumn #teaserZurInitiative { height: 147px; padding-top: 33px; top: -70px; left: -102px; }
.teaserColumn #teaserHerstellung { height: 100px; padding-top: 31px; top: 187px; left: 0px; }
.teaserColumn #teaserHerstellung h2 { background-image: url(/art/hd/hd_teaser_herstellung.png); }
.teaserColumn #teaserMeinFettrechner { height: 100px; padding-top: 28px; top: 187px; left: 0px; }
.teaserColumn #teaserMeinFettrechner h2 { background-image: url(/art/hd/hd_teaser_fatcalculator.png); height: 19px; }
.teaserColumn #teaserProdukte { height: 111px; top: 334px; left: 0px; padding-top: 19px; }
.teaserColumn #teaserProdukte h2 { height: 22px; background-image: url(/art/hd/hd_teaser_produkte.png); margin: 0; }
.teaserColumn .teaser p,
.teaserColumn .teaser p a { font-size: 11px; line-height: 13px; color: #FFFFFF; }

.Error a, .Error
{
  color: Red;
}
/***** Reset: ENDE ***********************************************************/


/***** Global: ANFANG ********************************************************/
.button
{
  cursor : pointer;
}
#nextstep
{
  margin-top : 88px;
}
.teaser_font, .teaser_font a, .teaser_font a:link, .teaser_font a:hover,
.teaser_font a:active, .teaser_font a:focus, .teaser_font a:visited
{
  font-size   : 11px;
  color       : #ffffff;
  line-height : 13px;
  font-weight : 300;
}

#Ranke
{
  width    : 140px;
  height   : 360px;
  position : absolute;
  left     : 20px;
  top      : 18px;
}
#navigation_container
{
  width    : 115px;
  height   : 110px;
  position : absolute;
  top      : 385px;
}

#logo, #logo_link
{
  position : absolute;
  top      : 485px;
  z-index  : 4;
}
#logo_link
{
	height:120px;
	left:50px;
	top:475px;
	width:120px;
	z-index:5;
}

div.LogosHorizontal_swf_container
{
  position : absolute;
  top      : 540px;
  left     : 373px;
  z-index  : 10;
}

div.LogosHorizontal_swf_container_right
{
  position : absolute;
  top      : 540px;
  left     : 733px;
  z-index  : 10;
}

.img_schritt_labels
{
  margin : -22px 0px 0px 0px;
  left   : 35px;
}

.siteUtilBox
{
  position : absolute;
  top      : 100px;
  left     : 360px;
  height   : 421px;
  width    : 398px;
  z-index  : 200;
  display  : none;
  border   : 10px solid white;
  background-color : rgb(90, 138, 49);
}

.siteUtilBox p, .siteUtilBox a, .siteUtilBox h2
{
  color : white;
}
/***** Global: ENDE ********************************************************/