html{
height:100%;
width:100%;
margin:0px auto;
padding:0px auto;
background-color:#002a3a;
}

body{
height:100%;
width:100%;
margin:0px auto;
padding:0px auto;
}

div.clr{
clear:both;
}

/* --------- HEADER + LOGO --------- */

#header{
position:relative;
height:110px;
width:945px;
background:url('/images/header.jpg') no-repeat;
margin:0px auto;
}

#header .logo{
position:absolute;
top:20px;
left:300px;
height:80px;
width:345px;
cursor:pointer;
}

/* --------- CONTENT/ACHTERGRONDEN --------- */
#content{
position:relative;
width:745px;
min-height:444px;
_height:444px;
background-color:#FFFFFF;
margin:0px auto;
}

#content .pageimage{
position:absolute;
bottom:0px;
right:0px;
}

#content_background{
position:absolute;
top:0px;
left:0px;
width:745px;
height:216px;
}

#curle_left{
position:absolute;
bottom:-35px;
left:-30px;
width:247px;
height:66px;
}

#curle_right{
position:absolute;
bottom:-35px;
right:-30px;
width:245px;
height:66px;
}

/* --------- MENU --------- */
#menu{
opacity: 0.8;
filter: alpha(opacity=80);
position:relative;
width:745px;
height:57px;
background:url('/images/menu_background.jpg') repeat-x top;
z-index:2;
}

#menu .menuitem{
float:left;
width:123px;
height:57px;
margin:0px 2px 0px 0px;
background-color:#eee5ce;
cursor:pointer;
}

#menu .selected{
background:url('/images/menu_selected.jpg') repeat-x;
}

/* LINKER CONTAINER + TOEBEHOREN */
#content_text{
position:relative;
float:left;
width:353px;
height:286px;
margin:30px 0px 0px 10px;
}

#content_text .curl{
position:absolute;
top:7px;
left:0px;
margin:0px 0px 0px 0px;
}

#content_text .content{
position:relative;
height:287px;
width:310px;
margin:22px 0px 44px 0px;
padding:0px 0px 0px 43px;
background:url('/images/content_text_background.gif') repeat-y;
overflow:auto;
}

#content_text .text{
width:235px;
padding: 10px 25px 10px 8px;
overflow:auto;
}

#content_text .nieuwsitem{
position:relative;
width:248px;
height:35px;
border-bottom:1px solid #FFFFFF;
cursor:pointer;
padding:5px 10px 0px 10px;
background:none;
}

#content_text .selected{
background:url(/images/nieuwsitem_selected.jpg) repeat-y;
}

#content_text .assortimentitem{
width:248px;
height:30px;
border-bottom:1px solid #FFFFFF;
cursor:pointer;
padding:10px 10px 0px 10px;
}

#content_text .footer{
position:absolute;
bottom:0px;
left:43px;
height:16px;
width:268px;
padding:2px 0px 0px 10px;
border-top:2px solid #FFFFFF;
}


/* --------- CONTAINER VOOR CONTACTFORMULIER + NIEUWSWEERGAVE + RECPTURENDETAIL --------- */
#content_text_right{
opacity: 0.8;
filter: alpha(opacity=80);
position:relative;
float:left;
width:290px;
height:338px;
background:url('/images/content_text_right.gif') no-repeat;
margin:22px 0px 0px 31px;
padding:2px 24px 2px 13px;
}
#content_text_right .contactbg{
background:url('/images/content_text_right2.gif') no-repeat;
}

#content_text_right .header{
width:290px;
height:68px;
}
#content_text_right .headercontact{
width:290px;
height:38px;
}
#content_text_right .text{
height:213px;
width:290px;
margin:13px 0px 0px 0px;
padding:10px 10px 10px 0px;
overflow:auto;
}
#content_text_right .contacttext{
height:265px;
width:290px;
padding:0px 10px 0px 0px;
overflow:auto;
}
#content_text_right .footer{
height:20px;
padding:5px 0px 0px 0px;
margin:3px 0px 0px 0px;
}

/* --------- CONTAINER VOOR ASSORTIMENTOVERZICHT + RECEPTURENOVERZICHT --------- */

#content_text_assortiment{
display:block;
opacity: 0.9;
filter: alpha(opacity=90);
position:absolute;
left: 368px;
float:left;
width:290px;
height:338px;
background:url('/images/content_text_assortiment.gif') no-repeat;
margin:22px 0px 0px 26px;
padding:2px 24px 2px 13px;
z-index:2;
}

#content_text_assortiment .menu{
height:19px;
width:290px;
padding:4px 0px 0px 0px;
margin-bottom: 3px;
}

#content_text_assortiment .submenu{
height:15px;
width:290px;
padding:2px 0px 0px 0px;
}

#content_text_assortiment .head{
height:20px;
width:290px;
padding:4px 0px 0px 0px;
}

#content_text_assortiment .item_big{
width:290px;
height:30px;
line-height:14px;
padding:4px 0px 4px 0px;
}

#content_text_assortiment .item{
width:140px;
float:left;
}

#content_text_assortiment .price{
width:100px;
float:left;
}

#content_text_assortiment .amount{
width:50px;
float:left;
}
#boodschappenlijst {
position: absolute;
top: 324px;

}
#content_text_assortiment .text{
height:250px;
width:290px;
overflow:auto;
}

#content_text_assortiment .text div{
background:url('/images/item_border.gif') no-repeat bottom;
}

/* WINKELWAGEN */
#cart_mess{
display:block;
position:absolute;
right:10px;
top:10px;
width:250px;
height:20px;
padding:10px;
background-color:#EDEDED;
border:1px solid #fbee20;
color:#000000;
opacity: 0.0;
filter: alpha(opacity=0);

z-index:10;
}

#cart_total{
font-weight:bold;
}

#cart .row{
height:20px;
line-height:14px;
width:290px;
padding:6px 0px 4px 0px;
background:url('/images/item_border.gif') no-repeat bottom;
}

#cart .row .amount{
float:left;
width:50px;
}

#cart .row .title{
float:left;
width:150px;
}

#cart .row .price{
float:left;
width:50px;
}

#cart .row .delete{
float:left;
width:30px;
cursor:pointer;
}