/* ################################## */
/* algemeen */

html {
    height: 100%;
}

body {
    color : #002000;
    background-color: #DEEFDE;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    height: 100%;
}

img {
    border: 0px;
}


/* ################################## */
/* link opmaak */

a {
    color: #007100;
    font-family: Verdana,Arial;
    font-size: 11px;
    text-decoration : none;
    font-weight : bold;
}

a:hover {
    color: #990000;
    text-decoration : none;
}

a.tablink {
    color: #FFFFCC;
    font-family: Verdana,Arial;
    font-size: 11px;
    text-decoration : none;
    font-weight : bold;
}

a.tablink:hover {
    color: #FFFFFF;
    text-decoration : none;
}

a.kleinlink {
    text-decoration : none;
    font-weight : normal;
}

a.kleinlink:hover {
    text-decoration : none;
}

a.bedrijfsnaam {
    font-size: 110%;
    font-weight : normal;       
}

a.meerlink {
    text-decoration : underline;

}


a.footerlink {
    color: #004000;
    font-size: 9px;      
    font-weight: normal; 
}
a.footerlink:hover {
    text-decoration: underline; 
}

/* Links voor tuinlinks */

a.catsub {
    font-size: 90%;
    font-weight: normal;
}

a.link {
    font-size: 110%;  ]
    text-decoration : underline;
    font-weight: normal;   
}

.link-desc {
    font-size: 95%;
}

a.bezocht:visited {
    color: #990000; 
}
/* ################################## */
/* kruimelpad */

.kruimelpad {
    font-size: 90%;
    font-weight : normal;  
    color: #338F00; 
    margin-top: 5px;
    margin-right: 20px;   
}

a.kruimel {
    text-decoration : none;     
}

a.kruimel:hover {
    color: #85BF82; 
    text-decoration : underline;    
}

/* ################################## */
/* hoofdopmaak */     

.hoofdtabel {
    width: 944px; 
    background-color: white;
    border-collapse: collapse;   
    font-family : Verdana,Arial;
    font-size : 12px;
    font-style : normal;
}

table, p {
    font-family : Verdana,Arial;
    font-size : 12px;
    font-style : normal;
    border-spacing: 0px;
}

td, tr {
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: top;
    text-align:left; 
}

td.categorie { 
    padding:15px; 
    width: 33%;
    background: url(../images/site/achtermenu.jpg) no-repeat top left;
}

.header {
    height: 95px; 
	padding-left: 10px;
    background-image: url(../images/site/banner.jpg);
	background-repeat: no-repeat;
    text-align: center;
}

.tabmenu {
    height: 30px; 
    padding-left: 0px;
    vertical-align: bottom;
    border-bottom-color: green;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.contentheader { 
    text-align: left;  
    padding: 10px 10px 10px 20px;
}

.contentheader-inlog {
    padding: 10px 10px 10px 0px; 
    font-size : 10px;         
}

.content {
    padding: 0; 
    margin: 0;
}

.footer {
    height: 30px; 
    text-align: center;
    border-top-color: green;
    border-top-style: solid;
    border-top-width: 0px;
}

.container {
   margin: 0 5px 10px 10px; 
   text-align: left;  
}

.schaduwrechts {
    width: 19px;
    background-image: url('../images/site/schaduw-rechts.png');
    background-position: top right;
    background-repeat: repeat-y;
}

.schaduwonder {
    height: 19px;
    background-image: url('../images/site/schaduw-onder.png');  
    background-repeat: no-repeat;
}

 
/* ################################## */
/* tekstkoppen */  

h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold; display: inline; }
h1 {font-size:180%; line-height:100%; font-family:"georgia",serif; font-weight:normal; color: #297A01;}
h2 {font-size:160%; line-height:100%; font-family:"georgia",serif; font-weight:normal; color: #246B01;}
h3 {font-size:100%; line-height:100%; font-family:"georgia",serif; font-weight:bold; color: #FFFFFF;}
h4 {font-size:130%;line-height:100%; font-family:"georgia",serif; font-weight:bold; color: #246B01;}
h5 {font-size:100%;}

 
/* ################################## */
/* Tekstopmaak */ 

.producttitel {
    color: #85BF82;
    font-family: Verdana,Arial;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    line-height: 26px;
}


/* Opzomming */

ul {
	margin: 0; 
	padding: 0 10px 0 15px;
	list-style-image: url('../images/site/bullet_green.gif');
}

li {
	margin: 5px;
}

.menulijst li {
    border-bottom: 1px dotted #B6DC0D;
}



/* ################################## */
/* tabmenu */ 

    #tabsC {   
      font-size: 10px; 
      padding-left:10px;       
      }
    #tabsC ul {
        list-style:none;   
        padding: 0;  
        margin: 0;   
      }
    #tabsC li {
      display:inline;
      margin:0;
      padding:0;      
      }
    #tabsC a {
      float:left;
      background:url('../images/site/tableftC.gif') no-repeat left top;
      margin:0;
      text-decoration:none; padding-left:4px; padding-right:1px; padding-top:0; padding-bottom:0
      }
    #tabsC a span {
      float:left;
      display:block;
      background:url('../images/site/tabrightC.gif') no-repeat right top;
      font-weight: normal; 
	  padding-left:5px; 
	  padding-right:10px; 
	  padding-top:5px; 
	  padding-bottom:4px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsC a span {float:none;}
    /* End IE5-Mac hack */
    #tabsC a:hover span {
      }
    #tabsC a:hover {
      background-position:0% -42px;
      }
    #tabsC a:hover span {
      background-position:100% -42px;
      }
    #tabsC #current a {
      background-position:0% -42px;
      }
    #tabsC #current a span {
      background-position:100% -42px;
      }
      

