html 
{
    height:			    100%;
}

h1
{
    font-size:      18pt;
    font-weight:    normal;
}

h2
{
    font-size:      15pt;
    font-weight:    normal;
}

h3
{
    font-size:      12pt;
    font-weight:    normal;
}

.Green
{
    color:          black;
}

.Purple
{
    color:          black;
}


p, P
{
line-height: 14pt;
}


body 
{
	font-family:            tahoma;
	font-size:              10pt;
	font-weight:            normal;
	text-align:             left;
	color:                  black;
	padding:	            0;
	margin:		            0;
	height:                 100%;
    width:			        100%;
	display:                block;
	text-align:             left;	
}

.HeaderTop
{
	display:none;
}


    
    .FooterMenu
    {
     	display:none;
    }
    
   

.Header
{
        display:none;
}

.Logo
 {
      display:none;
 }

.Menu
 {
   display:none;
 }
 
 
 .Breadcrumb
  {
    display:none;
 }
 
.SiteContainer
{
	width:              100%;
	height:             auto;
	clear:              both;
	float:              left;
	position:           relative;
	text-align:         left;
}

.Sfeerbeelden
{
     display:none;
}

.SiteContainerContent
{
	
}

.PaginaTitel
{
    float:              left;
    position:           relative;
    padding-left:       13px;
}

hr
{
    width:              100%;
    float:              left;
    height:             0px;
    overflow:           hidden;
    position:           relative;
    background-color:   White;
    color:              White;
    border-bottom:      solid 1px #D1D1D1;
    border-top:         none;
    border-left:        none;
    border-right:       none;
}

.Footer
{
	 display:none;
}

   

/* ## Overzicht groepen producten ## */ 
.Webshop_icon
{
    position:absolute;
    display:block;
    top: -6px;
    left: -5px;
    z-index: 25;
}

.OverzichtGroepen
{
    float:              left;
    position:           relative;
    margin-top:         10px;
    display:            block;   
}

    .ProductGroepContainer
    {
        float:              left;
        position:           relative;
        width:              226px;     
        margin-bottom:      10px;
        border:             solid 1px #E6E6E6;
        background-color:   #F6F6F6;
    }
    
    .Loop2, .Loop3, .Loop0
    {
        margin-left: 16px;
    }
    
    .ProductGroepAfbeelding
    {
        float:              left;
        position:           relative;
        width:              200px;  
        height:             130px;   
        border:             0;
        margin:             10px 0 0 13px;
    }

    .ProductGroepTitel a:link,
    .ProductGroepTitel a:active,
    .ProductGroepTitel a:hover,
    .ProductGroepTitel a:visited
    {
        float:              left;
        position:           relative;
        padding-top:        10px;
        padding-left:       0px;
        margin-left:        10px;
        text-decoration:    none;
        color:              #851368;
    }
    
    .ProductGroepOmschrijving
    {
        float:              left;
        position:           relative;
        height:             60px;
        width:              203px;
        overflow:           hidden;
        line-height:        16pt; 
        color:              #262626;
        padding:            5px 0 5px 15px;
    }
    
    .ProductGroepLink
    {
        float:              right;
        position:           relative;
        padding:            10px 10px 15px 0;
    }
    
    .GroupName
    {
        text-transform:     lowercase ;
    }
    
    /* */ 
    

    
    
    /* HOME CONTENT */
    
    .ContentLeft
    {
        float:              left;
        position:           relative;
        padding:            10px;
        width:              590px;
    }
    
    .ContentLeft H1,
    .ContentLeft h1,
    .ContentRight H1,
    .ContentRight h1    
    {
        color:          #00583E;
    }

    
    .ContentRight
    {
        float:              right;
        position:           relative;
        padding:            10px;
        width: 310px;
    }
    
    
    .ContentLeft a:link,
    .ContentLeft a:visited,
    .ContentRight a:link,
    .ContentRight a:visited
     {
        float:              right;
        position:           relative;
        font-size: 10pt;
        padding:            0;
        margin:             0;
        color:              #00583E;
     }
    
    .ContentLeft a:active,
    .ContentLeft a:hover,
    .ContentRight a:active,
    .ContentRight a:hover
     {
        color:              #333333;
     }
    
