/*
Theme Name: Danone SV
Description: Danone SV WordPress Theme
Author: DONE
Version: 1.0
*/

@charset "utf-8";

html {
	overflow:auto;
}

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

body {
	margin:0;
	padding:0;
	font:13px/17px Arial, Helvetica, sans-serif;
	color:#091c64;
	background: #d6d6d6 url(images/bgd_white_grey) 0 0 repeat-x;
}

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

a img, img {
	border:none;
}

form {
	margin:0;
	padding:0;
}

.clear{
	clear: both;
	height:0px;
}

.alignleft{
	float:left; 
	margin: 0 15px 5px 0; 
}
.alignright { 
	float:right; 
	margin: 0 0 5px 15px; 
}

/*
-------------------------------------------------------------------
	Main container
-------------------------------------------------------------------
*/

#all{
	width:1000px;
	margin:0 auto;
	padding:0;
	background-color: #ffffff;
}

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

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

	#logo {
		display: block;
		float:left;
	}

/*
-------------------------------------------------------------------
	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
-------------------------------------------------------------------
*/

	  ul#menus{
	  	margin:0;
		padding:0;
		list-style:none; 
		float:left;
		position:relative;
		z-index:900;
		
	  }
      
      ul#menus li{
      	display:inline; 
      	float:left; 
      	list-style:none; 
      	position:relative;
      	font-size:12px;
		font-weight:bold;
		color:#091c64;
		
		line-height:74px;
      }
      ul#menus li.current_page_item a{
		color:#1bb8e8;
	  }
      		ul#menus li a {
				display:block;
				float:left;
				padding:0 16px; /* Previous was 0 20. Changed to 0 16 after changing menu item names in order to keep searchbox in line */ 
				color:#091c64;
				text-decoration:none;
			}
			ul#menus li a:hover {
				color:#1bb8e8;
			}

      ul#menus li ul{
      	/*margin:0; 
      	padding:0px;*/ 
      	display:none; 
      	position:absolute; 
      	left:0px; 
      	top:74px;
		list-style:none;
		width:200px;
		margin:0;
		padding:0;
		background:#00b7df;
		z-index:999;
      }
      
      ul#menus li:hover ul{
      	display:block;
 
      	width:200px;
		margin:0;
		padding:0px 0px 0px 0px;
		background:#00b7df;
      }
      
      ul#menus li li{
      	list-style:none; 
      	display:list-item; 
      	min-height:14px; 
      	width:198px; 
      	text-align:left; 
      	padding:10px 0 10px 2px; 
      	font-weight:bold; 
      	background:url(images/layer-li-bg.gif) 0 0 no-repeat;
      	line-height:14px;
      }
      
      
      ul#menus li li a{
      	text-decoration:none; 
      	font-size:14px;
      	color:#ffffff;
      	display:block;
      	width:160px;
      }
      
      ul#menus li li a:hover{
      	text-decoration:underline; 
      	font-size:14px;
      	color:#c0e8fc;
      }
      ul#menus li.current_page_item li a{
      	color:#ffffff;
      }
      ul#menus li li.current_page_item a{
      	color:#091c64;
      }
		ul#menus li a.lastmenu{
			display:none;
		}

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

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

	#header .image {
		width:100%;
		height:329px;
		background-repeat:no-repeat;
		background-position:center top;
		background-color:#fff;
	}

/*
-------------------------------------------------------------------
	Top Search field
-------------------------------------------------------------------
*/

#top_search{
	width:147px;
	height:20px;
	float:right;
	margin:28px 52px 0 0;
	padding:0;
}
#searchform #s{
	width:120px;
	height:20px;
	background: url(images/search_field.gif) 0 0 no-repeat;
	color: #fff;
	font-size:11px;
	border:0;
	margin:0;
	padding: 0 27px 0 5px;
}
#searchform #searchsubmit{
	display:none;
}

/*
-------------------------------------------------------------------
	Newsletter link
-------------------------------------------------------------------
*/

#newsletter{
	float: right;
    height: 14px;
    margin: 4px 0 0 0;
    padding: 0;
    width: 147px;
}
#newsletter a, #newsletter a:visited{
	color: #5AB8E5;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
#newsletter a:hover{
	text-decoration: underline;
}
/*
-------------------------------------------------------------------
	Home page - Slide Show
-------------------------------------------------------------------
*/

#home_slideshow  {
	margin:0;
	padding:0;
	position:relative;
	top:-330px;
	left:540px;
	z-index:10;
	width:460px;
	
}

/*
-------------------------------------------------------------------
	Home page - columns
-------------------------------------------------------------------
*/

#home_content{
	margin:0;
	padding: 20px 0 0 0;
}
#home_content a, #home_content a:visited{
	text-decoration: none;
	color:#1bb8e8;
	font-weight: bold;
}
#home_content a:hover{
	text-decoration: underline;
}

