* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}


img {
  padding: 0px;
  margin: 0px;
  border:0px;

/*  display: block;*/
}

h1 {
  color: #2a4492;
  font-size: 21px;
  font-weight: 100;
  padding: 0 13px 0 23px;
}
/*.per {
  color: #2a4492;
  font-size: 21px;
  font-weight: 100;
  padding: 0 0px 0 0px;
}*/

p {
  color: #2a4492;
  font-size: 10px;
  padding: 0 13px 0 23px;
/*  width: 670px;*/
}

.voed  {
  color: #2a4492;
  font-size: 12px;
  font-weight: 100;
  padding: 0 13px 0 10px;
}



body {
  margin: 0px;
  padding: 0px;
  font-family: verdana;
  font-size: 11px;
  overflow: -moz-scrollbars-vertical;
  background-image: url('../images/bkgnd1_repeat-x.jpg');
  background-repeat: repeat-x;
  background-color: #edf8fc;
}

table {
  padding: 0px;
  margin:0px;
  font-family: verdana;
  font-size: 10px;
  color: #2a4492; 
}

* html .top { 
   height: expression( this.scrollHeight > 332 ? "333px" : "auto" ); /* sets max-height for IE */
   max-height: 333px; /* sets max-height value for all standards-compliant browsers */
}

.top {
  margin: 0px;
  padding: 0px 0px 0 0px;
  height: 48px;
  background-color: #a7b2d2;
  width: 100%;
}

.menu {
  position: relative;
  margin: 0px auto;
  left: 50px;
  padding: 13px 0 0 0;
/*  border: 2px solid #000;       */
  width: 850px;
  height: 48px;
  overflow: hidden;
  text-align: left;
}

/*.menu .menuitem {
  position:relative;
  padding: 0px;
  margin: 0px;
  width: 132px;
  height: 35px;
  float: left; 
  padding: 3px 0px 0px 10px;
  border-left: 2px solid #FFFFFF;
}*/

/*.menu .selected {
  background-image: url('../images/menu_actief_repeat-x.jpg');
  background-repeat: repeat-x; 
  color: #000 !imported ;
}


.menuitem selected {
   color: #FF0000;
}

.menu .menuitem a {
  color: #fff;
  text-decoration: none;
  font-size: 8px;
}*/


.menu ul{
  margin: 0px;
  padding: 0px;
   width: 100%
/*  height: 100%;*/
/*  background-color: #FF00FF; */
}

/*.menu li {
  display: inline;
  list-style-type: none;
  height: 80px;
  padding-top: 10px;
  background-color: #0000FF; 
  padding: 0px 0px 0px 0px ;
}

.menu li a {
  height: 80px;
  background-color: #FF0000;  
}*/

/*lli a {
  position: absolute;
  height: 35px;
  text-decoration: none;
  padding: 0px 0px 0 13px ;
  margin: 0px 0 0px 0px;
  color: #fff;
  width: 130px;
  background-color: #a7b2d2;
}

lli{
  display: inline;
  margin: 0;
  padding: 0px 0px 0 0px ;
  margin: 0px 0 0px 0px;
  width: 106px; 
}

lli a.selected {
  position: absolute;
  margin: 0px;
/*  padding: 0px 0px 0 13px;
  background-image: url('../images/menu_actief_repeat-x.jpg');
  background-repeat: repeat-x;
  color: #a7b2d2;
  width: 132px;
  
}*/

.perfektlogo {
  position: absolute;
  top:48px;
  height:127px;
  width: 87px;
/*  background-image: URL('../images/perfekt_logo.gif') ;  */
  left: 50%;
  margin-left: -495px;
}

.container {
  margin: 0px auto;
  margin-top:34px;
  width: 746px;
  height: 525px;
}

.conwrapper{
 /* background-image:url('../images/header_03_low.jpg');*/
  width: 744px;
  height: 330px;
  margin: 0px;
  padding: 0px;
  top:0px;
}

.transparent_content {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
   background-image:url('../images/content_bg.png');
   background-repeat: no-repeat;
   z-index:100;
}

