/* 20.02.2008, dogan */
html{
	width:100%;
	height:100% !important;
	min-height:100%;
}
body{
	color:black;
	background-color:rgb(0,152,208);
	font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:70%;
	width:100%;
	height:100% !important;
	min-height:100% !important;
	margin:0;
	padding:0;
}
@media print{
	body{
		background-color:white;
	}
}



a{
	color:rgb(26,50,129);
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

pre{
	font-size:1em;
	clear:both;
}

p{
	margin:0 0 1em 0;
	padding:0;
	font-size:1.1em;
}

h1{
	color:rgb(26,50,129);
	font-size:1.4em;
	padding:0;
	margin:0 0 1em 0;
}
	.content_container_oben h1{
		color:rgb(26,50,129);
		font-size:1.2em;
		padding:6px 0 8px 30px;
		margin:0;
	}
	@media print{
		h1, .content_container_oben h1{
			color:black;
			font-size:1.4em;
			padding:0;
			margin:0 0 1em 0;
		}
	}
h2{
	color:rgb(26,50,129);
	font-size:1.2em;
	padding:0;
	margin:0 0 0.5em 0;
}
.h2_first{
	padding-bottom:0.5em;
}

h3{
	color:black;
	font-size:1em;
	margin:0 0 0.5em 0;
	font-size:1.1em;
}
h4{
	color:black;
	font-size:1.0em;
	font-weight:bold;
}
address{
	font-style:normal;
	font-size:1em;
}



.clearboth{
	float:none;
	clear:both;
}

.hr_dashed{
	border-top:1px dashed rgb(204,204,204);
	height:5px;
}



/*--- Listen ---*/
@media screen, projection{
	ul.bullets_blue{
		list-style:none;
		margin:-0.5em 0 1em 13px;
		padding:0;
	}
	ul.bullets_blue ul{
		list-style:none;
		margin:0 0 0 12px;
		padding:0;
		font-size:1.1em;
	}
	ul.bullets_blue li{
		padding:0.5em 0 0 12px;
		margin:0 0 0 -12px;
		background-image:url(images/li-bullet-blue.gif);
		background-repeat:no-repeat;
		background-position:0px 11px;
		font-size:1.1em;
	}
	ul.bullets_blue ul li{
		padding:0.5em 0 0 12px;
		margin:0 0 0 -12px;
		background-image:url(images/li-bullet-blue.gif);
		background-repeat:no-repeat;
		background-position:0px 11px;
		font-size:1.1em;
	}

	ul.bullets_dblue{
		list-style:none;
		margin:-0.5em 0 1em 13px;
		padding:0;
	}
	ul.bullets_dblue ul{
		list-style:none;
		margin:0 0 0 12px;
		padding:0;
		font-size:1.1em;
	}
	ul.bullets_dblue li{
		padding:0.5em 0 0 12px;
		margin:0 0 0 -12px;
		background-image:url(images/li-bullet-dblue.gif);
		background-repeat:no-repeat;
		background-position:0px 10px;
		font-size:1.1em;
	}
	ul.bullets_dblue ul li{
		padding:0.5em 0 0 12px;
		margin:0 0 0 -12px;
		background-image:url(images/li-bullet-dblue.gif);
		background-repeat:no-repeat;
		background-position:0px 10px;
		font-size:1.1em;
	}

	ul.bullets_red{
		list-style:none;
		margin:-0.5em 0 1em 13px;
		padding:0;
	}
	ul.bullets_red ul{
		list-style:none;
		margin:0 0 0 12px;
		padding:0;
		font-size:1.1em;
	}
	ul.bullets_red li{
		padding:0.5em 0 0 12px;
		margin:0 0 0 -12px;
		background-image:url(images/li-bullet-red.gif);
		background-repeat:no-repeat;
		background-position:0px 10px;
		font-size:1.1em;
	}
	ul.bullets_red ul li{
		padding:0.5em 0 0 12px;
		margin:0 0 0 -12px;
		background-image:url(images/li-bullet-red.gif);
		background-repeat:no-repeat;
		background-position:0px 10px;
		font-size:1.1em;
	}
}



/*--- Datentabelle Nährwerte ---*/
.n_table td{
	padding:4px 5px 6px 5px;
}

.n_table .tr1{
	color:white;
	font-weight:bold;
	background-color:#0098D0;
}

.n_table .tr2{
	background-color:rgb(235,250,255);
}

.n_table .tr3{
	color:black;
	font-weight:bold;
	background-color:rgb(235,250,255);
}

.n_table .tr4{
}

.n_table .td2{
	text-align:center;
}


/*-- Bild in Fliesstext ---*/
.bild_rechts{
	margin:0 0 5px 10px;
}


@media screen, projection{
	/*--------- Layout, linksbündig ----------*/
	.page_container{
		width:100%;
		min-width:975px;
		/*BEACHTE: hier keine height-Angabe, da sonst Hintergrundbild bei overflow unten abgeschnitten wird.
		Die min-height Angabe gilt für alle Browser ausser IE6*/
		min-height:100%;
/*nur für IE6*/
_height:100%;
		float:left;
		clear:both;
		background-image:url(images/page-container-bg.jpg);
		background-repeat:no-repeat;
		background-position:0px 0px;
	}
		.inner_page_container_1{
			width:975px;
			min-height:580px;
			float:left;
			clear:both;
			background-image:url(images/packungen-links.jpg);
			background-repeat:no-repeat;
			background-position:20px 14px;
		}
			.inner_page_container_2{
				width:975px;
				min-height:580px;
				float:left;
				clear:both;
				background-image:url(images/plakette-laktosefrei.gif);
				background-repeat:no-repeat;
				background-position:35px 415px;
			}


				.top_flash_container{
					width:975px;
					height:170px;
					float:left;
					clear:both;
					overflow:hidden;
					/*Wird sichtbar, wenn JS ausgeschaltet ist, und kein FLASH-Player geschrieben wird*/
					background-image:url(images/top-flash-container-bg.gif);
					background-repeat:no-repeat;
					background-position:679px 12px;
				}
					/*Der FLASH-Film geht nicht über die volle Breite, sondern ist um 310px nach rechts verschoben*/
					.inner_flash_container{
						width:655px;
						height:170px;
						overflow:hidden;
						margin-left:310px;
					}


				.left_col{
					width:515px;
					min-height:410px;
					float:left;
					clear:left;
				}
					.left_col_minheight{
						/*für IE6, rückt zudem den treemenu_container nach rechts s.u.*/
						width:310px;
						height:410px;
						float:left;
						clear:left;
					}


				.center_col{
					width:450px;
					min-height:410px;
					float:left;
				}
					.content_container{
						width:100%;
						float:left;
						clear:both;
						padding-bottom:10px;
					}

					.content_container_oben{
						width:435px;
						float:left;
						clear:both;
						padding-right:15px;
						background-image:url(images/content-container-o-r.gif);
						background-repeat:no-repeat;
						background-position:right top;
					}
						.content_container_oben_innen{
							width:100%;
							min-height:30px;
							float:left;
							clear:both;
							background-image:url(images/content-container-o-l.gif);
							background-repeat:no-repeat;
							background-position:left top;
						}

					.content_container_mitte{
						background-color:rgb(204,234,246);
						width:100%;
						float:left;
						clear:both;
						background-image:url(images/content-container-mitte-bg.jpg);
						background-repeat:no-repeat;
					}
						.content_minheight{
							/*für IE6*/
							width:15px;
							height:310px;
							float:left;
							clear:left;
						}
						.html_content{
							float:left;
							clear:right;
							width:420px;
							padding:12px 0 0 0;
							margin:0;
						}

					.content_container_unten{
						width:435px;
						float:left;
						clear:both;
						padding-right:15px;
						background-image:url(images/content-container-u-r.gif);
						background-repeat:no-repeat;
						background-position:right bottom;
					}
						.content_container_unten_innen{
							width:100%;
							min-height:25px;
							float:left;
							clear:both;
							background-image:url(images/content-container-u-l.gif);
							background-repeat:no-repeat;
							background-position:left bottom;
						}
							.conten_container_unten_text{
								font-size:9px;
								text-align:left;
								padding:4px 15px 9px 15px;
							}


				.footer{
					width:100%;
					float:left;
					clear:both;
				}
					.footer address{
						color:rgb(26,50,129);
						font-style:normal;
						font-weight:normal;
						font-size:9px;
						text-align:center;
						padding:10px 15px 0 15px;
					}
}

@media print{
	.top_flash_container{
		display:none;
	}
	.left_col{
		display:none;
	}
	.content_container_unten{
		display:none;
	}
	.html_content{
		padding-right:1em;
	}
}




/*--- Treemenu ---*/
.treemenu_container{
	/*Textgrösse für IE auf 11px festsetzen*/
	font-size:11px;
	width:185px;
	float:left;
	/*setzt das menu immer in den Vordergrund bei extremer Schriftvergrösserung*/
	position:relative;
	/*Der Container wird durch left_col_minheight nach rechts gerückt s.o.*/
}
.tree{
	/*MUSS floaten wg. Drastellungsfehler IE6, fehlendes Bullet auf erstem Menupunkt*/
	width:100%;
	float:left;
	clear:both;
}
.tree ul, .tree li{
	list-style:none;
	padding:0;
	margin:0;
	display:inline;
}
.tree ul li{
}


.tree a{
	text-decoration:none;
	display:block;
	padding:7px 0px 10px 18px;
	background-repeat:no-repeat;
}
/*einzeilige Menubeschriftung*/
.tree a.lvl_0_1{
	color:rgb(26,50,129);
	background-image:url(images/lvl-0-1.gif);
}
.tree a.lvl_0_1:hover{
	color:rgb(26,50,129);
	background-image:url(images/lvl-0-1-on.gif);
}
.tree .lvl_0_1_act, .tree .lvl_0_1_on{
	color:rgb(26,50,129);
	background-image:url(images/lvl-0-1-on.gif);
	font-weight:bold;
	letter-spacing:-1px;
}
/*zweizeilige Menubeschriftung*/
.tree a.lvl_0_2{
	color:rgb(26,50,129);
	background-image:url(images/lvl-0-2.gif);
}
.tree a.lvl_0_2:hover{
	color:rgb(26,50,129);
	background-image:url(images/lvl-0-2-on.gif);
}
.tree .lvl_0_2_act, .tree .lvl_0_2_on{
	color:rgb(26,50,129);
	background-image:url(images/lvl-0-2-on.gif);
	font-weight:bold;
	letter-spacing:-1px;
}

.tree .sub{
	background-color:rgb(204,234,246);
	width:169px;
	margin-left:10px;
}
.tree .sub ul, .tree .sub li{
	list-style:none;
	padding:0;
	margin:0;
	display:inline;
}
.tree .sub a{
	color:rgb(26,50,129);
	border-left:1px solid rgb(242,251,255);
	border-bottom:1px solid rgb(163,215,237);
	border-right:1px solid rgb(158,208,229);
	padding:3px 5px 5px 9px;
	margin:0;
	background-image:url(images/lvl-n.gif);
	background-repeat:no-repeat;
	background-position:8px 7px;
}
.tree .sub a:hover{
	color:rgb(26,50,129);
	background-color:rgb(224,242,250);
	background-image:url(images/lvl-n-on.gif);
}
.tree .sub .lvl_n_act, .tree .sub .lvl_n_on{
	color:rgb(26,50,129);
	font-weight:bold;
	letter-spacing:-1px;
	background-color:rgb(224,242,250);
	background-image:url(images/lvl-n-on.gif);
}