#home_content h3{
	font-size:21px;
	line-height:21px;
	color: #14367a;
	margin:0;
	padding:0 0 15px 0;
}

.home_column{
	
    width: 277px;
	min-height: 205px;
	background: transparent url(images/front_box_bgd.png) 0 0 no-repeat;
	margin:0px 0px 20px 25px;
	padding: 33px 6px 0 15px;
	
	text-ailgn: left;
	color: #000000;
	font-size: 12px;
	float:left;
}
.home_column h4{

	color:#000000;
	font-size:14px;
	font-weight:bold;
	line-height:27px;
	margin:0;
	padding:0;

}

.home_column .nyheter_post{
	display:block;
	width: 273px;
	background: transparent url(images/nytt_bot_border.png) 0 100% no-repeat;
	padding: 0 0 8px 0;
	margin: 0 0 8px 0;
}
.home_column .nyheter_post .front_nytt_date{
	color: #666666;
	font-style:italic;
}

.left_img_border{
	background: url(images/vert_divider.png) 0 0 no-repeat;
}


/*
-------------------------------------------------------------------
	Breadcrumbs
-------------------------------------------------------------------
*/

#breadcrumb{
	color:#ffffff;
	font-size: 12px;
	font-weight:bold;
	width: 970px;
	height: 27px;
	margin:0;
	padding:0 0 0 30px;
	line-height: 27px;
	background-color:#5ab8e5;
}
#breadcrumb a, #breadcrumb a:visited{
	text-decoration: none;
	font-weight:normal;
	color:#ffffff;
}
#breadcrumb a:hover{
	text-decoration: underline;
	font-weight:normal;	
	color:#ffffff;
}
#missing_breadcrumb{
	width: 1000px;
	height: 10px;
	line-height: 10px;
	background-color:#5ab8e5;
	margin:0;
	padding:0;
}

/*
-------------------------------------------------------------------
	Main Content & Nyheter
-------------------------------------------------------------------
*/

#main_content{
	
	margin:0;
	/*padding:30px 25px 30px 25px;
	width:950px;*/
	padding:30px 0px 30px 25px;
	width:970px;
	
	color: #000000;
}

#main_content #top_tillbaka {
	background: transparent url("images/circle-arrow-left.gif") 0 0 no-repeat;
	font-size:14px;
	line-height:15px;
	padding:0 0 0 20px;
	float:right;
	width:100px;
	
	height:15px;
	padding:0 0 0 18px;
	text-align:left;
	position:relative;
	z-index:2;
}

#main_content h1{
	font-size: 40px;
	color: #091c64;
	margin:0;
	padding:10px 0 30px 0;
	font-weight: bold;
}
#main_content #page_title_and_subheading{
	min-width:640px;
	float: left;
	margin:0;
	padding:0;
}
#main_content #page_title_and_subheading .head_www{
	background: #fff url(images/circle-arrow-right.gif) 0 0 no-repeat;
	line-height: 15px;
	padding: 0 0 0 18px;
}

#main_content #page_title{	
}
#main_content #subheadeing{
	font-weight: bold;
	font-size: 14px;
	margin:0;
	padding: 0;
	min-height: 0px;
}
#main_content #right_upper_post{
	width:300px;
	float: left;
	margin:0;
	padding:0;
}
#main_content #right_upper_post h2{
	margin-top:0px;
	padding-top:0px;
	font-size:24px;
	color:#091c64;
}

#main_content #right_upper_post p{
	margin:0px;
	padding:0px 0px 5px 0px;
}

#main_content a, #main_content a:visited{
	color: #5ab8e5;
	font-size:12px;
	font-weight: bold;
	text-decoration:none;
}
#main_content a:hover{
	color: #5ab8e5;
	cursor: pointer;
	font-size:12px;
	font-weight: bold;
	text-decoration:underline;
}

#main_content .news_item{
	clear:both;
	border-bottom:1px solid #ddd;
	margin:0 0 10px 0;
	padding:0;
	width:100%;
}

#main_content .post-header{
	color: #000000;
	font-size:14px;
	font-weight: bold;
	text-decoration:none;
}

#main_content .post-header a, #main_content .post-header a:visited{
	color: #000000;
	font-size:14px;
	font-weight: bold;
	text-decoration:none;
}
#main_content .post-header a:hover{
	color: #000000;
	font-size:14px;
	font-weight: bold;
	text-decoration:underline;
}

#main_content .post-date{
	color: #000000;
	font-size:11px;
	font-weight: normal;	
}

#main_content .post_excerpt{
	color: #000000;
	font-size:12px;
	font-weight: normal;
}

#main_content .read-more{
	color: #5ab8e5;
	font-size:12px;
	font-weight: bold;
	cursor: pointer;
	background: url(images/circle-arrow-down.gif) 100% 0 no-repeat;
	margin:0;
	padding: 0 20px 0 0;
	text-align:right;
}

