﻿html 
{
    height:			    100%;
	/*overflow-y:		    scroll;*/
}

h1
{
    font-size:      18pt;
    font-weight:    normal;
}

h2
{
    font-size:      15pt;
    font-weight:    normal;
    color:          #851368;
}

h3
{
    font-size:      12pt;
    font-weight:    normal;
    color:          #851368;
}

.Green
{
    color:          #00583E;
}

.Purple
{
    color:          #851368;
}


p, P
{
line-height: 14pt;
}


body 
{
	font-family:            tahoma;
	font-size:              10pt;
	font-weight:            normal;
	text-align:             left;
	color:                  #606060;
	padding:	            0;
	margin:		            0;
	height:                 100%;
    width:			        100%;
	display:                block;
	text-align:             center;	
	background-color:       #66bc29;	
}

.HeaderTop
{
	width:					100%;	
	height:					39px;	
	clear:					both;
	float:					left;
	position:				relative;
	border-bottom:		    solid 2px #99CC99;
	background-color:		#66bc29;
	color: #FFFFFF;
}

    .HeaderTopContent
    {
	margin:             0 auto;
	width:			    960px;
	height:			    39px;
	text-align:		    left;
}


    .HeaderTopMenu
    {
        float:left;
        position:relative;
        padding-top: 14px;
       
    }
    
    .FooterMenu
    {
        float:right;
        position:relative;
    }
    
     .HeaderTopMenu ul,
     .FooterMenu ul
     {
        float:left;
        position:relative;
        padding:0;
        margin:0;
        list-style-image:   none;
        list-style-type:    none;
     
     }
     
     .HeaderTopMenu ul li,
     .FooterMenu ul li
     {
       float:              left;
        position:           relative;
     }
     
     .HeaderTopMenu ul li a:link,
     .HeaderTopMenu ul li a:visited,
     .FooterMenu ul li a:link,
     .FooterMenu ul li a:visited
     {
        float:              left;
        position:           relative;
        padding:            0 20px 0 0;
        margin:             0;
        color:              #FFFFFF;
        text-decoration:    none;
     }
    
    .HeaderTopMenu ul li a:active,
    .HeaderTopMenu ul li a:hover,
    .FooterMenu ul li a:active,
    .FooterMenu ul li a:hover
     {
        color:              #333333;
     }
    
    .FooterMenu ul li a:link,
    .FooterMenu ul li a:visited
    {
        padding: 0 0 0 20px;
    }
    
    .HeaderTopSearch
    {
        float:right;
        position:relative;
         padding-top: 6px;
    }   

    .HeaderTopMenu ul li ul,
    .FooterMenu ul li ul
     {
       display:none;
     }
     

.Header
{
	margin:             0 auto;
	width:			    960px;
	height:			    117px;
	clear:			    both;
	text-align:		    left;
	border-bottom:      solid 3px #D1D1D1;
}

.Logo
 {
     float:             left;
     position:          relative;
     border-width:      0px; 
     width:             246px;
     height:            58px;
     margin-top:        29px;
 }

.Menu
 {
    float:              right;
    position:           relative;
    height:             93px;
    /*width:              633px;*/
    overflow:           hidden;
    text-align:right;
 }
 
 .Menu ul
     {      
        padding:0;
        margin:0;
        list-style-image:   none;
        list-style-type:    none;
     
     }
     
     .Menu ul li 
     {
        float:              left;
        position:           relative;
        text-transform:     lowercase;
        font-size:          13pt;
       
     }
     
     .Menu ul li ul
     {
        display:none;
     }
     
     .Menu ul li a:link,
     .Menu ul li a:visited
     {
        float:                  left;
        position:               relative;
        padding:                65px 22px 10px 22px;
        margin:                 0;
        color:                  #3D3D3D;
        text-decoration:        none;
        text-transform:         lowercase;
     }
    
    .Menu ul li #activeitem,
    .Menu ul li a.inpath
    {
        /*background-image:       url(/Files/System/images/menu_bg.gif);*/
	    background-position:    center top;
	    background-repeat:      no-repeat;
        background-color:       #026549;
        color:                  white;
     }
     
    .Menu ul li a:hover
     {
        /*background-image:       url(/Files/System/images/vlinder.gif);*/
	    background-position:    center top;
	    background-repeat:      no-repeat;
        /*background-color:       #026549;*/
        color:                  white;
     } 

        .Menu ul li:hover
     {
      background-color:       #026549;
     } 
 .Breadcrumb
  {
    float:              right;
    position:           relative;
    clear:              both;
    padding-top:        5px;
    width:              633px;
    text-align:right;
 }
 
.Breadcrumb a:link,
.Breadcrumb a:active,
.Breadcrumb a:visited
 {
    color: #252525;
 }

.Breadcrumb a:hover
{
    color: #969696;
}
.SiteContainer
{
	width:              100%;
	height:             auto;
	clear:              both;
	float:              left;
	position:           relative;
	text-align:         center;
	background-color:   white;
}

.Sfeerbeelden
{
    display:            block;
    position:           relative;
	margin:             3px auto;
	width:			    960px;
	height:             383px;
	clear:			    both;
	text-align:		    left;
	border-bottom:      solid 3px #D1D1D1;	
	overflow:           hidden;
}

.SiteContainerContent
{
	width:              960px;
	margin:             5px auto;
	text-align:         left;	
	position:           relative;
	display:            block;
}

