/* XOX 2008 */

* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 101%; /* Required */
  margin: 0 auto; 
}

body {
	color: #818285;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #034EA2;
	background-image: none;
}

img { behavior: url(../iepngfix.htc) }

img { border:0px; }


a { font-family: Arial, Helvetica, sans-serif; color: #666666; }
a:link    { text-decoration: none; color: #666666; }
a:visited { text-decoration: none; color: #666666; }
a:active  { text-decoration: none; color: #666666; }
a:hover   { text-decoration: underline; color: #666666; }


#holder{
	margin: 0 auto;
	padding-top:0px;
	text-align:center;
	position:relative;
	width:100%;
	height:auto;
	background-color: #034EA2;
	background-image: none;
	margin-top: 20px;
}

*+html+#schweif{
	margin-left:-30px;
}

#schweif{
	width:1050px;
	margin: auto;
	position:relative;
	padding-bottom: 20px;
	margin-bottom: 0px;
	bottom: 0px;
	background-color: #034EA2;
	background-image: none;
}


#holder #schweif #content {
	background-color: #034EA2;
	background-image: none;
}


#holder #schweif #content #contentmitte {
	margin-bottom: 10px;
}


#content{
	width:935px;
	margin: auto;
	margin-left: 51px;
	border:3px solid white;
}

#contentrechts{
	width:180px;
	float:right;
	text-align:left;
	padding:0px 10px 10px 10px;
	color: #FFFFFF;
	}
	a { font-family: Arial, Helvetica, sans-serif; color: #fff; }


#contentrechts2{
	background-color: #034EA2;
	border:1px solid white;
	border-top: 0px;
	display:block;
	width:180px;
	float:left;
	text-align:left;
	padding:0px 0px 10px 0px;
	color: #FFFFFF;
	margin-left: 20px;
	}
	
#contentrechts_biscuit{

	background-color:#E4BC78;
	border:1px solid white;
	border-top: 0px;
	display: block;
	width:180px;
	float:left;
	text-align:left;
	padding:0px 0px 10px 0px;
	color: #FFFFFF;
	margin-left: 20px;
	}
	
#contentrechts_naturell{

	background-color:#C5DC9C;
	border:1px solid white;
	display: block;
	border-top: 0px;
	width:180px;
	float:left;
	text-align:left;
	padding:0px 0px 10px 0px;
	color: #FFFFFF;
	margin-left: 20px;
	}

#contentrechts_nuts{

	background-color:#DBB1A4;
	border:1px solid white;
	border-top: 0px;
	display: block;
	width:180px;
	float:left;
	text-align:left;
	padding:0px 0px 10px 0px;
	color: #FFFFFF;
	margin-left: 20px;
	}
	
#contentrechts a { font-family: Arial, Helvetica, sans-serif; color: #666666; }
#contentrechts2 a { font-family: Arial, Helvetica, sans-serif; color: #666666; }

#contentmitte{
	width:460px;
	float:left;
	background-color:#FFFFFF;
	border:1px solid #999999;
	text-align:left;
	padding:10px;
	margin-left:13px;
	line-height: 17px;
	/*HACK VON CARSTEN*/
	height: 700px; /* das hier für den ie */
}
/* folgende anweisung wird nicht vom ie interpretiert */
#contentmitte[id] {
    height:auto;
    min-height:700px;
}

#contentmitte p {
	padding-bottom:6px;
}
#contentmitte h2 {
	line-height:24px;
}
#contentlinks{
	width:160px;
	float:left;
	text-align:left;
	padding:350px 25px 10px 26px;
}

#metanav{
	width:900px;
	text-align:right;
	color:#fff;
	margin: auto;
	border-right:20px solid #034EA2;
	margin-bottom: 10px;
}

#metanav a { font-family: Arial, Helvetica, sans-serif; color: #fff; }
#metanav a:link    { text-decoration: none; }
#metanav a:visited { text-decoration: none; }
#metanav a:active  { text-decoration: none; color: #fff;}
#metanav a:hover   { text-decoration: none;  color: #fff;}

#mainnav{
	text-align:left;
	text-transform:uppercase;
	margin-left:170px;
	padding-top:10px;
	font-size:12px;
}

#mainnav a { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size:12px;}
#mainnav a:link    { text-decoration: none; }
#mainnav a:visited { text-decoration: none; }
#mainnav a:active  { text-decoration: none; color: #fff;}
#mainnav a:hover   { text-decoration: none;  color: #fff;}

#mainnav ul{
	list-style-type: none;
	margin-bottom:8px;
	margin-left:23px;
}

