* {
    box-sizing          :   border-box;
    -moz-box-sizing     :   border-box;
}

html, body {
    height              :   100%;
/*    background-image    :   url('../gfx/bg.gif'); */
    background-color	:	#DCD3C8;
    margin              :   0px;
    padding             :   0px;
    color				:	#DCD3C8;
    font-family         :   arial, helvetica, sans-serif;
    font-size           :   12px;
}

body>div#container {
    height              :   auto;
    min-height          :   100%;
}

div#header {
    position            :   absolute;
    left                :   0px;
    top                 :   10px;
    z-index             :   5;
    width               :   792px;
    height              :   81px;
    background-image    :   url('../gfx/bg_logo.gif');
    background-repeat   :   no-repeat;
    margin              :   0px;
    padding             :   0px;
    padding-top         :   1px;
}

div#header img {
    float               :   right;
}

div#headerright {
    position            :   absolute;
    left                :   224px;
    top                 :   9px;
    width               :   544px;
    height              :   113px;
    background-color    :   #DCD3C8;
	z-index             :   3;
/*    filter              :   alpha(opacity=40);
   -moz-opacity        :   0.4; */
}

div#container {
    position:absolute;
    left                :   0px;
    top                 :   0px;
    width               :   770px;
    height              :   100%;
    background-color    :   #660033;
    background-image    :   url('../gfx/bg_content.jpg');
    background-repeat   :   repeat-y;
    overflow            :   visible;
    margin              :   0px;
    padding             :   0px;
    z-index             :   1;
}

div#Content {
    position            :   absolute;
    left                :   30px;
	top					:	0px;
    width               :   100%;
    height              :   100%;
    background-color	:	#660033;
    background-repeat   :   repeat-y;
    overflow            :   visible;
    margin              :   0px;
    padding             :   0px;
    z-index				:	1;
}

div#Content p {
	font-family			:	Arial, Helvetica, sans-serif;
    font-size           :   12px;
    font-weight         :   normal;
    text-align			:	left;
    color				:	#FFFFFF;
}

div#menu {
    position            :   absolute;
    left                :   0px;
    top                 :   115px;
    width               :   221px;
    z-index             :   2;
    margin              :   0px;
    padding             :   0px;
    padding-top         :   10px;
/*	background-image	:	url(../gfx/jupfles_kleiner.jpg) */
}

div#Fotobedrijf {
	position            :   absolute;
	left                :   600px;
	top                 :   500px;
	z-index             :   30;
	width               :   150px;
	height				:	120px;
	margin              :   0px;
	padding             :   0px;
	padding-top         :   10px;
	background-image	:	url(../gfx/foto10.jpg)
}

div#Flesjejupiler {
	position            :   absolute;
	left                :   735px;
	top                 :   150px;
	z-index             :   2;
	width               :   150px;
	height				:	230px;
	margin              :   0px;
	padding             :   0px;
	padding-top         :   10px;
	background-image	:	url(../gfx/jupilermetglas.jpg)
}
div#Flesjecocacola {
	position            :   absolute;
	left                :   735px;
	top                 :   150px;
	z-index             :   2;
	width               :   120px;
	height				:	230px;
	margin              :   0px;
	padding             :   0px;
	padding-top         :   10px;
	background-image	:	url(../gfx/Cocacolametblik.jpg)
}
div#Leffe {
	position            :   absolute;
	left                :   735px;
	top                 :   150px;
	z-index             :   2;
	width               :   180px;
	height				:	230px;
	margin              :   0px;
	padding             :   0px;
	padding-top         :   10px;
	background-image	:	url(../gfx/leffe_br.jpg)
}

div#Fanta {
	position            :   absolute;
	left                :   735px;
	top                 :   150px;
	z-index             :   2;
	width               :   130px;
	height				:	230px;
	margin              :   0px;
	padding             :   0px;
	padding-top         :   10px;
	background-image	:	url(../gfx/Fanta.jpg)
}
div#Duvel {
	position            :   absolute;
	left                :   735px;
	top                 :   150px;
	z-index             :   2;
	width               :   200px;
	height				:	230px;
	margin              :   0px;
	padding             :   0px;
	padding-top         :   10px;
	background-image	:	url(../gfx/Duvelmetglas.jpg)
}
div#Visitekaartje {
	position            :   absolute;
	left                :   40px;
	top                 :   350px;
	z-index             :   2;
	width               :   205px;
	height				:	154px;
	margin              :   0px;
	padding             :   0px;
	padding-top         :   10px;
	background-image	:	url(../gfx/visite.jpg)
}

