body { color: black; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #e0d0b4; width: 100%; height: 100%; margin: 20px 0 0; }

p { color: #40220d; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; }
h1 { color: #391d00; font-size: 18px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; margin: 0.67em 0; }
h2 { color: #391d00; font-size: 14px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; margin: 0.67em 0; }
h3 { color: #391d00; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; margin: 0.67em 0; }
td {}

a:link { color: white }

a:visited { color: white }

a:hover { color: white }

a:active { color: white }
#button { color: #48485b; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #d7c8b4; border: solid 1px; }
#invoervelden { color: #48485b; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #f6ecde; width: 200px; border: solid 1px; }
#invoerveld_reactie { color: #48485b; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #f6ecde; width: 300px; height: 100px; border: solid 1px; }
/* ########## DELTA MENU ##########*/
.product_menu { color: white; background-color: #48485b; width: 500px; height: 29px; float: left; margin: 0; padding: 0; border-bottom: 1px solid #eb871e; border-top-width: 1px; display: block; }
.delta_menu { background-image: url(../images/leer_img.jpg); width: 250px; float: left; border-bottom: 1px solid white; }
ul.vert-one{ color: white; font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; font-style: normal; font-variant: normal; margin:0 0 0 0; padding:0; list-style-type:none; display:block; text-align: left; width:130px; float: right; border-left: 1px solid white; }
ul.vert-one li{ background-color: #8f8f8f; height: 30px; margin: 0; padding: 0 0 0; }
ul.vert-one li a{ display:block; text-decoration:none; color:#fff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; height: 30px; margin: 0; padding: 5px 0 0 10px; }
ul.vert-one li a:hover{ color: white; background-color: #b4b4b4; background-position: 0 0; height: 30px; margin: 0; padding: 5px 0 0 10px; }
ul.vert-one li a.current,ul.vert-one li a.current:hover{ background-color: #b4b4b4; background-position: 0 0; margin: 0; padding: 5px 0 0 10px; }
/* ########## WRAPPERS ##########*/
.wrap { text-align: left; position: relative; width: 800px; }
.content_wrap { background-image: url(../images/conten_wrap_bg.jpg); background-repeat: repeat-y; position: relative; width: 800px; float: left; margin: 0; padding: 0; }
.header_wrap { width: 800px; height: 110px; float: left; border-bottom: 1px solid white; }
/* ########## CSS LAYOUT ##########*/
.header_logo { background-image: url(../images/delta-twello_logo.jpg); background-repeat: no-repeat; width: 250px; height: 110px; float: left; }
.header_middle { background-color: #eb871e; width: 500px; height: 110px; float: left; }
.header_right { background-color: #48485b; width: 50px; height: 110px; float: left; }
.left { background-color: #d0c6b4; text-align: left; position: relative; width: 250px; float: left; }
.left_page-img { background-color: #d7d7d7; background-image: url(../images/eethoek.jpg); background-repeat: repeat; width: 250px; height: 190px; float: left; border-bottom: 1px solid white; }
.right { text-align: left; width: 50px; float: right; }
.content { color: red; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; width: 480px; float: left; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; padding-bottom: 10px; }
#content { color: #43250f; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; width: 480px; float: left; }
.content_product { width: 490px; float: left; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; }
.footer { background-color: #48485b; width: 800px; height: 50px; float: left; border-top: 1px solid white; }
.left_page-adres { background-image: url(../images/conten_wrap_bg.jpg); width: 250px; height: 150px; float: left; }
.left_adres { color: white; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #eb871e; text-align: left; width: 130px; float: right; padding: 5px; border-bottom: 1px solid white; border-left: 1px solid white; }
/* ########## PRODUCTEN ########## */
.product_content { color: #391d00; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #faf4ec; text-align: left; width: 305px; float: left; margin: 0; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border: solid 1px #e2d5bd; }
.product_left { text-align: left; width: 160px; float: left; }
.product_right { float: left; }
.product_overzicht { color: #2e1006; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: white; text-align: center; width: 160px; height: 20px; float: left; border: solid 1px #e2d5bd; }
.product_overig { color: #391d00; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: white; text-align: right; width: 150px; float: left; border: solid 1px #e2d5bd; }
.product_foto { color: #391d00; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: white; text-align: center; width: 150px; float: left; border: solid 1px #e2d5bd; }
/* ########## PRODUCT OVERZICHT ##########*/
.product_wrap { color: #2e1006; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: white; text-align: center; width: 150px; float: left; margin: 0 0 10px 10px; padding: 0; border: solid 1px #e2d5bd; }
.product_header { color: white; font-size: 14px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; background-color: #eb871e; text-align: center; width: 150px; height: 30px; float: left; margin: 0; padding: 0; }
.product_txt { color: white; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: white; text-align: center; width: 150px; height: 250px; float: left; margin: 0; padding: 0; }
.product_info { color: #391d00; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #48485b; width: 150px; height: 20px; float: left; clear: none; margin: 0; padding: 5px 0; }
.delta_menu { background-image: url(../images/leer_img.jpg); width: 250px; float: left; border-bottom: 1px solid white; }
.horiz-one{ color: white; font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; font-style: normal; font-variant: normal; background-color: #48485b; list-style-type:none; display:block; text-align: left; width: 500px; float: left; margin: 0; padding: 0; border-bottom: 1px solid orange; }
ul.horiz-one { color: white; font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; font-style: normal; font-variant: normal; text-align: left; list-style-type: none; display: block; margin: 0; padding: 0; float: left; border-left: 1px solid white; }
ul.horiz-one li{ background-color: #48485b; width: 100px; height: 29px; float: left; margin: 0; padding: 0; }
ul.horiz-one li a{ text-decoration:none; color:#fff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; height: 29px; float: left; margin: 0; padding: 5px 0 0 10px; display: block; }
ul.horiz-one li a:hover{ color: white; background-color: #67678e; background-position: 0 0; width: 100px; margin: 0; padding: 5px 0 0 10px; }
ul.horiz-one li a.current,ul.horiz-one li a.current:hover{ background-color: #b4b4b4; background-position: 0 0; margin: 0; padding: 5px 0 0 10px; }

