/***************/
/* Layout   */
/***************/
html {
 width: 100%;
}
body#web {
 background-color: #fff;
 padding: 0;
 margin: 0;
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}
#page {
 background: url("http://www.servicetool.bonduelle.de/common/css/bg_shadow.gif") repeat-y;
 width: 930px;
 margin: 0 auto;
 padding: 0 20px;
 border: 0px #fff solid;
 text-align: left;
}
#header {
 color: #000;
 background-color: transparent;
 background-image: url(http://www.servicetool.bonduelle.de/common/css/bg_verlauf.jpg);
 background-repeat: repeat-x;
 padding: 0;
 height: 177px;
 width: 930px;
}
#suche {
 float: right;
 margin: -110px 30px 0 0;
 padding: 0;
 background: url(http://www.servicetool.bonduelle.de/common/css/button/suche_bg.gif) no-repeat;
 width: 228px;
 height: 75px;
}
#nosearch {
 float: right;
 margin: 0px 30px 0 0;
 padding: 0;
 background: transparent;
 width: 274px;
 height: 0px;
 display: none;
} 
#logo { float: none; clear: both; width: 100%; text-align: center; margin-top: 0px; }
#logo img { border: 0; margin: 0; }

#main {
 width: 930px;
 background-image: url(http://www.servicetool.bonduelle.de/common/css/main_bottombg.jpg);
 background-repeat: no-repeat;
 background-position: bottom right;
 background-color: transparent;
 padding: 0;
 margin: 0;
 float: none;
 display: table;
}
#left {
 width: 73px;
 height: 370px;
 /*background-image: url(http://www.servicetool.bonduelle.de/common/css/main_topbg.jpg);
 background-repeat: no-repeat;
 background-position: top left;*/
 float: left;
 padding: 10px 0 0 0;
 display: table;
}
#content {
 width: 687px;
 margin: 10px 0 0 210px;
 padding: 0 0 40px 0;
}

#footer { 
 color:#666; 
 background-image: url(http://www.servicetool.bonduelle.de/common/css/footer_bg.jpg);
 background-repeat:no-repeat;
 border-top: 0px #fff solid;
 height: 33px;
 width: 930px;
}
#footer span { 
 display: table;
 margin: 0px 0 0 34px;
 padding-top: 10px;
 font-family:georgia;
 font-size:11px;
 font-style:italic;
 font-weight:bold;
}

#footer span a { margin: 0 5px; }

/*** Layoutspalten ***/
#web #leftside { width: 300px; height: 100%; margin: 0 0 12px 0; float: left; }
#web #rightside { width: 348px; height: 100%; display: table; margin: 0 0 12px 0; float: left; }

#box { display: block; }

#web #group { width: 300px; display: table; margin: 0 0 12px 0; float: left; }
#web #metas { width: 348px; display: table; margin: 0 0 12px 0; }

/* CLEARER */
.clearer { clear: left; float: none; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block; float: left; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/****************/
/* Navigation */
/***************/
 /* (de) Anpassung der Hauptnavigation */
#nav {
 margin: 0;
 padding: 0;
}
#nav ul {
 text-indent: 0;
 margin: 0;
 padding: 0;
}
#nav_main {
 background-image: url(http://www.servicetool.bonduelle.de/common/css/navmain.gif);
 background-repeat: no-repeat;
 background-position: top left;
 height: 40px;
 margin: 19px 0 0 20px;
}
 #nav_main ul { margin: 0 0 0 20px; list-style-type: none; padding: 0; }
 #nav_main ul li { margin: 6px 0 0px 0; line-height: 40px; list-style-type: none; display: inline; }
 #nav_main ul li a { display: inline; margin: 0 12px 0 12px; }
 #nav_main ul li img.spacer { background-color: #005c34; }
 
 #nav_main ul li a,
 #nav_main ul li strong {
  color: #005c34;
  font-family:georgia;
  font-size:15px;
  font-style:italic;
  font-weight:bold;
  line-height: 23px;
  }
 
 #nav_main ul li a:focus,
 #nav_main ul li a:hover,
 #nav_main ul li a:active { background: transparent; color: #fff; text-decoration: none; }
 
 #nav_main ul li#current { background: transparent; color: #fff; }
 
 #nav_main ul li#current strong,
 #nav_main ul li#current a,
 #nav_main ul li#current a:focus,
 #nav_main ul li#current a:hover,
 #nav_main ul li#current a:active { color: #fff; font-weight: bold; text-decoration: none; }

