/* ### Allgemeine Formatierungen ############################################################################################# */

body {
	background-color: #8D7360;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	margin-top: 0px;
}

p {
	font-size: 12px;
	color: #473523;
}

h1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 18px;
	line-height: 1.2em;
	color: #473523;
}

h2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 0.8em;
	color: #473523;
	font-weight: bold;
}

h3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 0.8em;
	color: #473523;
	font-weight: bold;
}

h5 {
	font-size: 11px;
	font-weight: normal;
	color: #8d7360;
}

dd {
	font-size: 11px;
	font-weight: normal;
	color: #8d7360;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 3; }

img {
	vertical-align:bottom
}

a:link {
	text-decoration: underline;
	color: #ffb400;
	font-weight: normal;
}

a:visited {
	text-decoration: underline;
	color: #ffb400;
	font-weight: normal;
}

a:hover { 
	text-decoration: underline;
	color: #FF3333;
	font-weight: normal;
}

a:active { 
	text-decoration: none;
	color: #ffb400;
	font-weight: normal;
}



ul {
	list-style: none;
}

li {
	list-style: none;
}



/* ### Main Wrapper ############################################################################################# */

#divOuterWrapper {
	width: 880px;
	margin-top: -8px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

#divVerlaufLinks {
	width: 8px;	
	float: left;
	height: 714px;
}

#divVerlaufRechts {
	width: 8px;
	float: left;
	height: 714px;
}

#divVerlaufUnten {
	width: 880px;
	height: 30px;
}

#divMainWrapper {
	width: 864px;
	background-color: #FFFFFF;
	float: left;	
}


#divMainHeader {
	vertical-align:bottom;
	display: block;
	height: 206px;
	position: relative;
}

/* ### Header ############################################################################################# */

#divHeaderMenu {
	height: 62px;
	background-color: #FDCD77;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 864px;
}

#divLogo {
	position: absolute;
	top: 30px;
	left: 144px;
	z-index: 2;
}

#divHeaderImage {
	height: 144px;
	position: absolute;
	top: 62px;
	left: 0px;
}


/* ### Sprachenmenu ############################################################################################# */


#divLanguageMenu {
	height: 18px;
	width: 80px;
	position: absolute;
	top: 44px;
	left: 5px;
}

.divLanguageMenuItem {
	float: right;
	margin-left: 8px;
	text-align: center;
	font-weight: normal;
}

.divLanguageMenuItem a:link, .divLanguageMenuItem_01 a:link, .divLanguageMenuItem_02 a:link {
	color: #473523;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

.divLanguageMenuItem a:visited, .divLanguageMenuItem_01 a:visited, .divLanguageMenuItem_02 a:visited {
	color: #473523;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

.divLanguageMenuItem a:hover, .divLanguageMenuItem_01 a:hover, .divLanguageMenuItem_02 a:hover { 
	color: #EC1C24;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

.divLanguageMenuItem a:active, .divLanguageMenuItem_01 a:active, .divLanguageMenuItem_02 a:active { 
	color: #EC1C24;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}


.divLanguageMenuItem_01, .divLanguageMenuItem_02 {
	float: right;
	padding-left: 6px;
	text-align: center;
	font-weight: normal;
}

.divLanguageMenuItem_01 {
	border-right: 1px solid #473523;
	padding-right: 6px;
}



/* ### Topmenu ############################################# */

#divTopMenu {
	height: 12px;
	width: 500px;
	position: absolute;
	top: 44px;
	left: 355px;
}

.divTopMenuItem {
	float: left;
	margin-right: 8px;
	text-align: center;
}

.divTopMenuItem a:link {
	color: #473523;
	font-size: 11px;
	text-decoration: none;
}

.divTopMenuItem a:visited {
	color: #473523;
	font-size: 11px;
	text-decoration: none;
}

.divTopMenuItem a:hover { 
	color: #EC1C24;
	font-size: 11px;
	text-decoration: none;
}

.divTopMenuItem a:active { 
	color: #EC1C24;
	font-size: 11px;
	text-decoration: none;
}


/* ### Mainnmenu ############################################# */

#divMainMenuWrapper {
	background-repeat: no-repeat;
	background-color: #FDCD77;
	height: 36px;
}

#divMainMenu {
	margin-left: 216px;
}

.divMainMenuItem {
	float: left;
	height: 36px;
	margin-right: 18px;
}

.divMainMenuItem a:link {
	color: #ffffff;
	font-weight:bold;
}

.divMainMenuItem a:visited {
	color: #ffffff;
	font-weight:bold;
}

.divMainMenuItem a:hover, a:active { 
	color: #ffb400;
	font-weight:bold;
}

.divMainMenuItemAct {
	float: left;
	height: 36px;
	margin-right: 18px;
}

.divMainMenuItemAct a:link {
	color: #ffb400;
	font-weight:bold;
}

.divMainMenuItemAct a:visited {
	color: #ffb400;
	font-weight:bold;
}

.divMainMenuItemAct a:hover, a:active { 
	color: #ffb400;
	font-weight:bold;
}



/*### Subnmenu ############################################################################################# */

#divSubMenuWrapper {
	background-color: #FFFFFF;
	height: 36px;
}

