@charset "utf-8";

html {
	overflow:auto;
}

/*
-------------------------------------------------------------------
	Body
-------------------------------------------------------------------
*/

body {
	margin:0;
	padding:0;
	font:13px/17px Arial, Helvetica, sans-serif;
	color:#091c64;
}

/*
-------------------------------------------------------------------
	General
-------------------------------------------------------------------
*/

a img, img {
	border:none;
}

form {
	margin:0;
	padding:0;
}


/*
-------------------------------------------------------------------
	Top
-------------------------------------------------------------------
*/

#top {
	position:relative;
	width:980px;
	height:74px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	z-index:333;
}

	#logo {
		position:relative;
		left:-1px;
		top:5px;
	}

/*
-------------------------------------------------------------------
	Top - Topmenu
-------------------------------------------------------------------
*/

	#topmenu {
		position:absolute;
		top:19px;
		right:25px;
		margin:0;
		padding:0;
		list-style:none;
	}
	
		#topmenu li {
			display:inline;
			font-size:10px;
			color:#091c64;
		}
		
			#topmenu li a {
				display:block;
				float:left;
				padding:0 6px;
				color:#091c64;
				text-decoration:none;
			}
			
			#topmenu li a:hover {
				color:#1bb8e8;
			}
			
			#topmenu li a.act {
				color:#1bb8e8;
			}
			
			#topmenu li span {
				display:block;
				float:left;
				color:#091c64;
			}
			

/*
-------------------------------------------------------------------
	Top - Mainmenu
-------------------------------------------------------------------
*/

	#mainmenu {
		position:absolute;
		top:42px;
		right:16px;
		margin:0;
		padding:0;
		list-style:none;
	}
	
		#mainmenu li {
			display:inline;
			font-size:14px;
			font-weight:bold;
			color:#091c64;
		}
		
			#mainmenu li a {
				display:block;
				float:left;
				padding:0 14px;
				color:#091c64;
				text-decoration:none;
			}
			
			#mainmenu li a:hover {
				color:#1bb8e8;
			}
			
			#mainmenu li a.act {
				color:#1bb8e8;
			}


/*
-------------------------------------------------------------------
	Menulayers
-------------------------------------------------------------------
*/

.menulayer {
	display:none;
	position:absolute;
	top:85px;
	list-style:none;
	width:189px;
	margin:0;
	padding:13px 0 5px;
	background:#00b7df;
	overflow:hidden;
	z-index:999;
}

	.menulayer li {
		background:url(layer-li-bg.gif) no-repeat;
	}
	
	.menulayer li.act {
		font-weight:bold;
	}
	
	.menulayer li a {
		display:block;
		margin:0;
		padding:6px 0 6px 26px;
		color:#FFF;
		font-size:13px;
		line-height:18px;
		text-decoration:none;
		background:url(layer-a-arrow.gif) no-repeat 11px 10px;
	}
	
	.menulayer li a:hover {
		font-weight:bold;
	}


/*
-------------------------------------------------------------------
	Header
-------------------------------------------------------------------
*/

#header {
	position:relative;
	width:100%;
	height:319px;
	margin:0;
	padding:0;
	text-align:center;
	background:#000;
	overflow:hidden;
}

	#header .image {
		width:100%;
		height:319px;
		background-repeat:no-repeat;
		background-position:center top;
		background-color:#000;
	}
	
	#header #img0 { z-index:100; }
	#header #img1 { z-index:99; }
	#header #img2 { z-index:98; }
	#header #img3 { z-index:97; }
	#header #img4 { z-index:96; }
	#header #img5 { z-index:95; }
	#header #img6 { z-index:94; }
	#header #img7 { z-index:93; }
	#header #img8 { z-index:92; }
	#header #img9 { z-index:91; }
	#header #img10 { z-index:90; }
	#header #img11 { z-index:89; }
	#header #img12 { z-index:88; }
	#header #img13 { z-index:87; }
	#header #img14 { z-index:86; }
	#header #img15 { z-index:85; }

/*
-------------------------------------------------------------------
	Header | Teaserpages
-------------------------------------------------------------------
*/

		/* Home */
		.home { background-image:url(header/home.jpg); }
		
		/* Danone */
		.uber_uns { background-image:url(header/wir-ueber-uns.jpg); }
		.philosophie { background-image:url(header/philosophie.jpg); }
		.werte { background-image:url(header/werte.jpg); }
		.historie { background-image:url(header/historie.jpg); }
		.daten { background-image:url(header/daten-fakten.jpg); }
		.standorte { background-image:url(header/standorte.jpg); }
		
		/* Marken & Produkte */
		.actimel { background-image:url(header/actimel.jpg); }
		.activia { background-image:url(header/activia.jpg); }
		.fruchtzwerge { background-image:url(header/fruchtzwerge.jpg); }
		.dany_sahne { background-image:url(header/dany-sahne.jpg); }
		.fantasia { background-image:url(header/fantasia.jpg); }
		.obstgarten { background-image:url(header/obstgarten.jpg); }
		.joghurt { background-image:url(header/joghurt.jpg); }
		.quark_joghurt_creme { background-image:url(header/quark-joghurt-creme.jpg); }
		.gervais { background-image:url(header/gervais.jpg); }
		.danacol { background-image:url(header/danacol.jpg); }
		
		/* Ernährung & Gesundheit */
		.forschung_wissenschaft { background-image:url(header/forschung-wissenschaft.jpg); }
		.institut_danone { background-image:url(header/institut-danone.jpg); }
		.gesundheitscharta { background-image:url(header/gesundheitscharta.jpg); }
		.naehrwertkennzeichnung { background-image:url(header/naehrwertkennzeichnung.jpg); }
		.produktqualitaet { background-image:url(header/produktqualitaet.jpg); }
		.wissenschaftliche_studien { background-image:url(header/wissenschaftliche-studien.jpg); }
			
		/* Engagement & Verantwortung */
		.green { background-image:url(header/gruenes-engagement.jpg); }
		.grameen { background-image:url(header/grameen-danone-foods.jpg); }
		.nationscup { background-image:url(header/nationscup.jpg); }
		.sos_kinderdoerfer { background-image:url(header/sos-kinderdoerfer.jpg); }
		.peb { background-image:url(header/peb.jpg); }
		.danimal { background-image:url(header/danimal-suedafrika.jpg); }
		.mehr_engagement { background-image:url(header/mehr-engagement.jpg); }
		
		/* Karriere */
		.karriere	{ background-image:url(header/karriere.jpg); }

/*
-------------------------------------------------------------------
	Header | Subpages
-------------------------------------------------------------------
*/
	
.sub {
	height:142px !important;
	z-index:-2;
}

.sub_up {
	height:142px !important;
	z-index:222;
}

	/* Danone */
	.sub_uber_uns { background-image:url(subheader/wir-ueber-uns.jpg); }
	.sub_philosophie { background-image:url(subheader/philosophie.jpg); }
	.sub_werte { background-image:url(subheader/werte.jpg); }
	.sub_historie { background-image:url(subheader/historie.jpg); }
	.sub_daten { background-image:url(subheader/daten-fakten.jpg); }
	.sub_standorte { background-image:url(subheader/standorte.jpg); }
	
	/* Marken & Produkte */
	.sub_actimel { background-image:url(subheader/actimel.jpg); }
	.sub_activia { background-image:url(subheader/activia.jpg); }
	.sub_fruchtzwerge { background-image:url(subheader/fruchtzwerge.jpg); }
	.sub_dany_sahne { background-image:url(subheader/dany-sahne.jpg); }
	.sub_fantasia { background-image:url(subheader/fantasia.jpg); }
	.sub_obstgarten { background-image:url(subheader/obstgarten.jpg); }
	.sub_joghurt { background-image:url(subheader/joghurt.jpg); }
	.sub_quark_joghurt_creme { background-image:url(subheader/quark-joghurt-creme.jpg); }
	.sub_gervais { background-image:url(subheader/gervais.jpg); }
	.sub_danacol { background-image:url(subheader/danacol.jpg); }
	
	/* Ernährung & Gesundheit */
	.sub_forschung { background-image:url(subheader/forschung-wissenschaft.jpg); }
	.sub_institut { background-image:url(subheader/institut-danone.jpg); }
	.sub_gesundheitscharta { background-image:url(subheader/gesundheitscharta.jpg); }
	.sub_naehrwertkennzeichnung { background-image:url(subheader/naehrwertkennzeichnung.jpg); }
	.sub_produktqualitaet { background-image:url(subheader/produktqualitaet.jpg); }
	.sub_studien { background-image:url(subheader/wissenschaftliche-studien.jpg); }
		
	/* Engagement & Verantwortung */
	.sub_green { background-image:url(subheader/gruenes-engagement.jpg); }
	.sub_grameen { background-image:url(subheader/grameen-danone-foods.jpg); }
	.sub_nationscup { background-image:url(subheader/nationscup.jpg); }
	.sub_sos_kinderdoerfer { background-image:url(subheader/sos-kinderdoerfer.jpg); }
	.sub_peb { background-image:url(subheader/peb.jpg); }
	.sub_danimal { background-image:url(subheader/danimal-projekt.jpg); }
	.sub_mehr_engagement { background-image:url(subheader/mehr-engagement.jpg); }
	
	
		


/*
-------------------------------------------------------------------
	Bar
-------------------------------------------------------------------
*/

#bar {
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	background:#1bb8e8;
	overflow:hidden;
}
	.line {
		height:9px;
		margin:0;
		z-index:-2;
	}
	
	.line2 {
		height:9px;
		margin:0 0 18px 0 !important;
		padding:0;
		z-index:-2;
	}
	
/*
-------------------------------------------------------------------
	Bar - Submenu
-------------------------------------------------------------------
*/
	
	.submenu {
		height:27px;
		font-size:13px;
		line-height:27px;
	}
	
		.submenu ul {
			list-style:none;
			width:972px;
			margin:0 auto;
			padding:0 0 0 8px;
			color:#FFF;
		}
		
			.submenu ul li {
				display:block;
				float:left;
				margin:0;
				padding:0;
			}
			
				.submenu ul li a {
					display:block;
					float:left;
					margin:0;
					padding:0 10px;
					color:#FFF;
					background-color:#1bb8e8;
					text-decoration:none;
				}
				
				.submenu ul li a.hover{
					color:#1bb8e8;
					font-weight:bold;
					background-color:#FFFFFF;
				}
				
				.submenu ul li span {
					display:block;
					float:left;
					margin:0 -1px;
					padding:0;
					color:#FFF;
					background-color:#1bb8e8;
				}
	

/*
-------------------------------------------------------------------
	Teaser @ Home
-------------------------------------------------------------------
*/