.NieuwsbriefEmail
{
   float:           left;
    position:       relative;
    margin-top:     10px;
    width:          175px;
    color:          #666666;
}

.NieuwsbriefAanmelden
{
   float:               left;
    position:           relative;
    background-color:   #0A664D;
    color:              White;
    margin-top:         9px;
    width:              80px;
    margin-left:        5px;
   
}

.NieuwsbriefAfmelden
{
    float:              left;
    position:           relative;   
    margin-top:         10px; 
    color:              #0A664D;
    font-size:          8pt;  
}

.gmaps_zoombutton
{
    color:				white;  
    background-image:       url(/Files/System/images/gmaps_zoom_bg.png);
    background-repeat:      no-repeat;
    /*font-family:        Arial, Verdana, Trebuchet MS;*/
    font-size:          8pt; 
    font-weight:        bold;
    margin-Bottom:		3px;  
    text-Align:			left;  
    width:				61px; 
    padding-top: 2px; 
    height: 19px;
    cursor:				pointer;
    line-height:        150%;
}

.gmaps_maptypebutton_small
{
     color:				white;  
    background-image:       url(/Files/System/images/gmaps_type_small_bg.png);
    background-repeat:      no-repeat;
     font-size:          8pt; 
    font-weight:        bold;
    margin-Bottom:		3px;  
    text-Align:			center;  
    width:				46px; 
    padding-top:        2px; 
    height:             19px;
    cursor:				pointer;
    line-height:        150%;
    
}

.gmaps_maptypebutton_large
{
     color:				white;  
    background-image:       url(/Files/System/images/gmaps_type_large_bg.png);
    background-repeat:      no-repeat;
     font-size:          8pt; 
    font-weight:        bold;
    margin-Bottom:		3px;  
    text-Align:			center;  
    width:				63px; 
    padding-top:        2px; 
    height:             19px;
    cursor:				pointer;
    line-height:        150%;
    
}

.gmapskaart
{
    float:right;
    position:relative;
    width: 630px;
}

.gmap
{
    float:          left;
    position:       relative;
    width:          628px;
    height:         498px;
    border:         solid 1px silver;
    margin-right:   10px;
}    

.DivRoute
{
	 float:left;
	  width:          628px;	 
	 display:none;
	 height:auto;
	 overflow:visible;
}

.filialenoverzicht
{
    float:          left;
    position:       relative;
    width:          325px;
    /*margin-top:     90px;*/
}

.filialenoverzicht a:link,
.filialenoverzicht a:active,
.filialenoverzicht a:hover,
.filialenoverzicht a:visited
{
    color:              #00583E; 
    font-weight:        bold;
    text-decoration:    none;
}

.filialenoverzicht ul.FiliaalLijst li
{
    padding: 4px;
}

.filialenoverzicht ul li a:link,
.filialenoverzicht ul li a:active,
.filialenoverzicht ul li a:hover,
.filialenoverzicht ul li a:visited
{
    color:              black; 
    text-decoration:    none;
    font-weight:        bold;
}


.FiliaalZoeken
{
    float:          left;
    position:       relative;
    width:          425px;
    height:         40px;
    margin-top:     50px;
}

.FiliaalZoekbox
{
   float:           left;
    position:       relative;
    width:          100px;
    color:          #666666;
}

.FiliaalZoekKnop
{
    float:              left;
    position:           relative;
    background-image:   url(/Files/System/images/btn_filiaalzoeken_bg.png);
    background-repeat:  no-repeat;
    font-size:          8pt; 
    font-weight:        bold;
    width:              230px;
    height:             17px;
    padding-top:        3px;
    text-align:         center;
    text-decoration:    none;
    color:              white;
    margin-left:        10px;
}

.FiliaalZoekKnopSmall
{
    float:              left;
    position:           relative;
    background-image:   url(/Files/System/images/btn_filiaalzoeken_small_bg.png);
    background-repeat:  no-repeat;
    font-size:          8pt; 
    font-weight:        bold;
    width:             100px;
    height:             21px;
    padding-top:        2px;
    text-align:         center;
    text-decoration:    none;
    color:              white;
    margin-left:        10px;
    border: 0;
    cursor: pointer;
    cursor: hand;
}

.RouteFiliaalSmall a:link,
.RouteFiliaalSmall a:active,
.RouteFiliaalSmall a:visited,
.RouteFiliaalSmall a:hover {
color:White;
}

