img, div {
	/* behavior: url('css/iepngfix/iepngfix.htc')*/
}

body {
	margin: 0;
  padding: 0;
  width: 100%;
  /* height: 100%; */
  background-color: #fef3da;
  font-size: 12px;
  color: black;
  font-family: Arial;
}

div, td, img { border: 0; margin: 0; padding: 0; }

a, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #740067;
}

table {
  border-collapse: collapse; 
}

textarea { font-family: Arial; font-size: 12px; }

img#loading_image { margin: 2px 0 0 0; }

div#page {
  position: absolute;
  min-height: 100%;
  width: 1260px;
  /* left: 50%; */
  margin: 0; /* 0 0 -630px; */
  padding: 0;
  top: 0px;
  /* background-image: url('../img/layout/collagen/Collage-Produkte-1c.jpg'); */
	background-repeat: no-repeat;
	/* overflow: hidden; */  /* prevents full display of background
	                      image on the left (collage) if page
	                      is not as high as this background image [ThGi]*/
}

* html div#page {
	height: 100%;
}

div#simple_page {
  display: block;
  margin: 0;
  padding: 10px;
}

/* The main sections of a	 standard page */

div#menu {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 25px;
	margin: 0px;
	padding: 0;
  width: 100%;
  color: white;
  background-color: #740067;  /* lila */
}

div#background {
	/* float: left; */
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
	width: 250px;
	min-height: 100%;

	/* background-image: url('../img/layout/collagen/Collage-Produkte-1c.jpg'); */
	background-repeat: repeat-y;
}

* html div#background {
	height: 100%;
	overflow: hidden;
}

div#collage {
	min-height: 100%;
}

* html div#collage {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

img#person {
	position: absolute;
	bottom: 15px;
	left: 0;
}

div#collage img.slogan {
	position: absolute;
	left: 106px;
	top: 90px;
}

div#content {
  width: 940px;
  margin: 40px 0px 0px 300px;
  float: left
  /* height: 100%; */
}

* html div#content{
	margin: 40px 0px 0px 150px;
	/* border: 1px solid blue; */
}

div#top_content {
	width: 100%;
	float: left;
	/*
	display: table-cell;
	vertical-align: bottom;
	*/
	position: relative;
	margin-top: 15px;
	height: 110px;
	line-height: 110px;
}

#top_content img#logo, #main_content img#logo {
	margin-top: 1em;
	float: right;
}

#main_content img#logo { margin: 0 0 20px 0; }

div#top_content div {
	line-height: 12px;
}

#main_content #login_embed {
	clear: right;
	float: right;
	height: 160px;
	background: orange;
	margin: 0 0 30px 0;
}

#main_content #login_embed #login_form {
	padding: 5px;
	width: 100%;
}

div#main_content {
	/* padding-top: 50px; */
	/* width: 800px; */
	vertical-align: top;
	margin-top: 2em;
	width: 100%;
	float: left;
}

/* Container Div for news on right-hand side of start page */
div#news {
	vertical-align: top;
	clear: right;
	float: right;
	margin-left: 20px;
	width: 170px;
	margin-right: 6px;
}

div.news_item {
	border: 2px solid #740067;
	width: 170px;
	margin-bottom: 2em;
	background-color: white;
}

div.news_item img {
	width: 170px;
	display: block;
}

div.news_item h4 {
	font-weight: bold;
	color: #740067;  /* lila */
	font-size: 12px;
	margin: 5px 8px 0px 8px;
}

div.news_item a.news_heading {
	font-weight: bold;
	color: #740067;
	font-size: 12px;
	margin: 5px 8px 0px 8px;
	display: block;
}

div.news_item p {
	font-size: 11px;
	margin: 2px 8px 4px 8px;
}

div.news_item p a {
  color: black;
}

a.more:link, a.more:visited {
	color: #740067;
	text-align: right;
	margin-left: 2em;
}
a.more:hover {
	text-decoration: underline;
}

/* * html div#content { width: 500; } */

div.header_message {
	padding: 1em;
	font-weight: bold;
	color: #740067;
  width: 570px;
}