#teaser_home {
	position:relative;
	width:100%;
	height:159px;
	margin:0;
	padding:0;
	overflow:hidden;
}

	#teaser_home #slideshow {
		position:relative;
		width:960px;
		height:159px;
		margin:0 auto;
		padding:0;
	}
	
	#teaser #slideshow, #teaser #slideshow2 {
		position:relative;
		width:320px;
		height:159px;
		margin:0;
		padding:0;
	}
	
		#teaser_home #slides {
			position:relative;
			width:960px;
			height:159px;
			margin:0;
			padding:0;
			overflow:hidden;
		}
		
		#teaser #slides, #teaser #slides2 {
			position:relative;
			width:320px;
			height:159px;
			margin:0;
			padding:0;
			overflow:hidden;
		}
		
			#teaser_home #slidebar {
				position:absolute;
				top:0;
				left:0;
				width:960px;
				height:159px;
				overflow:visible;
			}
			
			#teaser #slidebar, #teaser #slidebar2 {
				position:absolute;
				top:0;
				left:0;
				width:320px;
				height:159px;
				overflow:visible;
			}
			
				#slides img.divider {
					position:absolute;
					top:0;
					width:1px;
					height:159px;
					z-index:5 !important;
				}
			
				.slide {
					position:absolute !important;
					top:0;
					left:0;
				}
				
					#s0, #s02 { left:0; }
					#s1, #s12 { left:320px; }
					#s2 { left:640px; }
					#s3 { left:960px; }
					#s4 { left:1280px; }
					#s5 { left:1600px; }
					#s6 { left:1920px; }
					#s7 { left:2240px; }
					#s8 { left:2560px; }
		
		#prev_slide, #next_slide {
			position:absolute;
			top:60px;
			width:40px;
			height:40px;
			cursor:pointer;
			overflow:hidden;
		}
		
		#teaser_home #prev_slide { left:-60px; }
		#teaser_home #next_slide { right:-60px; }
		
		#teaser #prev_slide { left:-40px; z-index:999; }
		#teaser #next_slide { right:-40px; z-index:999; }
	
/*
-------------------------------------------------------------------
	Teaser
-------------------------------------------------------------------
*/

#teaser {
	position:relative;
	width:980px;
	height:159px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

	#teaser .view {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background-color:#FFF;
	}
	
	#teaser #v0 { z-index:100; }
	#teaser #v1 { z-index:99; }
	#teaser #v2 { z-index:98; }
	#teaser #v3 { z-index:97; }
	#teaser #v4 { z-index:96; }
	#teaser #v5 { z-index:95; }
	#teaser #v6 { z-index:94; }
	#teaser #v7 { z-index:93; }
	#teaser #v8 { z-index:92; }
	#teaser #v9 { z-index:91; }
	#teaser #v10 { z-index:90; }
	#teaser #v11 { z-index:89; }
	#teaser #v12 { z-index:88; }
	#teaser #v13 { z-index:87; }
	#teaser #v14 { z-index:86; }
	#teaser #v15 { z-index:85; }
	
	.view div {
		position:relative;
		float:left;
		height:100%;
	}
	
	.v10 { width:10px; }
	.v300 { width:300px; }
	.v310 { width:310px; }
	.v320 { width:320px; }
	.v330 { width:330px; }
	.v480 { width:480px; }
	.v490 { width:490px; }
	.v650 { width:650px; }
	.v800 { width:810px; }
	.v810 { width:810px; }
	.v820 { width:810px; }
	.v880 { width:880px; }
	.v900 { width:900px; }
	.v960 { width:960px; }
	
	.view img {
		z-index:1;
	}
	
	.view img.divider {
		position:absolute;
		top:0;
		width:1px;
		height:159px;
		z-index:5 !important;
	}	
	
	
	
	.view h4 {
		position:absolute;
		margin:0;
		padding:0;
		top:37px;
		left:100px;
		font-size:13px;
		font-weight:bold;
		line-height:17px;
		color:#091c64;
		z-index:3;
	}
	
	.view p {
		position:absolute;
		margin:0;
		padding:0;
		top:80px;
		left:161px;
		font-size:13px;
		line-height:17px;
		color:#091c64;
		z-index:3;
	}
	
	.view p.lft109 { left:109px !important; }
	.view p.lft115 { left:115px !important; }
	.view p.lft144 { left:144px !important; }
	
	
	.view a, p a {
		text-decoration:none;
		color:#091c64;
	}
	
	a.arrow {
		padding:0 0 0 14px;
		background:url(arrow.gif) no-repeat 2px 3px;
	}
	
		a.arrow:hover {
			color:#28a2cf !important;
		}
	
	#sticker {
		position:absolute;
		left:10px;
		top:10px;
		z-index:100;
	}


/*
-------------------------------------------------------------------
	Content
-------------------------------------------------------------------
*/

#content {
	position:relative;
	width:980px;
	margin:0 auto 22px;
	padding:0;
	font:13px/17px Arial, Helvetica, sans-serif;
	color:#091c64;
}

	#background1 {
		position:absolute;
		top:0;
		width:980px;
		height:500px;
		z-index:-1;
	}

	a.bb {
		font-size:13px;
		line-height:17px;
		font-weight:bold;
		color:#1bb8e8 !important;
		text-decoration:none;
	}

		a.bb:hover {
			color:#28a2cf !important;
		}


/*
-------------------------------------------------------------------
	Content | Head
-------------------------------------------------------------------
*/
	
	#head {
		position:relative;
		margin:0;
		padding:0;
		overflow:hidden;
	}
	
	.h121 { height:121px; }
	.h175 { height:175px; }
	.h191 { height:191px; }
	.h197 { height:197px; }
	.h217 { height:217px; }
	.h221 { height:221px; }
	.h237 { height:237px; }
	.h255 { height:255px; }
	.h293 { height:293px; }
	
		.head_a1, .head_a1s {
			position:absolute;
			left:22px;
			bottom:32px;
			padding:0 0 0 20px;
			font-size:14px !important;
			line-height:23px !important;
			background:url(circle-arrow-right.gif) no-repeat 0 5px;
			z-index:3;
		}
		
		.head_a1s {
			padding:0 !important;
			background:none !important;
		}
		
		.head_a2, .head_a2s {
			position:absolute;
			left:505px;
			bottom:32px;
			padding:0 0 0 12px;
			font-size:14px !important;
			line-height:23px !important;
			background:url(saquo.gif) no-repeat 0 8px !important;
			z-index:3;
		}		
		
		.head_a2s {
			padding:0 !important;
			background:none !important;
		}
		
		.head_www, .head_nwt, .head_nwt2 {
			position:absolute;
			left:22px;
			padding:0 0 0 20px;
			font-size:14px !important;
			line-height:23px !important;
			background:url(circle-arrow-right.gif) no-repeat 0 5px;
			z-index:3;
		}
		
			.h237 .head_www { bottom:52px; }
			.h237 .head_nwt, .h217 .head_nwt, .h221 .head_nwt { bottom:32px; }
			.h221 .head_nwt { bottom:28px; }
			.h221 .head_nwt2 { left:505px;bottom:28px; }
		
		#head h3.check {
			margin:0;
			padding:0 0 0 28px;
			font-size:14px;
			line-height:17px;
			color:#091c64;
			background:url(content/h3-check.gif) no-repeat 3px 3px;
		}
		
		.chk1 {
			position:absolute;
			left:20px;
			top:117px;
			/*border: 0.1em solid #bbb;*/
		}
		
		.chk1a {
			position:absolute;
			left:20px;
			top:141px;
			/*border: 0.1em solid #bbb;*/
		}
		
		.chk2 {
			position:absolute;
			left:340px;
			top:117px;
		}
		
		.chk3 {
			position:absolute;
			left:500px;
			top:117px;
		}
		
		.chk3a {
			position:absolute;
			left:500px;
			top:141px;
		}
	

/*
-------------------------------------------------------------------
	Content | Head | Elements
-------------------------------------------------------------------
*/

.back {
	position:absolute;
	padding:0 0 0 20px;
	font-size:14px !important;
	line-height:23px !important;
	background:url(circle-arrow-left.gif) no-repeat 0 5px;
	z-index:3;
}

	.back_pos1 {
		right:20px;
		top:6px;
	}
	
	.back_pos2 {
		right:20px;
		top:219px;
	}
	
	.back_pos4 {
		right:20px;
		top:45px;
	}
	
	/*Bottom position*/
	.back_pos3 {
		right:20px;
		bottom:0;
	}


/*
-------------------------------------------------------------------
	Content | Columns
-------------------------------------------------------------------
*/

	.col220 {
		width:220px;
		margin:0 0 0 0;
		padding:0 0 15px 20px;
		float:left;
		z-index:3;
	}
	
	.col300 {
		width:300px;
		margin:0 0 0 0;
		padding:0 0 15px 20px;
		float:left;
		z-index:3;
	}
		.col300 .teaser {
			position:relative;
		}
			
			.col300 .teaser p {
				position:absolute;
				left:164px;
				top:70px;
			}
			
				.col300 .teaser p a {
					color:#091c64;
					text-decoration:none;
				}
	
	.col310 {
		width:310px;
		margin:0 0 0 0;
		padding:0 0 15px 20px;
		float:left;
		z-index:3;
	}
	
	.col390 {
		width:390px;
		margin:0 0 0 0;
		padding:0 0 15px 20px;
		float:left;
		z-index:3;
	}
	
	.col460 {
		position:relative;
		width:460px;
		margin:0 0 0 0;
		padding:0 0 0 20px;
		float:left;
		z-index:3;
	}
	
	.col620 {
		position:relative;
		width:620px;
		margin:0 0 0 0;
		padding:0 0 0 20px;
		float:left;
		z-index:3;
	}
	
	.col940 {
		width:940px;
		margin:0 0 0 0;
		padding:0 0 0 20px;
		float:left;
		z-index:3;
	}


/*
-------------------------------------------------------------------
	Content | Column | Elements
-------------------------------------------------------------------
*/

#content h3 {
	margin:0 0 17px 0;
	padding:0;
	font-size:14px;
	line-height:17px;
	color:#091c64;
}

#content h3.check {
	padding:0 0 0 28px !important;
	background:url(content/h3-check.gif) no-repeat 3px 3px;
}

#content h3.check1 {
	margin:-10px 0 17px 0 !important;
	padding:10px 0 0 28px !important;
	background:url(content/h3-check.gif) no-repeat 3px 0px;
}

#content p {
	margin:0;
	padding:0 0 15px 0;
}

#content p.check {
	padding:0 0 15px 28px !important;
	background:url(content/h3-check.gif) no-repeat 3px 3px;
}

	#content p img.left {
		float:left;
		margin:0 13px 0 0;
	}
	
	p a.inline {
		font-weight:normal;
		text-decoration:underline;
	}
	
		p a.inline:hover {
			text-decoration:none;
		}
	
	#content p a.saquo {
		display:block;
		float:left;
		font-weight:bold;
		text-decoration:none;
		margin:0;
		padding:0 0 0 12px;
		color:#1bb8e8 !important;
		background:url(saquo.gif) no-repeat 0 6px;
	}
	
		#content p a.saquo:hover {
			color:#28a2cf !important;
		}
	
	#content p span.legend_1 {
		display:block;
		margin:5px 0 1px;
		padding:0;
		text-indent:18px;
		background:url(circle-1.gif) no-repeat 0 1px;
	}
	
	#content p span.legend_2 {
		display:block;
		margin:5px 0 1px;
		padding:0;
		text-indent:18px;
		background:url(circle-2.gif) no-repeat 0 1px;
	}
	
	#content p span.legend_3 {
		display:block;
		margin:5px 0 1px;
		padding:0;
		text-indent:18px;
		background:url(circle-3.gif) no-repeat 0 1px;
	}
	
	#content p span.legend_4 {
		display:block;
		margin:5px 0 1px;
		padding:0;
		text-indent:18px;
		background:url(circle-4.gif) no-repeat 0 1px;
	}