.buttonroute
{
border: 0;
background-color:Transparent;
    color:              #00583E; 
    text-decoration:    none;
    padding: 0;
    margin: 0;
    cursor:pointer;
    cursor: hand;
    font-weight: bold;
    font-family:            tahoma;
	font-size:              10pt;
}



.slideshow1 { 
    float:          left;
    position:       relative;
    height:         380px; 
    width:          625px; 
    margin:         auto 
}


.slideshowoverlay {
    position:           absolute;
    width:              599px;
    height:             25px;
    bottom:             13px;
    left:               14px;
    z-index:            100;
    background-color:   white;
    filter:             progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity:       .50;
    opacity:            .50;
}

.SlideShowThumbs
{
    position:           absolute;
    width:              599px;
    height:             15px;
    bottom:             18px;
    left:               18px;
    z-index:            101;
}

.ThumbContainerWhite
{
   float:               left; 
   position:            relative;
   margin-left:         11px;
   height:              15px;
   width:               15px;
   background-color:    White;
}

.ThumbContainerPurple
{ 
    float:               left; 
   position:            relative;
   margin-left:         11px;
   height:              15px;
   width:               15px;
   background-color:    purple;
}




.ThumbContainer img {
   float:               left; 
   position:            relative;
}

.slideshow2 { 
    float:          right;
    position:       relative;
    height:         260px; 
    width:          330px; 
    margin:         auto 
}

.sfeerbeeldteksten { 
    float:              right;
    position:           relative;
    background-image:   url(/Files/System/images/sfeerbeeld_tekst_bg.gif);
    background-repeat:  no-repeat;
    height:             260px; 
    width:              330px; 
    margin:             5px 0 0 0;
}

.sfeerbeeldteksten .Regel1
{
    float:          left;
    position:       relative;
    margin-top:     30px;
    width:          295px;
    text-align:     right;
    font-size:      24pt;
    letter-spacing: 2px;
    color:          White;
    
}

.sfeerbeeldteksten .Regel2
{
    float:          left;
    position:       relative;
    width:          275px;
    text-align:     right;
    font-size:      18pt;
    color:          #FFF555;
    margin-top:     -2px;
}

.ZoekBox
{
   float:           left;
    position:       relative;
    width:          150px;
    color:          #666666;
    text-align:center;
}

.ZoekKnop
{
    float:              left;
    position:           relative;
    font-size:          8pt;
    margin-top:         2px;
    background-image:   url(/Files/System/images/knop_groen_bg.gif);
    background-repeat:  no-repeat;
    color:              White;
    width:              65px;
    margin-left:        10px;
    height:             18px;
    border:             0;
   
}

.WinkelwagenSmall
{
   display:none;
}

.WinkelwagenSmall a:link, 
.WinkelwagenSmall a:visited, 
.WinkelwagenSmall a:active, 
.WinkelwagenSmall a:hover 
{
    font-size:      11pt;
    font-weight:    bold;
    color:          #851368;
    padding-bottom: 2px;
    text-decoration: none;
}

.WW_Stap1
{
    background-image:   url(/Files/System/images/ww_stap_01_bg.jpg);
    background-repeat:  no-repeat;
    background-position: bottom left;
}

.WW_Stap2
{
    background-image:   url(/Files/System/images/ww_stap_02_bg.jpg);
    background-repeat:  no-repeat;
    background-position: bottom left;
}

.WW_Stap3
{
    background-image:   url(/Files/System/images/ww_stap_03_bg.jpg);
    background-repeat:  no-repeat;
    background-position: bottom left;
}

.WW_Stap4
{
    background-image:   url(/Files/System/images/ww_stap_04_bg.jpg);
    background-repeat:  no-repeat;
    background-position: bottom left;
}

.WW_Stap5
{
    background-image:   url(/Files/System/images/ww_stap_05_bg.jpg);
    background-repeat:  no-repeat;
    background-position: bottom left;
}

.WW_Stap6
{
    background-image:   url(/Files/System/images/ww_stap_06_bg.jpg);
    background-repeat:  no-repeat;
    background-position: bottom left;
}

.CustomCenter
{
    background-image:   url(/Files/System/images/customercenter_bg.jpg);
    background-repeat:  no-repeat;
    background-position: bottom left;
}