#main_content .collapser{
	color: #5ab8e5;
	font-size:12px;
	font-weight: bold;
	cursor: pointer;
	background: url(images/circle-arrow-up.gif) 100% 0 no-repeat;
	margin:0;
	padding: 0 20px 0 0;
	text-align:right;
}

#main_content .news_content{
	color: #000000;
	font-size:12px;
	font-weight: normal;
	width:100%;
}

#main_content .news_content .news_attach{
	background: url(images/pdf_download_icon.gif) 0 0 no-repeat;
	height:36px;
	padding: 10px 0 0 50px;
}

#main_content .news_content .news_attach a, #main_content .news_content .news_attach a:visited{
	text-decoration:none;
	color: #5ab8e5;
	font-size:12px;
	font-weight: bold;
	margin:0;
	padding:0;
	
	
}
#main_content .news_content .news_attach a:hover{
	text-decoration:underline;
}

#main_content .news_content .socbook .twitter_link {
	height:18px;
}
#main_content .news_content .socbook .twitter_icon {
	margin:0px 0px 5px 0px;
	padding:0px;
}

#main_content .content_column{
	width:300px;
	min-height: 137px;
	text-align: left;
	color: #333333;
	font-size: 12px;
	margin:0px 20px 0px 0px;
	padding:0px;
	float:left;
	line-height:19px;
}
#main_content .content_column p{
	margin-top:0;	
}

#main_content .content_column ul{
	margin:10px 0 20px 12px;
	padding:0;	
}

#main_content .content_column .grey_list{
	margin:0;
	padding:20px 0 0 15px;
	width: 305px;
	height:492px;
	background: url(images/grey_list_bgd.png) no-repeat 0 0 transparent;	
}

#main_content .content_column .grey_list h4{
	margin-left: 20px;	
}

#main_content .content_column .grey_list ul{
	list-style:none; 
	margin:0;
	padding:0;
}

#main_content .content_column .grey_list ul li{
	background:url(images/h4-check.gif) no-repeat 0 0 transparent;
	margin:0 0 18px 0;
	padding:0 0 0 22px;
	min-height:27px;
	width:270px;
}

#main_content .content_column h2{
	
	margin:0px 0 20px 0;
	padding: 0;
	font-size: 20px;
	color:#5ab8e5;
}

#main_content .content_column h3{
	
	margin:20px 0 20px 0;
	padding: 0;
	font-size: 16px;
	color:#5ab8e5;
	font-weight: bold;
	font-style: italic;
	line-height: 24px;
}


#main_content .content_column h4{
	
	margin:0 0 20px 0;
	padding: 0;
	font-size: 14px;
	color:#091C64;
	font-weight: bold;
}

#main_content .content_column h5{
	background:url(images/h4-check.gif) no-repeat 3px 50% transparent;
	min-height: 28px;
	vertical-aling: middle;
	margin:0px 0 20px 0;
	padding: 0 0 0 28px;
	font-size: 14px;
	color:#000000;
	font-weight: bold;
	line-height: 27px;
}

#main_content .content_column h6{
	font-size:14px;
	letter-spacing:2px;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
}

#main_content .content_column ul.white_list{
	list-style:none; 
	margin:0;
	padding:0;
}

#main_content .content_column ul.white_list li{
	background:url(images/h4-check.gif) no-repeat 0 0 transparent;
	margin:0 0 18px 0;
	padding:0 0 0 25px;
	min-height:27px;
	width:270px;
}

#main_content .content_column .filosofi_tbl{
	
}

#main_content .content_column .filosofi_tbl td{
	vertical-align: top;
	padding: 0 5px 20px 0;
}

#main_content #twoplusone_left{
	width:640px;
	min-height: 137px;
	text-align: left;
	color: #333333;
	font-size: 12px;
	margin:0px;
	padding:0px;
	float:left;
	line-height:19px;
}

#main_content #twoplusone_left #content_2_column{
	width:620px;
	margin:0px;
	padding:0px;
	float:left;
	line-height:19px;
}
	
#main_content #twoplusone_right{
	width:300px;
	min-height: 137px;
	text-align: left;
	color: #333333;
	font-size: 12px;
	margin:0px;
	padding:0px;
	float:left;
	line-height:19px;
}

#main_content #product_links{
	margin:0;
	padding:0 0 20px 0;
}
#main_content #product_links .head_www {
	background: transparent url("images/circle-arrow-right.gif") 0 0 no-repeat;
	font-size:14px;
	line-height:15px;
	padding:0 0 0 20px;
}

#main_content #grey_box_page_top{
	background: transparent url("images/bottom_grey_top.png") 0 0 no-repeat;
	height:19px;
	width: 957px;	
	margin:0;
	padding: 0;
}