#content ul {
	list-style:none;
	margin:0;
	padding:0;
}

	#content ul li {
		margin:0 0 8px;
		padding:0 0 0 12px;
		background:url(bullet.gif) no-repeat 1px 7px;
	}

sup {
	line-height:8px !important;
}

/*
-------------------------------------------------------------------
	Teaser | Home
-------------------------------------------------------------------
*/

.home_p1 {
	left:160px !important;
	top:63px !important;
}

.home_p2 {
	left:151px !important;
	top:63px !important;
}

.home_p3 {
	left:157px !important;
	top:63px !important;
}

#logos {
	position:absolute;
	left:10px;
	width:140px;
	height:139px;
	overflow:hidden;
	z-index:3;
}

#logos a {
	position:absolute;
	top:0;
	left:0;
	display:block;
}

	#logos #la1 { z-index:7; }
	#logos #la2 { z-index:6; }
	#logos #la3 { z-index:5; }
	#logos #la4 { z-index:4; }
	#logos #la5 { z-index:3; }
	#logos #la6 { z-index:2; }
	#logos #la7 { z-index:1; }

#logos2 {
	position:absolute;
	left:0;
	width:130px;
	height:159px;
	overflow:hidden;
	z-index:3;
}

#logos2 a {
	position:absolute;
	top:0;
	left:0;
	display:block;
}

	#logos2 #l2a1 { z-index:3; }
	#logos2 #l2a2 { z-index:2; }
	#logos2 #l2a3 { z-index:1; }

/*
-------------------------------------------------------------------
	Content | Philosophie
-------------------------------------------------------------------
*/

.philosophie_div1 {
	width:300px;
	height:240px;
	margin:0 !important;
	overflow:hidden;
}

.philosophie_div2 {
	width:302px;
	height:240px;
	margin:0 !important;
	overflow:hidden;
}


/*
-------------------------------------------------------------------
	Content | Werte
-------------------------------------------------------------------
*/

#head p.hp {
	position:absolute;
	left:101px;
	top:108px;
}

strong.bullet {
	padding-left:13px;
	background:url(bullet.gif) no-repeat 1px 6px;
}


/*
-------------------------------------------------------------------
	Content | Historie
-------------------------------------------------------------------
*/

.historie_col3_p1 {
	position:absolute;
	left:125px;
	top:45px;
}

	.historie_col3_p1 a {
		text-decoration:none;
		color:#091c64;
	}


/*
-------------------------------------------------------------------
	Content | Danimal
-------------------------------------------------------------------
*/

.danimal_p1 {
	width:305px;
	height:216px;
	margin:0 !important;
	overflow:hidden;
}

.danimal_ladies {
	display:block;
	position:absolute;
	top:6px;
	left:320px;
	font-weight:bold;
	color:#1bb8e8 !important;
}


/*
-------------------------------------------------------------------
	Content | Actimel
-------------------------------------------------------------------
*/

.actimel_col3_p1 {
	position:absolute;
	left:153px;
	top:43px;
}

	.actimel_col3_p1 a {
		text-decoration:none;
		color:#091c64;
	}


/*
-------------------------------------------------------------------
	Content | Gesundheitscharta
-------------------------------------------------------------------
*/

.gesundheitscharta_col3_p1 {
	position:absolute;
	left:154px;
	top:71px;
}

	.gesundheitscharta_col3_p1 a {
		text-decoration:none;
		color:#091c64;
	}


/*
-------------------------------------------------------------------
	Content | Wissenschaftliche Studien
-------------------------------------------------------------------
*/

.studien_col3_p1, .studien_col3_p2 {
	position:absolute;
	left:131px;
	top:71px;
}

	.studien_col3_p1 a, .studien_col3_p2 a {
		text-decoration:none;
		color:#091c64;
	}


/*
-------------------------------------------------------------------
	Content | Background
-------------------------------------------------------------------
*/

	#background1 {
		position:absolute;
		top:0;
		width:980px;
		height:500px;
		z-index:-1;
	}
	
	#background {
		position:absolute;
		top:74px;
		width:100%;
		height:500px;
		z-index:-1;
	}
		
		#background div {
			position:relative;
			width:980px;
			height:100%;
			margin:0 auto;
		}
		
		/*Danone*/
		.cnt_ueber_uns { background:url(content/bg-wir-ueber-uns.png) no-repeat; }
		.cnt_philosophie { background:url(content/bg-philosophie.png) no-repeat; }
		.cnt_werte { background:url(content/bg-werte.png) no-repeat; }
		.cnt_historie { background:url(content/bg-historie.png) no-repeat; }
		.cnt_daten { background:url(content/bg-daten-fakten.png) no-repeat; }
		.cnt_standorte{ background:url(content/bg-standorte.png) no-repeat; }
		
		/*Marken*/
		.cnt_activia { background:url(content/bg-activia.png) no-repeat; }
		.cnt_actimel { background:url(content/bg-actimel.png) no-repeat; }
		.cnt_fruchtzwerge { background:url(content/bg-fruchtzwerge.png) no-repeat; }
		.cnt_dany_sahne { background:url(content/bg-dany-sahne.png) no-repeat; }
		.cnt_fantasia { background:url(content/bg-fantasia.png) no-repeat; }
		.cnt_obstgarten { 
			height:750px !important;
			background:url(content/bg-obstgarten.png) no-repeat; 
		}
		.cnt_joghurt { background:url(content/bg-joghurt.png) no-repeat; }
		.cnt_quark_joghurt_creme { background:url(content/bg-quark-joghurt-creme.png) no-repeat; }
		.cnt_gervais { background:url(content/bg-gervais.png) no-repeat; }
		.cnt_danacol { background:url(content/bg-danacol.png) no-repeat; }
		
		/*Forschung*/
		.cnt_forschung { background:url(content/bg-forschung-wissenschaft.png) no-repeat;  }
		.cnt_institut { background:url(content/bg-institut-danone.png) no-repeat;  }
		.cnt_gesundheitscharta { background:url(content/bg-gesundheitscharta.png) no-repeat; }
		.cnt_naehrwertkennzeichnung { background:url(content/bg-naehrwertkennzeichnung.png) no-repeat; }
		.cnt_produktqualitaet { background:url(content/bg-produktqualitaet.png) no-repeat; }
		.cnt_studien { background:url(content/bg-wissenschaftliche-studien.png) no-repeat; }
		
		
		/*Engagement*/
		.cnt_green { 
			left:-10px;
			width:990px;
			background:url(content/bg-green.png) no-repeat 0 0; 
		}
		.cnt_grameen { background:url(content/bg-grameen.png) no-repeat; }
		.cnt_nationscup { background:url(content/bg-nationscup.png) no-repeat; }
		.cnt_sos_kinderdoerfer { background:url(content/bg-sos-kinderdoerfer.png) no-repeat; }
		.cnt_peb { background:url(content/bg-peb.png) no-repeat; }
		.cnt_danimal { background:url(content/bg-danimal-projekt.png) no-repeat; }
		.cnt_mehr_engagement { 
			height:1500px !important;
			background:url(content/bg-mehr-engagement.png) no-repeat; 
		}



/*
-------------------------------------------------------------------
	Bottom
-------------------------------------------------------------------
*/

#bottom {
	width:100%;
	height:118px;
	background:url(body-sub.gif) repeat-x bottom;
}


/*
-------------------------------------------------------------------
	Popups
-------------------------------------------------------------------
*/

#popup {
	margin:0;
	padding:0;
}

#corners {
	width:100%;
	height:10px;
	overflow:hidden;
}

	#tc_left {
		width:10px;
		height:10px;
		background:url(popup/corners.gif) 0 0 no-repeat;
		float:left;
		overflow:hidden;
	}
	
	#tc_right {
		width:10px;
		height:10px;
		background:url(popup/corners.gif) -10px 0 no-repeat;
		overflow:hidden;
		float:right;
	}
	
	.whitespace {
		margin:0 10px;
		background-color:#FFF;	
	}
	
	#bc_left {
		width:10px;
		height:10px;
		background:url(popup/corners.gif) 0 -10px no-repeat;
		float:left;
		overflow:hidden;
	}
	
	#bc_right {
		width:10px;
		height:10px;
		background:url(popup/corners.gif) -10px -10px no-repeat;
		overflow:hidden;
		float:right;
	}

#popup_content {
	margin:0;
	padding:0 25px;
	background:#FFF;
	overflow:auto;
}

	#popup_content h1 {
		margin:0;
		padding:0;
		font-size:14px;
	}
	
	#popup_content p.bold {
		margin:15px 0 19px;
		padding:0;
		font-weight:bold;
	}
	
	#popup_content p.info {
		margin:0;
		padding:0;
		font-size:10px;
		line-height:13px;
	}
	
	#popup_content span {
		color:#1bb8e8;
	}
	
	.popup_hr {
		width:303px;
		height:1px;
		margin:23px 0;
		overflow:hidden;
		background:url(popup/divider.gif) no-repeat;
	}

/*
-------------------------------------------------------------------
	Popup | Historie
-------------------------------------------------------------------
*/

#popup_hi {
	height:500px;
	margin:0;
	padding:0 23px;
}

#popup_hi #popup_content {
	height:460px !important;
	overflow:hidden;
}

	#popup_content #hi {
		width:400px !important;
		height:400px !important;
		margin:0;
		padding:0;
		text-align:center;
		vertical-align:top;
		overflow:hidden;
		background:url(loading-1.gif) no-repeat center center;
	}
		
	#popup_hi #previous {
		display:block;
		position:absolute;
		left:0;
		top:200px;
		width:23px;
		height:47px;
		margin:0;
		padding:0;
		overflow:hidden;
	}
	
	#popup_hi #next {
		display:block;
		position:absolute;
		left:477px;
		top:200px;
		width:23px;
		height:47px;
		margin:0;
		padding:0;
		overflow:hidden;
	}


/*
-------------------------------------------------------------------
	Layer | Nährwerttabellen
-------------------------------------------------------------------
*/