div.header_message * {
	vertical-align: middle;
}

div.header_message img {
	margin-right: 1em;
}


h2 {
	font-size: 14px;
	font-weight: bold;
	color: #740067;  /* lila */
	margin-bottom: 6px;
	margin-top: 0px;
}

span.h2 {
	font-size: 14px;
	font-weight: bold;
	color: #740067;  /* lila */
	margin-bottom: 6px;
	margin-top: 0px;
	display: block;
}
span.hint {
	font-size: 12px;
	color: #740067;  /* lila */
}

div#images {
  width: 320px;
  background-color: yellow;
  margin-left: 30px;
}

* html div#images { width: 350px; }

div#footer {
  clear: both;
	position: absolute;
	/* left: 50%; */
	left: 0;
	bottom: 0px;
	width: 1260px;
	display: block;
	height: 15px;
	z-index: 999;
	padding: 0px;
	/* margin: 0 0 0 -630px; */
	background-color: #740067; /* lila */
	text-align: center;
	/* line-height: 40px; */
	font-size: 11px;
	color: white;
}

div#footer a {
	color: white;
}

/********************************** Tabs **********************************/
div.tab-wrapper {
  background-color: #f7e6c2;
  border-top: 1px solid #edcf8f;
  border-bottom: 1px solid #edcf8f;
}
ul.tab-heads {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.tab-heads li {
  display: block;
  padding: 0;
  background-color: #e6d6b4;
  font-weight: bold;
}
ul.tab-heads li.active {
  background-color: #fae39f;
}
ul.tab-heads li a, ul.tab-heads li a:visited {
	color: #000;
	padding: .1em .5em;
	text-decoration: none;
	white-space: nowrap;
	display: block;
	/* border-left: 1px solid #edcf8f;
	border-right: 1px solid #edcf8f; */
}
ul.tab-heads li a:hover {
  text-decoration: underline;
  background-color: #faeeca;
  display: block;
}


/************ Div, welche 2 bzw. 3 Spalten enthält ************************/

div.c2_container, div.c3_container {
	float: left;
	width: 650px;
	/* height: 530px; */
	/* height: 95%; */
	overflow: auto;
	/* padding-bottom: 30px; */
	margin-bottom: 4em;
}

div.c3_container {
	width: 930px;
}

div {
	scrollbar-3dlight-color: #ffd700;
  scrollbar-arrow-color: white;
  scrollbar-base-color: #fef3da;
  scrollbar-darkshadow-color: #000000;
  scrollbar-face-color: #740067;
  scrollbar-highlight-color: #fef3da;
  scrollbar-shadow-color: #740067;  /* lila */
}

/************ Eine Spalte bei 2- oder 3-spaltigem Layout ******************/

/* Für divs und tds verwendet */
.content_col {
	float: left;
	width: 270px;
	margin-right: 30px;
	margin-bottom: 25px;
	font-size: 12px;
}
td.content_col {
	margin: 0 0 25px 0;
	vertical-align: top;
}
th.content_col {
	margin: 0;
	text-align: left;
	vertical-align: bottom;
}
th.content_col h2 {
 margin-bottom: 0;
}

.content_col div.image {
	margin: 0;
}

.content_col img {
	display: block;
}

.content_col div.image img {
	border-top: 12px solid #740067; /* lila */
	margin-bottom: 10px;
}

.content_col div.image div.image div.caption {
	text-align: left;
}

img.scaled {
	width: 100%;
}
div.h2_wrapper {
	position: relative;
	*position: static;
	height: 20px;
}

h2.h2_product {
	*white-space: nowrap;
}

div.h2_wrapper .align_bottom {
	position: absolute;
	*position: static;
	bottom: 0;
}




table.h2_wrapper {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}

table.h2_wrapper td {
	padding: 0;
	border: none;
	height: 40px;
	vertical-align: bottom;
}

h2.align_bottom {
	margin: 0;
	padding: 0 0 4px 0;
}




/************ Horizontaler Inhaltsbereich ***********************************/

div.content_hor {
	width: 90%;
	clear: both;
	margin-bottom: 20px;
}

div.content_hor div.ch_body {
	width: 100%;
	border-top: #740067 solid 12px;
	background: url('../img/layout/bg_ausz.jpg') repeat-y;
}

div.content_hor div.image {
	float: left;
	width: 160px;
	height: 100%;
	margin-right: 15px;
	margin-bottom: 20px;
	background-color: #e3c6c3;
	text-align: center;
}

div.content_hor div.image img {
	/* Mit 10px Rand links und rechts vom Bild
	width: 140px;
	margin: 15px 0px;
	*/
	/* Ohne Rand, nur Bild und nicht die Hintergrundfarbe zu sehen: */
	width: 160px;
	margin: 0;
}

div.content_hor div.text {
	margin-left: 160px;
	padding: 1em 1em 0 1em;
}

div.content_hor div.text h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 4px 0;
	padding-top: 0px;
}