#main_content #grey_box_page{
	background: transparent url("images/bottom_grey_mid.png") 0 0 repeat-y;
	min-height:100px;
	width: 947px;	
	margin:0;
	padding: 10px 0 0 22px;
}

#main_content #grey_box_page .grey_box_page_title{
	margin:0 0 20px 0;
	padding: 0;
	font-size: 14px;
	color:#091C64;
	font-weight: bold;
}

#main_content #grey_box_page .content_column{
	width:290px;
	min-height: 137px;
	text-ailgn: left;
	color: #333333;
	font-size: 12px;
	margin:0px 20px 0px 0px;
	padding:0px;
	float:left;
	line-height:19px;
}

#main_content #grey_box_page_bottom{
	background: transparent url("images/bottom_grey_bottom.png") 0 0 no-repeat;
	height:19px;
	width: 957px;	
	margin:0;
	padding: 0;
}

#flernyheter a:link, #flernyheter a:visited{
	color:#5AB8E5;
	font-style: italic;
	text-decoration:none;	
}
#flernyheter a:hover{
	text-decoration:underline;
}

div.check {
	background:url(images/h4-check.gif) no-repeat 3px 3px transparent;
	vertical-aling: middle;
	margin: 10px 0;
    min-height: 27px;
    padding: 2px 0 0 30px;
}
div.grey_small{
	width: 255px;
	height: 221px;
	background:url(images/grey_bgd_small.png) no-repeat 0px 0px transparent;
	padding: 25px;
}

#press_table{
	margin:0;
	padding:0;
	width: 320px;
}
#press_table td#td_top{
	margin:0;
	padding:0;
	width:320px;
	height:15px;
	background: transparent url(images/grey_table_top.png) 0 0 no-repeat;
}
#press_table td.td_mid{
	margin:0;
	padding:0;
	width:320px;
	background: transparent url(images/grey_table_mid.png) 0 0 repeat-y;
}
#press_table td.td_mid .grey_t_content{
	margin:15px 0 0 35px; 
	padding:0; 
	width: 255px;
}

#press_table td#td_bottom{
	margin:0;
	padding:0;
	width:320px;
	height:15px;
	background: transparent url(images/grey_table_bottom.png) 0 0 no-repeat;
}
#press_table td.td_mid .pdf_item{
	border-bottom: 1px solid #ddd;
	padding: 8px 0 8px 25px;
	background:transparent url(images/pdf_down_small.jpg) 0 16px no-repeat;
	display:block;
	text-decoration:none;
}
#press_table td.td_mid  a.pdf_item:hover .post-header{
	color:#666666;
}
#press_table td.td_mid .pdf_item .post-date{
	font-style: italic;
	color: #666666;
	font-size:10px;
	display:block;
}
#press_table td.td_mid .pdf_item .post-header{
	color: #58b3e1;
    font-size: 11px;
    font-weight: bold;
    line-height:13px;
    display:block;
}



#pdf_container{
	margin:0 auto;
	padding:0;
	width: 270px;
	
}

/*
-----------------------------------------------
	Footer
-----------------------------------------------
*/

#footer{
	width:980px;
	min-height:154px;
	margin:0 auto;
	padding:30px 0 10px 20px;
	background: #fff url(images/footer_bgd.jpg) 0 0 no-repeat;
	color: #868686;
	font-size:12px;

}

#footer a, #footer a:visited{
	color: #51a6cf;
	text-decoration:none;
}
#footer a:hover{
	color: #51a6cf;
	text-decoration:underline;
}


#footer #f_site_map{
	float: left;
}
#footer #f_site_map a, #footer #f_site_map a:visited{
	color: #868686;
	text-decoration:none;
}
#footer #f_site_map a:hover{
	color: #868686;
	text-decoration:underline;
}

#footer #f_site_map ul{
	list-style:none;
	margin:0;
	padding:0;
}
#footer #f_site_map ul li{
	font-weight: bold;
	float:left;
	max-width:135px;
	margin:0;
	padding:0 18px 0 0;
	
}
#footer #f_site_map ul li:last-child{
	margin:0;
	padding:0 20px 0 0;
}
#footer #f_site_map ul li ul{
	list-style:none;
	margin:0;
	padding:0;
}
#footer #f_site_map ul li ul li{
	font-weight: normal;
	border:0;
	float:none;
}

#footer #f_contact_info{
	float: left;
	background: url(images/vert_divider.png) 0 0 no-repeat;
	width:140px;
	margin:0;
	padding: 0 0 0 20px;
	
}

#footer #f_site_map ul li.selected a{
	color:#333;
}
#footer #f_site_map ul li.selected ul li a{
	color: #868686;
}
#footer #f_site_map ul li ul li.selected a{
	color: #000;
}
/*
-----------------------------------------------
	Kontakt
-----------------------------------------------
*/