#nwt_layer {
	display:none;
	position:absolute;
	left:100px;
	top:200px;
	width:418px;
}

	#nwt_layer #top {
		height:195px;
		background:url(naehrwerttabellen/sprechblase/top.png) no-repeat;
		z-index:1;
	}
	
	#nwt_layer #middle {
		background:url(naehrwerttabellen/sprechblase/middle.png) repeat-y;
		z-index:1;
	}
	
	#nwt_layer #bottom {
		height:75px;
		background:url(naehrwerttabellen/sprechblase/bottom.png) no-repeat;
		z-index:1;
	}
	
	#nwt_layer #title {
		position:absolute;
		left:106px;
		top:60px;
		z-index:2;
	}
	
	#nwt_layer #links {
		position:absolute;
		left:106px;
		top:139px;
		z-index:2;
	}
	
		a.nwt {
			font-size:14px !important;
			line-height:23px !important;	
		}

/*
-------------------------------------------------------------------
	Popups | Nährwerttabellen
-------------------------------------------------------------------
*/

#popup_nwt {
	height:583px;
	margin:0;
	padding:0 23px;
}

#popup_nwt #popup_content {
	height:563px !important;
	overflow:hidden;
}

	#popup_nwt #previous {
		display:block;
		position:absolute;
		left:0;
		top:268px;
		width:23px;
		height:47px;
		margin:0;
		padding:0;
		overflow:hidden;
	}
	
	#popup_nwt #next {
		display:block;
		position:absolute;
		left:596px;
		top:268px;
		width:23px;
		height:47px;
		margin:0;
		padding:0;
		overflow:hidden;
	}
	
	#popup_content h4 {
		margin:10px 0 6px;
		padding:0;
		font-size:15px;
		line-height:20px;
		color:#1bb8e8;
		text-align:left;
	}
	
	.nwt_hr {
		width:100%;
		height:1px;
		margin:0;
		padding:0;
		overflow:hidden;
		background:url(popup/divider_nwt.gif) no-repeat;
	}
	
	#nwt_menu {
		margin:6px 20px 0;
		font-size:13px;
		line-height:17px;
		color:#091c64;
		font-weight:bold;
	}
	
		#nwt_menu span {
			color:#091c64;
		}
	
/*
-------------------------------------------------------------------
	Kontakt
-------------------------------------------------------------------
*/

#kontakt {
	height:400px;
	margin:0;
	padding:15px 0 0;
}

#kontaktformular {
	height:510px;
	margin:0;
	padding:15px 0 0;
}

#erfolg {
	height:90px;
	margin:0;
	padding:15px 0 0;
}

#kontakt p, #kontaktformular p {
	margin:10px 0;
	padding:0;
}

#kontakt li span.info {
	color:#091c64 !important;
	font-size:10px !important;
}

#kontakt ul {
	margin:15px;
	padding:0;
}

	#kontakt ul li {
		margin:15px 0;
		padding:0;
	}
	
	#kontaktformular table {
		width:330px;
		margin:0;
		padding:0;
		font-size:12px;
		line-height:15px;
		border-collapse:collapse;
	}
	
	#kontaktformular table td.field {
		margin:0;
		padding:1px 0;
		height:14px !important;
		overflow:hidden;
	}
	
	#kontaktformular table td.input {
		padding:1px 0;
		height:20px;
		overflow:hidden;
		text-align:right;
	}
	
	#kontaktformular table td.textarea {
		padding:1px 0;
		overflow:hidden;
		text-align:right;
	}
	
	#kontaktformular table .input {
		width:219px;
		height:16px;
		margin:0;
		padding:0;
		font-size:11px;
		line-height:16px;
	}
	
	#kontaktformular div.popup_hr {
		width:303px;
		height:1px;
		margin:12px 0;
		overflow:hidden;
		background:url(popup/divider.gif) no-repeat;
	}
	
/*
-------------------------------------------------------------------
	Impressum
-------------------------------------------------------------------
*/

#impressum {
	margin:0;
	padding:15px 0;
}

	#impressum h3 {
		margin:0 0 5px;
		font-size:14px;
	}
	
	#impressum h4 {
		margin:0 0 5px;
		font-size:12px;
	}
	
	#impressum p {
		width:360px;
		margin:0 0 5px;
		padding:0 !important;
		font-size:12px;
		line-height:16px;
	}
	
	#impressum p.hr {
		margin-bottom:12px !important;
		padding-bottom:15px !important;
		border-bottom:1px dotted #888;
	}
	
	#impressum a {
		color:#091c64 !important;
	}


/*
-------------------------------------------------------------------
	Studien Popups
-------------------------------------------------------------------
*/

.popup {
	width:720px;
	padding:40px 0 35px 60px;
	overflow:auto;
}

	.popup a {
		font-weight:bold;
		/*color:#1bb8e8;*/
	}
	
	.popup p {
		
	}
	
	.popup p span {
		margin-bottom:18px;
	}


/*
-------------------------------------------------------------------
	Gesundheitscharta Popups
-------------------------------------------------------------------
*/

.popup_too {
	width:720px;
	padding:40px 0 35px 60px;
	overflow:auto;
}

	.popup_too table {
		margin:0;
	}
	
	.popup_too table tr.underline th, .popup_too table tr.underline td {
		padding-bottom:10px;
		border-bottom:1px solid #091c64;
	}
	
		.popup_too th {
			text-align:left;
			vertical-align:top;
			font-style:italic;
			padding:0 0 12px;
		}
	
	.popup_too table.data_a {
		margin:0 0 24px;
	}
	
		.popup_too table.data_a td {
			vertical-align:top;
			font-style:italic;
			padding:0 0 5px;
		}
		
	.popup_too table.data_b {
		margin:0 0 24px;
	}
		
		.popup_too table.data_b th {
			text-align:left;
			vertical-align:bottom;
			font-style:italic;
			padding:10px 0 0;
		}
		
		.popup_too table.data_b1 th {
			padding:8px 0 0 !important;
		}
		
			.popup_too table.data_b th span {
				font-weight:normal;
			}
		
		.popup_too table.data_b td {
			vertical-align:bottom;
			font-style:italic;
			padding:0;
		}
	
	.popup_too h2 {
		height:26px;
		margin:0;
		padding:0;
	}
	
	.popup_too a {
		font-weight:bold;
	}
	
	.popup_too p {
		margin:0 0 12px;
	}
	
		.popup_too p.db_arrow {
			margin:0 0 6px;
			padding:0 0 0 15px;
			background:url(popup/darkblue-arrow.gif) no-repeat 0 3px;
		}
		
	.popup_too p.th {
		margin:0 0 6px;
		font-weight:bold;
		font-style:italic;
	}

		.popup_too p span {
			margin-bottom:18px;
		}
	
	.popup_too div.rel {
		height:140px;
	}
	
		.popup_too div.rel img {
			position:absolute;
			left:0;
			top:0;
			z-index:1;
		}
		
		.popup_too div.rel p {
			position:absolute;
			left:114px;
			top:90px;
			z-index:1;
		}
	
	.popup_too .menu {
		margin:6px 20px 0 0;
		font-size:13px;
		line-height:17px;
		color:#091c64;
		font-weight:bold;
	}
	
		.popup_too .menu a {
			color:#091c64;
			text-decoration:none;
		}
		
			.popup_too .menu a:hover {
				color:#1bb8e8;
			}
	
		.popup_too .menu span {
			color:#1bb8e8;
		}
	
	.popup_too p.joghurts_a, .popup_too p.joghurts_b {
		font-weight:bold;
		font-style:italic;
	}
	
	.popup_too p.joghurts_a {
		color:#1bb8e8;
	}
	
		.popup_too p.joghurts_a span, .popup_too p.joghurts_b span {
			display:block;
			float:left;
			width:30px;
			margin:0;
			padding:0;
		}
		
		.popup_too p.joghurts_a br, .popup_too p.joghurts_b br {
			clear:left;
		}
	

/*
-------------------------------------------------------------------
	Helpers
-------------------------------------------------------------------
*/

/*Color*/
.blue {	color:#1bb8e8; }

/*Fontsize*/
.fs13 { font-size:13px !important; }
.fs14 { font-size:14px !important; }

/*Lineheight*/
.lh17 { line-height:17px !important; }
.lh22 { line-height:22px !important; }

/*Position*/
.abs { position:absolute; }
.rel { position:relative; }

.tm4 { top:-4px; }

.right, .r0 { right:0; }
.right10 { right:10px; }

.b27 { bottom:27px !important; }

.l0 { left:0; }
.l10 { left:10px; }

.lm10 {
	position:relative;
	left:-10px;
}

/*Width*/
.w300 {	width:300px; overflow:hidden; }

/*Height*/
.h51 { height:51px; }
.h100 { height:100px; }
.h226 { height:226px; }
.h234 { height:234px; }

/*Floating*/
.fl { float:left; }
.clear { clear:both; }

/*Margin*/
.mt_10 { margin-top:-10px !important; }

.mr0 { margin-right:0 !important; }
.mr15 { margin-right:15px !important; }

.mb_10 { margin-bottom:-10px !important; }
.mb0 { margin-bottom:0 !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb18 { margin-bottom:18px !important; }
.mb24 { margin-bottom:24px !important; }
.mb30 { margin-bottom:30px !important; }
.mb36 { margin-bottom:36px !important; }
.mb48 { margin-bottom:48px !important; }
.mb68 { margin-bottom:68px !important; }
.mb100 { margin-bottom:100px !important; }

.ml10 { margin-left:10px !important; }

/*Padding*/
.pt12 { padding-top:12px !important; }
.pt24 { padding-top:24px !important; }
.pt51 { padding-top:51px !important; }

.pr0 { padding-right:0 !important; }

.pb0 {	padding-bottom:0 !important; }
.pb4 {	padding-bottom:4px !important; }
.pb6 {	padding-bottom:6px !important; }
.pb10 {	padding-bottom:10px !important; }
.pb12 {	padding-bottom:12px !important; }
.pb18 {	padding-bottom:18px !important; }
.pb27 {	padding-bottom:27px !important; }
.pb34 {	padding-bottom:34px !important; }
.pb51 {	padding-bottom:51px !important; }
.pb60 {	padding-bottom:60px !important; }
.pb120 { padding-bottom:120px !important; }
.pb150 { padding-bottom:150px !important; }

* html .pl10ie { padding-left:10px !important; }
.pl10 {	padding-left:10px !important; }

/*Visibility*/
.invisible { visibility:hidden; }

/*Display*/
.hidden { display:none; }

/*Overflow*/
.ofh { overflow:hidden; }


/*
-----------------------------------------------
	Lightbox
-----------------------------------------------
*/

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background:#FFF;
	/*background:url(lightbox/bg.png);*/
	width: 250px;
	height: 250px;
	margin: 0 auto;
	padding:0;
}
#lightbox-container-image { padding: 27px 20px 10px 20px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1000;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}

#lightbox-nav img {
	background:#666666;
}

#lightbox-container-image-data-box {
	background:#FFF;
	/*background:url(lightbox/bg.png);*/
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 20px;
}
#lightbox-container-image-data {
	padding: 0; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	

#lightbox-image-details {
	
}

#lightbox-image-details-caption { 
	font-weight: bold; 
	font-size:12px;
	color:#666666;
}