#divSubMenu {
	margin-left: 216px;
}

.divSubMenuItem {
	float: left;
	height: 12px;
	margin-right: 18px;
	margin-top: 12px;
}

.divSubMenuItem a:link {
	color: #473523;
	font-weight: normal;
	text-decoration: none;
}

.divSubMenuItem a:visited {
	color: #473523;
	font-weight: normal;
	text-decoration: none;
}

.divSubMenuItem a:hover, a:active { 
	color: #ffb400;
	font-weight: normal;
	text-decoration: none;
}

.divSubMenuItemAct {
	float: left;
	height: 12px;
	margin-right: 18px;
	margin-top: 12px;
}

.divSubMenuItemAct a:link {
	color: #ffb400;
	font-weight: normal;
	text-decoration: none;

}

.divSubMenuItemAct a:visited {
	color: #ffb400;
	font-weight: normal;
	text-decoration: none;

}
.divSubMenuItemAct a:active {
	color: #ffb400;
	font-weight: normal;
	text-decoration: none;

}



/* ### Content ############################################################################################# */

#divMainContent {
	background-color: #FFFFFF;
	min-height: 436px;
	position: relative;
	margin-bottom: 50px;
}

#divContentLeft {
	text-align: left;
	float: left;
	width: 216px;
	margin-top: 15px;
	margin-bottom: 36px;
}

#divContentLeftWrapper {
	margin-bottom: 36px;
	width: 144px;
}

.divContentLeftWrapper {
	margin-top: 16px;
	margin-left: 24px;
	margin-bottom: 36px;
}


#divContentRight {
	text-align: left;
	float: left;
	width: 614px;
	margin-top: 15px;
	margin-bottom: 36px;
}

#divContentRightWrapper {
	margin-left: 0px;
	margin-top: 0px;
}

.csc-header {
	margin-top: 0px;
}

.csc-firstHeader {
	margin-top: 0px;
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	margin-right:17px !important;
}


/* ### Business Units ############################################################################################# */

.divMenu {
	margin-left: 17px;
}

.divMenu  a:link {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 15px;
}

.divMenu  a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 15px;
}

.divMenu  a:hover { 
	text-decoration: none;
	color: #FFFFFF;
	font-size: 15px;
}

.divMenu  a:active { 
	text-decoration: none;
	color: #FFFFFF;
	font-size: 15px;
}

.divMenuNatur {
	margin-left: 17px;
}

.divMenuNatur  a:link {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 15px;
}

.divMenuNatur  a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 15px;
}

