/* MAIN */
html, body{
 background: url(../images/background_wood.jpg) top repeat fixed #7c3b19;
 font-size: 13px;
 font-family: Arial, sans-serif, Helvetica, sans-serif;
 word-spacing: 1px;
 color: #4e240f;
 margin: 3px 0px;
}
form{
 margin: 0px;
}

/* MAIN DIVS */
#casing{
 clear: both;
 width: 890px;
 /*background: #6e9e31;*/
 margin: 0px auto;
 padding: 15px 0px;
}
#main{
 clear: both;
 width: 830px;
 /*border: 15px solid #5e2c12;*/
 background: #FFFFFF;
 margin: 0px 15px;
}
.spacer{
 clear: both;
 height: 10px;
}
#logo{
 clear: left;
 float: left;
 width: 500px;
 margin-left: 15px;
}
#winkelmandje{
 clear: right;
 float: right;
 width: 290px;
 text-align: right;
 margin-right: 20px;
}
.menu, #menu_bottombar, #content, #footer{
 clear: both;
 width: 800px;
 margin: 0px 15px;
}
.menu{
 background: url(../images/menu_bg.jpg) repeat-x #97481f;
 height: 34px;
}
#menu_bottombar{
 background: #7c3b19;
 height: 2px;
}
#footer{
 background: url(../images/footer_bg.jpg) repeat-x #949494;
 height: 30px;
 border-top: 1px solid #7c3b19;
}

/* MENU */
.menu ul, .menu ul li{
 margin: 0px;
 padding: 0px; 
}
.menu ul li{
 list-style: none;
 display: inline;
 float: left;
 width: 122px;
 margin-right: 1px;
}
.menuitem_on, .menuitem_off{
 display: block;
 width: 122px;
 height: 20px;
 text-decoration: none;
 font-weight: bold;
 font-size: 15px;
 padding-top: 10px;
 text-align: center;
}
.menuitem_on{
 background: #7c3b19;
 color: #32170a;
}
.menuitem_off{
 background: url(../images/menuitem_off.jpg) repeat-x #7c3b19;
 color: #FFFFFF;
}
.menuitem_off:hover{
 background: url(../images/menuitem_over.jpg) repeat-x #7c3b19;
}
#mi1{
 width: 165px;
 margin-right: 0px;	
}
#mi1 a{
 width: 165px;	
}
#mi2{
 width: 139px;
}
#mi2 a{
 width: 139px;	
}

/* CONTENT DIVS */
.content_split1{
 clear: left;
 float: left;
 width: 220px;
 margin: 0px 10px 0px 15px;
}
.content_split2{
 clear: right;
 float: right;
 width: 570px;
 margin-right: 15px;
}

.bar{
 clear: both;
 background: url(../images/bar_bg.jpg) repeat-x #6c9d31;
 margin-bottom: 10px;
}
.contenter{
 clear: both;
}

#content .bar, #content .contenter{
 width: 800px;
}
.content_split1 .bar, .content_split1 .contenter{
 width: 220px;
}
.content_split2 .bar, .content_split2 .contenter{
 width: 570px;
}

/* MENU 2 */
.menu2_top, .menu2_bottom{
 clear: both;
 float: left;
 width: 220px;
 height: 20px;
}
.menu2_top{
 background: url(../images/menu2_top.jpg) #d0e4c9;
}
.menu2_bottom{
 background: url(../images/menu2_bottom.jpg) #d0e4c9;
}
.menu2, .menu2 li{
 margin: 0px;
 padding: 0px; 
}
.menu2 li{
 list-style: none;
 display: block;
 float: left;
 width: 220px;
}
.menu2item_on, .menu2item_off{
 display: block;
 width: 220px;
 height: 38px;
 color: #242424;
 text-decoration: none;
 text-align: left;
 text-indent: 25px;
 padding-top: 11px;
}
.menu2item_on{
 background: url(../images/menuitem2_on.jpg) #d0e4c9;
 font-weight: bold;
}
.menu2item_off{
 background: url(../images/menuitem2_off.jpg) #d0e4c9;
 text-decoration: underline;
 font-weight: normal;
}
.menu2item_off:hover{
 background: url(../images/menuitem2_over.jpg) /*#d0e4c9*/;
 text-decoration: none;
 font-weight: bold;
}

/* FORM TABLE */
.ft_td1{
 text-align: right;
 padding: 2px 5px 2px 10px;
}
.ft_td2{
 padding: 2px 0px;
}

/* ARTIKEL BOXES */
.artikelbox{
 display: block;
 float: left;
 width: 150px;
 border-top: 5px solid #FFFFFF;
 background: url(../images/ab_bg.jpg) bottom repeat-x #333333;
 text-decoration: none;
 font-size: 12px;
 text-align: center;
 color: #FFFFFF;
 padding-bottom: 5px;
 margin: 0px 19px 5px 19px;
}
.artikelbox:hover{
 border-top: 5px solid #ffffff;
 background: url(../images/ab_over_bg.jpg) bottom repeat-x #1e4d0f;
}
.artikelbox img{
 border: none;
 border-top: 5px solid #FFFFFF;
 width: 150px;
 margin-bottom: 5px;
}
.ab_oudeprijs{
 text-decoration: line-through;
 color: #FF0000;
}
.ab_prijs{
 font-weight: bold;
 font-size: 14px;
}