.CustomCenterTab
{
    text-align:         center;
    color:              Black;
    font-size:          9pt;
}

.CustomCenterTab a:link,
.CustomCenterTab a:active,
.CustomCenterTab a:visited,
.CustomCenterTab a:hover
{
    text-decoration:    none;
    font-weight:        bold;
    color:              #851368;
}

.CustomerCenterOrderRow a:link,
.CustomerCenterOrderRow a:active,
.CustomerCenterOrderRow a:visited,
.CustomerCenterOrderRow a:hover
{
    text-decoration: none;
    color: #333333;
}

.WWFormulier
{
    float:              left;
    position:           relative;
    padding:            10px;
    border:             solid 1px silver;
    width:              938px;
}

.BetaalMethode
{
    float:              left;
    position:           relative;
    text-align:         left;
    padding:            10px;
    border:             solid 1px silver;
    width:              440px;
}

.AfleverMethode
{
    float:              right;
    position:           relative;
    text-align:         left;
    padding:            10px;
    border:             solid 1px silver;
    width:              440px;
}

.WinkelwagenTab
{
display:none
}

.WinkelwagenTabNow
{
display:none
}


#orderdetails a:link,
#orderdetails a:active,
#orderdetails a:visited,
#orderdetails a:hover
{
color:black;
text-decoration: none;
}

.WinkelwagenbuttonTerug:link,
.WinkelwagenbuttonTerug:active,
.WinkelwagenbuttonTerug:visited,
.WinkelwagenbuttonTerug:hover
{
    float:              left;
    position:           relative;
    background-image:   url(/Files/System/images/btn_winkelwagen_back_bg.png);
    background-repeat:  no-repeat;
    color:              White;
    width:              126px;
    height:             20px;
    border:             0;
    text-align:         center;
}

.WinkelwagenbuttonVerder
{
    float:              right;
    position:           relative;    
    background-image:   url(/Files/System/images/btn_winkelwagen_verder_bg.png);
    background-repeat:  no-repeat;
    width:              150px;
    height:             20px;
    border:             0;
}

/* MENU PRODUCTEN */ 

    
    /* PRODUCT CATEGORIEEN */
    .CategorieOverzichtLijst
    {
        float:          left;
        position:       relative;
        padding-top:    10px;
        width:          150px;
    }
    
    .CategorieOverzichtLijst ul
    {
        float:left;
        position:relative;
        padding:0;
        margin:0;
        list-style-image:   none;
        list-style-type:    none;
    }
    
    .CategorieOverzichtLijst ul li
    {
        float:              left;
        position:           relative;
        margin-left:        5px;
        clear:              both;
    }
    
 
    
     .CategorieOverzichtLijst ul li ul
    {
        float:left;
        position:relative;
        padding:0;
        margin:0;
        list-style-image:   none;
        list-style-type:    none;
        clear:both;
    }
    
     .CategorieOverzichtLijst ul li ul li
    {
        float:              left;
        position:           relative;
        margin-left:        20px;
        clear:              both;
    }
    
     .CategorieOverzichtLijst ul li a:link,
     .CategorieOverzichtLijst ul li a:visited
     {
        float:              left;
        position:           relative;
        padding:            5px 0px 5px 0;
        margin:             0;
        color:              #707070;
        text-decoration:    none;
     }
    
    .CategorieOverzichtLijst ul li a:active,
    .CategorieOverzichtLijst ul li a:hover
     {
        color:              #333333;
     }
    
       .CategorieOverzichtLijst ul li a.inpath
    {
        font-weight: bold;
        color: #333333;
    }
    
    .CategorieOverzicht
    {
        float:          right;
        position:       relative;
        width:          770px;
    }
    /*  */

.paragraph
{

}

.ShowTrue
{

}

.ShowFalse,
.Show0
{
    display:none;
}



.CategorieOmschrijving
{
 
    line-height: 150%;
}

.OverzichtProductenPaging
{
    float:              left;
    position:           relative;
    border:             solid 1px #E9E9E9;
    background-color:   #F6F6F6;
    width:              738px;
    padding:            8px 15px 15px 15px;
    text-align:         right;
    color:              #676767;
}