/****************/
/* Sub-Menu */ 
/****************/

#submenu {
 width: 176px;
 padding: 3px 0 0 0;
 margin: 0px 0 30px 20px;
 list-style-type: none;
 background: url(http://www.servicetool.bonduelle.de/common/css/menutop.gif);
 background-repeat: no-repeat;
 background-position: top left;
 border: 0px solid #FFED3C;
}
#submenu ul { 
  list-style-type: none; 
  margin: 5px 0 0 0;
  padding: 0;
  background: #ffed3c url(http://www.servicetool.bonduelle.de/common/css/menubottom.gif) no-repeat;
  background-position: bottom left;
  width: 176px;
  text-indent: 0;
  height: 370px;
  display: table;
}
#submenu ul li {
 width: 144px;
 margin: 0 0 0 15px;
 padding: 10px 0 4px 0px;
 line-height:20px;
 list-style-type:none;
 float: left;
}
 #submenu li a { 
  display: block;
  padding: 0 0 0 5px;
  text-decoration: none;
  color: #136638;
  font-family: georgia;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  }
 #submenu li#active a {
  font-weight: bold;
  color: #fff;
 }
 #submenu li a:focus,
 #submenu li a:hover,
 #submenu li a:active { color: #87AF31; }

/****************/
 /* Level 2 */
/****************/
#submenu ul li ul {
 width: 144px;
 background: transparent;
 margin: 0;
 padding: 0;
 height: auto;
}
#submenu ul li.activenode ul, #submenu ul li.active ul {
 min-height:23px;
}
#submenu ul li ul li {
 border-top:1px solid #fffbd7;
 margin: 0;
 padding: 0;
}
#submenu li.active a.sublevel0, #submenu li.activenode a.sublevel0 {
 background: url(http://www.servicetool.bonduelle.de/common/css/topentry.gif) no-repeat top left;
 color: #fff;
 height: 20px;
}
/* 2. Ebene */
#submenu ul li ul li a.sublevel1 {
 background-color: #fff165;
 padding: 2px 2px 1px 15px;
}
#submenu ul li ul li a.sublevel1:hover {
 background-color: #c4cf4c;
 color: #fff;
}
#submenu ul li ul li.active a.sublevel1 {
 background-color: #c4cf4c;
 color: #fff;
}
#submenu ul li ul li.activenode a.sublevel1 {
 background-color: #c4cf4c;
 color: #fff;
}

/* 3. Ebene */
#submenu ul li ul li ul li a.sublevel2 {
 background-color: #fff165;
 font-weight: normal; 
 padding: 2px 2px 1px 20px;
}
#submenu ul li ul li ul li a.sublevel2:hover {
 background-color: #c4cf4c;
 color: #fff;
}
#submenu ul li ul li ul li.active a.sublevel2 {
 background-color: #c4cf4c;
 color: #fff;
}
#submenu ul li ul li ul li.activenode a.sublevel2 {
 background-color: #c4cf4c;
 color: #fff;
}

 /****************/
 /* Level 3 */
/****************/ 
#submenu li.active a.sublevel1 {
 text-indent: 0px;
}
#submenu ul li ul li ul {
 padding: 0;
 margin: 0;
 height: auto;
}
#submenu ul li ul li ul li {
 margin: 0;
 padding: 0;
 min-height: 23px;
 float: left;
}

#submenu li.level3#active {
 border-top:0px solid #fffbd7;
}
#submenu li.level3 a {
 font-weight: bold;
 font-size:11px;
}
#submenu li.level3#active a {
 color: #fff;
}
#submenu li.level3:hover {
 color: #fff;
 background-color: #c4cf4c;
}   
#submenu li.level3:hover a {
 color: #fff;
}
   
