html,body{
background-image:url(images/bg_pattern.jpg);
background-repeat:repeat-x;
background-color:#EDE7DD;
margin:0;
padding:0;
}
#wrapper{
width:850px;
height:auto;
margin:0 auto;
}

/*top*/
#top{
width:850px;
height:307px;
margin:0;
padding:0;
}
#banner{
background-image:url(images/banner.png);
width:750px;
height:205px;
position:absolute;
margin:102px 0 0 50px;
padding:0;
}
#logo{
background-image:url(images/logo.png);
width:208px;
height:144px;
position:absolute;
margin:10px 0 0 0;
z-index:1;
padding:0;
}
#bestellen{
background-image:url(images/bestellen.png);
width:117px;
height:120px;
position:absolute;
margin:140px 0 0 733px;
z-index:1;
padding:0;
}

/*menu*/
#menu {
width:600px;
height:auto;
position:absolute;
margin:30px 0 0 200px;
padding:0;
}
#menu ul{
list-style:none;
margin:0;
padding:0;
}
#menu li {
font-family:Arial, sans-serif;
font-size:13px;
font-weight:bold;
float: left;
margin: 0;
padding: 0;
}
#menu a {
text-decoration:none;
color:#fff;
display: block;
float: left;
margin:0 0 0 20px;
padding:0 0 9px 0;
}
#menu a:hover {
background:url("images/bol.png") bottom center no-repeat;
color: #fff;
}

/*bottom*/
#bottom{
width:850px;
height:auto;
overflow:hidden;
margin:15px 0 15px 0;
}
#left{
width:245px;
height:auto;
float:left;
margin-left:50px;
padding:0;
}
#right{
width:490px;
height:auto;
float:right;
margin-right:50px;
padding:0;
}

/*contactgegevens*/
#contactcontainer{
width:245px;
height:auto; 
}
#contacttop{
background-image:url(images/contact_top.png);
width:245px;
height:13px; 
}
#contactmiddle{
background-color:#f8f5f1;
width:245px;
height:auto; 
}
#contactbottom{
background-image:url(images/contact_bottom.png);
width:245px;
height:13px; 
}

/*contentgedeelte*/
#contentcontainer{
width:490px;
height:auto; 
}
#contenttop{
background-image:url(images/content_top.png);
width:490px;
height:13px; 
}
#contentmiddle{
overflow:hidden;
background-color:#fff;
width:490px;
height:auto; 
}
#contentmiddle table{
font-family:Arial, sans-serif;
font-size:12px;
font-weight:normal;
line-height:18px;
color:#603813;
border:0;
margin:0 15px 15px 15px;
padding:0;
}
#contentmiddle iframe{
border:1px solid #000 ;
margin:0 15px 15px 15px;
padding:0;
}
#contentmiddle ul{
font-family:Arial, sans-serif;
font-size:12px;
font-weight:normal;
line-height:18px;
color:#603813;
border:0;
margin:0 0 15px 15px;
padding:0 0 0 15px;
}
#contentbottom{
background-image:url(images/content_bottom.png);
width:490px;
height:13px; 
}

/*footer*/
#footer{
font-family:Arial, sans-serif;
font-size:9px;
font-weight:normal;
color:#c9c4bd;
text-align:center;
width:490px;
height:15px;
margin:10px 0 0 0;
}
#footer a{
font-family:Arial, sans-serif;
font-size:9px;
font-weight:normal;
color:#c9c4bd;
text-decoration:none;
}

/*assortimentgedeelte*/
#assortimentcontainer{
width:245px;
height:auto;
margin:0 0 15px 0;
}
#assortimenttop{
background-image:url(images/assortiment_top.png);
width:245px;
height:13px; 
}
#assortimentmiddle{
background-color:#0F770F;
width:245px;
height:auto; 
}
#assortimentbottom{
background-image:url(images/assortiment_bottom.png);
width:245px;
height:13px; 
}
#assortimentmenu{
width:215px;
height:auto;
padding:15px;
}
#assortimentmenu a{
font-family:Arial, sans-serif;
font-size:12px;
font-weight:normal;
line-height:18px;
text-decoration:none;
color:#fff;
display:block;
padding:2px 0 2px 10px;
}
#assortimentmenu a:hover{
color:#fff;
text-decoration:none;
background-color:#499542;
}

/*tekstopmaak*/
h1{
font-family:Arial, sans-serif;
font-size:14px;
font-weight:bold;
color:#603813;
margin:0 15px 0 15px;
padding:15px 0 0 0;
}
.bodytekst{
font-family:Arial, sans-serif;
font-size:12px;
font-weight:normal;
line-height:18px;
color:#603813;
margin:0 15px 0 15px;
padding:0 0 15px 0;
}
a.internelink{
font-family:Arial, sans-serif;
font-size:12px;
font-weight:normal;
line-height:18px;
color:#603813;
text-decoration:none;
}
a.internelink:hover{
color:#603813;
text-decoration:underline;
}