/* -------------------------
----------- BODY -----------
------------------------- */
body { 
font-family: verdana,'lucida sans unicode', 'lucida grande', arial, helvetia, sans-serif;
font-size: 11px;
color: #6d483b;

background: #6d483b url('images/bg.jpg') repeat top left;
}

img { 
padding: 3px; 
margin: 5px; 
background: url('images/border.jpg') repeat top left; 
}

a { color: #452c23; text-decoration: none; font-weight: bold; }
a:hover { color: #000; }

h1, h2, h3 {
font-weight: bold;
text-align: left;
color: #452c23;

margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4 { 
color: #825747;
font-size: 12px; 
text-decoration: line-through; 
margin: 0px; 
padding: 0px; 
font-weight: normal; 
}

input, textarea, select {
margin: 3px;
padding: 3px;
color: #614035;
border: 2px solid #614035;
background: #fff;
}

strong { color: #452c23; }


/* -------------------------
---------- TOTAAL ----------
------------------------- */
#total {
z-index: 1;
position: absolute;
left: 14%;
top: 0px;
width: 847px;
min-height: 100%;

padding: 0px;
margin: 0px;
background: #fff;
border-left: 8px solid #fff;
border-right: 8px solid #fff;
}

#top {
width: 100%;
padding: 0px;
margin: 0px;
height: 177px;
background: url('images/top.jpg') no-repeat top left;
border-bottom: 8px solid #fff;
}

#teksten {
border-top: 8px solid #fff;
width: 100%;
padding: 0px;
margin: 0px;
}

#footer {
clear: both;
padding: 10px 0px 10px 0px;
margin: 0px;
text-align: center;
vertical-align: top;

font-weight: bold;

border-top: 8px solid #fff;
background: url('images/top.jpg') repeat-x bottom left;
}

/* -------------------------
------------ BAR -----------
------------------------- */
#bar {
text-align: center;
background: url('images/bar.jpg') repeat-x top left;
}

#bar li {
display: inline;
list-style-type: none;
padding: 0px;
margin: 0px;
text-align: center;
}

#home img { border: 0px; padding: 0px; margin: 0px 10px 0px 0px; background:  url('images/home1.jpg') no-repeat top left; }
#home img:hover { border: 0px; background:  url('images/home2.jpg') no-repeat top left; }
#home2 img { border: 0px; padding: 0px; margin: 0px 10px 0px 0px; background:  url('images/home2.jpg') no-repeat top left; }

#contact img 		{ border: 0px; padding: 0px; margin: 0px 10px 0px 0px; background: url('images/contact1.jpg') no-repeat top left; }
#contact img:hover 	{ border: 0px; background: url('images/contact2.jpg') no-repeat top left; }
#contact2 img 		{ border: 0px; padding: 0px; margin: 0px 10px 0px 0px; background: url('images/contact2.jpg') no-repeat top left; }

#nieuws img 		{ border: 0px; padding: 0px; margin: 0px 10px 0px 0px; background: url('images/nieuws1.jpg') no-repeat top left; }
#nieuws img:hover	{ border: 0px; background: url('images/nieuws2.jpg') no-repeat top left; }
#nieuws2 img 		{ border: 0px; padding: 0px; margin: 0px 10px 0px 0px; background: url('images/nieuws2.jpg') no-repeat top left; }

#cart img 		{ border: 0px; padding: 0px; margin: 0px 0px 0px 0px; background: url('images/cart1.jpg') no-repeat top left; }
#cart img:hover 	{ border: 0px; background: url('images/cart2.jpg') no-repeat top left; }
#cart2 img 		{ border: 0px; padding: 0px; margin: 0px 0px 0px 0px; background: url('images/cart2.jpg') no-repeat top left; }

#artiest img 		{ border: 0px; padding: 0px; margin: 0px 0px 0px 10px; background: url('images/artiest1.jpg') no-repeat top left; }
#artiest img:hover 	{ border: 0px; background: url('images/artiest2.jpg') no-repeat top left; }
#artiest2 img 		{ border: 0px; padding: 0px; margin: 0px 0px 0px 10px; background: url('images/artiest2.jpg') no-repeat top left; }

#show img 		{ border: 0px; padding: 0px; margin: 0px 0px 0px 10px; background: url('images/show1.jpg') no-repeat top left; }
#show img:hover 	{ border: 0px; background: url('images/show2.jpg') no-repeat top left; }
#show2 img 		{ border: 0px; padding: 0px; margin: 0px 0px 0px 10px; background: url('images/show2.jpg') no-repeat top left; }

#archief img 		{ border: 0px; padding: 0px; margin: 0px 0px 0px 10px; background: url('images/archief1.jpg') no-repeat top left; }
#archief img:hover 	{ border: 0px; background: url('images/archief2.jpg') no-repeat top left; }
#archief2 img 		{ border: 0px; padding: 0px; margin: 0px 0px 0px 10px; background: url('images/archief2.jpg') no-repeat top left; }


/* -------------------------
----------- MENU -----------
------------------------- */

#menu {
float: left;
width: 18%;
padding: 5px;
margin: 0px;
margin-top: -2px;
background: #825647;
color: #fff;
}

#menu ul {
list-style:none; 
padding: 3px;
margin: 0px 0px 15px 0px;
width: 100%;
color: #fff;
border-bottom: 8px solid #fff;
}

#menu a, #menu strong, #menu h2 { 
color: #fff;
}
#menu a.dot {
padding-bottom: 4px;
padding-right: 15px;
background: url('images/dot2.jpg') no-repeat right;
}
#menu a:hover {
text-decoration: underline;
}

/* -------------------------
----------- MAIN -----------
------------------------- */

#main {
float: right;
width: 75%;
padding: 0px;
margin: 0px 40px 10px 0px;
}

#main .txt {
margin: 0px 5px 15px 5px;
padding: 3px;
width: 100%;
}

#main .txt ul {
list-style:none; 
}

.list1 td, .list2 td { 
border-bottom: 1px solid #000;
}

.list1 {
text-align: left;
font-weight: normal;
text-decoration: none;
}

.list2 {
text-align: left;
font-weight: normal;
text-decoration: none;
background: #825647;
color: #fff;
} .list2 a, .list2 strong, .list2 h2 {
color: #fff;
}

.list {
width: 99%;
clear: both;
}

.list td {
padding: 5px;
margin: 2px;
vertical-align: middle;
}

.cart td {
margin: 3px;
padding: 3px;
color: #614035;
background: url('images/border.jpg') repeat-x bottom left #fff;
}

.no-stuff {
padding: 0px;
margin: 0px;
background: #fff;
border: 0px;
width: 57px;
height: 35px;
}