#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom:14px;	
	font-size:11px;
	color:#666666;
}

#lightbox-secNav {
	position:relative;
}

#lightbox-secNav-btnClose {
	position:absolute;
	top:5px;
	right:20px;
	z-index:1001;
}
















@charset "utf-8";

html {
	overflow:auto;
}

/*
-------------------------------------------------------------------
	Body
-------------------------------------------------------------------
*/

body {
	margin:0;
	padding:0;
	font:13px/17px Arial, Helvetica, sans-serif;
	color:#091c64;
}

/*
-------------------------------------------------------------------
	General
-------------------------------------------------------------------
*/

a img, img {
	border:none;
}

form {
	margin:0;
	padding:0;
}


/*
-------------------------------------------------------------------
	Top
-------------------------------------------------------------------
*/

#top {
	position:relative;
	width:980px;
	height:74px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	z-index:333;
}

	#logo {
		position:relative;
		left:-1px;
		top:5px;
	}

/*
-------------------------------------------------------------------
	Top - Topmenu
-------------------------------------------------------------------
*/

	#topmenu {
		position:absolute;
		top:19px;
		right:25px;
		margin:0;
		padding:0;
		list-style:none;
	}
	
		#topmenu li {
			display:inline;
			font-size:10px;
			color:#091c64;
		}
		
			#topmenu li a {
				display:block;
				float:left;
				padding:0 6px;
				color:#091c64;
				text-decoration:none;
			}
			
			#topmenu li a:hover {
				color:#1bb8e8;
			}
			
			#topmenu li a.act {
				color:#1bb8e8;
			}
			
			#topmenu li span {
				display:block;
				float:left;
				color:#091c64;
			}
			

/*
-------------------------------------------------------------------
	Top - Mainmenu
-------------------------------------------------------------------
*/

	#mainmenu {
		position:absolute;
		top:42px;
		right:16px;
		margin:0;
		padding:0;
		list-style:none;
	}
	
		#mainmenu li {
			display:inline;
			font-size:14px;
			font-weight:bold;
			color:#091c64;
		}
		
			#mainmenu li a {
				display:block;
				float:left;
				padding:0 14px;
				color:#091c64;
				text-decoration:none;
			}
			
			#mainmenu li a:hover {
				color:#1bb8e8;
			}
			
			#mainmenu li a.act {
				color:#1bb8e8;
			}


/*
-------------------------------------------------------------------
	Menulayers
-------------------------------------------------------------------
*/

.menulayer {
	display:none;
	position:absolute;
	top:85px;
	list-style:none;
	width:189px;
	margin:0;
	padding:13px 0 5px;
	background:#00b7df;
	overflow:hidden;
	z-index:999;
}

	.menulayer li {
		background:url(layer-li-bg.gif) no-repeat;
	}
	
	.menulayer li.act {
		font-weight:bold;
	}
	
	.menulayer li a {
		display:block;
		margin:0;
		padding:6px 0 6px 26px;
		color:#FFF;
		font-size:13px;
		line-height:18px;
		text-decoration:none;
		background:url(layer-a-arrow.gif) no-repeat 11px 10px;
	}
	
	.menulayer li a:hover {
		font-weight:bold;
	}


/*
-------------------------------------------------------------------
	Header
-------------------------------------------------------------------
*/

#header {
	position:relative;
	width:100%;
	height:319px;
	margin:0;
	padding:0;
	text-align:center;
	background:#000;
	overflow:hidden;
}

	#header .image {
		width:100%;
		height:319px;
		background-repeat:no-repeat;
		background-position:center top;
		background-color:#000;
	}
	
	#header #img0 { z-index:100; }
	#header #img1 { z-index:99; }
	#header #img2 { z-index:98; }
	#header #img3 { z-index:97; }
	#header #img4 { z-index:96; }
	#header #img5 { z-index:95; }
	#header #img6 { z-index:94; }
	#header #img7 { z-index:93; }
	#header #img8 { z-index:92; }
	#header #img9 { z-index:91; }
	#header #img10 { z-index:90; }
	#header #img11 { z-index:89; }
	#header #img12 { z-index:88; }
	#header #img13 { z-index:87; }
	#header #img14 { z-index:86; }
	#header #img15 { z-index:85; }

/*
-------------------------------------------------------------------
	Header | Teaserpages
-------------------------------------------------------------------
*/

		/* Home */
		.home { background-image:url(header/home.jpg); }
		
		/* Danone */
		.uber_uns { background-image:url(header/wir-ueber-uns.jpg); }
		.philosophie { background-image:url(header/philosophie.jpg); }
		.werte { background-image:url(header/werte.jpg); }
		.historie { background-image:url(header/historie.jpg); }
		.daten { background-image:url(header/daten-fakten.jpg); }
		.standorte { background-image:url(header/standorte.jpg); }
		
		/* Marken & Produkte */
		.actimel { background-image:url(header/actimel.jpg); }
		.activia { background-image:url(header/activia.jpg); }
		.fruchtzwerge { background-image:url(header/fruchtzwerge.jpg); }
		.dany_sahne { background-image:url(header/dany-sahne.jpg); }
		.fantasia { background-image:url(header/fantasia.jpg); }
		.obstgarten { background-image:url(header/obstgarten.jpg); }
		.joghurt { background-image:url(header/joghurt.jpg); }
		.quark_joghurt_creme { background-image:url(header/quark-joghurt-creme.jpg); }
		.gervais { background-image:url(header/gervais.jpg); }
		
		/* Ernährung & Gesundheit */
		.forschung_wissenschaft { background-image:url(header/forschung-wissenschaft.jpg); }
		.institut_danone { background-image:url(header/institut-danone.jpg); }
		.gesundheitscharta { background-image:url(header/gesundheitscharta.jpg); }
		.naehrwertkennzeichnung { background-image:url(header/naehrwertkennzeichnung.jpg); }
		.produktqualitaet { background-image:url(header/produktqualitaet.jpg); }
		.wissenschaftliche_studien { background-image:url(header/wissenschaftliche-studien.jpg); }
			
		/* Engagement & Verantwortung */
		.green { background-image:url(header/gruenes-engagement.jpg); }
		.grameen { background-image:url(header/grameen-danone-foods.jpg); }
		.nationscup { background-image:url(header/nationscup.jpg); }
		.sos_kinderdoerfer { background-image:url(header/sos-kinderdoerfer.jpg); }
		.peb { background-image:url(header/peb.jpg); }
		.danimal { background-image:url(header/danimal-suedafrika.jpg); }
		.mehr_engagement { background-image:url(header/mehr-engagement.jpg); }
		
		/* Karriere */
		.karriere	{ background-image:url(header/karriere.jpg); }

/*
-------------------------------------------------------------------
	Header | Subpages
-------------------------------------------------------------------
*/
	
.sub {
	height:142px !important;
	z-index:-2;
}

.sub_up {
	height:142px !important;
	z-index:222;
}

	/* Danone */
	.sub_uber_uns { background-image:url(subheader/wir-ueber-uns.jpg); }
	.sub_philosophie { background-image:url(subheader/philosophie.jpg); }
	.sub_werte { background-image:url(subheader/werte.jpg); }
	.sub_historie { background-image:url(subheader/historie.jpg); }
	.sub_daten { background-image:url(subheader/daten-fakten.jpg); }
	.sub_standorte { background-image:url(subheader/standorte.jpg); }
	
	/* Marken & Produkte */
	.sub_actimel { background-image:url(subheader/actimel.jpg); }
	.sub_activia { background-image:url(subheader/activia.jpg); }
	.sub_fruchtzwerge { background-image:url(subheader/fruchtzwerge.jpg); }
	.sub_dany_sahne { background-image:url(subheader/dany-sahne.jpg); }
	.sub_fantasia { background-image:url(subheader/fantasia.jpg); }
	.sub_obstgarten { background-image:url(subheader/obstgarten.jpg); }
	.sub_joghurt { background-image:url(subheader/joghurt.jpg); }
	.sub_quark_joghurt_creme { background-image:url(subheader/quark-joghurt-creme.jpg); }
	.sub_gervais { background-image:url(subheader/gervais.jpg); }
	
	/* Ernährung & Gesundheit */
	.sub_forschung { background-image:url(subheader/forschung-wissenschaft.jpg); }
	.sub_institut { background-image:url(subheader/institut-danone.jpg); }
	.sub_gesundheitscharta { background-image:url(subheader/gesundheitscharta.jpg); }
	.sub_naehrwertkennzeichnung { background-image:url(subheader/naehrwertkennzeichnung.jpg); }
	.sub_produktqualitaet { background-image:url(subheader/produktqualitaet.jpg); }
	.sub_studien { background-image:url(subheader/wissenschaftliche-studien.jpg); }
		
	/* Engagement & Verantwortung */
	.sub_green { background-image:url(subheader/gruenes-engagement.jpg); }
	.sub_grameen { background-image:url(subheader/grameen-danone-foods.jpg); }
	.sub_nationscup { background-image:url(subheader/nationscup.jpg); }
	.sub_sos_kinderdoerfer { background-image:url(subheader/sos-kinderdoerfer.jpg); }
	.sub_peb { background-image:url(subheader/peb.jpg); }
	.sub_danimal { background-image:url(subheader/danimal-projekt.jpg); }
	.sub_mehr_engagement { background-image:url(subheader/mehr-engagement.jpg); }
	
	
		


/*
-------------------------------------------------------------------
	Bar
-------------------------------------------------------------------
*/

#bar {
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	background:#1bb8e8;
	overflow:hidden;
}
	.line {
		height:9px;
		margin:0;
		z-index:-2;
	}
	
	.line2 {
		height:9px;
		margin:0 0 18px 0 !important;
		padding:0;
		z-index:-2;
	}
	
/*
-------------------------------------------------------------------
	Bar - Submenu
-------------------------------------------------------------------
*/
	
	.submenu {
		height:27px;
		font-size:13px;
		line-height:27px;
	}
	
		.submenu ul {
			list-style:none;
			width:972px;
			margin:0 auto;
			padding:0 0 0 8px;
			color:#FFF;
		}
		
			.submenu ul li {
				display:block;
				float:left;
				margin:0;
				padding:0;
			}
			
				.submenu ul li a {
					display:block;
					float:left;
					margin:0;
					padding:0 10px;
					color:#FFF;
					background-color:#1bb8e8;
					text-decoration:none;
				}
				
				.submenu ul li a.hover{
					color:#1bb8e8;
					font-weight:bold;
					background-color:#FFFFFF;
				}
				
				.submenu ul li span {
					display:block;
					float:left;
					margin:0 -1px;
					padding:0;
					color:#FFF;
					background-color:#1bb8e8;
				}
	

/*
-------------------------------------------------------------------
	Teaser @ Home
-------------------------------------------------------------------
*/

