@import url("news.css");

/*********************************************************************
  Basics
*********************************************************************/
* {
	padding:0px;
	margin:0px;
}

html, body{
  height:100%;
  width:100%;	
}

body{
  font-family:arial, helvetica, sans-serif;
  font-size:100.01%;
  color:#000;
  background-color:#fff;    
  text-align:center;
  font-size:16px;
}

a{
  text-decoration:none;
  color:#636669;
}

/* der aufräumer / the clearer */
div.clearer{
  clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

ul{
  list-style-type:none;
}

img{
  border:0px;
}
/*********************************************************************/









/*********************************************************************
  page
*********************************************************************/
#page{
  width:850px;
  margin:0 auto;
  text-align:left;
  border-top:1px solid #fff;
  position:relative;   
}

* html #page{
}
/*********************************************************************/









/*********************************************************************
  header
*********************************************************************/
#header{
  height:69px;
  background-color:#8d9196;
  margin:50px 0px 30px 0px;
}

/* menupunkt home anfang ******************/
#header ul{
  float:left;
}

#header ul li a{
  display:block;
  background:#fff url(../templates/img/menu/ecke.gif) left no-repeat;
  font-size:.75em;
  color:#8d9196;
  padding:5px 60px 5px 20px;
}
/****************** menupunkt home ende */


/* logo anfang ******************/
#header #logo{
  background-color:#fff;
  width:157px;
  height:105px;
  padding-left:40px;
  position:absolute;
  right:0px;
  top:20px;
}
/****************** logo ende */

@media screen, print

{
.skip {
	position: absolute;
	left: -1000em;
	width: 20em;
}
}

/* ##########################

** ### Accessible menu ######

** ##########################

*/

@media screen, print {
#mainMenu .hidden {position:absolute; left:-1000em; width:20em;}

}

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









/*********************************************************************
  contentContainer
*********************************************************************/
#contentContainer{
  float:left; 
  position:relative; 
}
/*********************************************************************/









/*********************************************************************
  mainMenu
*********************************************************************/
#menu {
  width:130px;
 /* float:left;*/
  position:absolute;
  top:0;
  left:0;
}

#mainMenu{

  width:100%;
  height:434px;
  border:1px solid #8d9196;
  float:left;
  margin-right:8px;
}

#mainMenu li a{

  display:block;
  font-size:.75em;
  color:#8d9196;
  padding:6px;
  border-bottom:1px solid #8d9196;
  letter-spacing:2px;
}


* html #mainMenu li{
  float:left;
  width:130px; 
}

#mainMenu #aktiv{
	background-color:#a32a3f;	
}

#mainMenu li a#aktiv {
	color:#FFFFFF;
}

#mainMenu li ul li #aktiv{
	background-color:transparent;	
	color:#FFFFFF;
}

#mainMenu #aktiv li a{
	background-color:transparent;
	color:#000000;
	}

#mainMenu li a:hover, #mainMenu #aktiv a{
  background-color:#a32a3f;
  color:#fff;
}


/* mainMenu 2.ebene anfang ******************/
#mainMenu ul.gastronomie li{
  background-color:#ee7930;
}

#mainMenu ul.catering li{
  background-color:#50b7e2;
}

#mainMenu ul.sortiment li{
  background-color:#74af41;
}

#mainMenu ul.unternehmen li{
  background-color:#FFDF19;
}

#mainMenu ul.logistik li{
  background-color:#82B6DB;
}

#mainMenu ul li a{
  font-size:.625em;
  letter-spacing:1px;
  color:#000;
}

#mainMenu a#aktivSub{
  color:#fff;
}
/****************** mainMenu 2.ebene ende */
/*********************************************************************/









/*********************************************************************
  content
********************************************************************/
#content{ 
  width:707px;
  min-height:430px;
  margin-left:138px;
  border-top:1px solid #8d9196;
  border-right:1px solid #8d9196;
  border-left:1px solid #8d9196;   
}

* html #content{height:430px;}

/* bild (eyecatcher) anfang ******************/
#content #bild{
  float:left;
  margin-left:1px;
  width:277px;
}
/****************** bild (eyecatcher) ende */


/* bildleiste anfang ******************/
#content .bildleiste{
  margin-top:35px;
  border-bottom:1px solid #8d9196;
  border-top:1px solid #8d9196;  
  width:430px;
  float:left;
}

#content .bildleiste img{
  float:right;
  margin-right:40px;
}

* html #content .bildleiste{
  margin-left:-1px; 
}
/****************** bildleiste ende */


/* content text anfang ******************/
#content .text{
  float:left;
  width:310px;
}