div.attachments {
  margin-top: 1em;
}
div.attachment {
  float: left;
  margin-right: 2em;
}
div.cleardiv {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}
span.file-info {
  font-style: italic;
  color: #888;
  font-size: 93%;
}
img.icon {
  margin-right: 1em;
}
a.file-link, a.file-link:visited {
  color: #333;
}
a.file-link:hover {
  color: #000;
}

/****************************************************************************/

span.announcement {
	font-weight: bold;
	color: #740067;  /* lila */
	font-size: 12px;
}

div.clear {
  clear: both;
}

div.product_item {
	float: left;
	width: 230px;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px dotted  #fef3da;
}

div.product_hover {
	background-color: #f6e9ca; /* #F2E8D0; */ /* #feebbd; */
	border: 1px dotted #740067;
}

div.product_item div.image {
	border-top: 12px solid #740067; /* lila */
	margin: 0;
	text-align: center;
	width: 100%;
	height: 160px;
	line-height: 160px;
}

div.product_item div.image img {
	margin: 10px 0px;
	vertical-align: middle;
}

.product_item div.caption {
	text-align: left;
}

div.product_item p.data_item {
	margin: 0;
}

.data_title {
	font-weight: bold;
	color: #740067;
}

div.product_details {
	float: left;
	width: 560px;
	margin: 0 0 0 80px;
}

div.product_details div.product_item {
	margin: 0;
	border: 0;
	padding: 0;
}

div.product_longtext {
	clear: both;
	float: left;
	width: 100%;
}

* html div.product_longtext {
	margin-top: 15px;
}


/***********************************************************************************/

div.shop_item {
	float: left;
	width: 230px;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px dotted #fef3da;
}

div.shop_hover {
	background-color: #fefaf0; /* #f6f4ca; */
	border: 1px dotted #740067;
}

div.shop_item div.image {
	border-top: 12px solid #740067; /* lila */
	margin: 0 0 10px 0;
	text-align: center;
	width: 100%;
	height: 160px;
	line-height: 160px;
}

div.shop_item div.image img {
	margin: 0 0;
	vertical-align: top;
}

.shop_item div.caption {
	text-align: left;
}

div.shop_item p.data_item {
	margin: 0;
}

/*
div.shop_item p.data_item .data_title {
	font-weight: bold;
	color: #740067;
}
*/

/****************************************************************************************************/
/* Shop-Detailansicht */

div.shop_detail_col {
	/* color: black; */
	float: left;
	margin-right: 70px;
	width: 250px;
}

div.shop_detail_col h3 {
	margin: 1.5em 0 0.7em 0;
	color: #740067;
}

div.shop_detail_col img {
	/* width: 270px; */
	border: 0;
	margin: 0;
}

span.head {
	font-weight: bold;
	display: block;
}

div.gradient_bg {
	background: url('../img/layout/gradient.jpg') no-repeat;
}

img.special_offer {
	vertical-align: middle;
}

* html img.special_offer {
	margin-top: 1em;
}

div.info-popup {
   background-color: #fff; 
   border: 1px #000 solid; 
}

/****************************************************************************************************/
/* Rezepte */

div.recipe_item {
	float: left;
	width: 260px;
	padding: 10px;
	margin-right: 35px;
	margin-bottom: 10px;
	border: 1px dotted #fef3da;
}

