/* Mattisson Styles Begin */

/* Commerce Base Styles Einde */
a:link {
   color: #144B97;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   text-decoration: underline;
}

a:visited {
   color: #144B97;
   font-weight: normal;
   text-decoration: underline;
}

a:hover {
   background-color: #F1B852;
   color: #144B97;
   font-weight: normal;
   text-decoration: none;
}

a:active {
   color: #144B97;
   font-weight: normal;
   text-decoration: none;
}

body {
   color: #004D3D;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 10px;
   margin-top: 0px;
   overflow: auto;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 5px;
   padding-top: 0px;
}

h1 {
   font-size: 20px;
   border-bottom: 1px solid #D9D9D9;
   color: #ECA113;
   display: block;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   letter-spacing: 2px;
   margin-bottom: 10px;
   margin-top: 0px;
   width: 100%;
}

hr {
   color: #CCCCCC;
   height: 1px;
}


input, select, textarea {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
}


td {
   color: #004D3D;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

ul {
   list-style-position: inside;
   list-style-type: square;
   margin: 0px;
   padding: 0px;
   text-indent: 0px;
}

.basket_links {
   padding-bottom: 10px;
   padding-top: 20px;
}

.basket_table {
   border-left: 1px solid #CCCCCC;
   border-right: 1px solid #CCCCCC;
   border-top: 1px solid #CCCCCC;
   padding-bottom: 5px;
   padding-left: 15px;
   padding-right: 15px;
   padding-top: 5px;
}

.bg_top_groen_fading_cell {
   background: url(../images/bg_top_groen_fading.jpg) repeat-y;
   padding-right: 5px;
   text-align: right;
}

.bg_top_groen_fading_cell a:link {
   color: #FFFFFF;
   font-weight: bold;
   text-decoration: none;
   padding: 1px 2px 1px 2px;
}

.bg_top_groen_fading_cell a:visited {
   color: #FFFFFF;
   font-weight: bold;   
   text-decoration: none;   
   padding: 1px 2px 1px 2px;
}

.bg_top_groen_fading_cell a:hover {
   color: #FFFFFF;
   font-weight: bold;   
   text-decoration: none;
   padding: 1px 2px 1px 2px;
   background-color: #FFFFFF;
   color: #004D3D;
}

.bg_top_groen_fading_cell a:active {
   color: #FFFFFF;
   font-weight: bold;   
   text-decoration: none;   
   padding: 1px 2px 1px 2px;
}



.body_class {
}

.body_class_home {
}

.body_email{
   color: #004D3D;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin-bottom: 10px;
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 10px;
   overflow: auto;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 5px;
}

.border_bottom_cell {
   border-bottom: 1px solid #CCCCCC;
   vertical-align: top;
}

.content_cell_class {
   border-left: 1px solid #CCCCCC;
   padding-bottom: 0px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 17px;
   vertical-align: top;
}

.errorFont {
   color: #FF0000;
   font-weight: bold;
}

.font11px {
   font-size: 11px;
}

.inleidende_tekst {
   color: #005942;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   line-height: 20px;
}

.layoutTD {
   margin: 4px;
   padding: 10px;
}

.login_table, .account_table, .betaalwijze_table, .bestel_overzicht_table {
   border-bottom: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
   border-right: 1px solid #CCCCCC;
   border-top: 1px solid #CCCCCC;
   padding-bottom: 5px;
   padding-left: 15px;
   padding-right: 15px;
   padding-top: 5px;
}

.logo_bottom_position_class {
   left: 86px;
   position: absolute;
   top: 81px;
}

.menu_cell_class {
   background: url(../images/bg_menu_home.jpg) no-repeat;
   padding: 20px 3px 10px 15px;
   vertical-align: top;
}

.menu_cell_class_home {
   background: url(../images/bg_menu_home.jpg) no-repeat;
   padding: 20px 3px 10px 15px;
   vertical-align: top;
}

.menutableclass {
   margin-bottom: 30px;
   margin-right: 0px;
   margin-top: 0px;
}

.navigation-level0 {
   background-color: #4A8879;
   border-bottom: 1px solid #004D3D;
   color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-transform: uppercase;
   width: 100%;
}

.navigation-level0 A:link {
   background-color: #4A8879;
   color: #FFFFFF;
   font-weight: bold;
   padding-bottom: 2px;
   padding-left: 4px;
   padding-top: 2px;
   text-decoration: none;
   width: 100%;
}

.navigation-level0 A:visited {
   background-color: #4A8879;
   color: #FFFFFF;
   font-weight: bold;
   padding-bottom: 2px;
   padding-left: 4px;
   padding-top: 2px;
   text-decoration: none;
   width: 100%;
}

.navigation-level0 A:hover {
   background-color: #B7EBE0;
   color: #004D3D;
   font-weight: bold;
   padding-bottom: 2px;
   padding-left: 4px;
   padding-top: 2px;
   text-decoration: none;
   width: 100%;
}

.navigation-level0_selected {
   background-color: #E6F3F6;
   border-bottom: 1px solid #004D3D;
   color: #004D3D;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   padding-bottom: 2px;
   padding-left: 4px;
   padding-top: 2px;
   text-transform: uppercase;
   width: 100%;
}

/* Mattisson Styles Einde */
/* Commerce Base Styles Begin */
.navigation-level0_table {
   margin-top: 7px;
}

.navigation-level1 {
   background-color: #4A8879;
   border-bottom: 1px solid #004D3D;
   color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-transform: capitalize;
   width: 100%;
}

.navigation-level1 A:link {
   background-color: #4A8879;
   color: #FFFFFF;
   font-weight: bold;
   padding-bottom: 2px;
   padding-left: 12px;
   padding-top: 2px;
   text-decoration: none;
   width: 100%;
}

.navigation-level1 A:visited {
   background-color: #4A8879;
   color: #FFFFFF;
   font-weight: bold;
   padding-bottom: 2px;
   padding-left: 12px;
   padding-top: 2px;
   text-decoration: none;
   width: 100%;
}

.navigation-level1 A:hover {
   background-color: #B7EBE0;
   color: #004D3D;
   font-weight: bold;
   padding-bottom: 2px;
   padding-left: 12px;
   padding-top: 2px;
   text-decoration: none;
   width: 100%;
}

.navigation-level1_selected {
   background-color: #E6F3F6;
   border-bottom: 1px solid #004D3D;
   color: #004D3D;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   padding-bottom: 2px;
   padding-left: 12px;
   padding-top: 2px;
   text-transform: capitalize;
   width: 100%;
}

.navigation-level2 {
   background-color: #4A8879;
   border-bottom: 1px solid #004D3D;
   color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-transform: lowercase;
   width: 100%;
}

.navigation-level2 A:link {
   background-color: #4A8879;
   color: #FFFFFF;
   font-weight: bold;
   padding-bottom: 2px;
   padding-left: 20px;
   padding-top: 2px;
   text-decoration: none;
   width: 100%;
}

.navigation-level2 A:visited {
   background-color: #4A8879;
   color: #FFFFFF;
   font-weight: bold;
   padding-bottom: 2px;
   padding-left: 20px;
   padding-top: 2px;
   text-decoration: none;
   width: 100%;
}

.navigation-level2 A:hover {
   background-color: #B7EBE0;
   color: #004D3D;
   font-weight: bold;
   padding-bottom: 2px;
   padding-left: 20px;
   padding-top: 2px;
   text-decoration: none;
   width: 100%;
}

.navigation-level2_selected {
   background-color: #E6F3F6;
   border-bottom: 1px solid #004D3D;
   color: #004D3D;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   padding-bottom: 2px;
   padding-left: 20px;
   padding-top: 2px;
   text-transform: lowercase;
   width: 100%;
}

.navigation-level3 {
   background-color: #4A8879;
   border-bottom: 1px solid #004D3D;
   color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-transform: lowercase;
   width: 100%;
}

.navigation-level3 A:link {
   background-color: #4A8879;
   color: #FFFFFF;
   font-weight: bold;
   padding-bottom: 2px;
   padding-left: 28px;
   padding-top: 2px;
   text-decoration: none;
   width: 100%;
}

.navigation-level3 A:visited {
   background-color: #4A8879;
   color: #FFFFFF;
   font-weight: bold;
   padding-bottom: 2px;
   padding-left: 28px;
   padding-top: 2px;
   text-decoration: none;
   width: 100%;
}

.navigation-level3 A:hover {
   background-color: #B7EBE0;
   color: #004D3D;
   font-weight: bold;
   padding-bottom: 2px;
   padding-left: 28px;
   padding-top: 2px;
   text-decoration: none;
   width: 100%;
}

.navigation-level3_selected {
   background-color: #E6F3F6;
   border-bottom: 1px solid #004D3D;
   color: #004D3D;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   padding-bottom: 2px;
   padding-left: 28px;
   padding-top: 2px;
   text-transform: lowercase;
   width: 100%;
}

.product_details_foto {
   border: 1px solid #CCCCCC;
}

.product_details_links {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   padding-bottom: 10px;
   padding-left: 0px;
}

.product_details_omschrijving {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   padding-bottom: 10px;
   padding-right: 10px;
   height: 50px;

}

.product_details_prijs {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   padding-bottom: 10px;
   padding-left: 0px;
}

.product_details_terug {
   display: block;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   padding-top: 30px;
}

.product_div {
   border: 1px solid #CCCCCC;
   cursor: pointer;
   float: left;
   margin-bottom: 10px;
   margin-left: 0px;
   margin-right: 10px;   
   width: 198px;
}

.product_naam {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   height: 30px;
   margin-left: 5px;
   margin-right: 5px;
   text-align: center;
}

.product_omschrijving {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   height: 80px;
   margin-left: 5px;
   margin-right: 5px;
}

.product_prijs {
   font-family: Arial, Helvetica, sans-serif;
   height: 20px;
   margin-left: 5px;
   margin-right: 5px;
   text-align: center;
}

.product_thumb {
   cursor: pointer;
   height: 240px;
   margin-left: 5px;
   margin-right: 5px;
   text-align: center;
}

.product_verder {
   font-family: Arial, Helvetica, sans-serif;
   height: 30px;
   margin-left: 5px;
   margin-right: 5px;
   text-align: center;
}

.routing {
   color: #919191;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   text-transform: lowercase;
}

.routing A:link {
   color: #474747;
   font-weight: normal;
   text-decoration: none;
}

.routing A:visited {
   color: #474747;
   font-weight: normal;
   text-decoration: none;
}

.routing A:hover {
   color: #474747;
   font-weight: normal;
   text-decoration: underline;
}

.routing A:active {
   color: #474747;
   font-weight: normal;
   text-decoration: none;
}

.search_highlight {
   color: #FF0000;
   font-weight: bold;
}

.titel {
   font-size: 20px;
   border-bottom: 1px solid #D9D9D9;
   color: #ECA113;
   display: block;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   letter-spacing: 2px;
   margin-bottom: 10px;
   margin-top: 0px;
   width: 100%;
}

.toplinks_cell_class {
   color: #004D3D;
   font: 11px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   padding-right: 5px;
}

.toplinks_table_class {
}

#compubase_link_td {
   color: #949494;
   font-size: 11px;
   padding-top: 2px;
   text-align: right;
}

#compubase_link_td a:link{
   color: #949494;
   text-decoration: none;
}

#compubase_link_td a:visited {
   color: #949494;
   text-decoration: none;
}

#compubase_link_td a:hover {
   background-color: #FFFFFF;
   color: #BBBBBB;
   text-decoration: none;
}

#compubase_link_td a:active {
   color: #949494;
   text-decoration: none;
}