.divMenuNatur  a:hover { 
	text-decoration: none;
	color: #FFFFFF;
	font-size: 15px;
}

.divMenuNatur  a:active { 
	text-decoration: none;
	color: #FFFFFF;
	font-size: 15px;
}

.divMenuSub, .divMenuSubAct {
	margin-left: 20px;
	margin-bottom: 4px;
}

.divMenuSub a:link, .divMenuSubAct a:link {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;
}

.divMenuSub a:visited, .divMenuSubAct a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;
}

.divMenuSub a:hover, .divMenuSubAct a:hover { 
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 12px;
}

.divMenuSub a:active, .divMenuSubAct a:active { 
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 12px;
}

.divMenuThird {
	margin-left: 40px;
	margin-bottom: 4px;
}

.divMenuThird  a:link {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;
}

.divMenuThird  a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;
}

.divMenuThird  a:hover { 
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 12px;
}

.divMenuThird  a:active { 
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;
}

.divMenuThirdAct {
	margin-left: 40px !important;
	margin-bottom: 4px;
}

.divMenuThirdAct a:link,
.divMenuThirdAct a:visited,
.divMenuThirdAct a:active,
.divMenuThirdAct a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 12px;
}


.divBuAbstand {
	height: 4px;
	width: 144px;
	line-height: 0px;
}


#divMarkenTop {
	background-image: url(../images/verlauf_rot.jpg);
	background-repeat: repeat-y;
	height: 48px;
}

#divMarken {
	background-image: url(../images/verlauf_rot.jpg);
	background-repeat: repeat-y;
	overflow: hidden;
	height: 1px;
}

#divNaturTop {
	background-image: url(../images/verlauf_braun.jpg);
	background-repeat: repeat-y;
	height: 48px;
}

#divNatur {
	background-image: url(../images/verlauf_braun.jpg);
	background-repeat: repeat-y;
	overflow: hidden;
	height: 1px;
}

#divAlmaTop {
	background-image: url(../images/verlauf_gelb_alma.jpg);
	background-repeat: repeat-y;
	height: 48px;
}

#divAlma {
	background-image: url(../images/verlauf_gelb_alma.jpg);
	background-repeat: repeat-y;
	overflow: hidden;
	height: 1px;
}

#divIngredientsTop {
	background-image: url(../images/verlauf_blau.jpg);
	background-repeat: repeat-y;
	height: 48px;
}

#divIngredients {
	background-image: url(../images/verlauf_blau.jpg);
	background-repeat: repeat-y;
	overflow: hidden;
	height: 1px;
}

#divSnacksTop {
	background-image: url(../images/verlauf_gelb.jpg);
	background-repeat: repeat-y;
	height: 48px;
	display: none;
}

#divSnacks {
	background-image: url(../images/verlauf_gelb.jpg);
	background-repeat: repeat-y;
	overflow: hidden;
	height: 1px;
}

#divPrivateTop {
	background-image: url(../images/verlauf_grau.jpg);
	background-repeat: repeat-y;
	height: 48px;
	display: none;
}

#divPrivate {
	background-image: url(../images/verlauf_grau.jpg);
	background-repeat: repeat-y;
	overflow: hidden;
	height: 1px;
}







/* ### Vierspaltiges Layout ############################################################################################# */

#divContentEins {
	text-align: left;
	float: left;
	width: 136px;
	margin-top: 0px;
	margin-right: 17px;
}

#divContentEinsWrapper {

}

#divContentZwei {
	text-align: left;
	float: left;
	width: 136px;
	margin-top: 0px;
	margin-right: 17px;
}

#divContentDrei {
	text-align: left;
	float: left;
	width: 136px;
	margin-top: 0px;
	margin-right: 17px;
}

#divContentVier {
	text-align: left;
	float: left;
	width: 136px;
	margin-top: 0px;
	margin-right: 17px;
}


.eingerueckt {
	padding-left: 10px;
}