.transparent_voeding {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
   background-image:url('../images/voeding_bg.png');
   background-repeat: no-repeat;
   z-index:100;
}

.transparent_assortiment {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
   background-image:url('../images/assortiment_bg.png');
   z-index:100;
}

.header {
  margin:0px;
  padding:0px;
  width: 744px;
  height: 250px;
}

.content {
  position: absolute;
  float: left; 
  margin: 16px 0 0 0;
  padding: 0px;
  height: 450px;
  width: 427px;
  z-index:200;
}

.contentimages {
  width: 400px;
  position: absolute;
  top: 210px;
  left: 20px;
  padding:0px;
  margin: 0px auto;

/*  padding-left: 25px;*/
}

.wrapper {
  position: absolute;
  margin: 16px 0 0 444px;
  height: 250px;
  width: 256px;
  z-index:200;
/*  border: 1px solid #000;*/
/*  background-color: silver;*/
}

.bewust {
  margin: 0px;
  padding: 0px;
  height: 87px;
  width: 256px;
  z-index:200;
}

.voedingsrichtlijn{
  position: absolute;
  margin: 12px 0 0 0;
  padding: 0px;
  height: 211px;
  width: 151px;
  z-index:200;
}

.assortiment {
  position: absolute;
  margin: 12px 0 0 162px;
  height: 211px;
  width: 95px;
  z-index:200;
  background-repeat: no-repeat;

}

#bigcontentback {
  background-image:url('../images/big_content_back1.jpg'); 
  background-repeat: repeat-y; 
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  z-index: 100;
/*  height: 100%;*/
}




.bigcontent {
  position: absolute;
  z-index: 200;
  width: 700px;
  padding:0px;
  margin: 0px;
}



#tekst {
  position: absolute;
  left: 1px;
  top: 25px;
  color: #000;
  width: 700px;
  min-height:10px;
  height:auto !important; /* IE7 */
/*  min-height:10px; *//* FF */
/*  height:10px; *//*IE6*/
  z-index: 1000;
  padding:0px;
  margin: 0px;
  height: 0px;
}



.footer {
  clear: both;
  float: right;
  font-size: 8px;
  color: #96afd0;

}

.footer1  {
  text-decoration: none; 
  color:#96afd0;
}

.margin {
  margin-top:20px;
  padding-right:46px;
}


.tab{
  position: absolute;
  height: 35px;
}

.tab li{
  position: relative;
  display: inline;
  margin: 0 0 0 0;
  border-left: 2px solid #FFFFFF;
  padding: 0 0 22px 0;
  float:left;
/*  width: 100px!important;*/

}

.tab li a{
  text-decoration: none;
  background-color: #A7B2D2;
  color: #fff;
  margin: 0 0 0 0;
  padding: 0 0 22px 0;
/*  min-width: 120px!important;*/
}

.tab li a:hover{
  background-image: url('../images/menu_actief_repeat-x.jpg');
  background-repeat: repeat-x; 
  color: #A7B2D2;
/*  min-width: 120px!important;*/
}

.tab li.selected a{/*selected tab*/
  position: relative;
  background-image: url('../images/menu_actief_repeat-x.jpg');
  background-repeat: repeat-x; 
  color: #A7B2D2;
/*  width: 120px!important;  */
}
.menuitem {
 position: relative;
 left: 0px;
 top: 0px;
 float: left;
 margin: 0px 0px 0px 0px;
 padding-left: 8px;  
 height: 100%;
 border-left: 2px solid #FFFFFF;  
}
.menuitem a {
  height: 30px;
  width: 100%;
  text-decoration: none;
  padding-right: 8px;  
  color: #FFFFFF; 
  padding-bottom: 20px;
}

.menuselected {
  background-image: url('/images/menu_actief_repeat-x.jpg');
  background-repeat: repeat-x;   
}
.menuselected a {
  color: #a7b2d2;    
}
.verkooptitel {
  margin: 0px;
  padding: 0px;
}
.endofmenu {
 border-right: 2px solid #FFFFFF;  
}