.OverzichtProducten
{
    float:              left;
    position:           relative;
    border:             solid 1px #E4E4E4;
    background-color:   #FFFFFF;
    width:              736px;
    text-align:         left;
    margin-top:         5px;
}

.OverzichtProducten  ul
     {      
        padding:0;
        margin:0;
        list-style-image:   none;
        list-style-type:    none;
     
     }

.OverzichtProducten ul li
{
/*background-color: Red;*/
    float:      left;
    position:   relative;
    width:      162px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding:    0 10px 10px 10px;
}


    .listitem2, .listitem3, .listitem0
    {
        border-left: solid 2px #ECECEC;
    }
    
    .OverzichtProducten ul li H3 a:link,
    .OverzichtProducten ul li H3 a:active,
    .OverzichtProducten ul li H3 a:visited,
    .OverzichtProducten ul li H3 a:hover
    {
        float:              left;
        position:           relative;
        clear:              both;
        color:              #851368;
        text-decoration:    none;
    }
    
    .OverzichtProducten ul li .MeerInfo
    {
        float:              left;
        position:           relative;
        clear:              both;
        color:              #3F3F3F;
        font-weight:        bold;
        font-size:          8pt;
    }
    
    .OverzichtProducten ul li .ProductImage
    {
        float:              left;
        position:           relative;
        clear:              both;
        width:              160px;
        height:             100px;
        overflow:           hidden;
        margin-top:         10px;
    }
    
    .OverzichtProducten ul li .price
    {
        float:              right;
        position:           relative;
        clear:              both;
        font-size:          14pt;
        color:              Black;
    }
    
    .InWinkelwagen
    {
          float:            left;
        position:           relative;
        clear:              both;
        color:              White;
        text-decoration:    none;
         font-size:          8pt;
        background-image:   url(/Files/System/images/winkelwagen_btn_bg.png);
        background-repeat:  no-repeat;
        color:              White;
        width:              90px;
        height:             17px;
        padding-top:        3px;
        margin-top: 10px;
        margin-left: 40px;
    border:             0;
    text-align:         center;
        
    }
    


.ProductAfbeeldingenGroot
{
    float:              left;
    position:           relative;
    width:              310px;
    height:             auto;
    margin-top:         5px;
}

.AfbeeldingGrootLink
{
    float:              left;
    position:           relative;
    width:              310px;
    text-align:         center;
    text-decoration:    none;
    color:              #666666;
    margin-top:         5px;
}

.AfbeeldingGrootLink img
{
    border:             none;
}

.ProductAfbeeldingenKlein
{
    float:              left;
    position:           relative;
    width:              100px;
    height:             auto;
}

.ProductAfbeeldingenKlein img
{
    border:             solid 1px silver;
    float:              left;
    position:           relative;
    margin-bottom:      10px;
    cursor:             pointer;
    cursor:             hand;
}

.ProductVarianten
{
    float:              right;
    position:           relative;
    height:             auto;
    background-color:   #F6F6F6;
    width:              160px;
    border:             solid 1px #E5E5E5;
    padding:            23px 0 10px 15px ;
}

.ProductVarianten select
{
    width:              140px;
}

     .ProductVarianten a:link,
     .ProductVarianten a:visited
     {
        color:              #707070;
        text-decoration:    none;
     }
    
    .ProductVarianten a:active,
    .ProductVarianten a:hover
     {
        color:              #333333;
     }
.InWinkelwagenVariant
{
    cursor:             pointer;
    cursor:             hand;
    border:             0;
}

.ProductPrijsInfo
{
    float:              right;
    position:           relative;
    width:              180px;
    height:             auto;
    
}

   .ProductPrijsInfo a:link,
     .ProductPrijsInfo a:visited
     {
        color:              #333333;
     }
    
    .ProductPrijsInfo a:active,
    .ProductPrijsInfo a:hover
     {
        color:              #707070;
     }
     
.ProductPrijsInfo .price
{
    font-size:          18pt;
    font-weight:        bold;
     color:             #851368;
    }
    
.visibilityHidden
{
    visibility: hidden;
    }
    
.visibilityVisible 
{
    visibility: visible;
    }
    
.TuinkalenderMenu
{
    width:          240px;
    float:          left;
    position:       relative;
    padding-top:    10px;
}