.PaginaTitel
{
    float:              left;
    position:           relative;
}

hr
{
    width:              100%;
    float:              left;
    clear:              both;
    margin-top:         10px;
    /*margin-bottom:      10px;*/
    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
{
	width:					100%;	
	height:					190px;
	min-height:             190px !important; 
	overflow:				visible;	
	clear:					both;
	float:					left;
	position:				relative;
	border-top:				solid 2px #99CC99;
	background-color:		#66bc29;
	padding-top:            10px;
}

    .FooterContent
    {
	    margin:			        0 auto;
	    width:			        960px;
	    clear:			        both;
	    text-align:		        left;
    }
    
    .FooterItem
    {
        float:              left;
        position:           relative;
        padding:            30px;
     }

    .FooterLogo
    {
        float:              left;
        position:           relative;
        margin-right:       20px;
        margin-bottom:      10px;
        margin-top:         10px;
        border:             0;
    }




/* ## 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;
    }
    
     .ParagraphContentLeft
    {
        float:              left;
        position:           relative;
        padding:            10px;
        width:              240px;
    }
    
    .ContentLeft H1,
    .ContentLeft h1,
    .ContentRight H1,
    .ContentRight h1    
    {
        color:          #00583E;
    }

    
    .ContentRight
    {
        float:              right;
        position:           relative;
        padding:            10px;
        width: 310px;
    }
    
    .ParagraphContentRight
    {
        float:              right;
        position:           relative;
        padding:            0px 10px 10px 10px;
        width:              660px;
    }
    
    
    /*.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;
     }
     
    .ContentLeft a:link,
    .ContentLeft a:visited,
    .ContentLeft a:active,
    .ContentLeft a:hover
    {
        color:              #00583E;
    }
    
.NieuwsbriefEmail
{
   float:           left;
    position:       relative;
    margin-top:     10px;
    width:          175px;
    color:          #666666;
    margin-right: 5px;
}

.NieuwsbriefAanmelden
{
   float:               left;
    position:           relative;
    background-color:   #0A664D;
    color:              White;
    margin-top:         11px;
    width:              80px;
    margin-left:        5px;
   
}

.NieuwsbriefAfmelden
{
    float:              left;
    position:           relative;   
    margin-top:         4px; 
    margin-left:        4px;
    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:			center;  
    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;
}

.KoopZondagen
{
    float:          left;
    position:       relative;
    clear:          both;
     width:          610px;
    border: solid 1px silver;
    margin-bottom: 10px;
    padding: 10px;
    height: 20px; 
    overflow: hidden;
    
    }
    
    .KoopZondagen *
    {
        float:left;
        position:relative;
    }
    
    .KoopzondagLink
    {
    float:left;
    position:relative;
    margin-left: 15px;
    margin-right: 0px;
    color: #851368;
    }   
  
    
   .KoopzondagLink_h2
  {
    float:left;
    position:relative;
    margin-left: 20px;
    margin-right: 0px;
    text-decoration: none;
    color: #000000;
    }
    
.KoopzondagLinkHidden,
.tbHidden
{
  visibility: hidden;
  width: 10px;
  height:10px;
  background-color:Red;
  overflow:hidden;
  border: solid 1px red;
}

    
.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
{
    float:              right;
    position:           relative;
    border:             solid 1px silver;
    padding:            3px 20px 3px 20px;
    text-align:         center;
    margin-top:         10px;
}

.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
{
text-align:center;
color: Black;
font-size: 9pt;
height: 64px;
}

.WinkelwagenTabNow
{
text-align:center;
color: #AFAFAF;
font-size: 9pt;
height: 64px;
}


#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;
}

.WinkelwagenBtnTerug:link,
.WinkelwagenBtnTerug:active,
.WinkelwagenBtnTerug:visited,
.WinkelwagenBtnTerug:hover
{
    float:              left;
    position:           relative;
    background-image:   url(/Files/System/images/btn_winkelwagen_bg.png);
    background-repeat:  no-repeat;
    color:              White;
    width:              150px;
    height:             17px;
    padding-top:        3px;
    border:             0;
    text-align:         center;
    font-size: 8pt;
    text-decoration:none;
}

.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;
    margin-top: 10px;
}

.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;
        height:             40px;
        overflow:           hidden;
    }
    
    .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
{
   float:              left;
    position:           relative;
     width:              180px;
    font-size:          18pt;
    font-weight:        bold;
     color:             #851368;
     clear:both;
    }
    
.ProductPrijsInfo .PriceKorting
{
   float:              left;
    position:           relative;
     width:              180px;
    font-size:          22pt;
    font-weight:        bold;
     color:             red;
     clear:             both;
     margin-top:        10px;
    }
    
    
.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; 
      margin-top:         10px;
        margin-bottom:         10px;
    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;    
}

.KalenderItemDetailTerug a:link,
.KalenderItemDetailTerug a:active,
.KalenderItemDetailTerug a:visited,
.KalenderItemDetailTerug 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;
}

.ProductOutOfStock
{
    color: Red;
    font-weight: bold;
    width: 170px;
}

.Error
{
    color: Red;
    font-weight: bold;
}

.PanelBreak
{
/*position:relative;
float:left;
clear:both;
  width:              738px;*/
}

.ValidationError
{
    float:left;
    position:relative;
    padding-top: 3px;    
    font-size: 8pt;
    margin-left: 20px;
}
