﻿body{
background-color			: #FFFFFF;
margin						: 0px;
}

td{
font-family					: arial,helvetica;
font-size					: 11px;
color						: #000000;
}

h1{
font-family					: arial,helvetica;
font-size					: 24px;
color						: #000000;
}

h2{
font-family					: arial,helvetica;
font-size					: 16px;
color						: #FF0000;
}

a{
font-family					: arial,helvetica;
color						: #0000FF;
font-weight					: bold;
text-decoration				: underline;
}

a:hover{
font-family					: arial,helvetica;
color						: #FF0000;
font-weight					: bold;
text-decoration				: none;
}

.pdf{
font-family					: arial,helvetica;
font-size					: 12px;
font-weight					: normal;
color						: #FFFFFF;
}

.pdf a
{
font-family					: arial,helvetica;
font-size					: 12px;
font-weight					: normal;
color						: #FFFFFF;
text-decoration				: none;
}

.pdf a:hover
{
font-family					: arial,helvetica;
font-size					: 12px;
font-weight					: normal;
color						: #FF0000;
text-decoration				: underline;
}

.kop{
font-family					: arial,helvetica;
font-size					: 21px;
font-weight					: normal;
color						: #000000;
}

.kop a
{
font-family					: arial,helvetica;
font-size					: 21px;
font-weight					: normal;
color						: #000000;
text-decoration				: none;
}

.kop a:hover
{
font-family					: arial,helvetica;
font-size					: 21px;
font-weight					: normal;
color						: #000000;
text-decoration				: underline;
}

.addressInfo{
font-family					: verdana,arial,helvetica;
color						: #666666;
text-align					: left;
font-size					: 11px;
}

.addressInfo a{
font-family					: verdana,arial,helvetica;
color						: #666666;
text-align					: left;
font-size					: 11px;
}

.addressInfo a:hover{
font-family					: verdana,arial,helvetica;
color						: #666666;
text-align					: left;
font-size					: 11px;
}

.lineDotted{
height						: 20px;
vertical-align				: middle;
}

.horizontalLine{
height						: 1px;
color						: #E1E1E1;
}

.mainTable{
border-width				: 1px;
border-style				: solid;
border-color				: #666666;

}

.contentColumn{
width						: 400px;
border-width				: 0px;
border-right-width			: 1px;
border-style				: solid;
border-color				: #666666;
padding-right				: 5px;
padding-left				: 5px;
}

.naviTable
{
width						: 100%;
}

.naviTable TD
{
border-color				: #E1E1E1;
border-width				: 1px;
border-style				: solid;
}

.naviTable a
{
font-family					: arial,helvetica;
font-weight					: bold;
color						: #666666;
text-decoration				: underline;
}

.naviTable a:hover
{
font-family					: arial,helvetica;
font-weight					: bold;
color						: #FF0000;
text-decoration				: none;
}

.prodDisplay
{
border-color				: #0C2775;
border-style				: solid;
border-width				: 1px;
}

.productTableOutline
{
border-color:#666666
border-top:1px;
border-left:1px;
border-bottom:1px;
border-right:1px;
}

.productTableBlauw
{
background-color			: #FF0000;
border-color				: #666666;
border-width				: 0px;
border-style				: solid;
background-image:url(/images/verloop-productTableBlauw.jpg);
background-repeat:repeat-x;
background-position:top;
}

.productTableBlauw TD
{
background-color			: #FF0000;
border-color				: #666666;
border-width				: 0px;
border-style				: solid;
background-image:url(/images/verloop-productTable.jpg);
background-repeat:repeat-x;
background-position:top;
}

.productTable TD
{
background-color			: #FFFFFF;
border-color				: #666666;
border-width				: 0px;
border-style				: solid;
background-image:url(/images/verloop-productTable.jpg);
background-repeat:repeat-x;
background-position:top;
}

.productTable
{
background-color			: #FFFFFF;
border-color				: #666666;
border-width				: 0px;
border-style				: solid;
background-image:url(/images/verloop-productTable.jpg);
background-repeat:repeat-x;
background-position:top;
}


/*
Originele producttable td
.productTable TD
{
background-color			: #FFFFFF;
border-color				: #666666;
border-width				: 0px;
border-style				: solid;
}
*/

.productTable a
{
color						: #FF0000;
}

.productTable a:hover
{
color						: #000000;
}

.productTable .productTableHeader
{
background-color			: #CCCCCC;
color						: #000000;
}