#mainnav ul li{
	display:inline;
	margin-left:10px;
	margin-right:10px;
	list-style-type: none;
	font-size:12px;
}

#subnav{
	text-align:left;
	margin-bottom:25px;
	margin-left:170px;
	font-size:12px;
}

#subnav a { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size:12px;}
#subnav a:link    { text-decoration: none; }
#subnav a:visited { text-decoration: none; }
#subnav a:active  { text-decoration: none; color: #fff;}
#subnav a:hover   { text-decoration: none;  color: #fff;}


.subnav_inner_xox{
	margin-left:30px;
	background-color: #034EA2;
	border:1px solid white;
	width: 720px;
	display:block;
	font-size:12px;
}

.subnav_inner_xox_biscuit{
	margin-left:30px;
	background-color: #E4BC78;
	border:1px solid white;
	width: 720px;
	display:block;
	font-size:12px;
}

.subnav_inner_xox_naturell{
	margin-left:30px;
	background-color: #C5DC9C;
	border:1px solid white;
	width: 720px;
	display:block;
	font-size:12px;
}


.subnav_inner_xox_nuts{
	margin-left:30px;
	background-color: #DBB1A4;
	border:1px solid white;
	width: 720px;
	display:block;
	font-size:12px;
}

.subnav_inner_xox ul{
	list-style-type: none;
	display:inline;
}

.subnav_inner_xox ul li{
	display:inline;
	margin-left:10px;
	margin-right:10px;
	list-style-type: none;	
	
}


.subnav_inner_xox_biscuit ul{
	list-style-type: none;
	display:inline;
}

.subnav_inner_xox_biscuit ul li{
	display:inline;
	margin-left:10px;
	margin-right:10px;
	list-style-type: none;	
	
}


.subnav_inner_xox_naturell ul{
	list-style-type: none;
	display:inline;
}

.subnav_inner_xox_naturell ul li{
	display:inline;
	margin-left:10px;
	margin-right:10px;
	list-style-type: none;	
	
}


.subnav_inner_xox_nuts ul{
	list-style-type: none;
	display:inline;
}

.subnav_inner_xox_nuts ul li{
	display:inline;
	margin-left:10px;
	margin-right:10px;
	list-style-type: none;	
	
}
#prodnav{
	
}


.on{
	font-weight:bold;
	color: #FFFFFF;
}


#Logo {
	width:123px;
	height:100px;
	left: 60px;
	top: -29px;
	overflow:visible;
	z-index:50;
	position: absolute;
}

#counter {
	position:relative;

	right: 0px;
	bottom: 20px;
	overflow:visible;
		background-repeat:no-repeat;
	background-position:bottom;
	width:978px;
	height:218px;
	margin: auto;
	display:none;
}

#flashobjekt{
position:absolute;

	right: 30px;
	bottom: 5px;
}

#popuprechts {
	position:absolute;
	width:190px;
	height:105px;
	right: 0px;
	top: 120px;
	overflow:visible;
	clip: rect(auto,10,auto,auto);
	visibility: visible;
}

#claim{
	width:460px;
	float:left;
	text-align:left;
	margin-left:15px;
	font-size: 14px;
	color: #FFFFFF;
	font-style: italic;
	font-weight: bolder;
}

.subnav_intro_snack{
	width:182px;
	display:block;
	background-image:url(../pics/layout2009/subnav_head_snack.gif);
	background-position:bottom;
	line-height:36px;
	margin-left:-1px;
	margin-top:0px;
	text-indent:10px;
	font-size:14px;
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:bold;
}

.subnav_intro_biscuit{
	width:182px;
	display:block;
	background-image:url(../pics/subnav_head_biscuit.gif);
	background-position:bottom;
	line-height:36px;
	margin-left:-1px;
	margin-top:0px;
	text-indent:10px;
	font-size:14px;
	text-transform:uppercase;
	color:#666666;
	font-weight:bold;
}

.subnav_intro_naturell{
	width:182px;
	display:block;
	background-image:url(../pics/subnav_head_naturell.gif);
	background-position:bottom;
	line-height:36px;
	margin-left:-1px;
	margin-top:0px;
	text-indent:10px;
	font-size:14px;
	text-transform:uppercase;
	color:#666666;
	font-weight:bold;
}

.subnav_intro_nuts{
	width:182px;
	display:block;
	background-image:url(../pics/subnav_head_nuts.gif);
	background-position:bottom;
	line-height:36px;
	margin-left:-1px;
	margin-top:0px;
	text-indent:10px;
	font-size:14px;
	text-transform:uppercase;
	color:#666666;
	font-weight:bold;
}

