HTML {
height: 100%;
min-height: 100%;
background-image: url(/images/compleetrood.gif);
background-position: center;
background-repeat: repeat-y;
background-color : #FFC800;}

body {
background-color : #FFC800;
margin : 0 0 0 0;
/*font: 85%/150% verdana, arial, helvetica, sans-serif;*/
color:#000;
background-image: url(/images/achter.gif);
background-repeat: repeat-x;
background-attachment: fixed;
height: 100%;
line-height: 130%;
font-family: Verdana, Helvetica, Arial, sans-serif;
min-height: 100%;}


#all {
margin-right : auto;
margin-left : auto;
width: 760px;
text-align: left;
height: 100%;
min-height: 100%;} 

#flashheader {
margin-left: 2px}

#main {
margin: 0 0 0 0;
position: absolute;
float: left; 
display: inline;
width : 730px;
margin-left: 15px;
background-color: #FFF;
height: 100%;} 
/* begin hoofdmenu */

#mandje {
width: 198px;
padding: 9px 0 0 0;
margin: 0  0 0 2px;
background-image: url(/images/mandje.gif);
background-repeat: no-repeat;
height: 23px;
padding-bottom: 10px;}

#mandje A {
font-size: 9px;
color: #000000;
text-decoration: none;
padding: 0 0 0 60px;}
#mandje A:hover {
text-decoration: underline;}

#menu {
margin: 0 1px 0 0;
float: right;
display: block;
width: 200px;
line-height: 100%;
} 

html>body #menu {
margin: 0 2px 0 0;
}

#menu HR {
width: 196px;
border-bottom: 1px #FFF dashed;
height: 0px;
margin: 0 0 0 2px;}

#menu ul {
margin: 0; 
padding: 0;}

#menu li {
list-style-type: none;
margin: 0;}
/* eind hoofdmenu */

#menu li.alg a {
display: block;
text-transform: uppercase;
color: #FFC800;
width: 180px;
font-size: 10px;
font-weight: bold;
text-decoration: none;
padding: 0 0 0 20px;}

#menu li.alg a:hover {
display: block;
color: #FFF;
background-color: #FFC800;
font-weight: bold;
width: 180px;}

#submenu2 {
margin: 0 0 0 2px;}

#menu li.alg2 a {
display: block;
text-transform: uppercase;
width: 168px;
font-size: 9px;
font-weight: normal;
text-decoration: none;
padding: 0 0 0 30px;}

#menu li.alg2 a:hover {
display: block;
color: #FFF;
background-color: #FF0000;
font-weight: normal;
width: 168px;}

#header {
width: 730px;
height: 230px;}

#header .logo {
margin: 20px;}

#content {
float: left; 
padding: 0 20px 0 20px;
width: 488px;
font-size: 8pt;

}

#zijl {
margin: 0 0 0 0;
position: absolute;
float: left;
display: inline;
width: 15px;
height: 400px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/achter-zij-links.png');}
.zijl[class] {
background-image:url('/images/achter-zij-links.png');}

#zijr {
margin: 0 0 0 745px;
position: absolute;
float: left; 
display: inline;
width: 15px;
height: 400px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/achter-zij-rechts.png');}
.zijr[class] {
background-image:url('/images/achter-zij-rechts.png');}

#extra, #nieuwsnav {
margin: 10px 0 0 0;
border-top: 1px dashed #CACACA;
text-align: right;}

#footer {
margin: 30px 0 30px 0;
clear: both;
position: relative;
text-align:center;
color: #000000;
font-size: 8pt;
width: 530px;}

#footer A {
color: #000000;
text-decoration: none;}

#footer IMG {
margin: 0 10px 0 10px;}

.formcel {
width: 152px;} 

.tekstveld {
width: 325px;
border: 1px solid #CACACA;
margin: 2px 0 0 2px;
background-color: #FBFBFB;
font-size: 8pt;
padding: 2px;}

.teksterror {
width: 325px;
border-top: 1px solid #CACACA;
border-left: 1px solid #FE666D;
border-right: 1px solid #CACACA;
border-bottom: 1px solid #FE666D;
margin: 2px 0 0 2px;
background-color: #FBFBFB;
font-size: 8pt;
padding: 2px;}

#buttondivider {
	display: block;
	border-top: 1px dashed #CACACA;
	margin: 10px 0 0 0;
	}

#horizontaldotline {
	border-top: 1px dashed #CACACA;
	margin: 1px 0 0 0;
	height: 1px;
	}

.pdf {
background-image: url(/images/pdf-icon.gif);
background-repeat: no-repeat;
background-position: 0;
padding: 20px;}

IMG {
z-index: 20;}

#spreuken ul {
list-style-type: none;
padding: 0;
margin: 0; }

#spreuken li {
background-image: url(/images/bullet.gif);
background-repeat: no-repeat;
background-position: 15px 4px;
_height: 20px;
padding-left: 40px; }


#productprijzen {
width: 482px;}

.productcontent {
border-left: 1px dashed #CACACA;
border-right: 1px dashed #CACACA;
padding-left: 10px;
padding-right: 10px;}

.product {
width: 482px;
margin: 0 0 10px 0;}

.productheadercel {
padding: 0 2px 0 2px;
border-bottom: 1px solid #000000;
font-weight: bold;
font-size: 9px;}
.productcel {
border-bottom: 1px solid #CACACA;
font-size: 9px;
white-space: nowrap;}

.mandjetotaal {
border-top: 1px solid #CACACA;
font-weight: bold;}

.mandjeaantal {
font-weight: bold;}

.mandjeitem {
padding-left: 5px;}

#zoek {
margin: 10px 0 0 20px;}

#zoek .zoek {
width: 90px;
border: solid 1px #FFC800;}

.bestelcell {
border-top: 1px dashed #CACACA;
padding-left: 10px;}