div#Elscologo {
	position            :   absolute;
	left                :   5px;
	top                 :   30px;
	z-index             :   20;
	width               :   215px;
	height				:	80px;
	margin              :   0px;
	padding             :   0px;
	padding-top         :   10px;
	background-image	:	url(../gfx/Elscodranken.jpg)
}

div#Logo {
	position            :   absolute;
	left                :   40px;
	top                 :   10px;
	z-index             :   2;
	width               :   205px;
	height				:	154px;
	margin              :   0px;
	padding             :   0px;
	padding-top         :   10px;
	background-image	:	url(../gfx/elscodranken.jpg)
}
div#Contactauto {
    position            :   absolute;
    left                :   350px;
    top                 :   50px;
    width               :   270px;
	height				:	180;
    z-index             :   30;
    margin              :   100px;
    padding             :   0px;
    padding-top         :   10px;
}

div#Speciaalbieren {
    position            :   absolute;
    left                :   418px;
    top                 :   750px;
    width               :   285px;
	height				:	120;
    z-index             :   10;
    margin              :   0px;
    padding             :   0px;
    padding-top         :   10px;
	background-image	:	url(../gfx/Bieren.jpg);
}

div#Gewoonbier {
    position            :   absolute;
    left                :   421px;
    top                 :   518px;
    width               :   285px;
	height				:	100;
    z-index             :   10;
    margin              :   0px;
    padding             :   0px;
    padding-top         :   10px;
	background-image	:	url(../gfx/Gewoonbier.jpg);
}

div#Frisdranken {
    position            :   absolute;
    left                :   420px;
    top                 :   980px;
    width               :   280px;
	height				:	120;
    z-index             :   10;
    margin              :   0px;
    padding             :   0px;
    padding-top         :   10px;
	background-image	:	url(../gfx/Frisdranken.jpg);
}

div#Diepvries {
    position            :   absolute;
    left                :   419px;
    top                 :   1215px;
    width               :   285px;
	height				:	120;
    z-index             :   10;
    margin              :   0px;
    padding             :   0px;
    padding-top         :   10px;
	background-image	:	url(../gfx/Diepvriesprodukten.jpg);
}
div#Toilet {
    position            :   absolute;
    left                :   415px;
    top                 :   1520px;
    width               :   285px;
	height				:	210;
    z-index             :   10;
    margin              :   0px;
    padding             :   0px;
    padding-top         :   10px;
	background-image	:	url(../gfx/Toiletartikelen.jpg);
}

div#Sauzen {
    position            :   absolute;
    left                :   415px;
    top                 :   2000px;
    width               :   285px;
	height				:	145;
    z-index             :   10;
    margin              :   0px;
    padding             :   0px;
    padding-top         :   10px;
	background-image	:	url(../gfx/Sauzen.jpg);
}

div#Automaat {
    position            :   absolute;
    left                :   404px;
    top                 :   3010px;
    width               :   285px;
	height				:	170;
    z-index             :   10;
    margin              :   0px;
    padding             :   0px;
    padding-top         :   10px;
	background-image	:	url(../gfx/Automaat.jpg);
}

div#Chips {
    position            :   absolute;
    left                :   421px;
    top                 :   2000px;
    width               :   285px;
	height				:	105;
    z-index             :   10;
    margin              :   0px;
    padding             :   0px;
    padding-top         :   10px;
	background-image	:	url(../gfx/Chips.jpg);
}

div#Sportdranken {
    position            :   absolute;
    left                :   401px;
    top                 :   2500px;
    width               :   285px;
	height				:	105;
    z-index             :   10;
    margin              :   0px;
    padding             :   0px;
    padding-top         :   10px;
	background-image	:	url(../gfx/Sportdranken.jpg);
}

div#Wijn {
    position            :   absolute;
    left                :   417px;
    top                 :   2785px;
    width               :   285px;
	height				:	125;
    z-index             :   10;
    margin              :   0px;
    padding             :   0px;
    padding-top         :   10px;
	background-image	:	url(../gfx/Wijn.jpg);
}