#main_content h4.check {
	background:url(images/h4-check.gif) no-repeat 3px 3px transparent;
	line-height: 28px;
	vertical-aling: middle;
	margin:30px 0 20px 0;
	padding: 0 0 0 28px;
}

#main_content .contact_table{
	width:870px;
	margin:10px 0 0 0px;
}

#main_content .contact_table td{
	vertical-align: top;
}
#main_content .contact_table td h4 {
    color: #091C64;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 0;
}

/*
-------------------------------------------------------------------
	Products
-------------------------------------------------------------------
*/

#product_as_bgd {

	width:100%;
	height:300px;
	text-align:left;
	margin:-140px 0 0 0;
	padding:0;
	
}

#main_content .product_pbody{
	margin:-80px 0 0 0;
	padding:0;
}

/*
-------------------------------------------------------------------
	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(images/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(images/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(images/saquo.gif) no-repeat 0 8px !important;
			z-index:3;
		}		
		
		.head_a2s {
			padding:0 !important;
			background:none !important;
		}
		
		
		#head h3.check {
			margin:0;
			padding:0 0 0 28px;
			font-size:14px;
			line-height:17px;
			color:#091c64;
			background:url(images/content/h3-check.gif) no-repeat 3px 3px;
		}
		
		.chk1 {
			position:absolute;
			left:20px;
			top:117px;
		}
		
		.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(images/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(images/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(images/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(images/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(images/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(images/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(images/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(images/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(images/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(images/content/bg-wir-ueber-uns.png) no-repeat; }
		.cnt_philosophie { background:url(images/content/bg-philosophie.png) no-repeat; }
		.cnt_werte { background:url(images/content/bg-werte.png) no-repeat; }
		.cnt_historie { background:url(images/content/bg-historie.png) no-repeat; }
		.cnt_daten { background:url(images/content/bg-daten-fakten.png) no-repeat; }
		.cnt_standorte{ background:url(images/content/bg-standorte.png) no-repeat; }
		
		/*Marken*/
		.cnt_activia { background:url(images/content/bg-activia.png) no-repeat; }
		.cnt_actimel { background:url(images/product_actimel.png) no-repeat; }
		.cnt_fruchtzwerge { background:url(images/content/bg-fruchtzwerge.png) no-repeat; }
		.cnt_dany_sahne { background:url(images/content/bg-dany-sahne.png) no-repeat; }
		.cnt_fantasia { background:url(images/content/bg-fantasia.png) no-repeat; }
		.cnt_obstgarten { 
			height:750px !important;
			background:url(images/content/bg-obstgarten.png) no-repeat; 
		}
		.cnt_joghurt { background:url(images/content/bg-joghurt.png) no-repeat; }
		.cnt_quark_joghurt_creme { background:url(images/content/bg-quark-joghurt-creme.png) no-repeat; }
		.cnt_gervais { background:url(images/content/bg-gervais.png) no-repeat; }
		
		/*Forschung*/
		.cnt_forschung { background:url(images/content/bg-forschung-wissenschaft.png) no-repeat;  }
		.cnt_institut { background:url(images/content/bg-institut-danone.png) no-repeat;  }
		.cnt_gesundheitscharta { background:url(images/content/bg-gesundheitscharta.png) no-repeat; }
		.cnt_naehrwertkennzeichnung { background:url(images/content/bg-naehrwertkennzeichnung.png) no-repeat; }
		.cnt_produktqualitaet { background:url(images/content/bg-produktqualitaet.png) no-repeat; }
		.cnt_studien { background:url(images/content/bg-wissenschaftliche-studien.png) no-repeat; }
		
		
		/*Engagement*/
		.cnt_green { 
			left:-10px;
			width:990px;
			background:url(images/content/bg-green.png) no-repeat 0 0; 
		}
		.cnt_grameen { background:url(images/content/bg-grameen.png) no-repeat; }
		.cnt_nationscup { background:url(images/content/bg-nationscup.png) no-repeat; }
		.cnt_sos_kinderdoerfer { background:url(images/content/bg-sos-kinderdoerfer.png) no-repeat; }
		.cnt_peb { background:url(images/content/bg-peb.png) no-repeat; }
		.cnt_danimal { background:url(images/content/bg-danimal-projekt.png) no-repeat; }
		.cnt_mehr_engagement { 
			height:1500px !important;
			background:url(images/content/bg-mehr-engagement.png) no-repeat; 
		}



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