/****************/ 
 /* Level 4 */
/****************/

#submenu ul li ul li ul li ul {
 padding: 0;
 margin: 0;
}
#submenu ul li ul li ul li {
}

#submenu li.level4 {
  background-color: #fff165;
  border-top:1px solid #fffbd7;
  }
#submenu li.level4#active.level4 {
  background-color: #c4cf4c;
  }
#submenu li.level4 a {
 font-weight: normal;
 font-size:12px;
  }
#submenu li.level4#active a {
  color: #fff;
  }
#submenu li.level4:hover {
  color: #fff;
  background-color: #c4cf4c;
  border-top:1px solid #fffbd7;
  }   
#submenu li.level4:hover a {
  color: #fff;
  }
  
/***************/
/* Links */
/***************/
a {color: #5B715F; text-decoration:none; font-weight: bold;}
a:focus,
a:hover,
a:active {color:#5B715F; text-decoration:underline;}

/***************/
/* RUBRIK SEITEN */
/***************/
.titleimg {
 margin: 10px 0 0 10px;
}


/*********************/
/* Textbody-Elements */
/*********************/
h1 { font-size: 16px; }
#web h1 { 
   background: url(http://www.servicetool.bonduelle.de/common/css/headline2_bg.jpg) no-repeat;
   line-height: 34px;
   width: 621px;
   text-indent: 17px;
   color:#5B715F;
   font-family:georgia;
   font-size:20px;
   font-style:italic;
   font-weight:bold;
   margin: 0;
   padding: 0;
}

h2 { font-size: 14px; }

#content h2, #content_only h2 {
   font-size: 14px;
   color: #136538;
   line-height: 34px;
   font-family:georgia;
   font-style:italic;
   border-bottom: 2px solid #FFEE48;
   width: 100%;
   margin: 10px 0px 10px 0px;
   padding: 0;
}
h2.links {
 display: table;
 float: none;
}

#rightside h2 { font-size: 14px;
   color: #136538;
   line-height: 34px;
   font-family:georgia;
   font-style:italic;
   border-bottom: 2px solid #FFEE48;
   width: 100%;
   margin: 10px 0 10px 15px;
   padding: 0;
}
#content p { 
 margin:  10px 0 0 15px;
}
#content_only h2 {
 margin:  10px 0 0 40px;
}


/**********************/
/* Functions */
/**********************/
/* -- REGISTRIERUNG FORMULAR -- */
table.register {
 color: #5B715F;
 font-size: 12px;
 font-weight: bold;
 width: 686px;
}
table.register td {
  height: 32px;
  }
table.register input {
 float: left;
 margin: 4px 16px 4px 0;
 width: 167px;
}
table.register select {
 float: left;
 padding: 0;
 height: 20px;
}
table.register p {
  margin: 8px 0 0 15px;
}
#web input {
 font-size: 12px!important;
 color: #045E38;
 padding: 0!important;
 margin: 0; 
 height: 20px;
 border: 1px solid #aaa;
}
#page input.checkbox {
 width: 15px!important;
 height: 15px!important;
 border: none!important;
 background-color: transparent!important;
 line-height: 15px;
 margin: 0px 0 9px 0;
}
table.register img.btn {
 background-color: transparent;
 margin: 30px 40px 0 0;
 border: none;
 width: 75px;
}
input.btn {
 height: 20px!important;
 padding: 3px;
 float: right!important;
 margin: 0 30px 0 0!important;
}

div.para {
 float: left;
 width: 120px;
 margin: 8px 0 0 15px;
}
div.para2 {
 float: left;
 width: 120px;
 margin: 8px 0 0 40px;
}
div.check {
 float: left;
 width: 150px;
 margin: 0;
 padding: 0;
}
#accept {
 float: left;
 margin: 3px 20px 0 15px;
}

/**********************/
/*** Suche ***/
/**********************/

