/*
  
  .layout1 = Zweispaltig

 */

* {
	color: #3c3b3e;
	font-size: 12px;
	/*font-family: Arial, Helvetica, Verdana, sans-serif;*/
	font-family: verdana,arial,helvetica,geneva,sans-serif;
}

html, body {
	text-align: center;
	height: 100%;
}


body {
	background: #fff;
	}

.type26 {
	padding: 0;	
}

.htmlarea-content-body {
	text-align: left;
	padding: 10px;	
	background: none;
}

#title {
	position: absolute;
	top: 13px;
	right: 30px;
	z-index: 3;
	background-position: right 50%;
	background-repeat: no-repeat;
	background-color: #fff; 
}

	#title a {
		display: block;
		width: 376px;
		height: 68px;
		text-indent: -9999px;
	}
	
#subtitle {
	position: absolute;
	top: 85px;
	z-index: 3;
	left: 20px;
	width: 884px;
	height: 102px;
	background-position: 10px 13px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
	#subtitle a {
		width: 100%;
		height: 100%;
		display: block;
	}
	
#accesskeysNavigation li a {
	position: absolute;
	z-index: 2;
	left: -10000px;
	padding: 2px 6px;
	text-decoration: underline;
	color: #fff;
	background: #D54A09;	
}

#accesskeysNavigation li a:focus,
#accesskeysNavigation li a:active {		
	left: 0;
	top: 38px;
}

#box {
	position: relative;
	width: 925px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	background: #fff url(../images/box_bg.gif) repeat-y 1px 0;
}

#header {
	position: relative;
	z-index: 2;
	height: 250px;
	background-position: 201px 61px;
	background-repeat: no-repeat;
}

.shop #header{
	height: 205px;
}
	
	#searchBox {
		position: absolute;
		left: 13px;
		bottom: 56px;
		width: 200px;
	}

		#searchSword {
			position: absolute;
		}

			#searchSword label {
				display: none;
				float: left;
				color: #fff;
			}

			#searchSword input {
				float: left;
				width: 110px !important;
				width: 114px;
				height: 12px !important;
				height: 16px;
				margin-left: 8px;
				padding: 1px 3px;
				border: 1px solid #969a5d;
				background-color: #fff;
				font-size: 10px;
				text-transform: uppercase;
				
			}
	
			#searchSword button {
				float: left;
				width: 17px;
				height: 16px;
				border: none;
				background: #fff url(../images/searchbutton_bg.gif);
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-color: transparent;
				margin-left: 5px;
			}
				#searchSword button span {
					display: none;
				}	

	ul#metaNavigation {
		position: absolute;
		top: 0;
		left: 10px;
		width: 885px;
		height: 61px;
		text-transform: uppercase;
	}

	   #metaNavigation * {
			font-size: 11px;
			color: #333333;
		}

		#metaNavigation li {
			float: left;
			margin-top: 20px;
			border-left: 1px solid #7d7069;
		}
	
		#metaNavigation li.metaFirst {
			display: inline;
			margin-left: 7px;
			border: none;
		}

		#metaNavigation li a {
			display: block;
			width: auto !important;
			width: 1px;
			height: auto !important;
			height: 1px;
			padding: 0 8px;
			line-height: 12px;
			color: #333333;
			white-space: nowrap;
		}
		#metaNavigation li.cur a {
			font-weight: bold;
		}
		
		#metaNavigation li a:hover {
			color: #a7a7a7;
		}

	ul#mainNavigation {
		z-index: 2;
		position: absolute;
		bottom: 32px;
		left: 236px;
		width: 668px;
		height: 23px !important;
		height: 25px;
		border: none;
		border-width: 1px 0;
		background-color: #fff;
	}

		#mainNavigation li {
			position: relative;
			float: left;
		}

	
		#mainNavigation li a {
			display: block;
			width: auto !important;
			width: 1px;
			height: auto !important;
			height: 1px;
			line-height: 17px;
			margin: 0 10px;
			color: #8C0002;
			font-weight: bold;
			white-space: nowrap;
			text-transform: uppercase;
			font-size: 14px;
		}
		
		#mainNavigation li a .first {
			margin: 0;
		}
		
			#mainNavigation li a.act {
				color: #727B02;
				border-bottom: 1px solid #727B02;
			}
			
			#mainNavigation li a:hover {
				color: #727B02;
				border-bottom: 1px solid #727B02;
			}
	
		#mainNavigation li ul {
			position: absolute;
			top: 17px;
			left: 7px;
			clear: both;
			display: none;
			width: 190px !important;
			width: 240px;
			padding: 0 50px 30px 0;
			border-top: 1px solid #727B02;
		}
	
			#mainNavigation li li {
				clear: left;
				width: 240px;
				border: none;
			}
	
			#mainNavigation li li a {
				width: auto !important;
				width: 180px;
				line-height: 15px;
				padding: 2px 14px 2px 14px;
				margin: 0;
				font-weight: normal;
				white-space: normal;
				text-transform: none;
				color: #8C0002;
				font-weight: bold;
				white-space: nowrap;
				text-transform: uppercase;
				font-size: 11px;
				background: #e9e9e9;
				border-bottom: 1px solid #8C0002;
			}
			
				#mainNavigation li li .cur {
					color: #727B02;
					border-bottom: 1px solid #727B02;
				}
			
				#mainNavigation li li a:hover {
					color: #727B02;
					border-bottom: 1px solid #727B02;
				}
		
	
			#mainNavigation li:hover ul, #mainNavigation li.sfhover ul {
				display: block;	
			}
	#headerNavigation {		
		z-index: 1;
		position: absolute;
		top: 186px;		
		left: 201px;
		width: 683px;
		height: 38px;
		background-color: #fff;
	}
	.sectionIndex #headerNavigation{
		top: 284px;
		background-repeat: repeat;
		background-color: transparent;
	}