* html #content .text{
  margin-left:-1px; 
}
/****************** content text anfang */


/* headlines anfang ******************/
#content h1{
  color:#a32a3f;
  font-family:helvetica, arial, sans-serif;
  font-weight:normal !important;
  font-size:2.25em;  
  padding:10px;
}
/****************** headlines anfang */



/* p (bodytext) anfang ******************/
#content p.bodytext{  
  font-size:.75em;
  padding:10px;
  line-height:150%;  
}
/****************** p (bodytext) anfang */
/*********************************************************************/


/*********************************************************************
  subtemplates
********************************************************************/
.subcolumns {
  width: 100%;
  padding: 0 1px 0 1px;
  margin: 0 -1px 0 -1px;
  overflow:hidden;
  background:url(../templates/img/bg/content_bg.gif) top repeat-y;
}

.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l, .c275l, .c430l {float: left; overflow: hidden;}
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r, .c430r, .c270r {float: right; overflow: hidden;}

.c25l, .c25r { width: 24.999%; }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 49.999%; }
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 74.999%; }
.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */

.subc  { padding: 0 0 0 0; overflow: hidden; }
.subcl { padding: 0 0 0 0; overflow: hidden; }
.subcr { padding: 0 0 0 0; overflow: hidden; }

.c275l {width:275px;}
.c430r {width:430px;}

.c270r {width:179px;}
.c430l {width:528px;}


/*********************************************************************
  footer
********************************************************************/
#footer{
  text-align:left;
  margin-top:20px;
  position:relative;
  width:100%;
}


/* p (bodytext) anfang ******************/
#footer {
  /*float:left;*/
}

#footer ul li{
  display:inline;
}

#footer a, #footer #bottomNav span{
  padding:0px 10px;
  color:#fff;
  font-size:.625em;
  position:relative;
  top:-1px;
}

#footer a:hover{
  text-decoration:underline;
}
/****************** p (bodytext) ende */

#footer #bottomNav {
  line-height:1em;
  height: 1em;
  background-color:#787b7f;
  
}

/* copyright anfang ******************/
#footer #copyright{
  font-size:.625em;
  height: 1em;
  text-align:right;
}
/****************** copyright ende */

/* produktseite anfang ******************/

.produkt {
  background:url(../templates/img/bg/produkt_bg.gif) top repeat-y!important;
}

#spacer {
  background:#74AA39;
  color:#74AA39;	
  padding:10px;
}

#content .werbung {
  border-bottom:1px solid #8d9196;
}

#content .werbung h1 {
  background-color:#74AA39;
  color:#FFFFFF;
  padding:5px 10px;
  font-size:1em;
  font-weight:bold!important;
}

.produktcontent .csc-header.csc-header-n1{
 margin-left:119px;
}

.produktcontent .csc-firstHeader{
  color:#fff!important;
  background-color:#74AA39;
  font-family:helvetica, arial, sans-serif;
  font-weight:normal !important;
  font-size:1em!important;
  width:389px;
}


.fontsize14px{font-size:14px;}
.fontsize16px{font-size:16px;}
.fontsize18px{font-size:18px;}
.fontsize20px{font-size:20px;}

/****************** produktseite ende */

/* EHKO Artikleliste anfang ******************/

.tx-blooparkarticletimport-pi1 .article-item, .tx-blooparkarticletimport-pi1-browsebox, .tx-blooparkarticletimport-pi1 .articleNoEntry{
  margin-left:120px;
  font-size:.75em;
  padding:10px;
  line-height:150%;
  width:384px;
}

.tx-blooparkarticletimport-pi1-browsebox{
  text-align:center;
}

.tx-blooparkarticletimport-pi1-browsebox table{
  margin: 0 auto;
}

.tx-blooparkarticletimport-pi1-browsebox td {
  padding: 0 3px;
}

.tx-blooparkarticletimport-pi1 .article-item .categorytitle {
  color:#74AA39;
  font-weight:bold;
}

/*************************************
  Gastronomie
**************************************/

#content .gastronomie { 
	border-top:1px #8D9196 solid;
	padding-top:30px;	
}

#content .gastronomie .text h1 { font-size:1.0em; color:#000000; padding-bottom:0; padding-top:0;}


/*********************************************************************
  subMenu
*********************************************************************/
#subMenu{
  float:left;
  padding:5px 10px;
  width:100px;
  height:425px;
}

* html #subMenu{
  width:101px;
}

#subMenu li a{
  font-size:.625em;
}

#subMenu li a:hover, #subMenu li .aktiv{
  color:#a32a3f;
  font-weight:bold;
  text-decoration:underline;
}

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


/****************** EHKO Artikleliste ende */