#suche form {
 display: inline;
}
#suche #feld {
 float: left;
}
#suche input#raw {
 width: 140px;
 margin: 25px 10px 0 10px
}
#suche input#btnSearch {
/* float: right;*/
 width: 51px;
 height: 51px;
 margin: 12px 12px 0 0;
 padding: 0;
 border: 0px solid #fef05d;
}
.highlight { border: 0px solid #ffffd3!important; background-color: #ffffd3!important; }

/**********************/
/*** LOGIN ***/
/**********************/
#login {
 padding: 0 0 0 18px;
}
#loginForm {
 background: url(http://www.servicetool.bonduelle.de/common/css/loginform.gif) no-repeat;
 width: 274px;
 height: 75px;
 margin: 50px 0 0 0;
}
#loginForm #fields {
 margin: 0 0 0 10px;
 padding: 14px 0 0 4px;
}
#fields input {
 margin: 0px 0 5px 0;
 width: 180px;
}
#loginForm input.btn {
	float: right; 
	width: 51px!important; 
	height: 51px!important; 
	margin: 12px 12px 0 0!important; 
	padding: 0; 
	border: 0px solid #fef05d;
}

p.hint { color: red; font-weight: bold; }

.odd { background-color: #ffffd3; }

input.submit {
 border: 0px solid #fff!important;
 width: 171px!important;
 height: 36px!important;
 float: right!important;
}
#fields br { line-height: 20px; }
#fields input#username {
 width: 180px;
 display: block;
 margin: 0px 12px 0 5px!important;
 color: #5B715F;
}
a.edit:link, a.edit:active, a.edit:hover, a.edit:visited {
	float: right;
	color: #FFEE32;
	margin: 0!important;
	padding: 5px!important;
	line-height: 1px!important;
}


.column {
  width: 250px;
  float: left;
  margin: 20px 0 20px 0;
}
.column p {
 height: 50px;
}
.column img {
  margin: 0 0 0 12px;
}




/*******************/
/* PRODUKTE        */
/*******************/
#metas p strong {
 color: #136638;
}
#metas a { color: #abcc47; }

/* Produkt und Rezeptbilder*/
.pimg { display: block; margin: 20px 40px; }
/* Produkt-Familie */
.fimg { display: block; margin: 20px 0 20px 0; }

table.werte {
 margin: 0 0 0 12px;
 font-size: 12px;
}
table.werte th {
 text-align: left;
}
.legende  {
 color: #999;
 font-size: 11px;
}
#group {
 width: 276px;
 height: auto;
 background-image: url(http://www.servicetool.bonduelle.de/common/css/family_top.jpg);
 background-repeat: no-repeat;
}
#group p {
 font-weight: bold;
 font-size: 14px;
 color: #136538;
 line-height: 34px;
 font-family:georgia;
 font-style:italic;
}
#group #gbox {
 width: 276px;
 height: auto;
 background-image: url(http://www.servicetool.bonduelle.de/common/css/family_tile.jpg);
 background-repeat: repeat-y;
}
#group #gbot {
 width: 276px;
 height: 26px;
 background-image: url(http://www.servicetool.bonduelle.de/common/css/family_bottom.jpg);
 background-repeat: no-repeat;
}
#group #gbox table {
 width: 244px;
 margin: 5px 15px 0 15px;
 padding: 0;
 font-size: 12px;
}
#group #gbox table tr {
 margin: 0;
 padding: 0px;
}
#group #gbox td.even {
 background-color: #fff591;
}
#group #gboxtd.odd {
 background-color: #FFFFD3;
}
#group #gbox td a {
 text-decoration: none;
 color: #136538;
 line-height: 14px;
 display: block;
 margin: 0;
 padding: 3px 0 4px 0;
}
#group #gbox td a img {
 margin: 2px 5px 0 10px;
}


#downloads a {
	display: block;
	border: 0;
	text-decoration: none;
	color: #136638;
	margin: 0 0 10px 0;
}
a.source {
	display: inline-block !important;
	clear: left;
	font-size: 12px;
}
a.source img {
	margin: 0 15px 10px 10px;
	text-decoration: none;
	font-size: 12px;
	float: left;
}
.dwnld {
  margin: 10px 0 0 0;
}