/* BACKMESSAGES */
#bm_green{
 color: #339900;
}
#bm_red{
 color: #990000;
}

/* PAGINA LINKS */
.pl_on, .pl_off{
 padding: 2px 5px;
 margin: 2px 0px 2px 4px;
 text-decoration: none;
 font-size: 12px;
}
.pl_on{
 background: #333333;
 border: 1px solid #000000;
 color: #FFFFFF;
}
.pl_off{
 background: url(../images/textinput_bg.jpg) repeat-x #FFFFFF;
 border: 1px solid #999999;
 color: #242424;
}
.pl_off:hover{
 background: #999999;
 border: 1px solid #666666;
}

/* BLOKTEXT */
#bloktext .ptop{
 font-weight: bold;
 padding: 5px;
 padding-bottom: 0px;
}
#bloktext .pbottom{
 border-bottom: 1px dotted #666666;
 padding: 0px 15px 5px 15px;
}
#bloktext .plast{
 padding: 0px 15px 0px 15px;
}

/* LIST_TABLE */
#list_table{
 border: 1px solid #787878;
 border-bottom: none;
}
#list_table .normal td, #list_table .normal2 td, #list_table .artikel td, #list_table .leeg td{
 border-bottom: 1px solid #787878;
 border-right: 1px dotted #787878;
 padding: 10px;
 font-size: 13px; 
}
#list_table .normal td{
 background: #CCCCCC;
 font-weight: bold;
}
#list_table .normal2 td{
 background: #CCCCCC;
}
#list_table .artikel td{
 background: #FFFFFF;
}
#list_table .artikel:hover td{
 background: #FFFF99;
}
#list_table .leeg td{
 background: #FFFFFF;
}

#list_table .normal .no_border_right, #list_table .normal2 .no_border_right, #list_table .artikel .no_border_right, #list_table .leeg .no_border_right{
 border-right: none;
}
#list_table .normal .text_right, #list_table .normal2 .text_right{
 text-align: right;
}

#list_table .artikel img{
 width: 70px;
 border: 1px solid #999999;
 background: #FFFFFF;
}
#list_table .artikel .no_border_right img{
 width: 32px;
 height: 32px;
 border: none;
 background: none;
 margin: 0px 2px;
}
#list_table .artikel .no_border_right img:hover{
 background: #B3C1FF;
}

/* IMAGES */
#logo img{
 border: none;
}
#winkelmandje img{
 float: right;
 margin-left: 5px;
}
#artikel_afbeelding img{
 width: 220px;
 border: none;
}

/* TEXTS */
#footer p{
 text-align: right;
 font-weight: bold;
 font-size: 12px;
 margin: 0px;
 padding: 8px 10px 0px 0px;
}
.bar p{
 font-size: 15px;
 font-weight: bold;
 margin: 0px;
 padding: 10px;
}
.contenter p{
 margin: 0px;
 padding: 0px 5px;
}
#artikel_afbeelding p{
 margin: 0px;
 text-align: center;
 font-size: 10px;
 padding-top: 10px;
}
h1{
 font-size: 14px;
 font-weight: 600;
 margin: 0px;
 padding: 10px 5px 5px 5px;
}
h2{
 font-size: 14px;
 font-weight: 550;
 color: #579419;
 margin: 0px;
 padding: 1px 5px 5px 5px;
}
h3{
 font-size: 14px;
 font-weight: 550;
 color: #e71212;
 margin: 0px;
 padding: 1px 5px 5px 5px;
}
#tekst_contenter p{
 margin: 0px;
 padding: 0px 5px 10px 5px;	
}

/* LINKS */
.normallink{
 color: #4e240f;
 padding: 0px 0px 0px 5px;	
 background: none;
}
.normallink:hover{
padding: 0px 0px 0px 5px;	
 color: #579419;
}
.normallink1{
 color: #4e240f;
}
.normallink1:hover{
 color: #579419;
}
.koffielink{
color: #ffffff;

}

/* INPUTS */
.textinput, .textinput_small{
 background: url(../images/textinput_bg.jpg) repeat-x #FFFFFF;
 padding: 3px;
 font-size: 12px;
 border: 1px solid #999999;
 margin-right: 3px;
}
.textinput{
 width: 150px;
}
.textinput_small{
 width: 60px;
}

.button1, .button1_disabled{
 padding: 4px 5px;
 margin: 2px 0px;
 font-size: 13px;
}
.button1{
 background: url(../images/button1_bg.jpg) repeat-x #6c9d31;
 border: 1px solid #666666;
 text-decoration: underline;
}
.button1:hover{
 background: #2f7618;
}
.button1_disabled{
 background: #CCCCCC;
 border: 1px solid #999999;
 color: #7F7F7F;
}