#bottom {
	width:100%;
	height:118px;
	background:url(images/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(images/popup/corners.gif) 0 0 no-repeat;
		float:left;
		overflow:hidden;
	}
	
	#tc_right {
		width:10px;
		height:10px;
		background:url(images/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(images/popup/corners.gif) 0 -10px no-repeat;
		float:left;
		overflow:hidden;
	}
	
	#bc_right {
		width:10px;
		height:10px;
		background:url(images/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(images/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(images/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(images/naehrwerttabellen/sprechblase/top.png) no-repeat;
		z-index:1;
	}
	
	#nwt_layer #middle {
		background:url(images/naehrwerttabellen/sprechblase/middle.png) repeat-y;
		z-index:1;
	}
	
	#nwt_layer #bottom {
		height:75px;
		background:url(images/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(images/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(images/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(images/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; }

/*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(images/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(images/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;
}

/*
-----------------------------------------------
	Front page slideshow
-----------------------------------------------
*/

/*    CLEARFIX */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after {display: block; visibility: hidden; clear: both; height: 0; content: "\0020";}
.clearfix { display: block; }


/* scroller */
div.scroller { /*background: transparent url(images/front_page_slideshow/slider-bg-shadow.png) 0px 0px no-repeat;*/ padding: 0 20px 0 20px; margin: auto; }
div.scroller, div.scroller div.scroller-container { width: 387px; height: 300px; }
div.scroller div.scroller-container {overflow: hidden; /*background: transparent url(images/front_page_slideshow/slider-bg.png) 0px 0px no-repeat;*/ margin-top: -10px; }
div.scroller div.scroller-container div.scroller-items div.scroller-item { float: left; width: 387px; height: 300px; margin-right: 30px; }
div.scroller div.scroller-container div.scroller-items { float: left; width: auto; }
div.scroller div.scroller-container div.scroller-items div.scroller-item p { color: #5ab8e5; font-family: Myriad Pro, Arial, Helvetica; font-size: 19px; font-weight: bold; text-align: center; margin: 0 25px 0 25px; line-height: 24px; display: block; height: 60px;}
div.scroller div.scroller-container div.scroller-items div.scroller-item p a:link, 
div.scroller div.scroller-container div.scroller-items div.scroller-item p a:visited{
	color: #5ab8e5; 
	font-family: Myriad Pro, Arial, Helvetica; 
	font-size: 19px; 
	font-weight: bold; 
	text-align: center; 
	line-height: 24px; 
	display: block; 
}
div.scroller div.scroller-container div.scroller-items div.scroller-item p a:hover{
	color: #14367A;
}
div.product-links { margin-left: auto; margin-right: auto; width: 300px; text-align: center; margin-top: 10px;}
div.product-links a { margin-right: 20px;}
div.product-links a.last { margin-right: 0px;}

/* scroller controllers */
div.scroller div.scroll-left, div.scroller div.scroll-right { position: absolute; width: 46px; height: 46px; margin-top: 140px; cursor: pointer; }
div.scroller div.scroll-left { float: left; background: transparent url(images/front_page_slideshow/slider-button-left.png) 0px 0px no-repeat; margin-left: -26px; }
div.scroller div.scroll-right { float: right; background: transparent url(images/front_page_slideshow/slider-button-right.png) 0px 0px no-repeat; margin-left: 366px; }

div.scroller-item div.product-image { height: 260px; }

div.product-actimel { background: transparent url(images/front_page_slideshow/start_actimel_orginal.png) center 31px no-repeat; }
div.product-activia { background: transparent url(images/front_page_slideshow/start_activia.png) center 68px no-repeat; }
div.product-danette { background: transparent url(images/front_page_slideshow/start_danette.png) center 62px no-repeat; }
div.product-danio { background: transparent url(images/front_page_slideshow/start_danio.png) center 47px no-repeat; }
div.product-danonino { background: transparent url(images/front_page_slideshow/start_danonino.png) center 74px no-repeat; }

div.product-danioym { background: transparent url(images/front_page_slideshow/product-danioym.png) center 65px no-repeat; }

/* button */
a.button {background: transparent url('images/front_page_slideshow/slider-button-goto-part2.png') no-repeat scroll top right;color: #fff;display: block;float: left; font-size: 16px; height:25px;margin-right: 0px;padding-right: 10px; text-decoration: none; font-weight: normal; font-family: Myriad Pro, Arial, Helvetica;}
a.button span {background: transparent url('images/front_page_slideshow/slider-button-goto-part1.png') no-repeat;display: block;line-height: 14px;padding: 5px 0px 12px 12px; min-width: 70px;text-align: center;}
a.button:active {outline: none; /* hide dotted outline in Firefox */}
a.button:active span {padding: 7px 0px 14px 12px; }

div.button-goto {width: 94px; margin: auto; padding-bottom: 15px; padding-top: 5px; }


/*
-----------------------------------------------
	Product info slideshow
-----------------------------------------------
*/

#big_slideshow {
	display: none;
}

#product_slideshow {
	/*
	position: relative;
	top: -750px;
	margin: 0 auto;
	z-index:2001;
	*/
	position:absolute;
	top:150px;
	left:50%;
	margin:0 0 0 -390px;
	z-index:2001;
}

#mask {
 width: 100%;
 height: 2000px;
 overflow: hidden;
 position: absolute;
 top: 0;
 left: 0;
 background:#333333;
 opacity: 0.9;
 z-index: 2000;
}

/*    CLEARFIX */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after {display: block; visibility: hidden; clear: both; height: 0; content: "\0020";}
.clearfix { display: block; }


/* scroller-big */
div.scroller-big { /*background: transparent url(images/front_page_slideshow/slider-bg-shadow.png) 0px 0px no-repeat;*/ padding: 10px; margin: auto; }
div.scroller-big, div.scroller-big div.scroller-big-container { width: 779px; height: 450px; background:#FFFFFF; }
div.scroller-big div.scroller-big-container {overflow: hidden; /*background: transparent url(images/front_page_slideshow/slider-bg.png) 0px 0px no-repeat;*/ margin-top: -10px; }
div.scroller-big div.scroller-big-container div.scroller-big-items div.scroller-big-item { float: left; width: 779px; height: 550px; margin-right: 50px; }
div.scroller-big div.scroller-big-container div.scroller-big-items { float: left; width: auto; }
div.scroller-big div.scroller-big-container div.scroller-big-items div.scroller-big-item p { color: #5ab8e5; font-family: Myriad Pro, Arial, Helvetica; font-size: 19px; font-weight: bold; text-align: center; margin: 0 25px 0 25px; line-height: 26px;}
div.product-links { margin-left: auto; margin-right: auto; width: 300px; text-align: center; margin-top: 10px;}
div.product-links a { margin-right: 20px;}
div.product-links a.last { margin-right: 0px;}

/* scroller-big controllers */
div.scroller-big div.scroll-left, div.scroller-big div.scroll-right { position: absolute; width: 46px; height: 46px; margin-top: 200px; cursor: pointer; }
div.scroller-big div.scroll-left { float: left; background: transparent url(images/front_page_slideshow/slider-button-left.png) 0px 0px no-repeat; margin-left: -30px; }
div.scroller-big div.scroll-right { float: right; background: transparent url(images/front_page_slideshow/slider-button-right.png) 0px 0px no-repeat; margin-left: 765px; }
div.scroller-big div.scroller-close {float: right; background: transparent url(images/close.gif) no-repeat; position: absolute; margin-top: 10px; margin-left: 765px; width:20px; height: 14px; cursor: pointer;}


/* button */
a.button {background: transparent url('images/front_page_slideshow/slider-button-goto-part2.png') no-repeat scroll top right;color: #fff;display: block;float: left; font-size: 16px; height:25px;margin-right: 0px;padding-right: 10px; text-decoration: none; font-weight: normal; font-family: Myriad Pro, Arial, Helvetica;}
a.button span {background: transparent url('images/front_page_slideshow/slider-button-goto-part1.png') no-repeat;display: block;line-height: 14px;padding: 5px 0px 12px 12px; min-width: 70px;text-align: center;}
a.button:active {outline: none; /* hide dotted outline in Firefox */}
a.button:active span {padding: 7px 0px 14px 12px; }

div.button-goto {width: 94px; margin: auto; padding-bottom: 15px; padding-top: 5px; }


#big_slideshow #product_slideshow .scroller-big .scroller-big-container .scroller-big-items .scroller-big-item #masked-container {
	width: 729;
	height: 492;
	padding: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: table;
}

#big_slideshow #product_slideshow .scroller-big .scroller-big-container .scroller-big-items .scroller-big-item #masked-container a, 
#big_slideshow #product_slideshow .scroller-big .scroller-big-container .scroller-big-items .scroller-big-item #masked-container a:visited, 
#big_slideshow #product_slideshow .scroller-big .scroller-big-container .scroller-big-items .scroller-big-item #masked-container a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #5AB8E5;
	font-size: 12px;
}

#big_slideshow #product_slideshow .scroller-big .scroller-big-container .scroller-big-items .scroller-big-item #masked-container .middle {
	display: table-cell;
	vertical-align: middle;
}

#big_slideshow #product_slideshow .scroller-big .scroller-big-container .scroller-big-items .scroller-big-item #masked-container .middle #left-column {
	width: 300px;
	height: 370px;
	float: left;
	text-align:center;
	display: table-cell;
	vertical-align: middle;

}



#big_slideshow #product_slideshow .scroller-big .scroller-big-container .scroller-big-items .scroller-big-item #masked-container .middle #left-column .nav-pi {
	width: 280px;
}

#big_slideshow #product_slideshow .scroller-big .scroller-big-container .scroller-big-items .scroller-big-item #masked-container .middle #left-column .nav-pi li {
	list-style: none;
}