/*******************/
/* ARCHIV          */
/*******************/
.more {
 background-color: #fff591;
 font-weight: bold;
 width: 270px;
 color: #136538;
 padding: 0;
 margin: 0px 0 15px 75px;
}
#imagearchiv {
 background-color: #fff591;
 font-weight: bold;
 width: 270px;
 color: #136538;
 padding: 0;
 margin: -15px 0 15px 85px;
}
a.toggle {
 margin: 0 0 0 0;
 padding: 3px 0;
}
 a.toggle:hover {
 background-color: #fff165;
}
.more  p {
 margin: 0 !important;
 padding: 0;
}
.more  p img {
 margin: 0 6px 0px 10px;
}
.more  a {
 color: #136538;
 font-weight: bold;
 font-size: 12px;
 line-height: 20px;
 margin: 0 !important;
 }
.more .odd , .more .even {
 clear: right;
 height: 20px;
 }
.more .odd img, .more  .even img {
 margin: 0px 5px 0px 5px;
}
.more .odd a, .more .even a {
 font-weight: normal;
 display: block;
 padding: 0 0 0 10px;
}
span.date {
 float: right;
 font-weight: normal;
 margin: 2px 5px 0 0;
}
/*******************/
/* REZEPTKARTE    */
/*******************/
#rezepte {
 width: 275px;
 height:311px;
 background-image: url(http://www.servicetool.bonduelle.de/common/css/rezeptkarte.gif);
 background-repeat: no-repeat;
}
#rezepte #index {
 color: #136638;
 position: relative;
 top: 16px;
 left: 200px;
 width: 50px;
}
#rezepte a.name {
 position: relative;
 top: 20px;
 left: 20px;
 color: #136638;
  border: 0px solid #D2EE80;
  width: 235px;
  display: block;
}
#rezepte a.img {
 position: relative;
 top: 35px;
 left: 40px;
}
#rezepte a.btn {
 position: relative;
 top: 50px;
 left: 20px;
}

/*******************/
/* PRODUKTKARTE    */
/*******************/
#produkt {
 width: 275px;
 height:311px;
 background-image: url(http://www.servicetool.bonduelle.de/common/css/produktkarte.gif);
 background-repeat: no-repeat;
}
#produkt #index {
 color: #136638;
 position: relative;
 top: 16px;
 left: 200px;
 width: 50px;
}
#produkt a.name {
 position: relative;
 top: 20px;
 left: 20px;
 color: #136638;
  border: 0px solid #D2EE80;
  width: 240px;
  white-space:nowrap;
  overflow: hidden;
  display: block;
}
#produkt a.img {
 position: relative;
 top: 35px;
 left: 40px;
}
#produkt a.btn {
 position: relative;
 top: 50px;
 left: 20px;
}
/*******************/
/* news            */
/*******************/
#news {
 margin: 15px;
}
.newsbox {
	text-align: right;
}
.newsbox p {
	text-align: left;
}
#pages {
 margin: 30px 0 0 15px;
   color:#015B35;
   font-family:georgia;
   font-size: 14px;
   font-style:italic;
   font-weight:bold; 
}
#pages strong {
 display: inline-block;
 margin: 0 0 3px 0;
}
#news a {
 text-decoration: underline;
}
#news a.files {
 display: block;
 margin: 5px 15px;
 text-decoration: none;
}
a.neues  {
 color: #5B715F;
 text-decoration: none!important;
 font-size: 12px;
}

#news hr {
 clear: right;
	margin: 0px;
	padding: 0px;
	border: 0px solid #fff;
	border-top: 1px solid #666;
	size: 1px;
	height: 1px;
	line-height: 1px;
}
#news .itemodd {
 background-color: #ffffd3;
 margin: 0;
 padding: 5px;
}
 #news .item {
 margin: 0;
 padding: 5px;
 }
 #news .newsImg {
  float: right;
  margin: 5px 0 5px 10px;
 }