.TuinkalenderMenu ul
    {
        float:left;
        position:relative;
        padding:0;
        margin:0;
        list-style-image:   none;
        list-style-type:    none;
    }
    
    .TuinkalenderMenu ul li
    {
        float:              left;
        position:           relative;
        margin-left:        5px;
        clear:              both;
    }
    
     
     .TuinkalenderMenu ul li a:link,
     .TuinkalenderMenu ul li a:visited
     {
        float:              left;
        position:           relative;
        padding:            8px 0px 8px 0;
        margin:             0;
        color:              #707070;
        text-decoration:    none;
     }
    
    .TuinkalenderMenu ul li a:active,
    .TuinkalenderMenu ul li a:hover
     {
        color:              #333333;
     }
    
    .TuinkalenderMenu ul li #activeitem
    {
        /*font-weight:        bold;*/
        color:              #851368;
        padding-left:       15px;
        background-image:   url(/Files/System/images/tuinkalender_menu_bg.gif);
        background-repeat:  no-repeat;
        background-position: left center;
    }
    



.TuinkalenderItems
{
    width:          700px;
    float:          right;
    position:       relative;
}

.VacatureItems
{
    width:          700px;
    float:          right;
    position:       relative;
}


.TuinkalenderListItem
{
    width:              680px;
    float:              left;
    position:           relative;
    padding:            5px 10px 20px 10px;
    margin-bottom:      20px;
    border-top:         solid 1px #CFCFCF;
    border-bottom:      solid 1px #CFCFCF;
    background-color:   #F6F6F6;
    text-align:         right;
}

.TuinkalenderListItemDetail
{
    width:              660px;
    float:              left;
    position:           relative;
    margin-top:         5px;
    padding:            0px 10px 10px 10px;
    /*margin-bottom:      20px;
    border-top:         solid 1px #CFCFCF;
    border-bottom:      solid 1px #CFCFCF;*/
    background-color:   #FFFFFF;
    line-height: 150%;
}

.TuinkalenderListItemDetail a:link,
.TuinkalenderListItemDetail a:active,
.TuinkalenderListItemDetail a:visited,
.TuinkalenderListItemDetail a:hover
{
    color: #851368;
}

.Paging
{
    float:              right;
    position:           relative; 
    clear:both;
}

.ProductPaging
{
    float:              right;
    position:           relative; 
    margin-top:         10px;
    margin-left:        5px;
    clear:              both;
}

.Paging a:link,
.Paging a:active,
.Paging a:visited,
.Paging a:hover,
.PagerButton
{
    color:              #5E5E5E;
    text-decoration:    none;
    padding:            3px;
}

.Paging b,
.PagerButtonActive
{
    font-weight:        normal;
    border:             solid 1px #C9C9C9;
    padding:            3px;
    color:              #5E5E5E;
    text-decoration:    none;
}

.KalenderItemDetail
{
    float:          left;
    position:       relative;
    line-height:    150%;
    clear:          both;
}

.KalenderItemDetail a:link,
.KalenderItemDetail a:active,
.KalenderItemDetail a:visited,
.KalenderItemDetail a:hover
{
    color:              #851368;
    padding:            3px;
    clear:              both;
    margin-top:         40px;
    float:              right;
    position:           relative;
}

.Formulier
{
    float:              left;
    position:           relative;
    padding:            10px;
    border:             solid 1px silver;
    text-align:         right;
}

.Formulier input
{
    border:             solid 1px silver;
    width:              200px;
    height:             18px;
    padding:            2px 0px 2px 4px;
}

.SearchResultTitle a:link,
.SearchResultTitle a:active,
.SearchResultTitle a:visited,
.SearchResultTitle a:hover
{
    text-decoration:    none;
    font-weight:        bold;
    color:              Black;
}

.Contactformulier
{

}

.Contactformulier table tr td 
{
    background-color:   white;
    padding-left:       5px;
    padding-right:      5px;
}

.Contactformulier table tr td input,
.Contactformulier table tr td select,
.Contactformulier table tr td textarea 
{
	font-family:            tahoma;
	font-size:              10pt;
	font-weight:            normal;
	text-align:             left;
	color:                  #606060;
}

.Contactformulier table tr td img
{
position:relative;
float:left;
margin-bottom: 10px;
 margin-top: 10px;
 background-color:silver;
}