.textfooter{
font-family					: arial,helvetica;
font-size					: 14px;
font-weight					: normal;
color						: #FFFFFF;
}

.leftsmall{
font-family					: arial,helvetica;
font-size					: 10px;
font-weight					: normal;
color						: #A8D4D5;
}

.leftsmall a
{
font-family					: arial,helvetica;
font-size					: 10px;
font-weight					: normal;
color						: #A8D4D5;
text-decoration				: none;
}

.leftsmall a:hover
{
font-family					: arial,helvetica;
font-size					: 10px;
font-weight					: normal;
color						: #A8D4D5;
text-decoration				: underline;
}

.kop{
font-family					: arial,helvetica;
font-size					: 13px;
font-weight					: bold;
color						: #000000;
}

.kop a
{
font-family					: arial,helvetica;
font-size					: 13px;
font-weight					: bold;
color						: #000000;
text-decoration				: none;
}

.kop a:hover
{
font-family					: arial,helvetica;
font-size					: 13px;
font-weight					: bold;
color						: #000000;
text-decoration				: none;
}

.shopButtonSmall
{
width						: 40px;
}

.orderFormTop td
{
background-color			: #0C2775;
color						: #FFCC00;
font-weight					: bold;
}

.windows
{
border-color		: #EAEAEA;
border-style		: solid;
border-width		: 1px;
}

.shopBorder
{
border-style				: solid;
border-width				: 1px;
border-color				: #000000;
}

.specTable TD
{
background-color			: #EFEFEF;
}

.specTdLeft
{
font-weight					: bold;
text-transform				: uppercase;
}

/* NAVIGATIE STYLES */

.naviTable
{
border-style				: solid;
border-width				: 1px;
border-color				: #000000;
}

.naviTd
{
width						: 100%;
height						: 20px;
line-height					: 16px;
}

.naviTd A
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #1087FE;
color						: #FFFFFF;
font-size					: 11px;
font-weight					: bold;
border-color				: #1087FE;
border-style				: solid;
border-width				: 1px;
}

.naviTd A:hover
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #FFFFFF;
color						: #1087FE;
font-size					: 11px;
font-weight					: bold;
border-color				: #1087FE;
border-style				: solid;
border-width				: 1px;
}

.naviTdTop
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #DA0D0D;
color						: #FFFFFF;
font-size					: 11px;
font-weight					: bold;
}

.naviTdTop:hover
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #FFFFFF;
color						: #DA0D0D;
font-size					: 11px;
font-weight					: bold;
border-color				: #DA0D0D;
border-style				: solid;
border-width				: 1px;
}

.naviTdCatalog
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #FFFF00;
color						: #000000;
font-size					: 11px;
font-weight					: bold;
}

.naviTdCatalog:hover
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #000000;
color						: #FFFF00;
font-size					: 11px;
font-weight					: bold;
border-color				: #DA0D0D;
border-style				: solid;
border-width				: 1px;
}

.naviTdMiddle
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #009933;
color						: #FFFFFF;
font-size					: 11px;
font-weight					: bold;
}

.naviTdMiddle:hover
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #FFFFFF;
color						: #009933;
font-size					: 11px;
font-weight					: bold;
border-color				: #009933;
border-style				: solid;
border-width				: 1px;
}

.naviTdDown
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #000066;
color						: #FFFFFF;
font-size					: 11px;
font-weight					: bold;
text-decoration				: none;
}

.naviTdDown:hover
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #FFFFFF;
color						: #000000;
font-size					: 11px;
font-weight					: bold;
border-color				: #000066;
border-style				: solid;
border-width				: 1px;
}

.naviTdMyTop
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #FF6600;
color						: #FFFFFF;
font-size					: 11px;
font-weight					: bold;
}

.naviTdMyTop:hover
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #FFFFFF;
color						: #BB0000;
font-size					: 11px;
font-weight					: bold;
}

/* EINDE NAVIGATIE STYLES */

/* EVENT BOX */

.eventBox
{
padding-top					: 5px;
padding-bottom				: 5px;
border-color				: #000000;
border-style				: solid;
border-width				: 1px;
background-color			: #FFFFFF;
}

/* EINDE EVENT BOX */

/* MY HSF */

.results
{
border-color				: #333333;
border-style				: solid;
border-width				: 1px;
}

.results TD
{
padding						: 3px;
}