#rootline {
	display: none;
	left:216px;
	position:absolute;
	top:212px;
	width:490px;
	z-index:1;
}
#rootline * {
	font-size:10px;
}

	#rootline li {
		background:transparent url(../images/rootline_links.gif) no-repeat scroll 0pt;
		margin:0pt !important;
		padding:0pt 5px 0pt 7px;
	}

	#rootline a {
		color:#666666;
		padding-left:5px;
		text-transform:uppercase;
	}


	#rootline a:hover {
		color:#000000;
		text-decoration:underline;
	}
	#rootline li.first {
		background:transparent none repeat scroll 0%;
		padding-left:0pt;
	}

#col1 {
	position: relative;
	z-index: 1;
	float: left;
	clear: both;
	width: 200px;
	min-height: 1px;
	padding-left: 1px;
	margin-right: 30px;
}

	* html #col1 {
		margin-right: 20px;
	}

	.home #col1 {
		left: 20px;
		width: 190px;
		margin-right: 40px !important;
		margin-right: 25px;
	}
	
	.home #col1 #leftContent {
		margin: 0px 35px 0 0;
		left: 10px;
	}

	#col1 #leftContent {
		left: 30px;
		width: 190px;
		margin: 80px 35px 10px 0;
	}
	
		#col1 #leftContent .csc-textpic-text p{
			color: #a7a7a7;
			font-family: verdana,arial,helvetica,geneva,sans-serif;
			height: 17px;
			font-size: 12px;
		}	

	#col1 #leftContent .contentElement {
		margin-top: 30px;
	}
	
	#col1 * {
		position: relative;
		z-index: 1;
	}

	#copyrightAddress {
		left: 30px;
		background:transparent url(../images/bio-knospe-neu.png) no-repeat 0 0pt;
		padding-top: 80px;
		margin: 40px 0 0 0;
	}
		.home #copyrightAddress {
			left: 10px;
		}
	
		#copyrightAddress p {
			color: #a7a7a7;
			font-size: 12px;
			height: 17px;
		}
		
		#copyrightAddress p a {
			color: #8C0002;
		}
	
	#logo_left {
		left: 30px;
		background:transparent url(../images/logo_d_mit_bio_suisse_rechts_klein.gif) no-repeat 0 0pt;
		width: 147px;
		height: 36px;
		padding: 0 0 0 0; 
		margin: 17px 0 30px 0;
	}
		
		#logo_left.fr {
			background:transparent url(../images/logo_f_mit_bio_suisse_rechts_klein.gif) no-repeat 0 0pt;
		}
		
		#logo_left.it {
			background:transparent url(../images/logo_i_mit_bio_suisse_rechts_klein.gif) no-repeat 0 0pt;
		}
		
		.home #logo_left {
			left: 10px;
		}
	
	ul#subNavigation {
		margin-top: 19px;
		height: auto !important;
		height: 1px;
		left: 17px;
	}
	
	#subNavigation * {
		font-size: 11px;
	}

		#subNavigation li {
			position: relative;
			padding-bottom: 1px;
			margin-bottom: -1px;
		}
	
		#subNavigation li a {
			display: block;
			height: auto !important;
			height: 1px;
			line-height: 14px;
			padding: 2px 5px 2px 14px;
			border-bottom: 1px solid #8C0002;
			text-transform: uppercase;
			color: #8C0002;
			font-weight: bold;
		}
		
			#subNavigation li a.cur {
				color: #727B02;
				border-bottom: 1px solid #727B02
			}
			
			#subNavigation li a.act {
				color: #727B02;
				border-bottom: 1px solid #727B02
			}
		
			#subNavigation li a:hover {
				color: #727B02;
				border-bottom: 1px solid #727B02
			}
				
			#subNavigation li a:hover {
				color: #727B02;
				border-bottom: 1px solid #727B02
			}

			#subNavigation li li a {
				padding-left: 26px;
				ont-weight: bold;
			}
				
			#subNavigation li.act li a:hover {
				color: #727B02;
			}
			
			#subNavigation li.act li.cur a:hover {
				color: #000;
			}
	