#big_slideshow #product_slideshow .scroller-big .scroller-big-container .scroller-big-items .scroller-big-item #masked-container .middle #left-column .nav-pi ul {
	text-align: left;
	padding: 0;
	margin: 0; 
	margin-top: 15px;
}

#big_slideshow #product_slideshow .scroller-big .scroller-big-container .scroller-big-items .scroller-big-item #masked-container .middle #left-column .nav-pi li {
	width:auto;
	margin:0; 
	display:inline; 
	padding:0 .5em ;
	border-right: 1px solid black;
}
/*remove the first faux pipe by classing an li*/
#big_slideshow #product_slideshow .scroller-big .scroller-big-container .scroller-big-items .scroller-big-item #masked-container .middle #left-column .nav-pi li.leadout {
	border-right: 0;
}
/*end of the embedded faux pipe delimited menu*/

#big_slideshow #product_slideshow .scroller-big .scroller-big-container .scroller-big-items .scroller-big-item #masked-container .middle #right-column {
	width: 400px;
	height: 440px;
	float: right;
	text-align:left;
	padding:0 0 0 20px;
}

#big_slideshow #product_slideshow .scroller-big .scroller-big-container .scroller-big-items .scroller-big-item #masked-container .middle #right-column h2{
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	color:#000000;
	line-height:22px;
	margin:22px 0 14px 0;
	padding:0;
}