div#menu dl {
    width               :   100%;
    border-top          :   1px solid #ffffff;
    font-family         :   arial, helvetica, sans-serif;
    font-size           :   12px;
    font-weight         :   bold;
    margin              :   0px;
    padding             :   0px;
}

div#menu dl dt {
    margin              :   0px;
    padding             :   0px;
}

div#menu a {
    border-bottom       :   1px solid #ffffff;
    display             :   block;
    height              :   26px;
    text-align:center;
    padding-top         :   4px;
    padding-right       :   10px;
    color:#660033;
    text-decoration     :   none;
}

div#menu a:hover {
    color:#FFFFFF;
    background-color    :   #660033;
	
}

div#content {
    position            :   relative;
    margin-left         :   200px;
    margin-top          :   140px;
    width               :   533px;
    padding-bottom      :   30px;
}

h1 {
    font-size           :   18px;
}

h3 {
    font-size           :   14px;
}

p, ul {
    line-height         :   18px;
}

p img {
    float               :   right;
    border              :   1px solid #ffffff;
    margin-left         :   20px;
    margin-bottom       :   15px;
}

table.prijslijst {
    border              :   1px solid #ffffff;
    border-collapse     :   collapse;
/*    border-top          :   1px solid #ffffff;
    border-left         :   1px solid #ffffff; */
}

table.prijslijst th {
    text-align          :   left;
    border-bottom       :   1px solid #ffffff;
    background-color    :   #ee7774;
    padding             :   3px;
}

table.prijslijst th.prijs {
    text-align          :   right;
}

table.prijslijst td {
    border-bottom       :   1px solid #ee7774;
    padding             :   2px;
}

table.prijslijst td.artikel {
    width               :   80px;
}

table.prijslijst td.prijs {
    text-align          :   right;
    width               :   100px;
}

table.prijslijst td.omschrijving {
    width               :   320px;
}

form td {
    vertical-align      :   top;
}

form label {
    margin-right        :   10px;
}

form input.text, form textarea.text {
    width               :   300px;
    font-family         :   arial, helvetica, sans-serif;
    font-size           :   12px;
}

form table td {
    font-size           :   12px;
}

div.melding {
    border              :   1px solid #990000;
    background-color    :   #ffffff;
    color               :   #666666;
    padding             :   5px;
}

div.melding ul {
    margin-bottom       :   0px;
}

div#content a {
    color               :   #ffffff;
}

div#content a:hover {
    color               :   #000000;
}

h6 {
    font-size           :   11px;
    font-weight         :   normal;
    text-align          :   center;
    margin-top          :   30px;
    color               :   #f3a09e;
    border-top          :   1px solid #ee7774;
    padding-top         :   5px;
}

div#content h6 a {
    color               :   #f3a09e;
}

div#content h6 a:hover {
    color               :   #ffffff;
}

ul.categorylisting {
    margin              :   0px;
    padding             :   0px;
    list-style-type     :   none;
    width               :   400px;
}

ul.categorylisting li {
    background-color    :   #ee7774;
    padding             :   4px;
    font-weight         :   bold;
    margin-bottom       :   1px;
}

ul.categorylisting li a {
    text-decoration     :   none;
}

ul.categorylisting li a:hover {
    color               :   #000000;
}

table.productlisting {
    width               :   512px;
}

table.productlisting caption {
    display             :   none;
/*
    font-size           :   14px;
    color               :   #b08340;
    text-align          :   left;
    font-weight         :   bold;
*/
}

table.productlisting thead {
    display             :   none;
}

table.productlisting td {
    font-size           :   12px;
}

table.productlisting img {
    border-width        :   0px;
/*
    border              :   1px solid #000000;
*/
}

table.productlisting td.productname {
    background-color    :   #ee7774;
    color               :   #ffffff;
    font-weight         :   bold;
    padding             :   2px;
    padding-left        :   5px;
    border-bottom       :   1px solid #e31d17;
}

span.pricesku {
    color               :   #999999;
}

table.productlisting td.productimage {
    width               :   80px;
    background-color    :   #ffffff;
    color               :   #999999;
    font-size           :   10px;
    padding             :   5px;
}

table.productlisting td.productdesc {
    width               :   400px;
    background-color    :   #ffffff;
    color               :   #000000;
    padding             :   5px;
}