/* ################################## */
/* Kollomen */  

.kollom170 {
    width: 170px;
    margin: 0 0px 10px 0px;
    padding: 0;
    background: url(../images/site/kollom/onder170.gif) no-repeat bottom left;
    }

.kollomboven170 {
    margin: 0;
    padding: 5px;
    font-size: 100%;
    background: url(../images/site/kollom/boven170.gif) no-repeat top left;
    text-align: left;
    margin: 0 0 0 0px;
    padding: 10px 10px 0px 10px;
    }

.kollom350 {
    width: 350px;
    margin: 0 0px 0px 0px;
    padding: 0;
    background: url(../images/site/kollom/onder350.gif) no-repeat bottom left; 
    float: left; 
    }

.kollomboven350 {
    margin: 0;
    font-size: 130%;
    background: url(../images/site/kollom/boven350.gif) no-repeat top left;
    padding: 10px; 
    font-size: 95%;
    }

.kollom530 {
    width: 530px;
    margin: 0 0px 0px 0px;
    padding: 0;
    background: url(../images/site/kollom/onder530.gif) no-repeat bottom left;
    }

.kollomboven530 {
    margin: 0;
    padding: 5px;
    font-size: 130%;
    background: url(../images/site/kollom/boven530.gif) no-repeat top left;
    } 
    
.kollom710 {
    width: 710px;
    margin: 0 0px 0px 0px;
    padding: 0;
    background: url(../images/site/kollom/onder710.gif) no-repeat bottom left;
    }

.kollomboven710 {
    margin: 0;
    padding: 5px;
    font-size: 130%;
    background: url(../images/site/kollom/boven710.gif) no-repeat top left;
    }   
    
.kollom900 {
    width: 900px;
    margin: 0 0px 0px 0px;
    padding: 0;
    background: url(../images/site/kollom/onder900.gif) no-repeat bottom left;
    }

.kollomboven900 {
    margin: 0;
    padding: 5px;
    font-size: 110%;
    background: url(../images/site/kollom/boven900.gif) no-repeat top left;
    }     
    
.kollomcontent {
    margin: 0 0 0 0px;
    padding: 0px 7px 10px 7px;
    color: #666;
    font-family: Verdana, sans-serif;
    font-size: 85%;
    }

#blauw, #blauw .kollomboven170, #blauw .kollomboven350,  #blauw .kollomboven530, #blauw .kollomboven710, #blauw .kollomboven900 {
    background-color: #EBF3EF;
    }

#rood, #rood .kollomboven170, #rood.kollomboven350,  #rood.kollomboven530, #rood.kollomboven710, #rood.kollomboven900 {
    background-color: #FFEAEA;
    }

#groen, #groen .kollomboven170, #groen .kollomboven350, #groen .kollomboven530, #groen .kollomboven710, #groen .kollomboven900 {
    background-color: #DEEFDE;
    }
    
#geel, #geel .kollomboven170, #geel .kollomboven350, #geel .kollomboven530, #geel .kollomboven710, #geel .kollomboven900 {
    background-color: #FCFBDF;
    }      

#grijs, #grijs .kollomboven170, #grijs .kollomboven350, #grijs .kollomboven530, #grijs .kollomboven710, #grijs .kollomboven900 {
    background-color: #EBEBEB;
    } 
    

/* ################################## */
/* menu */
      
.menu170 {
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;        
    BACKGROUND: url(../images/site/kollom/onder170.gif) #ccc no-repeat left bottom;  
    MARGIN: 0px 0px 10px 0px; 
    WIDTH: 170px; 
}

.menuboven170 {
    PADDING-RIGHT: 10px; 
    PADDING-LEFT: 10px; 
    PADDING-TOP: 5px;  
    PADDING-BOTTOM: 5px;       
    FONT-SIZE: 100%;     
    BACKGROUND: url(../images/site/kollom/boven170.gif) #999 no-repeat left top; 
    MARGIN: 0px 0px 0px 0px ; 
    COLOR: #fff; 
    BORDER-BOTTOM: #fff 1px solid
}