#teaser_home {
	position:relative;
	width:100%;
	height:159px;
	margin:0;
	padding:0;
	overflow:hidden;
}

	#teaser_home #slideshow {
		position:relative;
		width:960px;
		height:159px;
		margin:0 auto;
		padding:0;
	}
	
	#teaser #slideshow, #teaser #slideshow2 {
		position:relative;
		width:320px;
		height:159px;
		margin:0;
		padding:0;
	}
	
		#teaser_home #slides {
			position:relative;
			width:960px;
			height:159px;
			margin:0;
			padding:0;
			overflow:hidden;
		}
		
		#teaser #slides, #teaser #slides2 {
			position:relative;
			width:320px;
			height:159px;
			margin:0;
			padding:0;
			overflow:hidden;
		}
		
			#teaser_home #slidebar {
				position:absolute;
				top:0;
				left:0;
				width:960px;
				height:159px;
				overflow:visible;
			}
			
			#teaser #slidebar, #teaser #slidebar2 {
				position:absolute;
				top:0;
				left:0;
				width:320px;
				height:159px;
				overflow:visible;
			}
			
				#slides img.divider {
					position:absolute;
					top:0;
					width:1px;
					height:159px;
					z-index:5 !important;
				}
			
				.slide {
					position:absolute !important;
					top:0;
					left:0;
				}
				
					#s0, #s02 { left:0; }
					#s1, #s12 { left:320px; }
					#s2 { left:640px; }
					#s3 { left:960px; }
					#s4 { left:1280px; }
					#s5 { left:1600px; }
					#s6 { left:1920px; }
					#s7 { left:2240px; }
					#s8 { left:2560px; }
		
		#prev_slide, #next_slide {
			position:absolute;
			top:60px;
			width:40px;
			height:40px;
			cursor:pointer;
			overflow:hidden;
		}
		
		#teaser_home #prev_slide { left:-60px; }
		#teaser_home #next_slide { right:-60px; }
		
		#teaser #prev_slide { left:-40px; z-index:999; }
		#teaser #next_slide { right:-40px; z-index:999; }
	
/*
-------------------------------------------------------------------
	Teaser
-------------------------------------------------------------------
*/

#teaser {
	position:relative;
	width:980px;
	height:159px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

	#teaser .view {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background-color:#FFF;
	}
	
	#teaser #v0 { z-index:100; }
	#teaser #v1 { z-index:99; }
	#teaser #v2 { z-index:98; }
	#teaser #v3 { z-index:97; }
	#teaser #v4 { z-index:96; }
	#teaser #v5 { z-index:95; }
	#teaser #v6 { z-index:94; }
	#teaser #v7 { z-index:93; }
	#teaser #v8 { z-index:92; }
	#teaser #v9 { z-index:91; }
	#teaser #v10 { z-index:90; }
	#teaser #v11 { z-index:89; }
	#teaser #v12 { z-index:88; }
	#teaser #v13 { z-index:87; }
	#teaser #v14 { z-index:86; }
	#teaser #v15 { z-index:85; }
	
	.view div {
		position:relative;
		float:left;
		height:100%;
	}
	
	.v10 { width:10px; }
	.v300 { width:300px; }
	.v310 { width:310px; }
	.v320 { width:320px; }
	.v330 { width:330px; }
	.v480 { width:480px; }
	.v490 { width:490px; }
	.v650 { width:650px; }
	.v800 { width:810px; }
	.v810 { width:810px; }
	.v820 { width:810px; }
	.v880 { width:880px; }
	.v900 { width:900px; }
	.v960 { width:960px; }
	
	.view img {
		z-index:1;
	}
	
	.view img.divider {
		position:absolute;
		top:0;
		width:1px;
		height:159px;
		z-index:5 !important;
	}	
	
	
	
	.view h4 {
		position:absolute;
		margin:0;
		padding:0;
		top:37px;
		left:100px;
		font-size:13px;
		font-weight:bold;
		line-height:17px;
		color:#091c64;
		z-index:3;
	}
	
	.view p {
		position:absolute;
		margin:0;
		padding:0;
		top:80px;
		left:161px;
		font-size:13px;
		line-height:17px;
		color:#091c64;
		z-index:3;
	}
	
	.view p.lft109 { left:109px !important; }
	.view p.lft115 { left:115px !important; }
	.view p.lft144 { left:144px !important; }
	
	
	.view a, p a {
		text-decoration:none;
		color:#091c64;
	}
	
	a.arrow {
		padding:0 0 0 14px;
		background:url(arrow.gif) no-repeat 2px 3px;
	}
	
		a.arrow:hover {
			color:#28a2cf !important;
		}
	
	#sticker {
		position:absolute;
		left:10px;
		top:10px;
		z-index:100;
	}


/*
-------------------------------------------------------------------
	Content
-------------------------------------------------------------------
*/

#content {
	position:relative;
	width:980px;
	margin:0 auto 22px;
	padding:0;
	font:13px/17px Arial, Helvetica, sans-serif;
	color:#091c64;
}

	#background1 {
		position:absolute;
		top:0;
		width:980px;
		height:500px;
		z-index:-1;
	}

	a.bb {
		font-size:13px;
		line-height:17px;
		font-weight:bold;
		color:#1bb8e8 !important;
		text-decoration:none;
	}

		a.bb:hover {
			color:#28a2cf !important;
		}


/*
-------------------------------------------------------------------
	Content | Head
-------------------------------------------------------------------
*/
	
	#head {
		position:relative;
		margin:0;
		padding:0;
		overflow:hidden;
	}
	
	.h121 { height:121px; }
	.h175 { height:175px; }
	.h191 { height:191px; }
	.h197 { height:197px; }
	.h217 { height:217px; }
	.h221 { height:221px; }
	.h237 { height:237px; }
	.h255 { height:255px; }
	.h293 { height:293px; }
	
		.head_a1, .head_a1s {
			position:absolute;
			left:22px;
			bottom:32px;
			padding:0 0 0 20px;
			font-size:14px !important;
			line-height:23px !important;
			background:url(circle-arrow-right.gif) no-repeat 0 5px;
			z-index:3;
		}
		
		.head_a1s {
			padding:0 !important;
			background:none !important;
		}
		
		.head_a2, .head_a2s {
			position:absolute;
			left:505px;
			bottom:32px;
			padding:0 0 0 12px;
			font-size:14px !important;
			line-height:23px !important;
			background:url(saquo.gif) no-repeat 0 8px !important;
			z-index:3;
		}		
		
		.head_a2s {
			padding:0 !important;
			background:none !important;
		}
		
		.head_www, .head_nwt, .head_nwt2 {
			position:absolute;
			left:22px;
			padding:0 0 0 20px;
			font-size:14px !important;
			line-height:23px !important;
			background:url(circle-arrow-right.gif) no-repeat 0 5px;
			z-index:3;
		}
		
			.h237 .head_www { bottom:52px; }
			.h237 .head_nwt, .h217 .head_nwt, .h221 .head_nwt { bottom:32px; }
			.h221 .head_nwt { bottom:28px; }
			.h221 .head_nwt2 { left:505px;bottom:28px; }
		
		#head h3.check {
			margin:0;
			padding:0 0 0 28px;
			font-size:14px;
			line-height:17px;
			color:#091c64;
			background:url(content/h3-check.gif) no-repeat 3px 3px;
		}
		
		.chk1 {
			position:absolute;
			left:20px;
			top:117px;
		}
		
		.chk_middle {
			position:absolute;
			left:20px;
			top:258px;
		}
		
		.chk1a {
			position:absolute;
			left:20px;
			top:141px;
		}
		
		.chk2 {
			position:absolute;
			left:340px;
			top:117px;
		}
		
		.chk3 {
			position:absolute;
			left:500px;
			top:117px;
		}
		
		.chk3a {
			position:absolute;
			left:500px;
			top:141px;
		}
		



/*
-------------------------------------------------------------------
	Content | Head | Elements
-------------------------------------------------------------------
*/

.back {
	position:absolute;
	padding:0 0 0 20px;
	font-size:14px !important;
	line-height:23px !important;
	background:url(circle-arrow-left.gif) no-repeat 0 5px;
	z-index:3;
}

	.back_pos1 {
		right:20px;
		top:6px;
	}
	
	.back_pos2 {
		right:20px;
		top:219px;
	}
	
	.back_pos4 {
		right:20px;
		top:45px;
	}
	
	/*Bottom position*/
	.back_pos3 {
		right:20px;
		bottom:0;
	}


/*
-------------------------------------------------------------------
	Content | Columns
-------------------------------------------------------------------
*/

	.col220 {
		width:220px;
		margin:0 0 0 0;
		padding:0 0 15px 20px;
		float:left;
		z-index:3;
	}
	
	.col300 {
		width:300px;
		margin:0 0 0 0;
		padding:0 0 15px 20px;
		float:left;
		z-index:3;
	}
		.col300 .teaser {
			position:relative;
		}
			
			.col300 .teaser p {
				position:absolute;
				left:164px;
				top:70px;
			}
			
				.col300 .teaser p a {
					color:#091c64;
					text-decoration:none;
				}
	
	.col310 {
		width:310px;
		margin:0 0 0 0;
		padding:0 0 15px 20px;
		float:left;
		z-index:3;
	}
	
	.col390 {
		width:390px;
		margin:0 0 0 0;
		padding:0 0 15px 20px;
		float:left;
		z-index:3;
	}
	
	.col460 {
		position:relative;
		width:460px;
		margin:0 0 0 0;
		padding:0 0 0 20px;
		float:left;
		z-index:3;
	}
	
	.col620 {
		position:relative;
		width:620px;
		margin:0 0 0 0;
		padding:0 0 0 20px;
		float:left;
		z-index:3;
	}
	
	.col940 {
		width:940px;
		margin:0 0 0 0;
		padding:0 0 0 20px;
		float:left;
		z-index:3;
	}


/*
-------------------------------------------------------------------
	Content | Column | Elements
-------------------------------------------------------------------
*/

#content h3 {
	margin:0 0 17px 0;
	padding:0;
	font-size:14px;
	line-height:17px;
	color:#091c64;
}

#content h3.check {
	padding:0 0 0 28px !important;
	background:url(content/h3-check.gif) no-repeat 3px 3px;
}

#content h3.check1 {
	margin:-10px 0 17px 0 !important;
	padding:10px 0 0 28px !important;
	background:url(content/h3-check.gif) no-repeat 3px 0px;
}

#content p {
	margin:0;
	padding:0 0 15px 0;
}

#content p.check {
	padding:0 0 15px 28px !important;
	background:url(content/h3-check.gif) no-repeat 3px 3px;
}

	#content p img.left {
		float:left;
		margin:0 13px 0 0;
	}
	
	p a.inline {
		font-weight:normal;
		text-decoration:underline;
	}
	
		p a.inline:hover {
			text-decoration:none;
		}
	
	#content p a.saquo {
		display:block;
		float:left;
		font-weight:bold;
		text-decoration:none;
		margin:0;
		padding:0 0 0 12px;
		color:#1bb8e8 !important;
		background:url(saquo.gif) no-repeat 0 6px;
	}
	
		#content p a.saquo:hover {
			color:#28a2cf !important;
		}
	
	#content p span.legend_1 {
		display:block;
		margin:5px 0 1px;
		padding:0;
		text-indent:18px;
		background:url(circle-1.gif) no-repeat 0 1px;
	}
	
	#content p span.legend_2 {
		display:block;
		margin:5px 0 1px;
		padding:0;
		text-indent:18px;
		background:url(circle-2.gif) no-repeat 0 1px;
	}