#col2 {
	position: relative;
	float: left;
	width: 476px;
	margin-bottom: 25px;
	/*border-top: 20px solid #fff;*/
}

		/*ie6*/
		* html #col2 {
			width: 456px;
		}

	.home #col2 {
		border-top: none;
	}

	#navigationLevel4  * {
		font-size: 11px;
	}
	
	ul#navigationLevel4 {
		z-index: 2;
		height: 17px !important;
		height: 19px;
		margin: 0 21px 20px 20px;
	}

		#navigationLevel4 li {
			float: left;
			margin-bottom: 4px;			
			border-style: solid;
			border-width: 1px 0;
			background: url(../images/level4Bullet.gif) no-repeat 0 3px;
		}
	
		#navigationLevel4 li.first {
			background: none;
		}
	
		#navigationLevel4 li:hover a,
		#navigationLevel4 li.sfhover a {
			color: #000;;
		}
	
		#navigationLevel4 li a {
			display: block;
			z-index: auto !important;
			z-index: 3;
			width: auto !important;
			width: 1px;
			height: auto !important;
			height: 1px;
			line-height: 17px;
			padding: 0 7px;
			color: #666;
			white-space: nowrap;
		}
	
		#navigationLevel4 li ul {
			z-index: 3;
			position: absolute;
			top: 17px;
			left: -9999px;
			width: 128px !important;
			width: 188px;
			margin-left: -30px;
			padding: 0 30px 30px 30px;
		}
	
		#navigationLevel4 li li {
			clear: left;
			width: 128px;
			margin: 0;
			border-width: 1px 0 0 0;
			border-style: solid;
		}
	
		#navigationLevel4 li li a {
			width: auto !important;
			width: 128px;
			line-height: 14px;
			padding: 2px 7px;
			white-space: normal;
		}
	
		#navigationLevel4 li:hover ul, #navigationLevel4 li.sfhover ul {
			left: auto;
		}

		#mainContent {
			padding: 19px 21px 0 20px;			
		}
		
			/*ie6*/
			* html #mainContent {
				padding: 0 0 0 0;			
			}
		

		#mainContentToolbar {
			clear: both;
			margin-bottom: auto !important;			
			margin-bottom: -4px;
			margin-right: -21px;
			background: #ffffff;
			border-bottom: 2px solid #fff;
		}
		/* ie7 */
		*+html #mainContentToolbar {
			margin-bottom: -5px !important;
		}
		
			#mainContentToolbar ul {
				display: block;
				overflow: auto;
				width: 434px;
				padding-bottom: 8px;
				background: #fff url(../images/dot-x.gif) repeat-x 0 bottom;
				border-width: 0 1px 0 0;
				border-style: solid;
				border-color: #fff;
			}
				
			#mainContentToolbar li {
				margin-top: 10px;
				padding: 0 0 0 20px;
				background-repeat: no-repeat;
				background-position: 0 0;
			}
				#mainContentToolbar li.printPage {
					padding-right: 25px;
					background-image: url(../images/print.gif);
				}
				#mainContentToolbar li.recommend {					
					background-image: url(../images/recommend.gif);
				}
				#mainContentToolbar li.gotoTop {
					float: right;
					background-image: url(../images/top.gif);
				}
				#mainContentToolbar li a {
					color: #707070;
				}