div.recipe_hover {
	background-color: #fefdda; /* #fafeda; */
	border: 1px dotted #740067;
}

div.recipe_item div.image {
	border-top: 12px solid #740067; /* lila */
	margin: 0 0 10px 0;
	text-align: center;
	width: 100%;
	height: 160px;
	line-height: 160px;
}

div.recipe_item div.image img {
	margin: 0 0;
	vertical-align: top;
}

.recipe_item div.caption {
	text-align: left;
}

div.recipe_item p.data_item {
	margin: 1em 0 0 0;
}

div.recipe_item p.data_item span.data_title {
	display: block;
	color: black;
}

div.recipe_details {
	float: left;
	width: 560px;
	margin: 0 0 0 80px;
}

div.recipe_details div.product_item {
	margin: 0;
	border: 0;
	padding: 0;
}

div.recipe_details div.image {
  margin-bottom: 10px;
}

div.recipe_details div.image img {
	margin: 0;
	vertical-align: top;
}

div.recipe_of_month {
	/* display: inline; */
	/* border: 3px solid #740067; */
	margin: 0;
	padding: 0;
	margin-right: 30px;
	vertical-align: bottom;
	line-height: 12px;
	font-weight: bold;
}


div.recipe_of_month div a:link, div.recipe_of_month div a:visited  {
  color: black;
}
div.recipe_of_month div.img {
	float: right;
	margin: 3px;
}

* html div.recipe_of_month div.img {
	margin: 2px;
}


/****************************************************************************************************/

div.headline {
	width: 550px;
  display: block;
  margin-bottom: 15px;
}

div.move_up {
	margin-top: -40px;
}

* html div.move_up {
	margin-top: 0;
}

div.headline h1 {
  display: block;
  overflow: hidden;
  margin: 0;
  /* padding: 30px 0 4px 0;*/
  font-family: Arial;
  font-size: 18px;
  color: #740067;
}

div.headline p {
	margin-top: 10px;
}

div.headline h1.comment { padding-top: 10px; }


/****************************************************************/

div#nav_prod_detail {
	float: left;
	border: 2px solid #740067;
	color: black;
	width: 200px;
	padding: 0;
}

div#nav_prod_detail ul {
	list-style-type: none;
	margin: 3px;
	padding: 5px;
}

div#nav_prod_detail div.heading {
	width: 190px;
	background-color: #740067;
	color: white;
	font-weight: bold;
	padding: 5px 5px;
	/* padding: 2px 5px; */
}

* html div#nav_prod_detail div.heading {
	width: 200px;
}

div#nav_prod_detail div.heading h3 {
	font-size: 14px;
	padding: 0;
	margin: 0;
}

div#nav_prod_detail a.active, div#nav_prod_detail a.normal:hover {
	font-weight: bold;
	color: #740067;
}

a.navigation {
	padding: 2px 4px;
	font-style: italic;
	border: 1px dotted #fef3da;
}

a.navigation:hover {
	font-style: italic;
	border: 1px solid #740067;
	background-color: #fefaf0;
}

a.navigation img {
	vertical-align: middle;
}

div.paragraph, div.paragraph_simple {
  display: block;
  background-color: #ebebeb;
  margin-bottom: 10px;
}

a.nav_link,
a.nav_link:visited {
  text-decoration: none;
}

a.nav_link:hover {
  text-decoration: underline;
  color: #c73037;
}


input.prompt {
	color: #999;
}

table.filter_form {
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	border: 2px #740067 solid;
	color: #740067;  /* lila */
	position: absolute;
	bottom: 0px;
	border-collapse: collapse;
}

* html table.filter_form {
	border-top: 0;
}

table.filter_form td, .filter_form th {
	text-align: left;
	padding: 8px 8px;
}

table.filter_form th {
	color: white;
  background-color: #740067; /* lila */
}

table.filter_form td *, .filter_form th * {
  vertical-align: middle;
}
/******************************************/

div.filter_form {
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	/* border: 2px #740067 solid; */
	color: #740067;  /* lila */
	position: absolute;
	bottom: 0px;
}