.menu350 {
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;        
    BACKGROUND: url(../images/site/kollom/onder350.gif) #ccc no-repeat left bottom;  
    MARGIN: 0px 10px 0px 0px; 
    WIDTH: 350px; 
}
.menuboven350 {
    PADDING-RIGHT: 10px; 
    PADDING-LEFT: 10px; 
    PADDING-TOP: 5px;  
    PADDING-BOTTOM: 5px;       
    FONT-SIZE: 100%;     
    BACKGROUND: url(../images/site/kollom/boven350.gif) #999 no-repeat left top; 
    MARGIN: 0px 0px 10px 0px ; 
    COLOR: #fff; 
    BORDER-BOTTOM: #fff 1px solid
}

.menu530 {
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;        
    BACKGROUND: url(../images/site/kollom/onder530.gif) #ccc no-repeat left bottom;  
    MARGIN: 0px 10px 0px 0px; 
    WIDTH: 530px; 
}

.menuboven530 {
    PADDING-RIGHT: 10px; 
    PADDING-LEFT: 10px; 
    PADDING-TOP: 5px;  
    PADDING-BOTTOM: 5px;       
    FONT-SIZE: 100%;     
    BACKGROUND: url(../images/site/kollom/boven530.gif) #999 no-repeat left top; 
    MARGIN: 0px 0px 10px 0px ; 
    COLOR: #fff; 
    BORDER-BOTTOM: #fff 1px solid
}

.menu710 {
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;        
    BACKGROUND: url(../images/site/kollom/onder710.gif) #ccc no-repeat left bottom;  
    MARGIN: 0px 10px 0px 0px; 
    WIDTH: 710px; 
}

.menuboven710 {
    PADDING-RIGHT: 10px; 
    PADDING-LEFT: 10px; 
    PADDING-TOP: 7px;  
    PADDING-BOTTOM: 5px;       
    FONT-SIZE: 100%;     
    BACKGROUND: url(../images/site/kollom/boven710.gif) #999 no-repeat left top; 
    MARGIN: 0px 0px 0px 0px ; 
    COLOR: #fff; 
    BORDER-BOTTOM: #fff 1px solid
}

.menucontent {           
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 5px; 
    PADDING-BOTTOM: 5px;        
    FONT-SIZE: 90%; 
    MARGIN: 0px 0px 0px 0px; 
    COLOR: #666; PADDING-TOP: 0px; 
    FONT-FAMILY: Verdana, sans-serif
}

.menufooter {
    PADDING-RIGHT: 10px; 
    PADDING-LEFT: 0px; 
    PADDING-BOTTOM: 10px;      
    MARGIN: 0px 0px 0px 10px; 
}

#rood .menuboven170, #rood .menuboven350, #rood .menuboven530, #rood .menuboven710 {
    BACKGROUND-COLOR: #FF3737;
}

#groen .menuboven170, #groen .menuboven350, #groen .menuboven530, #groen .menuboven710 {
    BACKGROUND-COLOR: #338F00;    
}

#geel .menuboven170, #geel .menuboven350, #geel .menuboven530, #geel .menuboven710 {
    BACKGROUND-COLOR: #D6C710;
}

#blauw .menuboven170, #blauw .menuboven350, #blauw .menuboven530, #blauw .menuboven710 {
    BACKGROUND-COLOR: #58947D;
}


/* ################################## */
/* image knoppen */


.knop-breed {
    padding:0; 
    border:0;  
    position:relative;  
}        
.knop-breed a {
    display:block;
    width:120px; 
    text-align: left; 
    top:0; 
    right:0;
    height:21px; 
    margin:0 0 0 0px; 
    padding: 3px 0 0 30px; 
    background:url("../images/site/knoppen/knop_breed.gif") 0 0 no-repeat; 
    color:#FFF; 
    text-decoration:none;
}

.knop-breed a:hover {
    background:url("../images/site/knoppen/knop_breed.gif") -150px 0 no-repeat;
}


/* korte knop */

.knop-kort {
    position:relative;
    padding:0; 
    border:0; 
}

.knop-kort a {
    display:block; 
    width: 120px;   
    text-align: center;
    margin-left: auto;    
    margin-right: auto;    
    position:relative; 
    top:0px; 
    right:0; 
    width:73px;  
    height:21px;  
    padding: 3px 0 0 22px; 
    background:url("../images/site/knoppen/knop_kort.gif") 0 0 no-repeat; 
    color:#FFF; 
    text-decoration:none;
}

.knop-kort a:hover {
    background:url("../images/site/knoppen/knop_kort.gif") -95px 0 no-repeat;
}


/* ################################## */
/* formulieren */

form {
    padding: 0px;
    margin: 0px;
}

input, select {
    padding: 2px;
    margin: 3px;
    border: 1px solid #269E34;    
    font-size: 11px;   
}

.knop {
    text-align: center;
    padding: 3px;
    font-size: 11px;
    background-color: #007100;
    border: 1px solid #003C00;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer; cursor: hand
}

hr {
    color: #297A01;
    height: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
}

input.check {
    border: 0px; 
}
       
.error {
    color: red;
}