.layout1 #col2 {
	width: 670px;
	background: none;
}
	.layout1 #mainContent {
		padding: 0 20px;			
	}
		.layout1 #mainContentToolbar {
			margin-right: 0;	
		}
			.layout1 #mainContentToolbar ul {
				width: 643px;	
			}
#col3 {
	position: relative;
	float: left;
	width: 206px;
	padding-top: 17px;
}

	.home #col3 {
		padding-top: 0;
	}
		
	#rightContent {
		padding: 0 10px 18px 10px;;
	}
	
.layout1 #col3 {
	display: none;
}

#footer {
	width: 682px;
	height: auto !important;
	height: 18px;
	min-height: 18px;
	position: absolute;
	z-index: 1;
	left: 225px;
	bottom: 0 ;
	padding-top: 10px !important;
	padding-top: 0;
	background: #fff;
	border-top: 1px solid #fff;
}

*+html #footer {
	padding-top: 0 !important;	
}

#footer * {
   	font-size: 10px;
}
	#footerNavigation ul {
	}
		#footerNavigation li {
			background: url(../images/footerNavigationLine.gif) no-repeat 0 0;
			padding: 0 0 0 10px;
			margin-right: 8px;
			color: #a7a7a7;
			font-weight: bold;
			text-transform: uppercase;
		}
		#footerNavigation li.first {
			padding: 0 8px 0 26px;
			background: none;
			border: none;
		}
		
	#footerNavigation #printtop {
		position: absolute;
		right: 10px;
	}	
		
	#footerNavigation .printPage {
		background:transparent url(../images/print_button.gif) no-repeat scroll 0pt 1px;
		padding: 0 0 0 15px;
	}
	
		#footerNavigation .printPage a {
			color: #333;
			font-weight: bold;
			text-transform: uppercase;
		}
		
		#footerNavigation .print {
			background: none;
		}
	
	#footerNavigation .gotoTop {
		background:transparent url(../images/top_button.gif) no-repeat scroll 0pt 1px;
		padding: 0 0 0 15px;
	}
	
		#footerNavigation .gotoTop a {
			color: #333;
			font-weight: bold;
			text-transform: uppercase;
		}

.layout2 #col1, .layout2 #col3, .layout2 #col4, .layout2 #title, .layout2 #subtitle, .layout2 #header, .layout2 #footer{
	display: none;
	visibility: none;
}

.layout2 #col2 {
	width: 377px;
}

.layout2 #box {
	background: none;
	margin: 0px;
}

.layout2 #mainContent {
	padding: 0px;
}

.layout2 #mainContent ul.navigationTabs {
	width: 380px; 
}

.layout2 #mainContent .vomHofpi1Search ul.navigationTabs li a {
	width: 107px !important;
}

.layout2 #agriaddressSearchForm .formElement label {
	width: 80px !important;
}

.layout2 #agriaddressSearchForm .formElement input {
	width: 244px !important;
}

.layout2 #agriaddressSearchForm .formElement select {
	width: 249px !important;
}

.layout2 #mainContent .contentElement .mailform {
	width: 361px;
	margin-top: 10px;
}

.layout2 ul.navigationTabs li {
	text-indent: 0px;
}

.layout2 #mainContent ul.navigationTabs li {
	margin-right: 4px !important;
}