#content ul {
	list-style:none;
	margin:0;
	padding:0;
}

	#content ul li {
		margin:0 0 8px;
		padding:0 0 0 12px;
		background:url(bullet.gif) no-repeat 1px 7px;
	}

sup {
	line-height:8px !important;
}

/*
-------------------------------------------------------------------
	Teaser | Home
-------------------------------------------------------------------
*/

.home_p1 {
	left:160px !important;
	top:63px !important;
}

.home_p2 {
	left:151px !important;
	top:63px !important;
}

.home_p3 {
	left:157px !important;
	top:63px !important;
}

#logos {
	position:absolute;
	left:10px;
	width:140px;
	height:139px;
	overflow:hidden;
	z-index:3;
}

#logos a {
	position:absolute;
	top:0;
	left:0;
	display:block;
}

	#logos #la1 { z-index:7; }
	#logos #la2 { z-index:6; }
	#logos #la3 { z-index:5; }
	#logos #la4 { z-index:4; }
	#logos #la5 { z-index:3; }
	#logos #la6 { z-index:2; }
	#logos #la7 { z-index:1; }

#logos2 {
	position:absolute;
	left:0;
	width:130px;
	height:159px;
	overflow:hidden;
	z-index:3;
}

#logos2 a {
	position:absolute;
	top:0;
	left:0;
	display:block;
}

	#logos2 #l2a1 { z-index:3; }
	#logos2 #l2a2 { z-index:2; }
	#logos2 #l2a3 { z-index:1; }

/*
-------------------------------------------------------------------
	Content | Philosophie
-------------------------------------------------------------------
*/

.philosophie_div1 {
	width:300px;
	height:115px;
	margin:0 !important;
	overflow:hidden;
}

.philosophie_div1a {
	width:300px;
	height:165px;
	margin:0 !important;
	overflow:hidden;
}

.philosophie_div2 {
	width:302px;
	height:280px;
	margin:0 !important;
	overflow:hidden;
}


/*
-------------------------------------------------------------------
	Content | Werte
-------------------------------------------------------------------
*/

#head p.hp {
	position:absolute;
	left:101px;
	top:108px;
}

strong.bullet {
	padding-left:13px;
	background:url(bullet.gif) no-repeat 1px 6px;
}


/*
-------------------------------------------------------------------
	Content | Historie
-------------------------------------------------------------------
*/

.historie_col3_p1 {
	position:absolute;
	left:125px;
	top:45px;
}

	.historie_col3_p1 a {
		text-decoration:none;
		color:#091c64;
	}


/*
-------------------------------------------------------------------
	Content | Danimal
-------------------------------------------------------------------
*/

.danimal_p1 {
	width:305px;
	height:216px;
	margin:0 !important;
	overflow:hidden;
}

.danimal_ladies {
	display:block;
	position:absolute;
	top:6px;
	left:320px;
	font-weight:bold;
	color:#1bb8e8 !important;
}


/*
-------------------------------------------------------------------
	Content | Actimel
-------------------------------------------------------------------
*/

.actimel_col3_p1 {
	position:absolute;
	left:153px;
	top:43px;
}

	.actimel_col3_p1 a {
		text-decoration:none;
		color:#091c64;
	}


/*
-------------------------------------------------------------------
	Content | Gesundheitscharta
-------------------------------------------------------------------
*/

.gesundheitscharta_col3_p1 {
	position:absolute;
	left:154px;
	top:71px;
}

	.gesundheitscharta_col3_p1 a {
		text-decoration:none;
		color:#091c64;
	}


/*
-------------------------------------------------------------------
	Content | Wissenschaftliche Studien
-------------------------------------------------------------------
*/

.studien_col3_p1, .studien_col3_p2 {
	position:absolute;
	left:131px;
	top:71px;
}

	.studien_col3_p1 a, .studien_col3_p2 a {
		text-decoration:none;
		color:#091c64;
	}


/*
-------------------------------------------------------------------
	Content | Background
-------------------------------------------------------------------
*/

	#background1 {
		position:absolute;
		top:0;
		width:980px;
		height:500px;
		z-index:-1;
	}
	
	#background {
		position:absolute;
		top:74px;
		width:100%;
		height:500px;
		z-index:-1;
	}
		
		#background div {
			position:relative;
			width:980px;
			height:100%;
			margin:0 auto;
		}
		
		/*Danone*/
		.cnt_ueber_uns { background:url(content/bg-wir-ueber-uns.png) no-repeat; }
		.cnt_philosophie { background:url(content/bg-philosophie.png) no-repeat; }
		.cnt_werte { background:url(content/bg-werte.png) no-repeat; }
		.cnt_historie { background:url(content/bg-historie.png) no-repeat; }
		.cnt_daten { background:url(content/bg-daten-fakten.png) no-repeat; }
		.cnt_standorte{ background:url(content/bg-standorte.png) no-repeat; }
		
		/*Marken*/
		.cnt_activia { background:url(content/bg-activia.png) no-repeat; }
		.cnt_actimel { background:url(content/bg-actimel.png) no-repeat; }
		.cnt_fruchtzwerge { background:url(content/bg-fruchtzwerge.png) no-repeat; }
		.cnt_dany_sahne { background:url(content/bg-dany-sahne.png) no-repeat; }
		.cnt_fantasia { background:url(content/bg-fantasia.png) no-repeat; }
		.cnt_obstgarten { 
			height:750px !important;
			background:url(content/bg-obstgarten.png) no-repeat; 
		}
		.cnt_joghurt { background:url(content/bg-joghurt.png) no-repeat; }
		.cnt_quark_joghurt_creme { background:url(content/bg-quark-joghurt-creme.png) no-repeat; }
		.cnt_gervais { background:url(content/bg-gervais.png) no-repeat; }
		
		/*Forschung*/
		.cnt_forschung { background:url(content/bg-forschung-wissenschaft.png) no-repeat;  }
		.cnt_institut { background:url(content/bg-institut-danone.png) no-repeat;  }
		.cnt_gesundheitscharta { background:url(content/bg-gesundheitscharta.png) no-repeat; }
		.cnt_naehrwertkennzeichnung { background:url(content/bg-naehrwertkennzeichnung.png) no-repeat; }
		.cnt_produktqualitaet { background:url(content/bg-produktqualitaet.png) no-repeat; }
		.cnt_studien { background:url(content/bg-wissenschaftliche-studien.png) no-repeat; }
		
		
		/*Engagement*/
		.cnt_green { 
			left:-10px;
			width:990px;
			background:url(content/bg-green.png) no-repeat 0 0; 
		}
		.cnt_grameen { background:url(content/bg-grameen.png) no-repeat; }
		.cnt_nationscup { background:url(content/bg-nationscup.png) no-repeat; }
		.cnt_sos_kinderdoerfer { background:url(content/bg-sos-kinderdoerfer.png) no-repeat; }
		.cnt_peb { background:url(content/bg-peb.png) no-repeat; }
		.cnt_danimal { background:url(content/bg-danimal-projekt.png) no-repeat; }
		.cnt_mehr_engagement { 
			height:1500px !important;
			background:url(content/bg-mehr-engagement.png) no-repeat; 
		}



/*
-------------------------------------------------------------------
	Bottom
-------------------------------------------------------------------
*/

#bottom {
	width:100%;
	height:118px;
	background:url(body-sub.gif) repeat-x bottom;
}


/*
-------------------------------------------------------------------
	Popups
-------------------------------------------------------------------
*/

#popup {
	margin:0;
	padding:0;
}

#corners {
	width:100%;
	height:10px;
	overflow:hidden;
}

	#tc_left {
		width:10px;
		height:10px;
		background:url(popup/corners.gif) 0 0 no-repeat;
		float:left;
		overflow:hidden;
	}
	
	#tc_right {
		width:10px;
		height:10px;
		background:url(popup/corners.gif) -10px 0 no-repeat;
		overflow:hidden;
		float:right;
	}
	
	.whitespace {
		margin:0 10px;
		background-color:#FFF;	
	}
	
	#bc_left {
		width:10px;
		height:10px;
		background:url(popup/corners.gif) 0 -10px no-repeat;
		float:left;
		overflow:hidden;
	}
	
	#bc_right {
		width:10px;
		height:10px;
		background:url(popup/corners.gif) -10px -10px no-repeat;
		overflow:hidden;
		float:right;
	}

#popup_content {
	margin:0;
	padding:0 25px;
	background:#FFF;
	overflow:auto;
}

	#popup_content h1 {
		margin:0;
		padding:0;
		font-size:14px;
	}
	
	#popup_content p.bold {
		margin:15px 0 19px;
		padding:0;
		font-weight:bold;
	}
	
	#popup_content p.info {
		margin:0;
		padding:0;
		font-size:10px;
		line-height:13px;
	}
	
	#popup_content span {
		color:#1bb8e8;
	}
	
	.popup_hr {
		width:303px;
		height:1px;
		margin:23px 0;
		overflow:hidden;
		background:url(popup/divider.gif) no-repeat;
	}

/*
-------------------------------------------------------------------
	Popup | Historie
-------------------------------------------------------------------
*/

#popup_hi {
	height:500px;
	margin:0;
	padding:0 23px;
}

#popup_hi #popup_content {
	height:460px !important;
	overflow:hidden;
}

	#popup_content #hi {
		width:400px !important;
		height:400px !important;
		margin:0;
		padding:0;
		text-align:center;
		vertical-align:top;
		overflow:hidden;
		background:url(loading-1.gif) no-repeat center center;
	}
		
	#popup_hi #previous {
		display:block;
		position:absolute;
		left:0;
		top:200px;
		width:23px;
		height:47px;
		margin:0;
		padding:0;
		overflow:hidden;
	}
	
	#popup_hi #next {
		display:block;
		position:absolute;
		left:477px;
		top:200px;
		width:23px;
		height:47px;
		margin:0;
		padding:0;
		overflow:hidden;
	}


/*
-------------------------------------------------------------------
	Layer | Nährwerttabellen
-------------------------------------------------------------------
*/

#nwt_layer {
	display:none;
	position:absolute;
	left:100px;
	top:200px;
	width:418px;
}

	#nwt_layer #top {
		height:195px;
		background:url(naehrwerttabellen/sprechblase/top.png) no-repeat;
		z-index:1;
	}
	
	#nwt_layer #middle {
		background:url(naehrwerttabellen/sprechblase/middle.png) repeat-y;
		z-index:1;
	}
	
	#nwt_layer #bottom {
		height:75px;
		background:url(naehrwerttabellen/sprechblase/bottom.png) no-repeat;
		z-index:1;
	}
	
	#nwt_layer #title {
		position:absolute;
		left:106px;
		top:60px;
		z-index:2;
	}
	
	#nwt_layer #links {
		position:absolute;
		left:106px;
		top:139px;
		z-index:2;
	}
	
		a.nwt {
			font-size:14px !important;
			line-height:23px !important;	
		}

