/*****************************************************************************/
/* Stylesheets fuer die Initiativeninformationsseite                         */
/*****************************************************************************/
/*
 Sektionen: - Index
            - Hintergrund
            - essentielle Fettsaeuren
            - Expertentipps
            - 10-haeufigste-Fragen
*/



/***** Index: ANFANG *********************************************************/
#zur_initiative_headline
{
  top : 0px;
}
p#zur_initiative_introtext, div#zur_initiative_teaser_1_container,
div#zur_initiative_teaser_2_container, div#zur_initiative_teaser_3_container
{
  position : absolute;
  top      : 120px;
  width    : 580px;
}
div#zur_initiative_teaser_1_container, div#zur_initiative_teaser_2_container,
div#zur_initiative_teaser_3_container
{
  top   : 350px;
  width : 100px;
  left  : 10px;
}
div#zur_initiative_teaser_1_container p
{
  left  : 60px;
  width : 95px;
}
div#zur_initiative_teaser_2_container
{
  left : 260px;
}
div#zur_initiative_teaser_3_container
{
  left : 455px;
}
div#zur_initiative_teaser_3_container p
{
  left  : 10px;
  width : 70px;
}
/***** Index: ENDE ***********************************************************/



/***** Hintergrund: ANFANG ***************************************************/
#der_hintergrund_headline
{
  top : -10px;
}
#der_hintergrund_introtext, #der_hintergrund_teaser_1_container,
div#der_hintergrund_teaser_2_container, div#der_hintergrund_teaser_3_container
{
  position : absolute;
  top      : 100px;
  width    : 600px;
}
div#der_hintergrund_teaser_1_container, div#der_hintergrund_teaser_2_container,
div#der_hintergrund_teaser_3_container
{
  top   : 350px;
  left  : 15px;
  width : 100px;
}
div#der_hintergrund_teaser_1_container p
{
  left  : 60px;
  width : 90px;
}
div#der_hintergrund_teaser_2_container
{
  left : 260px;
}
div#der_hintergrund_teaser_3_container
{
  left : 448px;
}
div#der_hintergrund_teaser_3_container p
{
  left  : 18px;
  width : 70px;
}

div#content_container div.der_hintergrund
{
  top : 375px;
}
/***** Hintergrund: ENDE *****************************************************/



/***** essentielle Fettsaeuren: ANFANG ***************************************/
#essentiellefettsaeuren_headline
{
  position : absolute;
}

#essentiellefettsaeuren_introtext
{
  position : absolute;
  top      : 100px;
  width    : 500px;
}
#essentiellefettsaeuren_introtext p
{
  padding : 0px 0px 10px 0px;
}

/*** SCHRITT 1 ***/
#ef_schritt_1_headline
{
  position : absolute;
}
#ef_schritt_1_introtext
{
  position : absolute;
  top      : 130px;
  width    : 500px;
}
#ef_schritt_1_introtext p
{
  padding : 0px 0px 10px 0px;
}

/*** SCHRITT 2 ***/
#ef_schritt_2_headline
{
}
#ef_schritt_2_introtext
{
  width : 500px;
  top   : 140px;
}
#ef_schritt_2_introtext p
{
  margin : 0px 0px 20px 0px;
}

/*** SCHRITT 3 ***/
#ef_schritt_3_headline
{
}
#ef_schritt_3_introtext
{
  width : 500px;
  top   : 140px;
}
#ef_schritt_3_introtext ul
{
  margin : 0px 0px 20px 0px;
}
#ef_schritt_3_introtext ul li
{
  margin              : 0px 0px 0px 16px;
  list-style-type     : disc;
  list-style-position : outside;
}
#ef_schritt_3_introtext p
{
  margin : 0px 0px 20px 0px;
}

/*** SCHRITT 4 ***/
#ef_schritt_4_headline
{
}
#ef_schritt_4_introtext
{
  width    : 560px;
  top      : 90px;
  height   : 400px;
  overflow : auto;
}
#ef_schritt_4_introtext p
{
  margin : 0px 0px 20px 0px;
  
}
* html #ef_schritt_4_introtext p{
	padding-left:3px;
}
/***** essentielle Fettsaeuren: ENDE *****************************************/