* html div.filter_form {
	border-top: 0;
}

div.title_line {
	font-weight: bold;
	color: white;
  background-color: #740067; /* lila */
  white-space: nowrap;
}

div.title_line h2 {
	color: white;
	margin: 0;
}

/*
div.filter_form div.title_line, div.recipe_of_month div.title_line {
	font-weight: bold;
	color: white;
  background-color: #740067; /* lila
  white-space: nowrap;
}
*/

div.filter_form div.contents {
	padding: 10px 8px;
}

.filter_form label {
	margin-right: 3em;
	margin-left: .3em;
	vertical-align: middle;
}

.filter_form input {
	vertical-align: middle;
}

.filter_form label.disabled {
	color: #b17fac; /* #c3acc0; */
}



form#login {
	font-size: 12px;
}

form#login_form td {
	padding: 0.1em;
}

form#login_form td.text input {
	border: 1px solid #740067;
}

table.form a:hover {
	text-decoration: underline;
}

td.form_error {
	font-size: 12px;
  color: #c73037;
}

td.error_msg {
	padding-bottom: 1.5em;
}

table.form {
  font-size: 12px;
}

.form input[type=text], .form input[type=checkbox], .form select, .form textarea {
	/* border: 1px #7f9db9 solid; */

}

.form td.text {
	color: #740067;
	padding: 0.4em 1em 0 0;
	white-space: nowrap;
}

* html .form td.text {
	padding: 0.2em 1em 0 0;
}

.form td.submit {
	padding: 0.2em 1em 0 0;
	text-align: right;
	vertical-align: middle;
}

.form input[type=submit] {
	/* border: 1px solid black; */
}


table.framed {
	margin: 0.5em 1em;
}

table.framed td.text, table.framed td.form_error {
	vertical-align: middle;
}



/*****************************************************************************************************************************/

div.floatright {
	float: right;
}



table.data_list, table.simple_data_list {
  border: 1px solid #91A7B4;
  border-bottom: none;
  border-right: none;
  background-color: #FBFDFE;
}

.pointer {
  cursor: pointer;
}

/********************** Shop / meals ******************************/
div.meal {
  border: 1px solid #fef3da; 
}

div.meal-active {
  border: 1px solid #aaa;
  background-color: #fefaf0; 
}

p.meal-title a {
  text-decoration: underline;
} 


/*************************************************************************************/
/* Rounded corners */

.tl_line {
	background:url('../img/tl-line.gif') 0 0 no-repeat;
	padding: 0;
}

.tr_filled {
	background:url('../img/tr-filled.gif') 100% 0 no-repeat;
	padding: 0;
}

.tl_line {
	background:url('../img/tl-line.gif') 0 0 no-repeat;
	padding: 0;
}
.tr_line {
	background:url('../img/tr-line.gif') 100% 0 no-repeat;
	padding: 0;
}
.bl_line {
	background:url('../img/bl-line.gif') 0 100% no-repeat;
	padding: 0;
}
.br_line {
	background:url('../img/br-line.gif') 100% 100% no-repeat;
	padding: 0;
}

.display_normal {
	display: inline;
}


.t {
	background: url('../img/border-2px.gif') 0 0 repeat-x;
	display: table;
	padding: 0;
}
.b {
	background: url('../img/border-2px.gif') 0 100% repeat-x;
	padding: 0;
}
.l {
	background: url('../img/border-2px.gif') 0 0 repeat-y;
	padding: 0;
}
.r {
	background: url('../img/border-2px.gif') 100% 0 repeat-y;
	padding: 0;
}

div div.contents {
  padding: 10px 8px;
}

.recipe_of_month .contents {
	padding: 12px;
	line-height: 12px;
	font-size: 12px;
}

* html .req_form_border {
	width: 570px;
}

.req_form_border {
	max-width: 570px;
}

* html .register_form_border {
	width: 350px;
}

.register_form_border {
	max-width: 570px;
}

div.register_ad {
	width: 200px;
}

* html div.register_ad {
	width: 202px;
}

div.error_message {
	color: #a40000;
	font-weight: bold;
}

/**************** Top-level menu **************************/