/*
-------------------------------------------------------------------
	Popups | Nährwerttabellen
-------------------------------------------------------------------
*/

#popup_nwt {
	height:583px;
	margin:0;
	padding:0 23px;
}

#popup_nwt #popup_content {
	height:563px !important;
	overflow:hidden;
}

	#popup_nwt #previous {
		display:block;
		position:absolute;
		left:0;
		top:268px;
		width:23px;
		height:47px;
		margin:0;
		padding:0;
		overflow:hidden;
	}
	
	#popup_nwt #next {
		display:block;
		position:absolute;
		left:596px;
		top:268px;
		width:23px;
		height:47px;
		margin:0;
		padding:0;
		overflow:hidden;
	}
	
	#popup_content h4 {
		margin:10px 0 6px;
		padding:0;
		font-size:15px;
		line-height:20px;
		color:#1bb8e8;
		text-align:left;
	}
	
	.nwt_hr {
		width:100%;
		height:1px;
		margin:0;
		padding:0;
		overflow:hidden;
		background:url(popup/divider_nwt.gif) no-repeat;
	}
	
	#nwt_menu {
		margin:6px 20px 0;
		font-size:13px;
		line-height:17px;
		color:#091c64;
		font-weight:bold;
	}
	
		#nwt_menu span {
			color:#091c64;
		}
	
/*
-------------------------------------------------------------------
	Kontakt
-------------------------------------------------------------------
*/

#kontakt {
	height:400px;
	margin:0;
	padding:15px 0 0;
}

#kontaktformular {
	height:510px;
	margin:0;
	padding:15px 0 0;
}

#erfolg {
	height:90px;
	margin:0;
	padding:15px 0 0;
}

#kontakt p, #kontaktformular p {
	margin:10px 0;
	padding:0;
}

#kontakt li span.info {
	color:#091c64 !important;
	font-size:10px !important;
}

#kontakt ul {
	margin:15px;
	padding:0;
}

	#kontakt ul li {
		margin:15px 0;
		padding:0;
	}
	
	#kontaktformular table {
		width:330px;
		margin:0;
		padding:0;
		font-size:12px;
		line-height:15px;
		border-collapse:collapse;
	}
	
	#kontaktformular table td.field {
		margin:0;
		padding:1px 0;
		height:14px !important;
		overflow:hidden;
	}
	
	#kontaktformular table td.input {
		padding:1px 0;
		height:20px;
		overflow:hidden;
		text-align:right;
	}
	
	#kontaktformular table td.textarea {
		padding:1px 0;
		overflow:hidden;
		text-align:right;
	}
	
	#kontaktformular table .input {
		width:219px;
		height:16px;
		margin:0;
		padding:0;
		font-size:11px;
		line-height:16px;
	}
	
	#kontaktformular div.popup_hr {
		width:303px;
		height:1px;
		margin:12px 0;
		overflow:hidden;
		background:url(popup/divider.gif) no-repeat;
	}
	
/*
-------------------------------------------------------------------
	Impressum
-------------------------------------------------------------------
*/

#impressum {
	margin:0;
	padding:15px 0;
}

	#impressum h3 {
		margin:0 0 5px;
		font-size:14px;
	}
	
	#impressum h4 {
		margin:0 0 5px;
		font-size:12px;
	}
	
	#impressum p {
		width:360px;
		margin:0 0 5px;
		padding:0 !important;
		font-size:12px;
		line-height:16px;
	}
	
	#impressum p.hr {
		margin-bottom:12px !important;
		padding-bottom:15px !important;
		border-bottom:1px dotted #888;
	}
	
	#impressum a {
		color:#091c64 !important;
	}


/*
-------------------------------------------------------------------
	Studien Popups
-------------------------------------------------------------------
*/

.popup {
	width:720px;
	padding:40px 0 35px 60px;
	overflow:auto;
}

	.popup a {
		font-weight:bold;
		/*color:#1bb8e8;*/
	}
	
	.popup p {
		
	}
	
	.popup p span {
		margin-bottom:18px;
	}


/*
-------------------------------------------------------------------
	Gesundheitscharta Popups
-------------------------------------------------------------------
*/

.popup_too {
	width:720px;
	padding:40px 0 35px 60px;
	overflow:auto;
}

	.popup_too table {
		margin:0;
	}
	
	.popup_too table tr.underline th, .popup_too table tr.underline td {
		padding-bottom:10px;
		border-bottom:1px solid #091c64;
	}
	
		.popup_too th {
			text-align:left;
			vertical-align:top;
			font-style:italic;
			padding:0 0 12px;
		}
	
	.popup_too table.data_a {
		margin:0 0 24px;
	}
	
		.popup_too table.data_a td {
			vertical-align:top;
			font-style:italic;
			padding:0 0 5px;
		}
		
	.popup_too table.data_b {
		margin:0 0 24px;
	}
		
		.popup_too table.data_b th {
			text-align:left;
			vertical-align:bottom;
			font-style:italic;
			padding:10px 0 0;
		}
		
		.popup_too table.data_b1 th {
			padding:8px 0 0 !important;
		}
		
			.popup_too table.data_b th span {
				font-weight:normal;
			}
		
		.popup_too table.data_b td {
			vertical-align:bottom;
			font-style:italic;
			padding:0;
		}
	
	.popup_too h2 {
		height:26px;
		margin:0;
		padding:0;
	}
	
	.popup_too a {
		font-weight:bold;
	}
	
	.popup_too p {
		margin:0 0 12px;
	}
	
		.popup_too p.db_arrow {
			margin:0 0 6px;
			padding:0 0 0 15px;
			background:url(popup/darkblue-arrow.gif) no-repeat 0 3px;
		}
		
	.popup_too p.th {
		margin:0 0 6px;
		font-weight:bold;
		font-style:italic;
	}

		.popup_too p span {
			margin-bottom:18px;
		}
	
	.popup_too div.rel {
		height:140px;
	}
	
		.popup_too div.rel img {
			position:absolute;
			left:0;
			top:0;
			z-index:1;
		}
		
		.popup_too div.rel p {
			position:absolute;
			left:114px;
			top:90px;
			z-index:1;
		}
	
	.popup_too .menu {
		margin:6px 20px 0 0;
		font-size:13px;
		line-height:17px;
		color:#091c64;
		font-weight:bold;
	}
	
		.popup_too .menu a {
			color:#091c64;
			text-decoration:none;
		}
		
			.popup_too .menu a:hover {
				color:#1bb8e8;
			}
	
		.popup_too .menu span {
			color:#1bb8e8;
		}
	
	.popup_too p.joghurts_a, .popup_too p.joghurts_b {
		font-weight:bold;
		font-style:italic;
	}
	
	.popup_too p.joghurts_a {
		color:#1bb8e8;
	}
	
		.popup_too p.joghurts_a span, .popup_too p.joghurts_b span {
			display:block;
			float:left;
			width:30px;
			margin:0;
			padding:0;
		}
		
		.popup_too p.joghurts_a br, .popup_too p.joghurts_b br {
			clear:left;
		}
	

/*
-------------------------------------------------------------------
	Helpers
-------------------------------------------------------------------
*/

/*Color*/
.blue {	color:#1bb8e8; }

/*Fontsize*/
.fs13 { font-size:13px !important; }
.fs14 { font-size:14px !important; }

/*Lineheight*/
.lh17 { line-height:17px !important; }
.lh22 { line-height:22px !important; }

/*Position*/
.abs { position:absolute; }
.rel { position:relative; }

.tm4 { top:-4px; }

.right, .r0 { right:0; }
.right10 { right:10px; }

.b27 { bottom:27px !important; }

.l0 { left:0; }
.l10 { left:10px; }

.lm10 {
	position:relative;
	left:-10px;
}

/*Width*/
.w300 {	width:300px; overflow:hidden; }

/*Height*/
.h51 { height:51px; }
.h100 { height:100px; }
.h226 { height:226px; }
.h234 { height:234px; }

/*Floating*/
.fl { float:left; }
.clear { clear:both; }

/*Margin*/
.mt_10 { margin-top:-10px !important; }

.mr0 { margin-right:0 !important; }
.mr15 { margin-right:15px !important; }

.mb_10 { margin-bottom:-10px !important; }
.mb0 { margin-bottom:0 !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb18 { margin-bottom:18px !important; }
.mb24 { margin-bottom:24px !important; }
.mb30 { margin-bottom:30px !important; }
.mb36 { margin-bottom:36px !important; }
.mb48 { margin-bottom:48px !important; }
.mb68 { margin-bottom:68px !important; }
.mb100 { margin-bottom:100px !important; }

.ml10 { margin-left:10px !important; }

/*Padding*/
.pt12 { padding-top:12px !important; }
.pt24 { padding-top:24px !important; }
.pt51 { padding-top:51px !important; }

.pr0 { padding-right:0 !important; }

.pb0 {	padding-bottom:0 !important; }
.pb4 {	padding-bottom:4px !important; }
.pb6 {	padding-bottom:6px !important; }
.pb10 {	padding-bottom:10px !important; }
.pb12 {	padding-bottom:12px !important; }
.pb18 {	padding-bottom:18px !important; }
.pb27 {	padding-bottom:27px !important; }
.pb34 {	padding-bottom:34px !important; }
.pb51 {	padding-bottom:51px !important; }
.pb60 {	padding-bottom:60px !important; }
.pb120 { padding-bottom:120px !important; }
.pb150 { padding-bottom:150px !important; }

* html .pl10ie { padding-left:10px !important; }
.pl10 {	padding-left:10px !important; }

/*Visibility*/
.invisible { visibility:hidden; }

/*Display*/
.hidden { display:none; }

/*Overflow*/
.ofh { overflow:hidden; }


/*
-----------------------------------------------
	Lightbox
-----------------------------------------------
*/

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background:#FFF;
	/*background:url(lightbox/bg.png);*/
	width: 250px;
	height: 250px;
	margin: 0 auto;
	padding:0;
}
#lightbox-container-image { padding: 27px 20px 10px 20px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1000;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}

#lightbox-nav img {
	background:#666666;
}

#lightbox-container-image-data-box {
	background:#FFF;
	/*background:url(lightbox/bg.png);*/
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 20px;
}
#lightbox-container-image-data {
	padding: 0; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	

#lightbox-image-details {
	
}

#lightbox-image-details-caption { 
	font-weight: bold; 
	font-size:12px;
	color:#666666;
}

#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom:14px;	
	font-size:11px;
	color:#666666;
}

#lightbox-secNav {
	position:relative;
}

#lightbox-secNav-btnClose {
	position:absolute;
	top:5px;
	right:20px;
	z-index:1001;
}