.rowHeader TD
{
background-color			: #000080;
color						: #FFFFFF;
font-size					: 11px;
font-weight					: bold;
}

.rowFirst TD
{
background-color			: #F3F3F3;
}

.rowSecond TD
{
background-color			: #EAEAEA;
}

.inputtext
{
border-color				: #000000;
border-width				: 1px;
border-style				: solid;
font-size					: 11px;
width						: 100%;
}

/* EINDE MY HSF */

/* Navigatie menu Styles */

.rood
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #DA0D0D;
color						: #FFFFFF;
font-size					: 11px;
font-weight					: bold;
}

.rood:hover
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #FFFFFF;
color						: #DA0D0D;
font-size					: 11px;
font-weight					: bold;
border-color				: #DA0D0D;
border-style				: solid;
border-width				: 1px;
}

.rood td
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #DA0D0D;
color						: #FFFFFF;
font-size					: 11px;
font-weight					: bold;
}

.rood:hover td
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #FFFFFF;
color						: #DA0D0D;
font-size					: 11px;
font-weight					: bold;
border-color				: #DA0D0D;
border-style				: solid;
border-width				: 1px;
}

.geel
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #FFFF00;
color						: #000000;
font-size					: 11px;
font-weight					: bold;
}

.geel:hover
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #000000;
color						: #FFFF00;
font-size					: 11px;
font-weight					: bold;
border-color				: #DA0D0D;
border-style				: solid;
border-width				: 1px;
}

.geel td
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #FFFF00;
color						: #000000;
font-size					: 11px;
font-weight					: bold;
}

.geel:hover td
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #000000;
color						: #FFFF00;
font-size					: 11px;
font-weight					: bold;
border-color				: #DA0D0D;
border-style				: solid;
border-width				: 1px;
}

.groen
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #009933;
color						: #FFFFFF;
font-size					: 11px;
font-weight					: bold;
}

.groen:hover
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #FFFFFF;
color						: #009933;
font-size					: 11px;
font-weight					: bold;
border-color				: #009933;
border-style				: solid;
border-width				: 1px;
}

.groen td
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #009933;
color						: #FFFFFF;
font-size					: 11px;
font-weight					: bold;
}

.groen:hover td
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #FFFFFF;
color						: #009933;
font-size					: 11px;
font-weight					: bold;
border-color				: #009933;
border-style				: solid;
border-width				: 1px;
}

.donkerblauw
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #000066;
color						: #FFFFFF;
font-size					: 11px;
font-weight					: bold;
text-decoration				: none;
}

.donkerblauw:hover
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #FFFFFF;
color						: #000000;
font-size					: 11px;
font-weight					: bold;
border-color				: #000066;
border-style				: solid;
border-width				: 1px;
}

.donkerblauw td
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #000066;
color						: #FFFFFF;
font-size					: 11px;
font-weight					: bold;
text-decoration				: none;
}

.donkerblauw:hover td
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #FFFFFF;
color						: #000000;
font-size					: 11px;
font-weight					: bold;
border-color				: #000066;
border-style				: solid;
border-width				: 1px;
}

.blauw
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #1087FE;
color						: #FFFFFF;
font-size					: 11px;
font-weight					: bold;
text-decoration				: none;
}

.blauw:hover
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #FFFFFF;
color						: #1087FE;
font-size					: 11px;
font-weight					: bold;
}

.blauw td
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #1087FE;
color						: #FFFFFF;
font-size					: 11px;
font-weight					: bold;
text-decoration				: none;
}

.blauw:hover td
{
height						: 20px;
padding						: 2px;
padding-left				: 5px;
width						: 100%;
background-color			: #FFFFFF;
color						: #1087FE;
font-size					: 11px;
font-weight					: bold;
border-color				: #1087FE;
border-style				: solid;
border-width				: 1px;
}

/* EINDE NAVIGATIE MENU STYLES */

.koptext
{
font:Arial, Helvetica, sans-serif;
font-size:24px;
color:#FFFFFF;
}

input.groovybutton
{
   font-size:14px;
   font-weight:bold;
   color:#FFFFFF;
   width:150px;
   height:30px;
   background-color:#000099;
   border-style:outset;
   border-color:#FF0000;
   border-width:3px;
}

#image {
    max-width: 150px;
    max-height: 300px;
    border: 0px;
    padding: 0px;
}

.image {
    max-width: 150px;
    max-height: 300px;
    border: 0px;
    padding: 0px;
}