ul.menuitems {
  list-style-type: none;
  margin-left: 260px;
  margin-top: 5px;
}

#menu li {
	/* margin: 2px 15px 1px 3px; */
  padding: 0;
  float: left;
  display: inline;
}

#menu ul li {
  float: left;
  display: inline;
  margin-right: 15px;
}

li.menuitem0normal, li.menuitem0active {
	margin-top: -3px;
}

#menu ul li a, #menu ul li a:link, #menu ul li a:visited {
  display: block;
  font-size: 14px;
  font-weight: bold;
}

#menu ul li a, #menu ul li a:visited {
   color: #ffffff;
}

#menu ul li a:hover, #menu ul li.menuitem0active a.menu2_active {
  color: #fecf65; /* gold */
  /* display: block; */
}

#menu ul li a, #menu ul li a:link, #menu ul li a:visited {
  padding: 2px 8px 2px 8px;
}


/**************** Sub-level menu **************************/

#menu ul ul {
	position: absolute;
  float: left;
  background: url('../img/layout/submenu-delimiter.jpg') repeat-y;
	margin: 0 0 0 -5px;
  padding: 5px 0 0 8px;
  max-width: 600px;
}

/*** Invisible passive submenus ***/
#menu .menuitems1 {
	display: none;
}
/*** Visible active submenus ***/
#menu .menuitem0active .menuitems1 {
  display: inline;

  /* width: 550px; */
  /* display: block; */
  /* max-width: 600px;*/
}

*:first-child+html #menu .menuitem0active .menuitems1 {
	width: 550px;
}

* html #menu .menuitem0active .menuitems1 {
	width: 550px;
}

#menu ul.menuitems1 li {
	/* display: inline; */
	/* display: table-cell; */
  margin: 0 0 0 2px;
  padding: 2px 3px 2px 3px;
  font-size: 14px;
  /* width: auto; */
}


/*** Normal, hover, and active submenu links ***/
#menu ul.menuitems1 li a, #menu ul.menuitems1 li a:link, #menu ul.menuitems1 li a:visited {
	font-size: 12px;
  color: #740067;  /* lila */
  background-color: #fef3da;
  padding: 2px 4px 2px 4px;
}
#menu ul.menuitems1 li a:hover {
	font-size: 12px;
	background-color: #740067;  /* lila */
  color: white;
}

#menu ul ul.menuitems1 li a.menu2_active:link, #menu ul ul.menuitems1 li a.menu2_active:visited  {
	font-size: 12px;
	color: white;
	background-color: #740067;
	padding: 2px 4px 2px 4px;
}

iframe.survey-frame {
	width: 50em;
	height: 30em;
	border: 1px black dotted;
	*border: none;
}

#img-25-jahre {
	clear: both;
  float: none;
  position: absolute;
  top: 240px;
  left: 86px;
	border: none;
	
	top: 32px;
	left: 25px;
}

.text-block, .text-block * {
	text-align: justify;
}




#main_content div div.cms_repeatable_container {
	display: block;
	z-index: 20000;
}

#main_content div div.cms_repeatable_container ul.cms_repeatable {
	display: block;
}

#main_content div div.cms_repeatable_container ul.cms_repeatable li {
	display: block;
	float: left;
	width: 98%;
	clear: both;
	background: #fff;
}

#main_content div div.cms_repeatable_container ul.cms_repeatable li div.cms_repeatable_item_head {
	text-align: left;
}
	
#main_content div div.cms_repeatable_container hr {
	display: block;
	clear: both;
	width: 100%;
}


form#page_values {
  position: absolute;
  min-height: 100%;
  width: 1260px;
  margin: 0;
  padding: 0;
  top: 0px;
	background-repeat: no-repeat;
}

form#page_values div#page {
  position: relative;
  min-height: 100%;
  width: 1260px;
  margin: 0;
  padding: 0;
  top: 0px;
	background-repeat: no-repeat;
}


form#page_values div#content {
  width: 940px;
  margin: 40px 0px 0px 300px;
  float: left;
}


form#page_values div#background {
	display: none;
}

form#page_values #img-25-jahre {
  display: none;
}