/*******************/
/* User-Verwaltung */
/*******************/
fieldset {
 margin: 0 25px 0 -15px;
}
#users {
 margin: 15px 0 15px 15px;
 }
#users b, #users span {
 color:#5B715F;
 font-family:georgia;
 font-size:14px;
 font-style:italic;
 font-weight:bold;
}
#users .inline b, #users .inline input {
 vertical-align: middle;
 margin: 0 5px;
}
p.emphasis {
 margin: 0px 15px 0px 15px;
 width: 92%;
 background-color: #FFFFD3;
 padding: 5px;
 border: 1px solid #FFED3E;
}
/*	TRACKING	*/
#tracking {
 margin: 15px 0 15px 15px;
 }
#tracking b, #tracking span {
 color:#5B715F;
 font-family:georgia;
 font-size:14px;
 font-style:italic;
 font-weight:bold;
}
#users table, #tracking table {
 width: 670px;
 font-size: 12px;
 border-collapse: collapse;
}
#tracking table input, #tracking table select {
 width: 155px;
 font-size: 12px!important;
 color: #045E38;
 padding: 0!important;
 margin: 0 0 0 3px; 
 height: 20px;
 border: 1px solid #aaa;
}

#users table th, #tracking table th {
 background: #FFED3C;
 color:#5B715F;
 font-family:georgia;
 font-size:14px;
 font-style:italic;
 font-weight:bold;
 text-align: left;
}
#users table td, #tracking table td {
 padding: 3px 0;
}
#users table th a img, #tracking table th a img {
 margin: 0 0 3px 0;
}
#users table input{
 width: 130px;
 margin: 0 0 0 3px;
}
#users table select {
 width: 130px;
 margin: 0 0 0 3px;
}
input.filter, input.del {
 width: 169px!important;
 border: 0!important;
 height: 34px!important;
}
/*******************/
/* Sitemap     */
/*******************/
TD.sitemapTitle0 {
 background-color: #000066;
 border-right-width: 1px;
 border-right-color: #FFFFFF;
 border-right-style: solid;
 }
TD.sitemapTitle1 {
 background-color: #FF6600;
 border-right-width: 1px;
 border-right-color: #FFFFFF;
 border-right-style: solid;
 }
A.sitemapTitle0:link, A.sitemapTitle0:visited ,
A.sitemapTitle1:link, A.sitemapTitle1:visited {
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: none;
}
A.sitemapTitle0:hover, A.sitemapTitle0:active ,
A.sitemapTitle1:hover, A.sitemapTitle1:active {
 font-weight: bold;
 color: #E8F2F9;
 text-decoration: underline;
}
A.sitemapElement0:link, A.sitemapElement0:visited {
 font-weight: normal;
 text-decoration: none;
}
A.sitemapElement1:link, A.sitemapElement1:visited {
 font-weight: bold;
 text-decoration: none;
}
A.sitemapElement0:hover, A.sitemapElement0:active ,
A.sitemapElement1:hover, A.sitemapElement1:active {
 color: #FF6600;
 text-decoration: underline;
}
/*************************/
/* Management Interface */
/*************************/
.cmsTxtColorStrong0 { color: #000066; } /* primColorStrong0 */
.cmsTxtColorStrong1 { color: #666666; } /* neutralColorStrong0 */
.cmsBgColorStrong0 { background-color: #000066; } /* primColorStrong0 */
.cmsBgColorStrong1 { background-color: #CCCCCC; } /* neutralColorLight0 */
.cmsBgColorMedium0 { background-color: #E8F2F9; } /* primColorLight0 */
.cmsBgColorLight0 { background-color: #FFFFFF; } /* neutralColorWhite */
.ftTH { background-color:#cccccc; }
.ftTD { background-color:#efefef; }
.neutralColorWhite { background: #fff; }

body.neutralColorBlack { background-color: #99CC00; }

.alignright { float: right; }
.alignleft { float: left; }