#big_slideshow #product_slideshow .scroller-big .scroller-big-container .scroller-big-items .scroller-big-item #masked-container .middle #right-column p{
	
	font-size:12px;
	font-weight:normal;
	font-family:arial;
	font-style:normal;
	color:#000000;
	line-height:15px;
	margin:12px 0 12px 0;
	text-align:left;
	padding:0;
}

#big_slideshow #product_slideshow .scroller-big .scroller-big-container .scroller-big-items .scroller-big-item #masked-container .middle #right-column .nutrition-table {
	width: 325px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/* newsletter page */

#newsletter_right{
	width: 290px;
	float: right;
	margin:0;
	padding:0;
}
 
#newsletter_left{
	width: 680px;
	float: left;
	margin:0 0 0 -10px;
	padding:0;
	border: 1px solid #ddd;
}

#newsletter_right .wpcf7{
	width:260px;
	height:217px;
	background: transparent url('./images/newsletter_form_bgd.png') 0 0 no-repeat;
	margin: 0;
	padding: 20px 0 0 26px;
	
}

#newsletter_right .wpcf7 #nl_table td{
	font-size: 15px;
	font-weight: bold;
	color: #091c64;	
}

#newsletter_right .wpcf7 p.form_title{
	font-size: 17px;
	font-weight: bold;
	color: #091c64;
	margin:8px 0 16px 0;
}



#newsletter_right .wpcf7 span.your-name{
	background: transparent url('./images/newsletter_form_input.png') 0 0 no-repeat;
	width: 200px;
	height: 34px;
	padding: 9px 0 0px 4px;	
	display: block;
	margin: 0 0 0 5px;
}
#newsletter_right .wpcf7 span.your-email{
	background: transparent url('./images/newsletter_form_input.png') 0 0 no-repeat;
	width: 200px;
	height: 34px;
	padding: 9px 0 0px 4px;
	display: block;
	margin: 0 0 0 5px;
}
#newsletter_right .wpcf7 span.your-name input, #newsletter_right .wpcf7 span.your-email input{
	background: none;
	border: none;
	width: 195px;
	padding:0;
	margin:0;	
}

#newsletter_right .wpcf7 .wpcf7-submit{
	width:92px;
	height:43px;
	background: transparent url('./images/newsletter_skicka.png') 0 0 no-repeat;
	border:none;
	float:right;
	margin:0 10px 0 0;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	color: #091c64;
	font-family: Arial, Helvetica;
}

#newsletter_right #newsletter_list_top{
	width:290px;
	height:16px;
	background: transparent url('./images/newsletter_r_top.png') 0 0 no-repeat;
	margin: 20px 0 0 0;
	padding:0;
}
#newsletter_right #newsletter_list{
	width:270px;
	min-height:10px;
	background: transparent url('./images/newsletter_r_mid.png') 0 0 repeat-y;
	margin:0;
	padding:0 0 0 20px;		
}
#newsletter_right #newsletter_list p{
	margin:0;
	padding:10px;
}
#newsletter_right #newsletter_list_bottom{
	width:290px;
	height:16px;
	background: transparent url('./images/newsletter_r_bottom.png') 0 0 no-repeat;
	margin:0;
	padding:0;	
}

#newsletter_right #newsletter_list p.right_title{
	font-size: 17px;
	font-weight: bold;
	color: #091c64;
	margin:0;
	padding: 10px 0 0 10px;
}

.wpcf7-response-output{
	background-color:#fff;
	position:relative;
	z-index:100;
}
div.wpcf7-mail-sent-ok {
    border: medium none;
    font-size: 20px;
    font-weight: bold;
    height: 122px;
    margin: -202px 0 0 -18px;
    opacity: 0.88;
    padding: 100px 0 0;
    text-align: center;
    width: 275px;