#contentrechts2 p, 
#contentrechts_biscuit p, 
#contentrechts_naturell p, 
#contentrechts_nuts p{
	padding-top:15px;
}

#contentrechts2 a{
	display:block;
	line-height:18px;
	padding-left:10px;
	padding-right:10px;
	margin:0px;
	color: #fff;	
}

#contentrechts2 a:hover{
	color: #333333;
	background-color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;
	margin:0px;
}

#contentrechts2 .nohover a:hover, 
#contentrechts_biscuit .nohover a:hover, 
#contentrechts_naturell .nohover a:hover, 
#contentrechts_nuts .nohover a:hover{
	background-color: transparent;

}

#contentrechts_biscuit a{
	display:block;
	line-height:18px;
	padding-left:10px;
	padding-right:10px;
	margin:0px;
}

#contentrechts_biscuit a:hover{
	color: #333333;	
	background-color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;
	margin:0px;
}

#contentrechts_naturell a{
	display:block;
	line-height:18px;
	padding-left:10px;
	padding-right:10px;
	margin:0px;
}

#contentrechts_naturell a:hover{
	color: #333333;	
	background-color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;
	margin:0px;
}

#contentrechts_nuts a{
	display:block;
	line-height:18px;
	padding-left:10px;
	padding-right:10px;
	margin:0px;
}

#contentrechts_nuts a:hover{
	color: #333333;	
	background-color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;
	margin:0px;
}


#info {
		width: 300px;
		overflow: auto;
	}

	#flashcontents {
		position:relative;
		border: solid 0px red;
		width: 460px;
		height: 40px;
		margin: 15px 0px;
		}
		
#flashcontentsIntro {

		width: 700px;
		height: 500px;
		}
		
#flashcontents2 {
		border: solid 0px red;
		width: 390px;;
		height: 105px;
		}

.alignField { margin-bottom:7px; }
.shoTDbottom { border-bottom: 1px dashed #666666; padding-bottom:5px; padding-top:5px; }


#contentrechts2 .aNormal a, 
#contentrechts2 .aNormal a:hover, 
#contentrechts2 .aNormal a:visited, 
#contentrechts2 .aNormal a:active {
	margin:5px;
	padding:0px;
	background-color:#b7d7e7;
	display:inline;
}

input.aNormal {
	margin:5px;
	padding:0px;
	background-color:#b7d7e7;
	display:inline;
}

#contentrechts2 .nohover a{
	background-color:none;
}







.megamenu {
}

.megamenu ul {
text-align:center;
list-style-type:none;
margin:0;
padding:16px;
}

.megamenu ul li {
list-style-type:none;
display:inline;
margin:0;
padding:0;
}

.megamenu ul li a,.megamenu ul li a:visited {
text-decoration:none;
color:#fff;
margin:0;
padding:10px;
}

.megamenu ul li a:hover,.megamenu ul li a:visited:hover {
text-decoration:none;
color:#fff;
margin:0;
padding:10px;
}

.megamenu ul li.downservices {
background:url(../pics2010/arrow.png) 100% 55% no-repeat;
margin:0;
padding:10px 8px 10px 10px;
}

.servicesdropped {
display:none;
text-align:left;
position:absolute;
background:#034EA2;
font-size:12px;
width:680px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border:1px solid #fff;
margin:10px 0 0 -1px;
padding:20px 20px 30px 20px;
z-index:999;
}

* html .megamenu {
   text-align:left;
   margin:0px;
   padding:0px;
}

* html .servicesdropped {
   margin-left:-325px;
   margin-top:55px;
}


.servicesdropped h3{
color:#fff;
margin-left:0px;
background-color:transparent;
border:0px;
}

* html .servicesdropped h3{
   font-size:16px;
}

.servicesdropped p.textleft {
float:left;
font-size:12px;
width:200px;
margin:10px 0 0;
padding:0 20px 15px 10px;
color: #fff;
}

.servicesdropped ul.middle {
text-align:left;
float:left;
border-left:1px solid #fff;
font-size:12px;
width:180px;
margin:0;
padding:0;
}

.servicesdropped ul.right {
text-align:left;
float:left;
font-size:12px;
width:178px;
margin:0;
padding:0;
border-left:1px solid #fff;
}

.servicesdropped ul.right li a,.servicesdropped ul.middle li a {
list-style-type:none;
display:block;
color:#fff;
font-size:12px;
margin:0;
padding:5px 0 5px 12px;
}

.servicesdropped ul.right li a:hover,.servicesdropped ul.middle li a:hover {
list-style-type:none;
color:#9FC54E;
display:block;
font-size:12px;
margin:0;
padding:5px 0 5px 12px;
}