/***** Expertentipps: ANFANG *************************************************/
#expertentipps_introtext
{
  top : 100px;
}
#tipp1, #tipp2, #tipp3, #tipp4, #tipp5
{
  position : absolute;
}
#tipp1
{
  left : 0px;
  top  : 190px;
}
#tipp2
{
  left : 137px;
  top  : 178px;
}
#tipp3
{
  left : 280px;
  top  : 190px;
}
#tipp4
{
  left : 62px;
  top  : 288px;
}
#tipp5
{
  left : 192px;
  top  : 288px;
}
#tipp_text
{
  top : 135px;
}
#tipp_text_2
{
  top : 160px;
}
#tipp_text_3
{
  top : 75px;
}
#tipp_text_4
{
  top : 125px;
}
#tipp_text_5
{
  top : 115px;
}
/***** Expertentipps: ENDE ***************************************************/



/***** 10-haeufigste-Fragen: ANFANG ******************************************/
#fragen_introtext
{
  width    : 525px;
  top      : 85px;
  height   : 410px;
  overflow-y : auto;
  overflow-x:hidden;
}
#fragen_introtext ol
{
	margin-left:0px;
	padding-left:0px;
	
}
#fragen_introtext ol li
{
	list-style-type:decimal;
	font-weight:bold;
	margin-left:28px;
	padding-left:0px;
	position:relative;
}
#fragen_introtext h2
{
    cursor:pointer;
	display:inline;
    font-size:11px;
    margin-bottom:5px;
    text-decoration:underline;
	width:505px;
}
#fragen_introtext p
{
    display:none;
	font-weight:normal;
    padding-right:15px;
}
#fragen_introtext ol li.active h2
{
    text-decoration:none;
} 
#fragen_introtext ol li.active p
{
    display:block;
} 
.fragen_hd
{
  font-weight : bold;
}
.fragen_hd a
{
  color           : #40780F;
  text-decoration : underline;
  font-weight     : bold;
  font-size       : 11px;
}
#fragen_introtext p
{
  margin : 0 0 8px 0;
}
#fragen_introtext div p
{
  margin : 5px 0 8px 13px;
}
.fragen_antworten
{
  display : none;
}
/***** 10-haeufigste-Fragen: ENDE ********************************************/

/***** Franziska van Almsick *****/

#franziTeaser {
	left:89px;
	overflow:hidden;
	position:absolute;
	top:380px;
	width:500px;

}

#franziTeaser div {
	float: left;
	width: 80px;
	
}

#franziIntroText{
	position:absolute;
	top:70px;
	width:514px;
}

#franziIntroText p {margin-bottom: 10px;}
#franziTeaser div  h2 {margin: 0;}

#franziTeaser div p { color: #fff;}

#franziTeaserInterview { }

#franziTeaserTvSpot {
	margin-left:136px;
}

#franziTeaserShooting {
	margin-left:116px;

}

#franzi_interview_introtext {
	left:2px;
	position:absolute;
	top:130px;
	width:481px;
}

#interview {
	left:20px;
	top:215px;
	width:430px;
}

#interview dt { 
	font-weight: bold;
	color: #1f4903;
	margin-bottom: 20px;
}
#interview dd {
	margin: 0;
}

#interview a {
	/*background: url(/art/buttons/b_naechstefrage_lo.png);	*/
	background: url(/art/buttons/b_naechstefrage_lo.gif);
	display: block;
	height: 55px;
	width: 126px; 
	text-indent: -10000px;
	top:210px;
	width:126px;
}

#interview a:hover {
	/*background: url(/art/buttons/b_naechstefrage_hi.png);*/	
	background: url(/art/buttons/b_naechstefrage_hi.gif);
}

#makingofhd { /*top:10px; */}

#tvSpotLink {
	background:url("/art/buttons/b_deraktuelletvspot_lo.png") repeat scroll 0 0 transparent;
	display:block;
	height:39px;
	left:255px;
	position:absolute;
	text-indent:-10000px;
	top:431px;
	width:135px;
}

#tvSpotLink:hover {
	background: url(/art/buttons/b_deraktuelletvspot_hi.png);	
} 

#makingOfLink {
	background:url("/art/buttons/b_dasmakingof_lo.png") repeat scroll 0 0 transparent;
	display:block;
	height:38px;
	left:110px;
	position:absolute;
	text-indent:-10000px;
	top:410px;
	width:111px;
}

#makingOfLink:hover { 
	background: url(/art/buttons/b_dasmakingof_hi.png);	
}

/* LAYER Styles */
#fancybox-outer {
	background: #639a35;
}

/*
#fancybox-close {
	display:block;
	left:609px;
	position:absolute;
	top:10px;
	background: red;
}
*/